@font-face {
  font-family: Elle Futura;
  src: url(/public/theme/fonts/elle-futura-book.otf);
}
:root {
            --primary-color: #32bb9d
        }
        .full-width .ubermenu-nav,
        .container,
        .row {
            max-width: 1170px;}
        .row.row-collapse {
            max-width: 1140px
        }
        .row.row-small {
            max-width: 100%;}
        .row.row-large {
            max-width: 1200px
        }
        body.framed,
        body.framed header,
        body.framed .header-wrapper,
        body.boxed,
        body.boxed header,
        body.boxed .header-wrapper,
        body.boxed .is-sticky-section {
            max-width: 1200pxpx
        }
        .header-main {
            height: 80px
        }
        #logo img {
            max-height: 60px
        }
        #logo {
            width: 167px
        }
        .stuck #logo img {
            padding: 0px;
        }
        .header-bottom {
            min-height: 55px
        }
        .header-top {
            min-height: 30px
        }
        .has-transparent + .page-title:first-of-type,
        .has-transparent + #main > .page-title,
        .has-transparent + #main > div > .page-title,
        .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
            padding-top: 80px
        }
        .header.show-on-scroll,
        .stuck .header-main {
            height: 54px!important
        }
        .stuck #logo img {
            max-height: 40px!important
        }
        .header-bg-color,
        .header-wrapper .{
            /*background-color: rgba(31, 32, 36, 0.74);*/
            
        }
        .stuck {
            background-color: rgb(246 246 249 / 80%) !important;
        }
        .header-bottom {
            background-color: #f1f1f1
        }
        .stuck .header-main .nav>li>a {
            line-height: 33px;
            font-weight: bold;
        }
        .header-bottom-nav>li>a {
            line-height: 21px
        }
        @media (max-width: 549px) {
            .header-main {
                height: 70px
            }
            #logo img {
                max-height: 55px
            }
        }
        .main-menu-overlay {
            background-color: rgba(37, 42, 51, 0.85)
        }
        .accordion-title.active,
        .has-icon-bg .icon .icon-inner,
        .logo a,
        .primary.is-underline,
        .primary.is-link,
        .badge-outline .badge-inner,
        .nav-outline > li.active> a,
        .nav-outline >li.active > a,
        .cart-icon strong,
        [data-color='primary'],
        .is-outline.primary {
            color: #00ffc7;
        }
        [data-text-color="primary"] {
            color: #32bb9d!important
        }
        .scroll-to-bullets a,
        .featured-title,
        .label-new.menu-item > a:after,
        .nav-pagination > li > .current,
        .nav-pagination > li > span:hover,
        .nav-pagination > li > a:hover,
        .has-hover:hover .badge-outline .badge-inner,
        button[type="submit"],
        .button.wc-forward:not(.checkout):not(.checkout-button),
        .button.submit-button,
        .button.primary:not(.is-outline),
        .featured-table .title,
        .is-outline:hover,
        .has-icon:hover .icon-label,
        .nav-dropdown-bold .nav-column li > a:hover,
        .nav-dropdown.nav-dropdown-bold > li > a:hover,
        .nav-dropdown-bold.dark .nav-column li > a:hover,
        .nav-dropdown.nav-dropdown-bold.dark > li > a:hover,
        .is-outline:hover,
        .tagcloud a:hover,
        .grid-tools a,
        input[type='submit']:not(.is-form),
        .box-badge:hover .box-text,
        input.button.alt,
        .nav-box > li > a:hover,
        .nav-box > li.active > a,
        .nav-pills > li.active > a,
        .current-dropdown .cart-icon strong,
        .cart-icon:hover strong,
        .nav-line-bottom > li > a:before,
        .nav-line-grow > li > a:before,
        .nav-line > li > a:before,
        .banner,
        .header-top,
        .slider-nav-circle .flickity-prev-next-button:hover svg,
        .slider-nav-circle .flickity-prev-next-button:hover .arrow,
        .primary.is-outline:hover,
        .button.primary:not(.is-outline),
        input[type='submit'].primary,
        input[type='submit'].primary,
        input[type='reset'].button,
        input[type='button'].primary,
        .badge-inner {
            background-color: #07abe4
        }
        .nav-vertical.nav-tabs > li.active > a,
        .scroll-to-bullets a.active,
        .nav-pagination > li > .current,
        .nav-pagination > li > span:hover,
        .nav-pagination > li > a:hover,
        .has-hover:hover .badge-outline .badge-inner,
        .accordion-title.active,
        .featured-table,
        .is-outline:hover,
        .tagcloud a:hover,
        blockquote,
        .has-border,
        .cart-icon strong:after,
        .cart-icon strong,
        .blockUI:before,
        .processing:before,
        .loading-spin,
        .slider-nav-circle .flickity-prev-next-button:hover svg,
        .slider-nav-circle .flickity-prev-next-button:hover .arrow,
        .primary.is-outline:hover {
            border-color: #0984b9;}
        .nav-tabs>li.active>a {
            border-top-color: #32bb9d
        }
        .slider .flickity-prev-next-button:hover svg,
        .slider .flickity-prev-next-button:hover .arrow {
            fill: #32bb9d
        }
        [data-icon-label]:after,
        .secondary.is-underline:hover,
        .secondary.is-outline:hover,
        .icon-label,
        .button.secondary:not(.is-outline),
        .button.alt:not(.is-outline),
        .badge-inner.on-sale,
        .button.checkout,
        .single_add_to_cart_button {
            background-color: #07abe4;
        }
        .secondary.is-underline,
        .secondary.is-link,
        .secondary.is-outline,
        .stars a.active,
        .star-rating:before,
        .woocommerce-page .star-rating:before,
        .star-rating span:before,
        .color-secondary {
            color: #07abe4
        }
        [data-text-color="secondary"] {
            color: #32bb9d!important
        }
        .secondary.is-outline:hover {
            border-color: #32bb9d
        }
        .success.is-underline:hover,
        .success.is-outline:hover,
        .success {
            background-color: #32bb9d
        }
        .success-color,
        .success.is-link,
        .success.is-outline {
            color: #32bb9d
        }
        .success-border {
            border-color: #32bb9d!important
        }
        body {
            font-size: 100%
        }
        @media screen and (max-width: 549px) {
            body {
                font-size: 100%
            }
        }
        body {
            font-family: 'Elle Futura', sans-serif;
        }
        body {
            font-weight: 300
        }
        .nav>li>a {
            font-family: 'Elle Futura', sans-serif;
        }
        .nav>li>a {
            font-weight: 300
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .heading-font,
        .off-canvas-center .nav-sidebar.nav-vertical>li>a {
            font-family: 'Elle Futura', sans-serif;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .heading-font,
        .banner h1,
        .banner h2 {
            font-weight: 300
        }
        .alt-font {
            font-family: "Roboto", sans-serif
        }
        .alt-font {
            font-weight: 300!important
        }
        .header:not(.transparent) .header-bottom-nav.nav>li>a {
            color: #FFF
        }
        @media screen and (min-width: 550px) {
            .products .box-vertical .box-image {
                min-width: 268px!important;
                width: 268px!important
            }
        }
        .footer-1 {
            /* background-image: url('../images/bg-pattern-2.jpg'); */}
        .footer-2 {
            background-image: url('../images/bg-pattern-2.jpg')
        }
        .footer-1 {
            background: #0091cf;}
        .footer-2 {
            background-color: #020b15;}
        .absolute-footer,
        html {
            background-color: #201F25
        }
        .page-title-small + main .product-container>.row {
            padding-top: 0
        }
        .label-new.menu-item>a:after {
            content: "New"
        }
        .label-hot.menu-item>a:after {
            content: "Hot"
        }
        .label-sale.menu-item>a:after {
            content: "Sale"
        }
        .label-popular.menu-item>a:after {
            content: "Popular"
        }

        #as42 {
            background: ;
            background-size: cover
        }
        @media only screen and (max-width: 860px) {
            #as42 {
                background-size: cover
            }
        }
        #as42 {
            background: transparent
        }
        #as42:after {
            display: none
        }
        #as42 .stat .fa {
            color: #fff;
            font-size: 3em
        }
        #as42 .stat .number {
            color: #fff;
            font-size: 3em
        }
        #as42 .stat .count-title {
            color: #fff;
            font-size: em;
            margin-bottom: 0
        }
        .stat .count-subtitle {
            display: block
        }
        #as42 h3 {
            color: #fff;
            margin: 0
        }
        .img_muangay{
            max-height: 500px;overflow-y: scroll;width: 90%;
        }
        .img_muangay::-webkit-scrollbar{
            width: 11px;
            background-color: #333;
        }
        .img_muangay::-webkit-scrollbar-thumb {
            background-color: #888;
        }
        .img_muangay::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
            background-color: #F5F5F5;
        }
        /* Buttons */
        .img_muangay::-webkit-scrollbar-button:single-button {
            background-color: #F5F5F5;
            display: block;
            border-style: solid;
            height: 13px;
            width: 11px;
        }
        /* Up */
        .img_muangay::-webkit-scrollbar-button:single-button:vertical:decrement {
            border-width: 0 5px 11px 5px;
            border-color: transparent transparent #888 transparent;
        }
        .img_muangay::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #333 transparent;
        }
        /* Down */
        .img_muangay::-webkit-scrollbar-button:single-button:vertical:increment {
            border-width: 11px 5px 0 5px;
            border-color: #888 transparent transparent transparent;
        }
        .img_muangay::-webkit-scrollbar-button:vertical:single-button:increment:hover {
            border-color: #333 transparent transparent transparent;
        }

        .color_main{
            color: #92c850;
        }
        .infopage_contact{
            margin-bottom: 20px;
        }
        .infopage_contact h1{
            margin-bottom: 5px;
            font-size: 24px;
            font-weight: bold;
            color: #92c850;
        }
        .infopage_contact p{
            margin-bottom: 5px;
        }
        #main-menu .sidebar-menu ul li i{
            color: #000;
        }

        /*Css trang thanh toán*/
        #content_tt .term_header .title, .hl-chk-box .title{
            position: relative;
            margin-bottom: 20px;
            margin-top: 0;
            font-size: 24px;
        }
        #content_tt .term_header .title:after, .hl-chk-box .title:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: -5px;
            background: #f05b28;
            width: 50px;
            height: 2px;
        }
        #content_tt .hl-box {
            border-radius: 10px;
            position: relative;
            background-color: #f7f7f7!important;
            padding: 20px;
            margin-bottom: 30px;
            box-shadow: 0 10px 10px -8px rgb(26 35 38 / 20%);
        }
        #content_tt .hl-box .pthumbnail {
            position: relative;
            height: 50px;
        }
        #content_tt .hl-box .pthumbnail img {
            max-height: 100%;
            max-width: 100%;
            bottom: 0px;
            position: absolute;
            height: auto;
            display: block;
            width: auto;
            display: inline-block;
        }
        #content_tt .hl-box .title {
            line-height: 24px;
            font-size: 16px;
            margin-top: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        #content_tt .hl-box p {
            margin: 10px 0;
        }
        #content_tt .hl-box strong {
            font-weight: 700;
            color: #000;
        }
        #content_tt .hl-box:after {
            display: block;
            content: "";
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #ffffff;
            border-bottom: 0;
            z-index: 1;
            top: 0;
            right: 30px;
            position: absolute;
        }
        #content_tt .col-md-4,#content_tt .col-md-12,#content_tt .col-md-12{
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
        } 
        #block_term_34 .col-md-4 {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%;
        }
        @media screen and (max-width: 550px){
            .bottom_support{
               display: none;
            }
            .absolute-footer.dark{
                margin-bottom: 0px !important;
            }
            #flex_colmobile{
                display: flex;
                flex-wrap: wrap;
            }
            #flex_colmobile .flex_mobile50 {
                flex: 0 0 50%;
            }
            .col-xs-6{
                max-width: 50%;
            }
            #content .tltblog{
                padding: 0px 10px;
                margin:0;
            }
            #content_tt{
                padding: 0 10px;
            }
        }
        .header-search ul li .search-field{
            height: 39px;
        }
        #content_tt p, #content_tt p span{
            font-family: 'Elle Futura', sans-serif !important;
        }