/* === Extracted Page Layout, Header, Navigation & Footer Styles === */

/* --- Layout Style Block #0 --- */
#divMWEAds .mweColor{
                color: #28bee3;
            }

            /* #divMWEAds .webFreeColor{
                color: #ffffff;
                background-color: #28bee3;
            }           */

            .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
            .webFreeColor:hover,
            .webFreeColor.active {
                background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
}

/* --- Layout Style Block #1 --- */
.pagination>li>a, .pagination>li>span {
                font-size: 14px;
                color: inherit;
            }
            .dropdown.areacontext.open{
                z-index: 1001 !important;
            }
            .table-responsive table {
                margin-bottom: 20px;
                white-space: nowrap;
            }
            @media only screen and (min-width: 1200px) {
                .table-responsive table {
                    white-space: normal;
                }
            }
            @media only screen and (min-width: 1200px) {
                .section-container > .slimScrollDiv {
                    display: none;
                }
            }
            a[data-mce-href] {
                font-size: inherit;
                font-family: inherit;
                /*color: inherit;*/
            }
            /* areacontext menu */
            .areacontext {
                border: 1px solid rgb(9,10,12);
            }
            .areacontext .btn-primary {
                background: #373e44!important;
                color: #FFF!important;
                border-color: #23292f!important;
                padding: 1px 5px;
                display: block;
            }
            .areacontext > div {
                font-family: Open Sans !important;
                font-size: 12px !important;
            }
            .areacontext ul.dropdown-menu {
                border-radius: 0px !important;
                background: #373E44 !important;
                margin-top: 0px !important;
                border: 1px solid rgb(9,10,12);
                padding: 0px !important;
                min-width: 100px !important;
                transform: translate3d(-1px, 20px, 0px) !important;
            }
            .areacontext ul.dropdown-menu > li > a {
                font-family: "Helvetica Neue",Helvetica,Tahoma !important;
                font-size: 12px !important;
                color: rgb(145, 159, 174) !important;
                padding: 3px 5px !important;
                display: block;
            }
            .areacontext ul.dropdown-menu > li > a:hover {
                background: #262D33 !important;
                color: #FFF !important;
                text-decoration: none;
            }
            /* addition */
            /* facebook like box */
            .fb-like.fb_iframe_widget > span > iframe{
                max-width:none!important
            }
            /* img in table */
            table img {
                max-width:initial!important;
            }
            /* iframe */
            iframe {
                max-width:100%;
            }
            /* pagination */
            .pagination>li>a,.pagination>li>span{
                font-size:14px;color:inherit
            }
            /* table */
            .table-responsive table {
                margin-bottom:20px;
                white-space:nowrap;
            }
            @media only screen and (min-width: 1200px){
                .table-responsive table{
                    white-space:normal
                }
            }
            /* img width and rendering */
            div#section-content img:not(.fill),
            div#section-footer img:not(.fill) {
                overflow:hidden;
                opacity:0;
                -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
                transition:opacity .3s ease-in-out,transform .3s ease-in-out;
                max-width:100%;
            }
            @media (max-width: 768px) {
                body {
                    max-width: 100vw;
                }
            }
            /* force show img */
            .map_outter img {
                opacity: 1 !important;
            }
            /* link in tinymce */
            a[data-mce-href] {
                font-size: inherit;
                font-family: inherit;
            }
            /* top layout */
            nav > #top-area > .container-fluid {
                padding-left: 8px;
                padding-right: 8px;
            }
            nav > #top-area > .row {
                margin: 0;
            }
            nav > #top-area > .row > .col {
                padding: 0;
            }
            .navbar-link {
                display: inline-block;
                padding: 8px;
                border: none;
                margin: 8px 0px;
                vertical-align: middle;
                line-height: 1;
            }
            /*.navbar-fa {
                width: 24px !important;
                height: 24px !important;
            }*/
            .navbar-toggler-icon {
                margin: 0;
                padding: 0;
            }
            .dropdown > .dropdown-toggle > svg {
                transition: all 300ms ease;
                -webkit-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
            }
            .dropdown.show > .dropdown-toggle > svg {
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
            }
            .dropdown-menu > li > .dropdown-toggle > svg {
                transition: all 300ms ease;
                -webkit-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
            }
            .dropdown-menu > li.show > .dropdown-toggle > svg {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
            }
            /* cart widget */
            nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
                display: none;
            }
            nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
                -webkit-transform: scale(0.75) !important;
                transform: scale(0.75) !important;
                top: -75%;
                right: auto;
                left: 50%;
                -webkit-transform-origin: top center;
                transform-origin: top center;
                display: inline-block;
            }
            /* list style */
            ul {
                margin-bottom: 0 !important;
            }
            li {
                /* list-style: none;*/
            }
            /* hide caret */
            .dropdown-toggle::after{
                display:none!important;
            }
            /* social widget */
            .social-widget {
                display: inline-block;
            }
            .social-widget a {
                font-size: 30px;
                width: 30px;
                height: 30px;
                min-width: 30px;
                min-height: 30px;
            }
            @media (min-width: 401px) {
                .social-widget a {
                    font-size: 36px;
                    width: 36px;
                    height: 36px;
                    min-width: 36px;
                    min-height: 36px;
                }
            }
            .social-widget a svg.fa-twitter {
                margin-right: -1px !important;
            }
            .social-widget a svg.fa-instagram {
                margin-right: 2px !important;
            }
            .social-widget a svg.fa-google-plus-g {
                margin-right: -6px !important;
            }
            .social-widget a svg.fa-youtube {
                margin-right: -3px !important;
            }
            /* vertical align text widget */
            .navbar-text {
                line-height: 150%;
                vertical-align: middle;
                min-height: 50px;
            }
            @media (min-width: 401px) {
                .navbar-text {
                    min-height: 56px;
                }
            }

