.FlLft, ul.ActBtns li {
    float: left
}

.big, big, body {
    letter-spacing: 0
}

img.emoji, img.wp-smiley {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

.post {
    line-height: 2em;
    padding-bottom: 1px;
    text-align: justify
}

h1.Title1 {
    font-size: 35px
}

.row {
    width: 100%
}

.FlWid {
    width: 100% !important
}

.TxtRt {
    text-align: right
}

.mb40 {
    margin-bottom: 40px
}

.BgPos {
    background-position: center 70px !important
}

.Col2 {
    width: 50%
}

.Blog input[type=text], .Blog textarea {
    border: 1px solid #ccc !important
}

input[type=file] {
    border: none !important
}

.DefTbl, .DefTbl tbody td, .DefTbl thead th {
    text-align: left
}

.dataTable tbody td {
    border: 0
}

.BgPosAd {
    background-position: center 36px !important
}

.HeadHtAd {
    min-height: 50px !important
}

.dataTables_length label select {
    padding: 2px 6px;
    width: 80px
}

.dataTables_filter label input {
    padding: 2px 6px;
    height: 30px
}

ul.ActBtns {
    margin: 0 0 10px;
    padding: 0;
    display: inline-block
}

    .SuccessMsg i, ul.ActBtns li, ul.ActBtns li a i, .ErrorMsg i, ul.ActBtns li, ul.ActBtns li a i {
        margin-right: 5px
    }

        ul.ActBtns li a, ul.ActBtns li a:hover {
            display: inline-block;
            padding: 3px 15px
        }

.LoginCon span.psw, .ValdMsg {
    float: right
}

ul.ActBtns li a {
    color: #fff;
    background-color: #2ca5de;
    border-radius: 3px;
    transition: all .3s;
    text-decoration: none
}

    ul.ActBtns li a:hover {
        background-color: #a0a0a0;
        color: #262626;
        border-radius: 3px;
        transition: all .3s;
        text-decoration: none
    }

a.DefLinkBtn, a:hover.DefLinkBtn {
    color: #fff !important;
    background-color: #2ca5de !important;
    display: inline-block;
    padding: 11px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    margin-right: 7px;
    border: 2px solid #2ca5de !important;
    border-radius: 5px !important;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    background-repeat: repeat-x;
    border-radius: 3px;
    box-shadow: inset 0 0 0 0;
    background-image: none;
    transition: all .3s
}

a:hover.DefLinkBtn {
    background-color: #a0a0a0 !important;
    color: #262626 !important;
    text-decoration: none;
    border: 2px solid #a0a0a0 !important
}

.dataTable i {
    font-size: 18px
}

    .dataTable i.fa-icon-trash {
        color: #ff584e
    }

    .dataTable i.fa-icon-pencil {
        color: #0095eb
    }

a.DefLinkBtn {
    color: #fff
}

a:hover.DefLinkBtn {
    background-color: #a0a0a0;
    color: #262626
}

.pt-3 {
    padding-top: 35px
}

.SuccessMsg {
    position: absolute;
    width: 100%;
    padding: 10px 15px;
    background-color: #90d842;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #83c738;
    z-index: 9;
    margin-top: -17px
}

.ErrorMsg {
    position: absolute;
    width: 100%;
    padding: 10px 15px;
    background-color: #f95f5f;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #d65858;
    z-index: 9;
    margin-top: -17px
}

.counter {
    background-image: none !important
}

.LoginCon input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc !important;
    box-sizing: border-box
}

.loginbtn {
    background-color: #2ca5de !important;
    color: #fff !important;
    padding: 14px 20px;
    margin: 8px 0;
    border: 0;
    cursor: pointer;
    width: 100%
}

.LoginCon button:hover {
    opacity: .8
}

.LoginCon .Logincontainer {
    padding: 10px 16px;
    overflow: hidden
}

.ValdMsg {
    color: red;
    background-color: #ffe1e1;
    padding: 0 20px;
    border-radius: 14px
}

.GrayBg, .Login-content {
    background-color: #f1f1f1
}

.LoginCon {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

.Login-content {
    margin: 5% auto 15%;
    border: 1px solid #d8d8d8;
    width: 600px
}

.LoginCon .close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: 700
}

    .LoginCon .close:focus, .LoginCon .close:hover {
        color: red;
        cursor: pointer
    }

.ContMobNm {
    direction: ltr !important;
    text-align: left
}

.SelectSm {
    padding: 2px 6px
}

.FltRt {
    float: right
}

.mr-5 {
    margin-left: 5px
}

.TblCon {
    height: 52vh;
    overflow: auto
}

button.BtnSm {
    color: #fff !important;
    background-color: #2ca5de !important;
    border-radius: 3px !important;
    transition: all .3s;
    text-decoration: none;
    border: 0;
    padding: 2px 15px
}

    button.BtnSm:hover {
        background-color: #a0a0a0 !important;
        color: #262626 !important;
        border-radius: 3px !important;
        transition: all .3s;
        text-decoration: none;
        border: 0;
        padding: 2px 15px
    }

    button.BtnSm i {
        margin-right: 5px
    }

.TblHdBg thead tr th {
    background-color: #eee;
    border-color: #dad6d6 !important
}

.TblHdBg thead {
    border-bottom-width: 1px !important;
    border-bottom-style: solid
}

.mb-a {
    margin-bottom: auto !important
}

.dark .counter .desc_wrapper .prefix {
    color: #fff
}

.cnttext {
    width: 96.7% !important
}

.OvrBanHt {
    min-height: 670px !important
}

.OvrBanHtIn {
    padding-bottom: 150px !important
}

.post-title {
    text-align: left
}

.TblColImg {
    background-color: #d2d2d2 !important;
    border: 1px solid #b7b7b7
}

    .TblColImg img {
        height: 150px !important
    }

.ComtCon {
    margin-top: 20px
}

.Comt {
    margin-bottom: 30px
}

    .Comt .ComtIn {
        background-color: #eee;
        border-radius: 10px;
        padding: 10px 15px
    }

    .Comt h5 {
        margin-bottom: 0;
        float: left
    }

    .Comt span {
        margin-bottom: 0;
        font-size: 12px;
        float: left;
        font-weight: normal;
        margin-left: 5px
    }

.FlLft {
    float: left
}

.CmntBy {
    display: inline-block
}

.mt-3 {
    margin-top: 35px
}

.mr-0 {
    margin-right: 0 !important
}

.mb-3 {
    margin-bottom: 35px
}

.rev_slider_wrapper video::-webkit-media-controls-fullscreen-button {
    display: none
}

.rev_slider_wrapper video::-webkit-media-controls-panel {
    background-image: linear-gradient(transparent,transparent);
    !important
}

.VideoBg {
    margin: 0 auto;
    background-color: #2ea4de;
    padding: 0;
    height: 675px;
    position: absolute;
    overflow: visible;
    width: 100%;
    text-align: center
}

.SysOveVideo {
    height: 675px;
    width: auto
}

.VideoPlayImg {
    background: url(/Content/Images/Play.png) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    width: 98px;
    height: 98px;
    margin: auto;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 38px -8px rgba(0,0,0,0.66);
    -moz-box-shadow: 0 0 38px -8px rgba(0,0,0,0.66);
    box-shadow: 0 0 38px -8px rgba(0,0,0,0.66);
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1)
}

    .VideoPlayImg:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.5);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.5);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.5);
        transition: all 200ms ease-in;
        transform: scale(1.2);
        -webkit-box-shadow: 0 0 38px -8px rgba(0,0,0,0.9);
        -moz-box-shadow: 0 0 38px -8px rgba(0,0,0,0.9);
        box-shadow: 0 0 38px -8px rgba(0,0,0,0.9)
    }

input.DefBtn {
    background-color: #2ca5de !important;
    color: #fcfcfc !important
}

input:hover.DefBtn {
    background-color: #a0a0a0 !important;
    color: #262626 !important
}

.visible {
    display: block !important
}

.copyright span {
    float: left
}

.copyright a {
    background: url(/Content/Images/ALIA-Logo-Footer.png) no-repeat right center;
    width: 56px;
    height: 18px;
    float: left;
    margin-top: 3px;
    margin-left: 5px
}

.ContSubmit {
    float: left
}

.m-10 {
    margin: 10px
}

.ContSmMsg {
    clear: both
}

.mb-0 {
    margin-bottom: 0 !important
}

.AboutUsHead {
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center
}

.OurGrowth {
    margin-bottom: 30px;
    min-width: 964px;
    display: inline-flex;
    margin: auto;
    text-align: center
}

.OurGrowth1 {
    width: 128px !important;
    height: 110px;
    background-position: 0 0;
    background-image: url(/Content/Images/OurGrowth.jpg);
    margin: auto
}

.OurGrowth2 {
    width: 128px !important;
    height: 110px;
    background-position: 1158px 0;
    background-image: url(/Content/Images/OurGrowth.jpg);
    margin: auto
}

.OurGrowth3 {
    width: 143px !important;
    height: 110px;
    background-position: 930px 0;
    background-image: url(/Content/Images/OurGrowth.jpg);
    margin: auto
}

.OurGrowth4 {
    width: 271px !important;
    height: 110px;
    background-position: 693px 0;
    background-image: url(/Content/Images/OurGrowth.jpg);
    margin: auto
}

.OurGrowth5 {
    width: 329px !important;
    height: 110px;
    background-position: 344px 0;
    background-image: url(/Content/Images/OurGrowth.jpg);
    margin: auto
}

.OurGrowth .counter {
    padding: 5px 2vw !important
}

.YrCount {
    font-size: 40%
}

.OurGrowth .counter .desc_wrapper .number-wrapper .label {
    font-size: 40%;
    line-height: 150%
}

.TxtBlu {
    color: #28a5de
}

.Collageban {
    width: 100%;
    padding: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 90px
}

#Top_bar .menu > li ul li a {
    color: #fff
}

#Top_bar .menu > li ul {
    border-radius: 0 0 7px 7px
}

    #Top_bar .menu > li ul li.last-item a {
        border-radius: 0 0 7px 7px
    }