/* --- Layout Style Block #2 --- */
@media  only screen and (min-width: 1025px){
        .headerMobile {
            display: none !important;
        }
        .navbar-toggler {
            display: none !important;
        }
        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }
        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }
        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
        /* sticky */
        .headerDesktop nav #top-sticky {
            transition: transform 450ms;
            -webkit-transition: transform 450ms;
            -moz-transition: transform 450ms;
            -o-transition: transform 450ms;
        }
        .sps--abv .headerDesktop nav #top-sticky {
            position: relative;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
        }
        .sps--abv .headerDesktop nav #top-mb {
            margin-bottom: 0;
        }
                .sps--abv .headerDesktop nav #top-sticky #cart{
            display: none !important;
        }
                .sps--blw .headerDesktop nav #top-sticky {
            position: fixed;
            top: -56px;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
            transform: translate3d(0, 56px, 0);
            -webkit-transform: translate3d(0, 56px, 0);
            -moz-transform: translate3d(0, 56px, 0);
            -ms-transform: translate3d(0, 56px, 0);
        }
        .sps--blw .headerDesktop nav #top-mb {
            padding-bottom: 56px;
                    }
                    .sps--blw #top-sticky #logotop{
                display: none !important;
            }
        
        .sps--blw .headerDesktop nav #top-sticky #cart{
            display: inline-flex !important
        }

    }
    @media (max-width: 1024px){
        .headerDesktop {
            display: none !important;
        }
        /* sticky */
        .sps--abv .headerMobile nav #top-sticky {
                            position: static;
                    }
        .sps--abv .headerMobile nav #top-mb {
            margin-bottom: 0;
        }
        .sps--blw .headerMobile nav #top-sticky {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        }
        .sps--blw .headerMobile nav #top-mb {
            margin-bottom: 56px;
        }
                ul.navbar-topmenu.navbar-nav .arrowCollapse{
            transition: transform .3s ease 0s;
        }
         ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
            transition: transform .3s ease 0s;
        }
    }
    .sb {
        visibility: visible;
        /*position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        opacity: 1;
        z-index: 999;
        padding: 0 16px;
        /*margin: 0 16px;*/
    }
    .sb > input {
        /*width: calc(100% - 39px);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 2px solid #FFF;
        background: #333 !important;
        padding: 6px;
        color: #FFF;
        vertical-align: middle;*/
    }
    .sb > input::placeholder {
        color: #333;
    }
    .sb > input:focus {
        outline: none;
    }
    .aCloseSearchIcon {
        height: 36px;
        padding: 6px 12px;
    }
    #top-sticky > div {
        position: relative;
    }
    div.headerMobile{
        position: relative;
        z-index: 56;
    }
        #divMWEAds {
        bottom: unset;
        width: 100vw !important;
        background: #fff;
        color: #000;
    }
    #divMWEAds:hover {
        background: #fff;
    }
    #topZone {
        padding-top: 0px;
    }
    .marginBot {
        margin-bottom: 0px;
    }

    .headerMobile #divMWEAds {
        font-family: 'DB Heavent' !important; 
        font-size:21px;
        z-index:999999;
    }
    .headerMobile #divMWEAds a {
        font-size: 20px; 
        font-family: 'DB Heavent' !important;
        font-weight: bold;
    }
    @media only screen and (max-width: 400px) {
        .headerMobile #divMWEAds {
            font-size:16px;
        }
        #divMWEAds img {
            max-height: 25px;
            max-width: 25px;
        }
        .headerMobile #divMWEAds a {
            font-size: 16px;
        }
    }

/* --- Layout Style Block #3 --- */
@media (min-width: 1025px) {
        .navbar-brand {
            font-size: 24px !important;
            border: none !important;
            padding: 0;
            margin: auto;
        }
        .navbar-text{
            min-height: 24px;
        }
        .text-truncate{
            width: 100%;
        }
        .text-truncate p{
            margin-bottom: 0 !important;
            line-height: 24px;
        }

        #menutop{
            margin: 10px 10px 10px 0 !important;
        }
        .topwidget-menu{
            margin: 0 !important;
        }
        .sps--abv .row-display-justify {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .sps--blw .row-display-justify {
            -webkit-box-pack: flex-start !important;
            -ms-flex-pack: flex-start !important;
            justify-content: flex-start !important;
        }
        #top-area  #logotop {
            margin: 10px 0px 0px 0px;
        }
        .navbar-brand .img-logo {
            max-width: 100%;
            min-width: 1px;
            min-height: 1px;
            max-height: 100%;
        }
        #top-sticky #cart2{
            display: none !important;
        }
        .sps--blw #top-sticky #cart2{
            display: inline-flex !important;

        }
    }

/* --- Layout Style Block #4 --- */
.empty {
        padding-top: 15px;
        padding-right: 22px;
        padding-bottom: 12px;
        padding-left: 29px;
    }
    .wechatSocial{
        cursor: pointer;
    }
    .pointer-none {
        pointer-events: none;
    }

/* --- Layout Style Block #5 --- */
.headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{
        padding: 0;
        border-radius: .25rem;
        transform: translate3d(0px, 40px, 0px) !important;
    }
    .headerDesktop .topwidget-lang ul, .topwidget-lang li {
        min-width: 1px;
        border-radius: 0;
    }
    .headerMobile .topwidget-lang {
    }
    .headerMobile .topwidget-lang ul, .topwidget-lang li {
        min-width: 1px;
        width: 100%;
        border-radius: 0;
    }
    .headerDesktop .topwidget-lang #chooseLanguage{
        line-height: 24px;
    }
    .flag-icon{
        box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%);
    }

/* --- Layout Style Block #6 --- */
@media (min-width: 1025px){ 
            .img-logo { 
                                                                                    } 
        }