.header-transparent.ab-hide #Top_bar {
    background-color: #2ca5de
}

.text-center {
    text-align: center
}

.LinkBl a {
    color: #2ca5de
}

.SysCol {
    padding: 50px 3% 0 3%
}

.OvrBanHtIn {
    padding-top: 410px;
    padding-bottom: 80px
}

.button_label h2 {
    margin-bottom: 0
}

.SysOvConBan {
    background-size: contain
}

.OvrBanHtIn {
    padding-bottom: 0 !important;
    padding-top: 4% !important;
    display: table-cell;
    vertical-align: middle
}

.SysOvConBan {
    background-size: contain;
    margin-bottom: 30px;
    display: table;
    width: 100%
}

.BlogPointLink {
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 25px;
    background-color: #ededed
}

.the_content_wrapper h4 {
    line-height: 30px
}

.BlogImageCon {
    display: table;
    width: 100%;
    border: 1px solid #ccc
}

.BlogImageInn {
    text-align: center;
    padding: 15px
}

.BlogImageFoot {
    padding: 15px;
    background-color: #eee
}

.FaqSearch {
    outline: 0;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin: auto;
    display: inline-block;
    border: 1px solid #2ca5de;
    height: 45px;
    background-color: #fff
}

    .FaqSearch > .textbox {
        outline: 0;
        height: 45px;
        width: 450px;
        line-height: 45px;
        padding: 0 16px;
        background-color: rgba(255,255,255,0.8);
        color: #212121;
        border: 0;
        float: left;
        -webkit-border-radius: 25px 0 0 25px;
        border-radius: 25px 0 0 25px;
        font-size: 16px
    }

        .FaqSearch > .textbox:focus {
            outline: 0;
            background-color: #FFF
        }

    .FaqSearch > .button {
        outline: 0;
        background-color: #2ca5de !important;
        float: left;
        height: 43px;
        width: 43px;
        margin: 1px 2px;
        text-align: center;
        line-height: 45px;
        border: 0;
        color: #FFF;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 16px;
        text-rendering: auto;
        text-shadow: 0 1px 1px rgba(0,0,0,0.2);
        -webkit-transition: background-color .4s ease;
        transition: background-color .4s ease;
        -webkit-border-radius: 0 25px 25px 0;
        border-radius: 25px;
        padding: 0 !important
    }

        .FaqSearch > .button:hover {
            background-color: rgba(0,150,136,0.8)
        }

    .FaqSearch .icon-search {
        font-size: 2em;
        color: #fff !important
    }

    .FaqSearch input::-webkit-input-placeholder {
        color: #ccc
    }

    .FaqSearch input:-moz-placeholder {
        color: #ccc;
        opacity: 1
    }

    .FaqSearch input::-moz-placeholder {
        color: #ccc;
        opacity: 1
    }

    .FaqSearch input:-ms-input-placeholder {
        color: #ccc
    }

    .FaqSearch input::-ms-input-placeholder {
        color: #ccc
    }

    .FaqSearch input::placeholder {
        color: #ccc
    }

.accordion {
    width: 100%;
    background-color: #ededed
}

    .accordion .accordion-head {
        background-color: #fff;
        border-bottom: 1px solid #ebebeb;
        position: relative;
        padding: 13px;
        font-size: .87em;
        cursor: pointer;
        overflow: hidden
    }

        .accordion .accordion-head * {
            cursor: pointer
        }

        .accordion .accordion-head h4 {
            float: left;
            margin-bottom: 0;
            color: #2ca5de;
            margin-left: 20px;
            line-height: 36px;
            font-size: 20px
        }

.accordion-head.open {
    color: #fff;
    background-color: #2ca5de
}

    .accordion-head.open h4 {
        color: #fff !important
    }

.accordion .accordion-head:hover {
    filter: alpha(opacity=80);
    opacity: .80
}

.accordion .accordion-body {
    border-bottom: 1px solid #fff;
    padding: 20px;
    height: auto;
    display: none
}

.arrow {
    float: left;
    width: 36px;
    height: 36px;
    background: url(../../english/Images/Acc_Arrows.png) 0 -3em no-repeat
}

.accordion-head.open .arrow {
    border-bottom-color: #f3f3f3;
    border-top-color: transparent;
    margin-top: 0;
    background: url(../../english/Images/Acc_Arrows.png) 0 .2em no-repeat
}

.accordion-body p {
    margin-bottom: 0;
    font-size: 16px
}

.TxtAln {
    text-align: left
}

.bg-services {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -10px -10px;
    display: block;
    margin: auto
}

.bg-SMS {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -130px -10px;
    display: block;
    margin: auto
}

.bg-shomos {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -10px -130px;
    display: block;
    margin: auto
}

.bg-reports {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -130px -130px;
    display: block;
    margin: auto
}

.bg-tax_1 {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -250px -10px;
    display: block;
    margin: auto
}

.bg-housing {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -250px -130px;
    display: block;
    margin: auto
}

.bg-super_admin {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -10px -250px;
    display: block;
    margin: auto
}

.bg-users {
    width: 100px;
    height: 100px;
    background: url('../../Images/Specifications.png') -130px -250px;
    display: block;
    margin: auto
}

.bg-altayyar_logo_150x63 {
    width: 150px;
    height: 63px;
    background: url('../../Images/Partners.png') -180px -10px;
    display: block;
    margin: auto
}

.bg-shomoos_logo_150x52 {
    width: 150px;
    height: 52px;
    background: url('../../Images/Partners.png') -10px -105px;
    display: block;
    margin: auto
}

.bg-Elm_logo_75x75 {
    width: 75px;
    height: 75px;
    background: url('../../Images/Partners.png') -250px -177px;
    display: block;
    margin: auto
}

.bg-MAS_logo_104x75 {
    width: 104px;
    height: 75px;
    background: url('../../Images/Partners.png') -10px -177px;
    display: block;
    margin: auto
}

.bg-microsoft_logo_150x75 {
    width: 150px;
    height: 75px;
    background: url('../../Images/Partners.png') -10px -10px;
    display: block;
    margin: auto
}

.bg-SCTH_logo_min_1_96x75 {
    width: 96px;
    height: 75px;
    background: url('../../Images/Partners.png') -134px -177px;
    display: block;
    margin: auto
}

.bg-hotel_with_three_floors_1 {
    width: 128px;
    height: 128px;
    background: url('../../Images/NazeelNumbers.png') -10px -10px;
    display: block;
    margin: auto
}

.bg-double_king_size_bed_1 {
    width: 128px;
    height: 128px;
    background: url('../../Images/NazeelNumbers.png') -158px -10px;
    display: block;
    margin: auto
}

.bg-room_service_signal_for_hotel_doors_1 {
    width: 128px;
    height: 128px;
    background: url('../../Images/NazeelNumbers.png') -10px -158px;
    display: block;
    margin: auto
}

.bg-online_booking_1 {
    width: 128px;
    height: 128px;
    background: url('../../Images/NazeelNumbers.png') -158px -158px;
    display: block;
    margin: auto
}

@-moz-document url-prefix() {
    #Footer .widgets_wrapper .column {
        width: 48%
    }
}

@supports(-ms-ime-align:auto) {
    #Footer .widgets_wrapper .column {
        width: 48%
    }

    .SysOveVideo {
        height: 675px;
        width: auto;
        border: 0
    }
}

@supports(-ms-accelerator:true) {
    #Footer .widgets_wrapper .column {
        width: 48%
    }

    .SysOveVideo {
        height: 675px;
        width: auto;
        border: 0
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    #Footer .widgets_wrapper .column {
        width: 48%
    }

    .SysOveVideo {
        height: 675px;
        width: auto;
        border: 0
    }
}

@media only screen and (max-width:1366px) {
    .counter .desc_wrapper .number-wrapper {
        font-size: 2em
    }
}