/* --- Layout Style Block #7 --- */
.topwidget-menu .navbar-nav .dropdown-menu {
        padding: 0;
        margin: 0;
    }
    .topwidget-menu .navbar-nav .dropdown-menu.hidden {
        visibility: hidden;
    }
    /*PC hack to hover*/
    @media (min-width: 1025px) {
        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
            display:block !important;
        }
        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
            display:block !important;
        }
        ul.navbar-topmenu.navbar-nav ul{
            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        }
        .topwidget-menu {
            margin: 10px;
        }
        ul.dropdown-menu.dropdown-menu-right{
            left: unset;
            right:0;
        }
        .dropdownfix-menu-right {
            right:100% !important;
            left:auto !important;
        }
        .public-topmenu .dropdown-menu-right .fa-chevron-right {
            transform: rotate(180deg);
            left: 0;
            position: absolute;
            top: 12px;
        }
        .public-topmenu .dropdown-menu-right .fa-chevron-down{
            transform: rotate(90deg);
            left: 0;
            position: absolute;
            top: 12px;
        }
        .more.hidden{
            display:none;
        }
        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
            transform: rotate(-90deg);
        }
        ul.navbar-topmenu.navbar-nav > li.nav-item ul{
            position: absolute;
        }
        .public-topmenu .topmenuLg{
            border-right:none !important;
        }
    }
    /* tablet*/
    @media only screen and (min-width: 768px) and (max-width: 1112px) {
        ul.navbar-topmenu.navbar-nav ul{
            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        }
    }
    /*mobile tablet*/
    @media  only screen and (max-width: 1024px) {
        
        ul.navbar-topmenu .abl1 .arrowCollapse,
        ul.navbar-topmenu .abl2 .arrowCollapse{
            position: absolute;
            right: 20px !important;
            top: 25%;
            text-align: center;
            height: 16px;
        }
        ul.navbar-topmenu.navbar-nav a{
            text-align: left !important;
            white-space: normal;
        }
        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
                        transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
        }
        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
                         transform: rotate(90deg);
            transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
           /* width: 15px;
            height: 15px; */
        }
        
        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
            right: 12px;
            top: 27%;
        }

        ul.navbar-topmenu.navbar-nav a{
            word-wrap: break-word;
        }
        ul.navbar-topmenu.navbar-nav .more{
            display:none !important;
        }
        .public-topmenu .dropdown.show > a > .arrowCollapse{
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
        }
        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
            transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
        }
        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
            transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
        }
        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
            padding-left: 30px !important;
        }
        ul.navbar-topmenu.navbar-nav ul ul a {
            padding-left: 45px !important;
        }
    }