@media only screen and (min-width:1240px) {
    body:not(.header-simple) #Top_bar #menu {
        display: block !important
    }

    .tr-menu #Top_bar #menu {
        background: 0 0 !important
    }

    #Top_bar .menu > li > ul.mfn-megamenu {
        width: 984px
    }

        #Top_bar .menu > li > ul.mfn-megamenu > li {
            float: left
        }

            #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1 {
                width: 100%
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 {
                width: 50%
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3 {
                width: 33.33%
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 {
                width: 25%
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5 {
                width: 20%
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 {
                width: 16.66%
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li > ul {
                display: block !important;
                position: inherit;
                left: auto;
                top: auto;
                border-width: 0 1px 0 0
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul {
                border: 0
            }

            #Top_bar .menu > li > ul.mfn-megamenu > li > ul li {
                width: auto
            }

        #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
            text-transform: uppercase;
            font-weight: 400;
            background: 0
        }

        #Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow {
            display: none
        }

    .menuo-right #Top_bar .menu > li > ul.mfn-megamenu {
        left: auto;
        right: 0
    }

    .menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg {
        box-sizing: border-box
    }

    #Top_bar .menu > li > ul.mfn-megamenu-bg {
        padding: 20px 166px 20px 20px;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .rtl #Top_bar .menu > li > ul.mfn-megamenu-bg {
        padding-left: 166px;
        padding-right: 20px;
        background-position: left bottom
    }

    #Top_bar .menu > li > ul.mfn-megamenu-bg > li {
        background: 0
    }

        #Top_bar .menu > li > ul.mfn-megamenu-bg > li a {
            border: 0
        }

        #Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul {
            background: 0 0 !important;
            -webkit-box-shadow: 0;
            -moz-box-shadow: 0;
            box-shadow: 0
        }

    .mm-vertical #Top_bar .container {
        position: relative
    }

    .mm-vertical #Top_bar .top_bar_left {
        position: static
    }

    .mm-vertical #Top_bar .menu > li ul {
        box-shadow: 0 0 0 0 transparent !important;
        background-image: none
    }

    .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {
        width: 98% !important;
        margin: 0 1%;
        padding: 20px 0
    }

    .mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu {
        width: 100% !important;
        margin: 0
    }

    .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li {
        display: table-cell;
        float: none !important;
        width: 10%;
        padding: 0 15px;
        border-right: 1px solid rgba(0,0,0,.05)
    }

        .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border, .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child, .rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child {
            border-right-width: 0
        }

        .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a {
            border-bottom-width: 0;
            padding: 9px 15px;
            line-height: 120%
        }

    .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
        font-weight: 700
    }

    .rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child {
        border-right-width: 1px
    }

    .header-plain:not(.menuo-right) #Header .top_bar_left {
        width: auto !important
    }

    .header-stack.header-center #Top_bar #menu {
        display: inline-block !important
    }

    .header-simple #Top_bar #menu {
        display: none;
        height: auto;
        width: 300px;
        bottom: auto;
        top: 100%;
        right: 1px;
        position: absolute;
        margin: 0
    }

    .header-simple #Header a.responsive-menu-toggle {
        display: block;
        right: 10px
    }

    .header-simple #Top_bar #menu > ul {
        width: 100%;
        float: left
    }

    .header-simple #Top_bar #menu ul li {
        width: 100%;
        padding-bottom: 0;
        border-right: 0;
        position: relative
    }

        .header-simple #Top_bar #menu ul li a {
            padding: 0 20px;
            margin: 0;
            display: block;
            height: auto;
            line-height: normal;
            border: 0
        }

            .header-simple #Top_bar #menu ul li a:after {
                display: none
            }

            .header-simple #Top_bar #menu ul li a span {
                border: 0;
                line-height: 44px;
                display: inline;
                padding: 0
            }

        .header-simple #Top_bar #menu ul li.submenu .menu-toggle {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 44px;
            height: 44px;
            line-height: 44px;
            font-size: 30px;
            font-weight: 300;
            text-align: center;
            cursor: pointer;
            color: #444;
            opacity: .33
        }

            .header-simple #Top_bar #menu ul li.submenu .menu-toggle:after {
                content: "+"
            }

        .header-simple #Top_bar #menu ul li.hover > .menu-toggle:after {
            content: "-"
        }

        .header-simple #Top_bar #menu ul li.hover a {
            border-bottom: 0
        }

    .header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
        display: none
    }

    .header-simple #Top_bar #menu ul li ul {
        position: relative !important;
        left: 0 !important;
        top: 0;
        padding: 0;
        margin: 0 !important;
        width: auto !important;
        background-image: none
    }

        .header-simple #Top_bar #menu ul li ul li {
            width: 100% !important;
            display: block;
            padding: 0
        }

            .header-simple #Top_bar #menu ul li ul li a {
                padding: 0 20px 0 30px
            }

                .header-simple #Top_bar #menu ul li ul li a .menu-arrow {
                    display: none
                }

                .header-simple #Top_bar #menu ul li ul li a span {
                    padding: 0
                }

                    .header-simple #Top_bar #menu ul li ul li a span:after {
                        display: none !important
                    }

    .header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
        text-transform: uppercase;
        font-weight: 400
    }

    .header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul {
        display: block !important;
        position: inherit;
        left: auto;
        top: auto
    }

    .menu-highlight #Top_bar .menu > li > a span.description, .menu-highlight #Top_bar .menu > li > a:after {
        display: none
    }

    .header-simple #Top_bar #menu ul li ul li ul {
        border-left: 0 !important;
        padding: 0;
        top: 0
    }

    .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey > span.wpv-sort-list {
        border-color: #cdcdcd
    }

    .header-simple #Top_bar #menu ul li ul li ul li a {
        padding: 0 20px 0 40px
    }

    .rtl.header-simple #Top_bar #menu {
        left: 1px;
        right: auto
    }

    .rtl.header-simple #Top_bar a.responsive-menu-toggle {
        left: 10px;
        right: auto
    }

    .rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle {
        left: 0;
        right: auto
    }

    .rtl.header-simple #Top_bar #menu ul li ul {
        left: auto !important;
        right: 0 !important
    }

        .rtl.header-simple #Top_bar #menu ul li ul li a {
            padding: 0 30px 0 20px
        }

        .rtl.header-simple #Top_bar #menu ul li ul li ul li a {
            padding: 0 40px 0 20px
        }

    .menu-highlight #Top_bar .menu > li {
        margin: 0 2px
    }

    .menu-highlight:not(.header-creative) #Top_bar .menu > li > a {
        margin: 20px 0;
        padding: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .menu-highlight #Top_bar .menu > li > a span:not(.description) {
        line-height: 50px
    }

    .menu-highlight.header-stack #Top_bar .menu > li > a {
        margin: 10px 0 !important
    }

        .menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description) {
            line-height: 40px
        }

    .menu-highlight.header-transparent #Top_bar .menu > li > a {
        margin: 5px 0
    }

    .menu-highlight.header-creative #Top_bar #menu ul li, .menu-highlight.header-simple #Top_bar #menu ul li {
        margin: 0
    }

        .menu-highlight.header-creative #Top_bar #menu ul li > a, .menu-highlight.header-simple #Top_bar #menu ul li > a {
            -webkit-border-radius: 0;
            border-radius: 0
        }

    .menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a {
        margin: 10px 0 !important;
        padding: 5px 0 !important
    }

        .menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span {
            line-height: 30px !important
        }

    .header-modern.menu-highlight.menuo-right .menu_wrapper {
        margin-right: 20px
    }

    .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {
        color: #444;
        background-color: #fff
    }

    .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover {
        color: #000;
        background-color: #eee
    }

    .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item a {
        color: #444;
        background-color: #eee
    }

    .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item.wpv-sort-list-current a, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:focus, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:hover {
        color: #000;
        background-color: #e5e5e5
    }

    .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue > span.wpv-sort-list {
        border-color: #09c
    }

        .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item a {
            color: #444;
            background-color: #cbddeb
        }

        .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item.wpv-sort-list-current a, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue a:focus, .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue a:hover {
            color: #000;
            background-color: #95bedd
        }

    .menu-line-below #Top_bar .menu > li > a:after, .menu-line-below #Top_bar.is-sticky .menu > li > a:after {
        top: auto;
        bottom: -4px
    }

    .menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after {
        height: 4px;
        left: 10%;
        top: 50%;
        margin-top: 20px;
        width: 80%
    }

    .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:after {
        height: 1px;
        left: 10%;
        top: 50%;
        margin-top: 20px;
        width: 80%
    }

    .menu-link-color #Top_bar .menu > li > a:after {
        display: none !important
    }

    .menu-arrow-top #Top_bar .menu > li > a:after {
        background: rgba(0,0,0,0) !important;
        border-color: #ccc transparent transparent;
        border-style: solid;
        border-width: 7px 7px 0;
        display: block;
        height: 0;
        left: 50%;
        margin-left: -7px;
        top: 0 !important;
        width: 0
    }

    .menu-arrow-top.header-plain #Top_bar .menu > li > a:after, .menu-arrow-top.header-transparent #Top_bar .menu > li > a:after {
        display: none
    }

    .menu-arrow-top #Top_bar.is-sticky .menu > li > a:after {
        top: 0 !important
    }

    .menu-arrow-bottom #Top_bar .menu > li > a:after {
        background: 0 0 !important;
        border-color: transparent transparent #ccc;
        border-style: solid;
        border-width: 0 7px 7px;
        display: block;
        height: 0;
        left: 50%;
        margin-left: -7px;
        top: auto;
        bottom: 0;
        width: 0
    }

    .menu-arrow-bottom.header-plain #Top_bar .menu > li > a:after, .menu-arrow-bottom.header-transparent #Top_bar .menu > li > a:after {
        display: none
    }

    .menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after {
        top: auto;
        bottom: 0
    }

    .menuo-no-borders #Top_bar .menu > li > a span {
        border-width: 0 !important
    }

    .menuo-no-borders #Header_creative #Top_bar .menu > li > a span {
        border-bottom-width: 0
    }

    .menuo-no-borders.header-plain #Top_bar .wpml-languages, .menuo-no-borders.header-plain #Top_bar a#header_cart, .menuo-no-borders.header-plain #Top_bar a#search_button, .menuo-no-borders.header-plain #Top_bar a.action_button {
        border-width: 0
    }

    .menuo-right #Top_bar .menu_wrapper {
        float: left
    }

    .menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper {
        margin-right: 150px
    }

    body.header-creative {
        padding-left: 50px
    }

        body.header-creative.header-open {
            padding-left: 250px
        }

    body.error404, body.template-blank, body.under-construction {
        padding-left: 0 !important
    }

    .header-creative.footer-fixed #Footer, .header-creative.footer-sliding #Footer, .header-creative.footer-stick #Footer.is-sticky {
        box-sizing: border-box;
        padding-left: 50px
    }

    .header-creative.footer-stick #Footer.is-sticky, .header-open.footer-fixed #Footer, .header-open.footer-sliding #Footer {
        padding-left: 250px
    }

    .header-rtl.header-creative.footer-fixed #Footer, .header-rtl.header-creative.footer-sliding #Footer, .header-rtl.header-creative.footer-stick #Footer.is-sticky {
        padding-left: 0;
        padding-right: 50px
    }

    .header-rtl.header-creative.footer-stick #Footer.is-sticky, .header-rtl.header-open.footer-fixed #Footer, .header-rtl.header-open.footer-sliding #Footer {
        padding-right: 250px
    }

    #Header_creative {
        background-color: #fff;
        position: fixed;
        width: 250px;
        height: 100%;
        left: -200px;
        top: 0;
        z-index: 9002;
        -webkit-box-shadow: 2px 0 4px 2px rgba(0,0,0,.15);
        box-shadow: 2px 0 4px 2px rgba(0,0,0,.15);
        transition: left .5s ease-in-out,right .5s ease-in-out
    }

        #Header_creative .container {
            width: 100%
        }

        #Header_creative .creative-wrapper {
            opacity: 0;
            margin-right: 50px;
            transition: opacity .5s ease-in-out,margin 0s ease-in-out .5s
        }

        #Header_creative a.creative-menu-toggle {
            display: block;
            width: 34px;
            height: 34px;
            line-height: 34px;
            font-size: 22px;
            text-align: center;
            position: absolute;
            top: 10px;
            right: 8px;
            border-radius: 3px
        }

        #Header_creative #Top_bar .menu > li > a:after, #Header_creative #Top_bar .top_bar_right:before {
            display: none
        }

    .admin-bar #Header_creative a.creative-menu-toggle {
        top: 42px
    }

    #Header_creative #Top_bar {
        position: static;
        width: 100%
    }

        #Header_creative #Top_bar .top_bar_left {
            width: 100% !important;
            float: none
        }

        #Header_creative #Top_bar .top_bar_right {
            width: 100% !important;
            float: none;
            height: auto;
            margin-bottom: 35px;
            text-align: center;
            padding: 0 20px;
            top: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        #Header_creative #Top_bar .top_bar_right_wrapper {
            top: 0
        }

        #Header_creative #Top_bar .logo {
            float: none;
            text-align: center;
            margin: 15px 0
        }

        #Header_creative #Top_bar #menu {
            background-color: transparent
        }

        #Header_creative #Top_bar .menu_wrapper {
            float: none;
            margin: 0 0 30px
        }

        #Header_creative #Top_bar .menu > li {
            width: 100%;
            float: none;
            position: relative
        }

            #Header_creative #Top_bar .menu > li > a {
                padding: 0;
                text-align: center
            }

                #Header_creative #Top_bar .menu > li > a span {
                    border-right: 0;
                    border-bottom-width: 1px;
                    line-height: 38px
                }

        #Header_creative #Top_bar .menu li ul {
            left: 100%;
            right: auto;
            top: 0;
            box-shadow: 2px 2px 2px 0 rgba(0,0,0,.03);
            -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.03)
        }

        #Header_creative #Top_bar .menu > li > ul.mfn-megamenu {
            margin: 0;
            width: 700px !important
        }

            #Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul {
                left: 0
            }

        #Header_creative #Top_bar .menu li ul li a {
            padding-top: 9px;
            padding-bottom: 8px
        }

        #Header_creative #Top_bar .menu li ul li ul {
            top: 0
        }

        #Header_creative #Top_bar .menu > li > a span.description {
            display: block;
            font-size: 13px;
            line-height: 28px !important;
            clear: both
        }

        #Header_creative #Top_bar .search_wrapper {
            left: 100%;
            top: auto;
            bottom: 0
        }

        #Header_creative #Top_bar a#header_cart, #Header_creative #Top_bar a#search_button {
            display: inline-block;
            float: none;
            top: 3px
        }

        #Header_creative #Top_bar .wpml-languages {
            display: inline-block;
            float: none;
            top: 0
        }

            #Header_creative #Top_bar .wpml-languages.enabled:hover a.active {
                padding-bottom: 11px
            }

        #Header_creative #Top_bar .action_button {
            display: inline-block;
            float: none;
            top: 16px;
            margin: 0
        }

        #Header_creative #Top_bar .banner_wrapper {
            display: block;
            text-align: center
        }

            #Header_creative #Top_bar .banner_wrapper img {
                max-width: 100%;
                height: auto;
                display: inline-block
            }

    #Header_creative #Action_bar {
        display: none;
        position: absolute;
        bottom: 0;
        top: auto;
        clear: both;
        padding: 0 20px;
        box-sizing: border-box
    }

        #Header_creative #Action_bar .social {
            float: none;
            text-align: center;
            padding: 5px 0 15px
        }

            #Header_creative #Action_bar .social li {
                margin-bottom: 2px
            }

    #Header_creative .social li a {
        color: rgba(0,0,0,.5)
    }

        #Header_creative .social li a:hover {
            color: #000
        }

    #Header_creative .creative-social {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 50px
    }

        #Header_creative .creative-social li {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
            margin-bottom: 5px
        }

    .header-creative .fixed-nav.fixed-nav-prev {
        margin-left: 50px
    }

    .header-creative.header-open .fixed-nav.fixed-nav-prev {
        margin-left: 250px
    }

    .menuo-last #Header_creative #Top_bar .menu li.last ul {
        top: auto;
        bottom: 0
    }

    .header-open #Header_creative {
        left: 0
    }

        .header-open #Header_creative .creative-wrapper {
            opacity: 1;
            margin: 0 !important
        }

        .header-open #Header_creative .creative-menu-toggle, .header-open #Header_creative .creative-social {
            display: none
        }

        .header-open #Header_creative #Action_bar {
            display: block
        }

    body.header-rtl.header-creative {
        padding-left: 0;
        padding-right: 50px
    }

    .header-rtl #Header_creative {
        left: auto;
        right: -200px
    }

    .header-rtl.nice-scroll #Header_creative {
        margin-right: 10px
    }

    .header-rtl #Header_creative .creative-wrapper {
        margin-left: 50px;
        margin-right: 0
    }

    .header-rtl #Header_creative a.creative-menu-toggle {
        left: 8px;
        right: auto
    }

    .header-rtl #Header_creative .creative-social {
        left: 0;
        right: auto
    }

    .header-rtl #Footer #back_to_top.sticky {
        right: 125px
    }

    .header-rtl #popup_contact {
        right: 70px
    }

    .header-rtl #Header_creative #Top_bar .menu li ul, .header-rtl #Header_creative #Top_bar .search_wrapper {
        left: auto;
        right: 100%
    }

    .header-rtl .fixed-nav.fixed-nav-prev {
        margin-left: 0 !important
    }

    .header-rtl .fixed-nav.fixed-nav-next {
        margin-right: 50px
    }

    body.header-rtl.header-creative.header-open {
        padding-left: 0;
        padding-right: 250px !important
    }

    .header-rtl.header-open #Header_creative {
        left: auto;
        right: 0
    }

    .header-rtl.header-open #Footer #back_to_top.sticky {
        right: 325px
    }

    .header-rtl.header-open #popup_contact {
        right: 270px
    }

    .header-rtl.header-open .fixed-nav.fixed-nav-next {
        margin-right: 250px
    }

    #Header_creative.active {
        left: -1px
    }

    .header-rtl #Header_creative.active {
        left: auto;
        right: -1px
    }

    #Header_creative.active .creative-wrapper {
        opacity: 1;
        margin: 0;
        transition: opacity .5s ease-in-out,margin 0s ease-in-out
    }

    .header-creative .vc_row[data-vc-full-width] {
        padding-left: 50px
    }

    .header-creative.header-open .vc_row[data-vc-full-width] {
        padding-left: 250px
    }

    .header-open .vc_parallax .vc_parallax-inner {
        left: auto;
        width: calc(100% - 250px)
    }

    .header-open.header-rtl .vc_parallax .vc_parallax-inner {
        left: 0;
        right: auto
    }

    #Header_creative.scroll {
        height: 100%;
        overflow-y: auto
    }

        #Header_creative.scroll:not(.dropdown) .menu li ul {
            display: none !important
        }

        #Header_creative.scroll #Action_bar {
            position: static
        }

    #Header_creative.dropdown {
        outline: 0
    }

        #Header_creative.dropdown #Top_bar .menu_wrapper {
            float: left
        }

        #Header_creative.dropdown #Top_bar #menu ul li {
            position: relative;
            float: left
        }

            #Header_creative.dropdown #Top_bar #menu ul li a:after {
                display: none
            }

            #Header_creative.dropdown #Top_bar #menu ul li a span {
                line-height: 38px;
                padding: 0
            }

            #Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle {
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                width: 38px;
                height: 38px;
                line-height: 38px;
                font-size: 26px;
                font-weight: 300;
                text-align: center;
                cursor: pointer;
                color: #444;
                opacity: .33
            }

            #Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow, #Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
                display: none
            }

            #Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after {
                content: "+"
            }

            #Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after {
                content: "-"
            }

            #Header_creative.dropdown #Top_bar #menu ul li.hover a {
                border-bottom: 0
            }

            #Header_creative.dropdown #Top_bar #menu ul li ul {
                position: relative !important;
                left: 0 !important;
                top: 0;
                padding: 0;
                margin-left: 0 !important;
                width: auto !important;
                background-image: none
            }

                #Header_creative.dropdown #Top_bar #menu ul li ul li {
                    width: 100% !important
                }

                    #Header_creative.dropdown #Top_bar #menu ul li ul li a {
                        padding: 0 10px;
                        text-align: center
                    }

                        #Header_creative.dropdown #Top_bar #menu ul li ul li a span {
                            padding: 0
                        }

                            #Header_creative.dropdown #Top_bar #menu ul li ul li a span:after {
                                display: none !important
                            }

        #Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
            text-transform: uppercase;
            font-weight: 400
        }

        #Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul {
            display: block !important;
            position: inherit;
            left: auto;
            top: auto
        }

        #Header_creative.dropdown #Top_bar #menu ul li ul li ul {
            border-left: 0 !important;
            padding: 0;
            top: 0
        }

    #Top_bar.is-sticky {
        position: fixed !important;
        width: 100%;
        left: 0;
        top: -60px;
        height: 60px;
        z-index: 701;
        background: #fff;
        opacity: .97;
        filter: alpha(opacity=97);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
    }

    .layout-boxed.header-boxed.nice-scroll #Top_bar.is-sticky {
        margin-left: -5px
    }

    #Top_bar.is-sticky .top_bar_left, #Top_bar.is-sticky .top_bar_right, #Top_bar.is-sticky .top_bar_right:before {
        background: 0
    }

    #Top_bar.is-sticky .top_bar_right {
        top: -4px;
        height: auto
    }

    #Top_bar.is-sticky .top_bar_right_wrapper {
        top: 15px
    }

    .header-plain #Top_bar.is-sticky .top_bar_right_wrapper {
        top: 0
    }

    #Top_bar.is-sticky .logo {
        width: auto;
        margin: 0 30px 0 20px;
        padding: 0
    }

    #Top_bar.is-sticky #logo {
        padding: 5px 0 !important;
        height: 50px !important;
        line-height: 50px !important
    }

    .logo-no-sticky-padding #Top_bar.is-sticky #logo {
        height: 60px !important;
        line-height: 60px !important
    }

    #Top_bar.is-sticky #logo img.logo-main {
        display: none
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline;
        max-height: 35px
    }

    #Top_bar.is-sticky .menu_wrapper {
        clear: none
    }

        #Top_bar.is-sticky .menu_wrapper .menu > li > a {
            padding: 15px 0
        }

    #Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span {
        line-height: 30px
    }

        #Top_bar.is-sticky .menu > li > a:after {
            top: auto;
            bottom: -4px
        }

        #Top_bar.is-sticky .banner_wrapper, #Top_bar.is-sticky .menu > li > a span.description, #Top_bar.is-sticky .secondary_menu_wrapper, .header-overlay #Top_bar.is-sticky {
            display: none
        }

    .sticky-dark #Top_bar.is-sticky, .sticky-dark #Top_bar.is-sticky #menu {
        background: rgba(0,0,0,.8)
    }

        .sticky-dark #Top_bar.is-sticky .menu > li > a {
            color: #fff
        }

        .sticky-dark #Top_bar.is-sticky .top_bar_right a {
            color: rgba(255,255,255,.5)
        }

        .sticky-dark #Top_bar.is-sticky .wpml-languages a.active, .sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown {
            background: rgba(0,0,0,.3);
            border-color: rgba(0,0,0,.1)
        }

    #Wrapper, .with_aside .content_wrapper {
        max-width: 1240px
    }

    .container, .section_wrapper {
        max-width: 1220px
    }

    .layout-boxed.header-boxed #Top_bar.is-sticky {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 1240px
    }
}