/* --- Layout Style Block #9 --- */
.navbar-nav .dropdown-menu .dropdown-item {
        padding: 6px 20px;
    }
    @media (max-width: 1024px) {
        nav > #top-area > .row {
            margin: 0 6px;
        }
        .navbar-nav .dropdown-menu {
            position: relative !important;
            transform: translate3d(0px, 0px, 0px) !important;
            -webkit-transform: translate3d(0px, 0px, 0px) !important;
            top: auto !important;
            left: auto !important;
            padding: 0;
            margin: 0;
        }
        .navbar-nav .dropdown-menu .dropdown-item {
            padding: 9px 15px 9px 15px;
        }
        .navbar-text {
            margin: 0 auto;
        }
        .navbar-brand {
            padding: 4px 8px !important;
            font-size: 24px !important;
            line-height: 40px !important;
            border: none !important;
            margin: 0px 4px !important;
        }
        .navbar-brand span{
            line-height: 40px;
        }
        .navbar-brand img {
            /*max-height: 48px;*/
            max-height: 44px;
            max-width: 100%;
            margin: 0 auto;
        }
    }
    @media (max-width: 350px) {
        nav > #top-bar {
            padding-left: 5px;
            padding-right: 5px;
        }
    }
    label[for="mobile-menu"] {
        cursor: pointer;
        width: 54px;
        height: 56px;
        position: absolute;
        margin: 0;
        z-index: 1;
    }
    @media only screen and (max-width: 1024px) {
        .navbar-toggler {
            padding: 9px 10px !important;
            margin-left: 3px !important;
            margin-top: 6px;
            margin-right: 0px;
            margin-bottom: 6px;
            font-size: 16px !important;
            height: 44px;
        }
        div.topwidget-menu > .navbar-nav.navbar-topmenu{
            /* max-height: calc(100vh - 220px);
            overflow-y: auto; */
            overflow-x: hidden;
        }
        input[type="checkbox"]#mobile-menu:checked ~ label[for="mobile-menu"] {
            display: block;
            width: auto;
            height: auto;
            margin: 0 !important;
            padding: 0 !important;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background-color: rgba(0,0,0,0.3);
            z-index: 998;
            transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        }
        div.navbar-collapse {
            -webkit-transform: translate3d(-300px,0,0);
            -moz-transform: translate3d(-300px,0,0);
            -ms-transform: translate3d(-300px,0,0);
            transform: translate3d(-300px,0,0);
            position: fixed;
            display: block !important;
            left: 0;
            top: 0;
            margin: 0;
            width: 300px;
            height: 100vh;
            z-index: 999;
            visibility: visible;
            overflow-y: visible;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            transition: all .5s cubic-bezier(.685,.0473,.346,1);
            overflow-x: hidden;
        }

        div.section-body{
            transition: all .5s cubic-bezier(.685,.0473,.346,1);
        }
        .openMenu3overflowhide{
            overflow-x: hidden;
        }
        .openMenu3{
            -webkit-transform: translate3d(300px,0,0);
            -moz-transform: translate3d(300px,0,0);
            -ms-transform: translate3d(300px,0,0);
            transform: translate3d(300px,0,0);
        }

        input[type="checkbox"]#mobile-menu {
            display: none;
        }
        ul.navbar-nav.member-nav {
            flex-direction: row;
        }
        ul.navbar-nav.member-nav > li {
            flex: 0 0 50%;
        }
        .navbar-link.cart-nav{
            font-size: 22px;
        }
        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
            margin-left: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
        }
        .widgetCartNumber {
            top: -11px;
        }
    }
    nav .navbar-link {
        min-width: 40px;
    }
    nav #top-area {
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }
    /* widget */
    nav #socialnetwork, nav #linewidget {
        min-height: 34px;
    }
    @media only screen and (max-width: 1024px){
        .cart-nav, .aOpenSearchIcon{
           /* padding-top: 15%;
            padding-bottom: 15%;*/
        }
    }

/* --- Layout Style Block #10 --- */
.logotextmobile{
        display: inline-block;
        max-width: 200px;
        height: 1.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
    }
    .logotextmobile span{
        /* font-size: 30px !important; */
        line-height: 40px !important;
    }

    @media (max-width: 364.98px) {
        .logotextmobile{
            max-width: 150px;
        }
        
        .logotextmobile{
            max-width: 75px;
        }    }

    @media (min-width: 365px) and (max-width: 575.98px) {
        .logotextmobile{
            max-width: 200px;
        }
        
        .logotextmobile{
            max-width: 130px;
        }                    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .logotextmobile{
            min-width: calc(400px + 4vw);
            max-width: 500px;
        }
        
        .logotextmobile{
            max-width: 330px;
        }    }

    @media (min-width: 768px) and (max-width: 991.98px) {
        .logotextmobile{
            max-width: 600px;
        }
        
        .logotextmobile{
            max-width: 500px;
        }            }
    @media (min-width: 992px) {
        .logotextmobile{
            max-width: 800px;
        }

        .logotextmobile{
            max-width: 748px;
        }    }

/* --- Layout Style Block #12 --- */
.cart-nav{
        margin: 0;
    }