@media only screen and (min-width:768px) and (max-width:1240px) {
    .header_placeholder {
        height: 0 !important
    }

    .SysOvConBan {
        min-height: 350px !important
    }
}

@media only screen and (max-width:1239px) {
    #Top_bar #menu {
        display: none;
        height: auto;
        width: 300px;
        bottom: auto;
        top: 100%;
        right: 1px;
        position: absolute;
        margin: 0
    }

    #Top_bar a.responsive-menu-toggle {
        display: block
    }

    #Top_bar #menu > ul {
        width: 100%;
        float: left
    }

    #Top_bar #menu ul li {
        width: 100%;
        padding-bottom: 0;
        border-right: 0;
        position: relative
    }

        #Top_bar #menu ul li a {
            padding: 0 25px;
            margin: 0;
            display: block;
            height: auto;
            line-height: normal;
            border: 0
        }

            #Top_bar #menu ul li a:after {
                display: none
            }

            #Top_bar #menu ul li a span {
                border: 0;
                line-height: 44px;
                display: inline;
                padding: 0
            }

                #Top_bar #menu ul li a span.description {
                    margin: 0 0 0 5px
                }

        #Top_bar #menu ul li.submenu .menu-toggle {
            display: block;
            position: absolute;
            right: 15px;
            top: 0;
            width: 44px;
            height: 44px;
            line-height: 44px;
            font-size: 30px;
            font-weight: 300;
            text-align: center;
            cursor: pointer;
            color: #444;
            opacity: .33
        }

            #Top_bar #menu ul li.submenu .menu-toggle:after {
                content: "+"
            }

        #Top_bar #menu ul li.hover > .menu-toggle:after {
            content: "-"
        }

        #Top_bar #menu ul li.hover a {
            border-bottom: 0
        }

        #Top_bar #menu ul li a span:after {
            display: none !important
        }

        #Top_bar #menu ul li ul li a .menu-arrow, #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
            display: none
        }

        #Top_bar #menu ul li ul {
            position: relative !important;
            left: 0 !important;
            top: 0;
            padding: 0;
            margin-left: 0 !important;
            width: auto !important;
            background-image: none !important;
            box-shadow: 0 0 0 0 transparent !important;
            -webkit-box-shadow: 0 0 0 0 transparent !important
        }

            #Top_bar #menu ul li ul li {
                width: 100% !important
            }

                #Top_bar #menu ul li ul li a {
                    padding: 0 20px 0 35px
                }

                    #Top_bar #menu ul li ul li a span {
                        padding: 0
                    }

                        #Top_bar #menu ul li ul li a span:after {
                            display: none !important
                        }

    #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
        text-transform: uppercase;
        font-weight: 400
    }

    #Top_bar .menu > li > ul.mfn-megamenu > li > ul {
        display: block !important;
        position: inherit;
        left: auto;
        top: auto
    }

    #Top_bar #menu ul li ul li ul {
        border-left: 0 !important;
        padding: 0;
        top: 0
    }

        #Top_bar #menu ul li ul li ul li a {
            padding: 0 20px 0 45px
        }

    .rtl #Top_bar #menu {
        left: 1px;
        right: auto
    }

    .rtl #Top_bar a.responsive-menu-toggle {
        left: 20px;
        right: auto
    }

    .rtl #Top_bar #menu ul li.submenu .menu-toggle {
        left: 15px;
        right: auto;
        border-left: none;
        border-right: 1px solid #eee
    }

    .rtl #Top_bar #menu ul li ul {
        left: auto !important;
        right: 0 !important
    }

        .rtl #Top_bar #menu ul li ul li a {
            padding: 0 30px 0 20px
        }

        .rtl #Top_bar #menu ul li ul li ul li a {
            padding: 0 40px 0 20px
        }

    .header-stack .menu_wrapper a.responsive-menu-toggle {
        position: static !important;
        margin: 11px 0 !important
    }

    .header-stack .menu_wrapper #menu {
        left: 0;
        right: auto
    }

    .rtl.header-stack #Top_bar #menu {
        left: auto;
        right: 0
    }

    .admin-bar #Header_creative {
        top: 32px
    }

    .header-creative.layout-boxed {
        padding-top: 85px
    }

    .header-creative.layout-full-width #Wrapper {
        padding-top: 60px
    }

    #Header_creative {
        position: fixed;
        width: 100%;
        left: 0 !important;
        top: 0;
        z-index: 1001
    }

        #Header_creative .creative-wrapper {
            display: block !important;
            opacity: 1 !important
        }

        #Header_creative .creative-menu-toggle, #Header_creative .creative-social {
            display: none !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important
        }

        #Header_creative #Top_bar {
            position: static;
            width: 100%
        }

            #Header_creative #Top_bar #logo {
                height: 50px;
                line-height: 50px;
                padding: 5px 0
            }

                #Header_creative #Top_bar #logo img.logo-sticky {
                    max-height: 40px !important
                }

        #Header_creative #logo img.logo-main {
            display: none
        }

        #Header_creative #logo img.logo-sticky {
            display: inline-block
        }

        #Header_creative #Action_bar, #Header_creative #Top_bar .top_bar_right:before {
            display: none
        }

    .logo-no-sticky-padding #Header_creative #Top_bar #logo {
        height: 60px;
        line-height: 60px;
        padding: 0
    }

        .logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky {
            max-height: 60px !important
        }

    #Header_creative #Top_bar .top_bar_right {
        height: 60px;
        top: 0
    }

    #Header_creative #Top_bar .top_bar_right_wrapper {
        top: 0;
        padding-top: 9px
    }

    #Header_creative.scroll {
        overflow: visible !important
    }
}