/* --- Layout Style Block #13 --- */
/* reveal */
    @media only screen and (min-width: 1200px) {
        .reveal { background-attachment: fixed !important; }
    }
    /* rellax */
    .rellax-view { position: relative; overflow: hidden; }
    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
    .marginBottomSpace {
        
        margin-bottom: 20px;
    }
    .img-responsive{margin:auto;}
    @media only screen and (max-width: 767px){
        .maginBottomCaption{
            margin-bottom: 40px;
        }
        .maginBottomCaptionmini{
            margin-bottom: 15px;
        }
        .marginBottomSpaceMobile{
            margin-bottom: 20px;
        }
        .coverslidebox{
            padding: 0px 0px;
        }
    }
    @media only screen and (min-width: 768px){
        .maginBottomCaption{
            margin-bottom: 0px;
        }
        .maginBottomCaptionmini{
            margin-bottom: 0px;
        }
        .marginBottomSpaceMobile{
            margin-bottom: 0px;
        }
        .coverslidebox{
            padding: 0px 15px;
        }
        .textlayout-maxwidth{
            max-width: 585px;
        }
        .textlayout-marlauto{
            margin-left: auto;
        }
    }
    .noImgSimpleBG{
        background-color:#E1E4E9;
    }
    .box-not-overflow{
        overflow: hidden;
    }
    .play-button {
        left: 50%;
        top: 50%;
        width: 72px;
        height: 64px;
        margin-left: -36px;
        margin-top: -32px;
        z-index: 1;
        color: #212121;
        opacity: 0.85;
    }
    .play-button:hover,
    .play-button:hover::before {
        opacity: 1;
        color: #f00;
    }
    .play-button .fa-youtube {
        font-size: 64px;  
    }
    .play-button:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 11px solid transparent;
        border-left: 20px solid #ffffff;
        border-bottom: 11px solid transparent;
        position: absolute;
        top: 21px;
        left: 29px;
    } 
    .wrapper .youtube {
	    background-color: #000;
	    position: relative;
	    padding-top: 56.25%;
	    overflow: hidden;
	    cursor: pointer
    }

    .wrapper .youtube img {
	    width: 100%;
        top: -16.82%;
        left: 0;
        max-height: none !important;
        opacity: .7
    }
    .wrapper .youtube .play-button,
    .wrapper .youtube img {
        cursor: pointer
    }

    .wrapper .youtube .play-button,
    .wrapper .youtube .play-button:before,
    .wrapper .youtube iframe,
    .wrapper .youtube img {
        position: absolute
    }
    .wrapper .youtube iframe {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 768px),only screen and (min-device-pixel-ratio: 2) and ( max-width: 768px) {
        a.targethash{
            top: -112px;
        }
    }

/* --- Layout Style Block #15 --- */
.brakeword10 {
        word-wrap: break-word;
    }

/* --- Layout Style Block #16 --- */
.brakeword10 {
        word-wrap: break-word;
    }

/* --- Layout Style Block #17 --- */
.brakeword10 {
        word-wrap: break-word;
    }

/* --- Layout Style Block #18 --- */
.brakeword10 {
        word-wrap: break-word;
    }

/* --- Layout Style Block #25 --- */
.container-footer-full{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    @media only screen and (max-width: 767px){
        .footer-mb-mobile{
            margin-bottom: 20px;
        } 

        .fieldSubscribe {
                line-height: 10px !important;
        }
    }
    .subscribeInput {
        display: block !important;
    }

/* --- Layout Style Block #27 --- */
#pm_menu {
        display: none;
    }
    @media only screen and (max-width: 1024px) {
        #pm_menu {
            display: block;
            position: fixed;
            top: 0;
            margin: 0;
            left: -305px;
            width: 300px;
            height: 100vh;
            z-index: 999;
            visibility: visible;
            overflow-y: visible;
            overflow-x: hidden;
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            -webkit-transition: all .5s cubic-bezier(.685,.0473,.346,1);
            -moz-transition: all .5s cubic-bezier(.685,.0473,.346,1);
            -ms-transition: all .5s cubic-bezier(.685,.0473,.346,1);
            transition: all .5s cubic-bezier(.685,.0473,.346,1);
        }
        .openMenu3overflowhide #pm_menu {
            -webkit-transform: translate3d(305px,0,0);
            -moz-transform: translate3d(305px,0,0);
            -ms-transform: translate3d(305px,0,0);
            transform: translate3d(305px,0,0);
        }
        #pm_menu #navbarNavDropdown {
            margin: 0;
            width: 300px;
            height: 100vh;
        }
        #pm_menu .divBgtopmenu {
            max-height: 100vh;
            overflow-y: hidden;
        }
    }

/* --- Layout Style Block #28 --- */
.topwidget-menu .navbar-nav .dropdown-menu {
        padding: 0;
        margin: 0;
    }
    .topwidget-menu .navbar-nav .dropdown-menu.hidden {
        visibility: hidden;
    }
    /*PC hack to hover*/
    @media (min-width: 1025px) {
        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
            display:block !important;
        }
        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
            display:block !important;
        }
        ul.navbar-topmenu.navbar-nav ul{
            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        }
        .topwidget-menu {
            margin: 10px;
        }
        ul.dropdown-menu.dropdown-menu-right{
            left: unset;
            right:0;
        }
        .dropdownfix-menu-right {
            right:100% !important;
            left:auto !important;
        }
        .public-topmenu .dropdown-menu-right .fa-chevron-right {
            transform: rotate(180deg);
            left: 0;
            position: absolute;
            top: 12px;
        }
        .public-topmenu .dropdown-menu-right .fa-chevron-down{
            transform: rotate(90deg);
            left: 0;
            position: absolute;
            top: 12px;
        }
        .more.hidden{
            display:none;
        }
        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
            transform: rotate(-90deg);
        }
        ul.navbar-topmenu.navbar-nav > li.nav-item ul{
            position: absolute;
        }
        .public-topmenu .topmenuLg{
            border-right:none !important;
        }
    }
    /* tablet*/
    @media only screen and (min-width: 768px) and (max-width: 1112px) {
        ul.navbar-topmenu.navbar-nav ul{
            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        }
    }
    /*mobile tablet*/
    @media  only screen and (max-width: 1024px) {
        
        ul.navbar-topmenu .abl1 .arrowCollapse,
        ul.navbar-topmenu .abl2 .arrowCollapse{
            position: absolute;
            right: 20px !important;
            top: 25%;
            text-align: center;
            height: 16px;
        }
        ul.navbar-topmenu.navbar-nav a{
            text-align: left !important;
            white-space: normal;
        }
        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
                        transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
        }
        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
                         transform: rotate(90deg);
            transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
           /* width: 15px;
            height: 15px; */
        }
        
        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
            right: 12px;
            top: 27%;
        }

        ul.navbar-topmenu.navbar-nav a{
            word-wrap: break-word;
        }
        ul.navbar-topmenu.navbar-nav .more{
            display:none !important;
        }
        .public-topmenu .dropdown.show > a > .arrowCollapse{
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
        }
        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
            transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
        }
        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
            transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
        }
        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
            padding-left: 30px !important;
        }
        ul.navbar-topmenu.navbar-nav ul ul a {
            padding-left: 45px !important;
        }
    }

/* --- Layout Style Block #29 --- */
.empty {
        padding-top: 15px;
        padding-right: 22px;
        padding-bottom: 12px;
        padding-left: 29px;
    }
    .wechatSocial{
        cursor: pointer;
    }
    .pointer-none {
        pointer-events: none;
    }

/* --- Layout Style Block #30 --- */
@media (max-width: 992px){
                .widget-overlay .fb-customerchat span iframe , 
                .widget-overlay .fb_dialog .fb_dialog_content iframe , 
                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 
                    bottom: 70px !important 
                }
                #toTop.widget-to-top {
                    bottom :  150px !important;
                }
                #unknown{
                    bottom : 60px !important;
                }
            }
            .fb_new_ui_mobile_overlay_active {
                overflow: auto !important;
            }