#Subheader {
    background-color: rgba(247,247,247,1)
}

.header-classic #Action_bar, .header-fixed #Action_bar, .header-plain #Action_bar, .header-split #Action_bar, .header-stack #Action_bar {
    background-color: #292b33
}

#Sliding-top {
    background-color: #545454
}

    #Sliding-top a.sliding-top-control {
        border-right-color: #545454
    }

    #Sliding-top.st-center a.sliding-top-control, #Sliding-top.st-left a.sliding-top-control {
        border-top-color: #545454
    }

#Footer {
    background-color: #292b33
}

.content_slider.carouselul li a .title, .content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc, .feature_list ul li a, .flat_box a, .flat_box a:hover, .icon_box a .desc, .icon_box a:hover .desc, .list_item a, .list_item a:hover, .post-nav.minimal a i, .story_box .desc, .widget_recent_entries ul li a, body, ul.timeline_items {
    color: #626262
}

.post-nav.minimal a svg {
    fill: #626262
}

#Error_404 .error_pic i, .button-love a.mfn-love, .fancy_heading_arrows .icon-left-dir, .fancy_heading_arrows .icon-right-dir, .fancy_heading_icon .icon_top, .fancy_heading_line .title, .format-link .post-title .icon-link, .opening_hours .opening_hours_wrapper li span, .pager-single a:hover, .pager-single > span, .shop_slider .shop_slider_ul li .item_wrapper .price, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a, .style-simple .quick_fact .title, .themecolor, .widget_archive ul, .widget_meta ul, .widget_mfn_recent_comments ul li:after, .widget_nav_menu ul, .widget_pages ul, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to, .widget_recent_comments ul li:after, .widget_rss ul, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span, .woocommerce ul.product_list_widget li .quantity .amount, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    color: #a0a0a0
}

#Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a, #Top_bar a#header_cart span, #comments .commentlist > li .reply a.comment-reply-link, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .fixed-nav .arrow, .offer_thumb .slider_pagination a.selected:after, .offer_thumb .slider_pagination a:before, .pager .pages a.active, .pager .pages a:hover, .pager .pages span.page-numbers.current, .pager-single span:after, .portfolio_group.exposure .portfolio-item .desc-inner .line, .slider_pagination .slick-active a, .slider_pagination .slick-active a:after, .slider_pagination a.selected, .slider_pagination a.selected:after, .style-simple #Filters .filters_wrapper ul li a:after, .style-simple .accordion .question:after, .style-simple .article_box .desc_wrapper p:after, .style-simple .faq .question:after, .style-simple .icon_box .desc_wrapper .title:before, .style-simple .sliding_box .desc_wrapper:after, .style-simple .trailer_box:hover .desc, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, .themebg, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tp-bullets.tp-thumbs .bullet.selected:after, .tparrows.default, .widget_categories ul, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a, .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a, .widget_product_categories ul, .widget_recent_entries ul li:after, .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account table.my_account_orders .order-number a {
    background-color: #a0a0a0
}

.Latest_news ul li .photo, .Recent_posts.blog_news ul li .photo, .style-simple .offer_thumb .slider_pagination a.selected, .style-simple .opening_hours .opening_hours_wrapper li label, .style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover, .style-simple .timeline_items li:nth-child(even):hover h3 {
    border-color: #a0a0a0
}

a {
    color: #0095eb
}

    a:hover {
        color: #007cc3
    }

::-moz-selection {
    background-color: #0095eb;
    color: #fff
}

::selection {
    background-color: #0095eb;
    color: #fff
}

#comments .commentlist > li .comment-author .says, .Latest_news ul li .desc_footer, .Recent_posts ul li a .desc .date, .article_box .desc_wrapper p, .blockquote p.author span, .button-love a .label, .chart_box p, .counter .desc_wrapper .title, .fancy_heading .inside, .fancy_heading_line .slogan, .filters_buttons li.label, .fixed-nav .desc .date, .pager .pages a, .pager-single a, .post-footer, .post-footer a span.label, .post-meta, .post-meta a, .pricing-box .plan-header .price sup.period, .pricing-box .plan-header p.subtitle, .product_meta .posted_in, .share-simple-wrapper .icons a, .shipping-calculator-button:after, .shop-filters .woocommerce-result-count, .shop_slider .shop_slider_ul li .item_wrapper .price del, .team .desc_wrapper p.subtitle, .testimonials_slider .testimonials_slider_ul li .author span, .testimonials_slider .testimonials_slider_ul li .author span a, .tp_recent_tweets .twitter_time, .widget_price_filter .price_label, .widget_recent_entries ul li .post-date, .widget_shopping_cart ul.product_list_widget li dl, .woocommerce .shop_table .product-name .variation > dd, .woocommerce ul.product_list_widget li .quantity {
    color: #a8a8a8
}

.style-simple .sliding_box .desc_wrapper h4, .text-logo #logo, a.content_link .title, h1, h1 a, h1 a:hover, h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6, h6 a, h6 a:hover {
    color: #161922
}

.dropcap, .highlight:not(.highlight_image) {
    background-color: #0095eb
}

a.button, a.tp-button {
    background-color: #fff;
    color: #fff
}

.button-stroke a.button, .button-stroke a.button .button_icon i, .button-stroke a.tp-button {
    border-color: #fff;
    color: #fff
}

.button-stroke a:hover.button, .button-stroke a:hover.tp-button {
    background-color: #fff !important;
    color: #fff
}

a.button_theme, a.tp-button.button_theme, button, input[type=submit], input[type=reset], input[type=button] {
    background-color: #a0a0a0;
    color: #262626
}

.button-stroke a.button.button_theme, .button-stroke a.button.button_theme .button_icon i, .button-stroke a.tp-button.button_theme, .button-stroke button, .button-stroke input[type=submit], .button-stroke input[type=reset], .button-stroke input[type=button] {
    border-color: #a0a0a0;
    color: #a0a0a0 !important
}

    .button-stroke a.button.button_theme:hover, .button-stroke a.tp-button.button_theme:hover, .button-stroke button:hover, .button-stroke input[type=submit]:hover, .button-stroke input[type=reset]:hover, .button-stroke input[type=button]:hover {
        background-color: #a0a0a0 !important;
        color: #262626 !important
    }

a.mfn-link {
    color: #656b6f
}

a.hover.mfn-link-2 span:before, a.mfn-link-2 span, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before, a:hover.mfn-link-2 span:before {
    background: #0095eb
}

a:hover.mfn-link {
    color: #0095eb
}

a.hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.mfn-link-2 span:before, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before, a:hover.mfn-link-4:after, a:hover.mfn-link-4:before {
    background: #007cc3
}

a.mfn-link-6:before {
    border-bottom-color: #007cc3
}

.woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce #respond input#submit[disabled]:disabled:hover, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button.disabled, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled, .woocommerce a.button:disabled:hover, .woocommerce a.button:hover, .woocommerce a.button[disabled]:disabled, .woocommerce a.button[disabled]:disabled:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce button.button.disabled, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled:hover, .woocommerce button.button:hover, .woocommerce button.button[disabled]:disabled, .woocommerce button.button[disabled]:disabled:hover, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button.disabled, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled, .woocommerce input.button:disabled:hover, .woocommerce input.button:hover, .woocommerce input.button[disabled]:disabled, .woocommerce input.button[disabled]:disabled:hover {
    background-color: #a0a0a0;
    color: #fff
}

.button-stroke.woocommerce-page #respond input#submit, .button-stroke.woocommerce-page a.button, .button-stroke.woocommerce-page button.button, .button-stroke.woocommerce-page input.button {
    border: 2px solid #a0a0a0 !important;
    color: #a0a0a0 !important
}

    .button-stroke.woocommerce-page #respond input#submit:hover, .button-stroke.woocommerce-page a.button:hover, .button-stroke.woocommerce-page button.button:hover, .button-stroke.woocommerce-page input.button:hover {
        background-color: #a0a0a0 !important;
        color: #fff !important
    }

.column_column ol, .column_column ul, .the_content_wrapper ol, .the_content_wrapper ul {
    color: #737e86
}

.hr_color, .hr_color hr, .hr_dots span {
    color: #0095eb;
    background: #0095eb
}

.hr_zigzag i {
    color: #0095eb
}

.highlight-left:after, .highlight-right:after {
    background: #0095eb
}

@media only screen and (max-width:767px) {
    .highlight-left .wrap:first-child, .highlight-right .wrap:last-child {
        background: #0095eb
    }

    .Collageban {
        padding-top: 0
    }

    .OurGrowth {
        display: block;
        min-width: inherit
    }

    .SysCol {
        padding: 0
    }

    .fancy_heading_line {
        background-image: url(../../Images/fancy_heading_hr_dr.png)
    }

    .SysOvConBan {
        background-size: contain;
        margin-bottom: 30px;
        display: table;
        width: 100%;
        min-height: 0 !important
    }

    .OvrBanHtIn {
        padding-bottom: 0 !important;
        padding-top: 4% !important;
        display: table-cell;
        vertical-align: middle
    }

    .button_label h2 {
        margin-bottom: 0;
        font-size: 16px
    }

    .OvrBanHt {
        min-height: 275px !important
    }

    a.button.button_size_4 .button_label {
        padding: 7px 15px
    }

    .Pd60Sm {
        padding-top: 60px !important
    }

    .BlogPointLink .post-photo-wrapper, .BlogPointLink .post-desc-wrapper {
        width: 100%
    }

    .FaqSearch > .textbox {
        width: 250px
    }
}

#Header .top_bar_left, #Header_creative, #Top_bar #menu, #Top_bar .wpml-languages a.active, #Top_bar .wpml-languages ul.wpml-lang-dropdown, .header-below #Top_bar, .header-classic #Top_bar, .header-fixed #Top_bar, .header-plain #Top_bar, .header-split #Top_bar, .header-stack #Top_bar, .sticky-tb-color #Top_bar.is-sticky {
    background-color: #fff
}

#Top_bar .top_bar_right:before {
    background-color: #e3e3e3
}

#Header .top_bar_right {
    background-color: #f5f5f5
}

#Top_bar .top_bar_right a:not(.action_button) {
    color: #333
}

a.action_button {
    background-color: #fbf8f8;
    color: #707070
}

.button-stroke a.action_button {
    border-color: #fbf8f8
}

    .button-stroke a.action_button:hover {
        background-color: #fbf8f8 !important
    }

#Top_bar #menu ul li.submenu .menu-toggle, #Top_bar .menu > li > a {
    color: #fff
}

#Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current-menu-parent > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.hover > a {
    color: #0a0a0a
}

#Top_bar .menu > li a:after {
    background: #0a0a0a
}

.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after {
    border-top-color: #fff
}

#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after, #Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after, #Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after, #Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after, #Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after, #Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after, #Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after, #Top_bar .menu > li.hover.submenu > a > span:not(.description)::after, .menu-arrow-top #Top_bar .menu > li > a:after {
    border-top-color: #0a0a0a
}

.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a, .menu-highlight #Top_bar #menu > ul > li.current-menu-item > a, .menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a, .menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a, .menu-highlight #Top_bar #menu > ul > li.current-page-parent > a, .menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a, .menu-highlight #Top_bar #menu > ul > li.current_page_item > a, .menu-highlight #Top_bar #menu > ul > li.hover > a {
    background: #ee0b0b
}

.menu-arrow-bottom #Top_bar .menu > li > a:after {
    border-bottom-color: #0a0a0a
}

.header-plain #Top_bar .menu > li.current-menu-ancestor > a, .header-plain #Top_bar .menu > li.current-menu-item > a, .header-plain #Top_bar .menu > li.current-menu-parent > a, .header-plain #Top_bar .menu > li.current-page-ancestor > a, .header-plain #Top_bar .menu > li.current-page-parent > a, .header-plain #Top_bar .menu > li.current_page_ancestor > a, .header-plain #Top_bar .menu > li.current_page_item > a, .header-plain #Top_bar .menu > li.hover > a, .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown, .header-plain #Top_bar .wpml-languages:hover, .header-plain #Top_bar a:hover#header_cart, .header-plain #Top_bar a:hover#search_button {
    background: #ee0b0b;
    color: #0a0a0a
}

.header-plain #Top_bar, .header-plain #Top_bar .menu > li > a span:not(.description), .header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar a.action_button {
    border-color: #0846b9
}

#Top_bar .menu > li ul {
    background-color: #f2f2f2
}

    #Top_bar .menu > li ul li a {
        color: #fff
    }

        #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a {
            color: #333
        }

#Top_bar .search_wrapper {
    background: #0095eb
}

.overlay-menu-toggle {
    color: #81d742 !important;
    background: #ededed
}

#Overlay {
    background: rgba(0,149,235,.95)
}

#overlay-menu ul li a, .header-overlay .overlay-menu-toggle.focus {
    color: #ff0f0f
}

#overlay-menu ul li.current-menu-ancestor > a, #overlay-menu ul li.current-menu-item > a, #overlay-menu ul li.current-menu-parent > a, #overlay-menu ul li.current-page-ancestor > a, #overlay-menu ul li.current-page-parent > a, #overlay-menu ul li.current_page_ancestor > a, #overlay-menu ul li.current_page_item > a {
    color: #b1dcfb
}

#Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle, #Top_bar .responsive-menu-toggle {
    color: #fcfcfc;
    background: #28a5de
}

#Side_slide {
    background-color: #28a5de;
    border-color: #28a5de
}

    #Side_slide, #Side_slide #menu ul li.submenu .menu-toggle, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button) {
        color: #ececec
    }

        #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.hover > .menu-toggle, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a, #Side_slide a.active, #Side_slide a:not(.action_button):hover {
            color: #2a7d7c
        }

#Action_bar .contact_details {
    color: #bbb
}

    #Action_bar .contact_details a {
        color: #0095eb
    }

        #Action_bar .contact_details a:hover {
            color: #007cc3
        }

#Action_bar .social li a, #Action_bar .social-menu a, #Header_creative .social li a {
    color: #bbb
}

    #Action_bar .social li a:hover, #Action_bar .social-menu a:hover, #Header_creative .social li a:hover {
        color: #FFF
    }

#Subheader .title {
    color: #444
}

#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
    color: rgba(68,68,68,.6)
}

#Footer, #Footer .widget_recent_entries ul li a {
    color: #ccc
}

    #Footer .star-rating span, #Footer .themecolor, #Footer .widget_archive ul, #Footer .widget_meta ul, #Footer .widget_mfn_recent_comments ul li:after, #Footer .widget_nav_menu ul, #Footer .widget_pages ul, #Footer .widget_price_filter .price_label .from, #Footer .widget_price_filter .price_label .to, #Footer .widget_recent_comments ul li:after, #Footer .widget_rss ul, #Footer a {
        color: #0095eb
    }

        #Footer a:hover {
            color: #007cc3
        }

    #Footer h1, #Footer h1 a, #Footer h1 a:hover, #Footer h2, #Footer h2 a, #Footer h2 a:hover, #Footer h3, #Footer h3 a, #Footer h3 a:hover, #Footer h4, #Footer h4 a, #Footer h4 a:hover, #Footer h5, #Footer h5 a, #Footer h5 a:hover, #Footer h6, #Footer h6 a, #Footer h6 a:hover {
        color: #fff
    }

    #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c, #Footer .themebg, #Footer .widget_categories ul, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul, #Footer .widget_recent_entries ul li:after {
        background-color: #0095eb
    }

    #Footer .Recent_posts ul li a .desc .date, #Footer .shop-filters .woocommerce-result-count, #Footer .tp_recent_tweets .twitter_time, #Footer .widget_price_filter .price_label, #Footer .widget_recent_entries ul li .post-date, #Footer .widget_shopping_cart ul.product_list_widget li dl, #Footer ul.product_list_widget li .quantity {
        color: #a8a8a8
    }

    #Footer .footer_copy .social li a, #Footer .footer_copy .social-menu a {
        color: #65666c
    }

        #Footer .footer_copy .social li a:hover, #Footer .footer_copy .social-menu a:hover {
            color: #FFF
        }

#popup_contact > a.button, a#back_to_top.button.button_js {
    color: #65666c;
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

    #popup_contact > a.button:after, a#back_to_top.button.button_js:after {
        display: none
    }

#Sliding-top, #Sliding-top .widget_recent_entries ul li a {
    color: #ccc
}

    #Sliding-top .star-rating span, #Sliding-top .themecolor, #Sliding-top .widget_archive ul, #Sliding-top .widget_meta ul, #Sliding-top .widget_mfn_recent_comments ul li:after, #Sliding-top .widget_nav_menu ul, #Sliding-top .widget_pages ul, #Sliding-top .widget_price_filter .price_label .from, #Sliding-top .widget_price_filter .price_label .to, #Sliding-top .widget_recent_comments ul li:after, #Sliding-top .widget_rss ul, #Sliding-top a {
        color: #0095eb
    }

        #Sliding-top a:hover {
            color: #007cc3
        }

    #Sliding-top h1, #Sliding-top h1 a, #Sliding-top h1 a:hover, #Sliding-top h2, #Sliding-top h2 a, #Sliding-top h2 a:hover, #Sliding-top h3, #Sliding-top h3 a, #Sliding-top h3 a:hover, #Sliding-top h4, #Sliding-top h4 a, #Sliding-top h4 a:hover, #Sliding-top h5, #Sliding-top h5 a, #Sliding-top h5 a:hover, #Sliding-top h6, #Sliding-top h6 a, #Sliding-top h6 a:hover {
        color: #fff
    }

    #Sliding-top .Recent_posts ul li .desc:after, #Sliding-top .Recent_posts ul li .photo .c, #Sliding-top .themebg, #Sliding-top .widget_categories ul, #Sliding-top .widget_mfn_menu ul li a:hover, #Sliding-top .widget_product_categories ul, #Sliding-top .widget_recent_entries ul li:after {
        background-color: #0095eb
    }

    #Sliding-top .Recent_posts ul li a .desc .date, #Sliding-top .shop-filters .woocommerce-result-count, #Sliding-top .tp_recent_tweets .twitter_time, #Sliding-top .widget_price_filter .price_label, #Sliding-top .widget_recent_entries ul li .post-date, #Sliding-top .widget_shopping_cart ul.product_list_widget li dl, #Sliding-top ul.product_list_widget li .quantity {
        color: #a8a8a8
    }

blockquote, blockquote a, blockquote a:hover {
    color: #444
}

.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    background: rgba(0,149,235,.8)
}

.blog-teaser li .desc-wrapper .desc .post-title:after, .blog-teaser li.format-quote, .blog-teaser li.no-img, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-quote, .masonry.tiles .post-item.no-img {
    background: #0095eb
}

.image_frame .image_wrapper .image_links a {
    color: #fff
}

    .image_frame .image_wrapper .image_links a:hover {
        background: #fff;
        color: #0095eb
    }

.image_frame {
    border-color: #f8f8f8
}

.sliding_box .desc_wrapper:after, a.content_link:before {
    border-bottom-color: #0095eb
}

.image_frame .image_wrapper .mask::after {
    background: rgba(255,255,255,.4)
}

.get_in_touch, .infobox, .progress_bars .bars_list li .bar .progress {
    background-color: #0095eb
}

.sliding_box .desc_wrapper {
    background: #0095eb
}

.counter .icon_wrapper i, .quick_fact .number-wrapper {
    color: #0095eb
}

a:hover.icon_bar {
    color: #0095eb !important
}

.accordion .question.active .title, .accordion .question.active .title > .acc-icon-minus, .accordion .question.active .title > .acc-icon-plus, .faq .question.active .title, .faq .question.active .title > .acc-icon-plus, .feature_list ul li .icon i, .icon_box .icon_wrapper, .icon_box a .icon_wrapper, .list_item .list_left, .pricing-box .plan-header .price sup.currency, .pricing-box .plan-header .price > span, .style-simple .icon_box:hover .icon_wrapper, .trailer_box.plain .desc .subtitle, .ui-tabs .ui-tabs-nav li.ui-state-active a, a.content_link, a:hover.content_link {
    color: #0095eb
}

    a.content_link:after {
        border-color: #0095eb
    }

.google-map-contact-wrapper .get_in_touch:after {
    border-top-color: #0095eb
}

.timeline .post-item:before, .timeline_items li h3:before, .timeline_items:after {
    border-color: #a0a0a0
}

.how_it_works .image .number {
    background: #a0a0a0
}

.icon_box a:hover .icon_wrapper:before, .icon_box:hover .icon_wrapper:before, .trailer_box .desc .subtitle, .trailer_box.plain .desc .line {
    background-color: #0095eb
}

ul.clients.clients_tiles li .client_wrapper:hover:before {
    background: #a0a0a0
}

.feature_list ul li:hover, .feature_list ul li:hover a, .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    background: #0095eb
}

ul.clients.clients_tiles li .client_wrapper:after {
    border-bottom-color: #a0a0a0
}

.list_item.lists_1 .list_left {
    background-color: #0095eb
}

body.table-hover:not(.woocommerce-page) table tr:hover td {
    background: #a0a0a0
}

.pricing-box .plan-inside ul li .yes, .pricing-box-box.pricing-box-featured {
    background: #0095eb
}

.dark input[type=text], .dark input[type=password], .dark input[type=tel], .dark input[type=email], .dark select, .dark textarea, .woocommerce .quantity input.qty, input[type=text], input[type=password], input[type=search], input[type=tel], input[type=url], input[type=date], input[type=email], input[type=number], select, textarea {
    color: #626262;
    background-color: rgba(255,255,255,1);
    border-color: #ebebeb
}

::-webkit-input-placeholder {
    color: #929292
}

::-moz-placeholder {
    color: #929292
}

:-ms-input-placeholder {
    color: #929292
}

input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, select:focus, textarea:focus {
    color: #0095eb;
    background-color: rgba(233,245,252,1) !important;
    border-color: #d5e5ee
}

:focus::-webkit-input-placeholder {
    color: #929292
}

:focus::-moz-placeholder {
    color: #929292
}

.shop_slider .shop_slider_ul li .item_wrapper span.onsale, .woocommerce span.onsale {
    border-top-color: #a0a0a0 !important
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    border-color: #a0a0a0 !important
}

@media only screen and (min-width:768px) {
    .header-semi #Top_bar:not(.is-sticky) {
        background-color: rgba(255,255,255,.8)
    }
}

@media only screen and (max-width:767px) {
    .row .Col2 {
        width: 100%;
        margin-bottom: 10px
    }

    .BgPos {
        background-position: center bottom !important
    }

    #Top_bar {
        background-color: #fff !important
    }

    #Action_bar {
        background-color: #FFF !important
    }

        #Action_bar .contact_details {
            color: #222
        }

            #Action_bar .contact_details a {
                color: #0095eb
            }

                #Action_bar .contact_details a:hover {
                    color: #007cc3
                }

        #Action_bar .social li a, #Action_bar .social-menu a {
            color: #bbb
        }

            #Action_bar .social li a:hover, #Action_bar .social-menu a:hover {
                color: #777
            }

    .VideoBg {
        height: 211px
    }

    .SysOveVideo {
        height: 211px
    }

    .forcefullwidth_wrapper_tp_banner {
        height: 200px !important
    }

    .VideoPlayImg {
        background-size: 50%;
        box-shadow: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .VideoBg {
        height: 430px
    }

    .SysOveVideo {
        height: 431px
    }

    .forcefullwidth_wrapper_tp_banner {
        height: 427px !important
    }
}

#Content, #Wrapper, html {
    background-color: #fcfcfc
}

#Subheader .title, #menu > ul > li > a, #overlay-menu ul li a, .chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number, .offer_li .title h3, .pricing-box .plan-header .price, .quick_fact .number-wrapper, .text-logo #logo, .timeline_items li h3 span, .woocommerce .product div.entry-summary .price, a.action_button, blockquote, body, button, h1, h2, h3, h4, h5, h6, input[type=text], input[type=password], input[type=tel], input[type=submit], input[type=reset], input[type=button], input[type=email], select, span.date_label, textarea {
    font-family: Cairo,Arial,Tahoma,sans-serif
}

body {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400
}

.big, big {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

#menu > ul > li > a, #overlay-menu ul li a, a.action_button {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0
}

#overlay-menu ul li a {
    line-height: 22.5px
}

#Subheader .title {
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: italic
}

.text-logo #logo, h1 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 0
}

h4, h5, h6 {
    line-height: 25px
}

h2, h3 {
    font-weight: 300;
    letter-spacing: 0
}

h2 {
    font-size: 30px;
    line-height: 34px
}

h3 {
    font-size: 25px;
    line-height: 29px
}

h4 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0
}

h5 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0
}

#Intro .intro-title, h6 {
    font-weight: 400;
    letter-spacing: 0
}

h6 {
    font-size: 14px
}

#Intro .intro-title {
    font-size: 70px;
    line-height: 70px
}

@media only screen and (min-width:768px) and (max-width:959px) {
    body {
        font-size: 13px;
        line-height: 21px
    }

    .big, big {
        font-size: 14px;
        line-height: 24px
    }

    #menu > ul > li > a, #overlay-menu ul li a, a.action_button {
        font-size: 13px
    }

    #overlay-menu ul li a {
        line-height: 19.5px
    }

    #Subheader .title {
        font-size: 26px;
        line-height: 30px
    }

    .text-logo #logo, h1 {
        font-size: 41px;
        line-height: 43px
    }

    h4, h5, h6 {
        line-height: 21px
    }

    h2 {
        font-size: 26px;
        line-height: 29px
    }

    h3 {
        font-size: 21px;
        line-height: 25px
    }

    h4 {
        font-size: 18px
    }

    h5, h6 {
        font-size: 13px
    }

    #Intro .intro-title {
        font-size: 60px;
        line-height: 60px
    }

    blockquote {
        font-size: 15px
    }

    .chart_box .chart .num, .counter .desc_wrapper .number-wrapper {
        font-size: 26px;
        line-height: 45px
    }

    .counter .desc_wrapper .title {
        font-size: 14px;
        line-height: 18px
    }

    .faq .question .title {
        font-size: 14px
    }

    .fancy_heading .title {
        font-size: 38px;
        line-height: 38px
    }

    .offer .offer_li .desc_wrapper .title h3, .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        font-size: 32px;
        line-height: 32px
    }

    .pricing-box .plan-header h2 {
        font-size: 27px;
        line-height: 27px
    }

    .pricing-box .plan-header .price > span {
        font-size: 40px;
        line-height: 40px
    }

    .pricing-box .plan-header .price sup.currency {
        font-size: 18px;
        line-height: 18px
    }

    .pricing-box .plan-header .price sup.period {
        font-size: 14px;
        line-height: 14px
    }

    .quick_fact .number {
        font-size: 80px;
        line-height: 80px
    }

    .trailer_box .desc h2 {
        font-size: 27px;
        line-height: 27px
    }

    .widget > h3 {
        font-size: 17px;
        line-height: 20px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #menu > ul > li > a, #overlay-menu ul li a, .big, a.action_button, big, body {
        font-size: 13px
    }

    body {
        line-height: 19px
    }

    .big, big {
        line-height: 21px
    }

    #overlay-menu ul li a {
        line-height: 19.5px
    }

    #Subheader .title {
        font-size: 23px;
        line-height: 26px
    }

    .text-logo #logo, h1 {
        font-size: 36px;
        line-height: 38px
    }

    h4, h5, h6 {
        line-height: 19px
    }

    h2 {
        font-size: 23px;
        line-height: 26px
    }

    h3 {
        font-size: 19px;
        line-height: 22px
    }

    h4 {
        font-size: 16px
    }

    h5, h6 {
        font-size: 13px
    }

    #Intro .intro-title {
        font-size: 53px;
        line-height: 53px
    }

    blockquote {
        font-size: 14px
    }

    .counter .desc_wrapper .title {
        font-size: 13px;
        line-height: 16px
    }

    .faq .question .title {
        font-size: 13px
    }

    .fancy_heading .title {
        font-size: 34px;
        line-height: 34px
    }

    .offer .offer_li .desc_wrapper .title h3, .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        font-size: 28px;
        line-height: 28px
    }

    .pricing-box .plan-header h2 {
        font-size: 24px;
        line-height: 24px
    }

    .pricing-box .plan-header .price > span {
        font-size: 34px;
        line-height: 34px
    }

    .pricing-box .plan-header .price sup.currency {
        font-size: 16px;
        line-height: 16px
    }

    .pricing-box .plan-header .price sup.period {
        font-size: 13px;
        line-height: 13px
    }

    .quick_fact .number {
        font-size: 70px;
        line-height: 70px
    }

    .trailer_box .desc h2 {
        font-size: 24px;
        line-height: 24px
    }

    .widget > h3 {
        font-size: 16px;
        line-height: 19px
    }
}

@media only screen and (max-width:479px) {
    #menu > ul > li > a, #overlay-menu ul li a, .big, a.action_button, big, body {
        font-size: 13px
    }

    .big, big, body {
        line-height: 19px
    }

    #overlay-menu ul li a {
        line-height: 19.5px
    }

    #Subheader .title {
        font-size: 18px;
        line-height: 21px
    }

    .text-logo #logo, h1 {
        font-size: 29px;
        line-height: 30px
    }

    h3, h4, h5, h6 {
        line-height: 19px
    }

    h2 {
        font-size: 18px;
        line-height: 20px
    }

    h3 {
        font-size: 15px
    }

    h4, h5, h6 {
        font-size: 13px
    }

    #Intro .intro-title {
        font-size: 42px;
        line-height: 42px
    }

    blockquote {
        font-size: 13px
    }

    .chart_box .chart .num, .counter .desc_wrapper .number-wrapper {
        font-size: 35px;
        line-height: 35px
    }

    .counter .desc_wrapper .title {
        font-size: 13px;
        line-height: 26px
    }

    .faq .question .title {
        font-size: 13px
    }

    .fancy_heading .title {
        font-size: 30px;
        line-height: 30px
    }

    .offer .offer_li .desc_wrapper .title h3, .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        font-size: 26px;
        line-height: 26px
    }

    .pricing-box .plan-header h2 {
        font-size: 21px;
        line-height: 21px
    }

    .pricing-box .plan-header .price > span {
        font-size: 32px;
        line-height: 32px
    }

    .pricing-box .plan-header .price sup.currency {
        font-size: 14px;
        line-height: 14px
    }

    .pricing-box .plan-header .price sup.period {
        font-size: 13px;
        line-height: 13px
    }

    .quick_fact .number {
        font-size: 60px;
        line-height: 60px
    }

    .trailer_box .desc h2 {
        font-size: 21px;
        line-height: 21px
    }

    .widget > h3 {
        font-size: 15px;
        line-height: 18px
    }
}

.with_aside .sidebar.columns {
    width: 23%
}

.with_aside .sections_group {
    width: 77%
}

.aside_both .sidebar.columns {
    width: 18%
}

.aside_both .sidebar.sidebar-1 {
    margin-left: -82%
}

.aside_both .sections_group {
    width: 64%;
    margin-left: 18%
}

#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    height: 60px;
    line-height: 60px;
    padding: 15px 0
}

#Top_bar .top_bar_right, .header-plain #Top_bar .top_bar_right, .logo-overflow #Top_bar:not(.is-sticky) .logo {
    height: 90px
}

.header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar a.action_button, .header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) {
    line-height: 90px
}

#Top_bar .menu > li > a {
    padding: 15px 0 0 0
}

.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {
    margin: 20px 0
}

.header-fixed #Top_bar .menu > li > a {
    padding: 30px 0
}

#Top_bar .top_bar_right_wrapper {
    top: 25px
}

@media only screen and (max-width:767px) {
    .container, .four.columns .widget-area, .section_wrapper {
        max-width: 480px !important
    }

    #Top_bar a.responsive-menu-toggle {
        top: 40px
    }

    .mobile-header-mini #Top_bar #logo {
        height: 50px !important;
        line-height: 50px !important;
        margin: 5px 0
    }
}

.twentytwenty-before-label::before {
    content: "Before"
}

.twentytwenty-after-label::before {
    content: "After"
}

#Side_slide {
    right: -250px;
    width: 250px
}

.blog-teaser li .desc-wrapper .desc {
    background-position-y: -1px
}

#Top_bar a.button.action_button {
    margin-left: 10px
}

#Top_bar.is-sticky .menu > li.current-menu-item > a span, #Top_bar.is-sticky .menu > li > a span:hover {
    color: #2ca5de !important
}

table.dataTable tbody td, table.dataTable thead th {
    text-align: left !important
}

.ntable tbody td, .ntable thead th {
    text-align: left !important
}

.d-flex {
    display: flex
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ccc
}
.broucher-con {
    height: 50%;
    display: table;
    width: 50%;
}

.broucher {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 5rem 0px;
}

.bro-left {
    width: 50%;
    float: left;
    text-align:center;
}

.bro-right {
    width: 50%;
    float: right;
    text-align:center;
}
.broucher h3 {
    color: #797979;
    margin-bottom: 2rem;
}
ul.ActBtns li a i {
    margin-left: 5px;
    margin-right: 0;
}

