@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
    url(https://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nFgFMY7EK8ynABYD_ZHMS7s.woff) format('woff');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'),
    url(https://themes.googleusercontent.com/static/fonts/robotocondensed/v8/Zd2E9abXLFGSr9G3YK2MsNIjcMYHK_OhdqQKvz8_Eqo.woff) format('woff');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
    url(https://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nMSqxGqx1BqHsIjxNL4q2HQ.woff) format('woff');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
    url(https://themes.googleusercontent.com/static/fonts/robotocondensed/v8/mg0cGfGRUERshzBlvqxeAALJ2z5ZyH4OGzxaAobx77I.woff) format('woff');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
    url(https://themes.googleusercontent.com/static/fonts/robotocondensed/v8/BP5K8ZAJv9qEbmuFp8RpJaZHp5Ygr-TRGz22M2CAQPE.woff) format('woff');
}
/* cyrillic */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v13/FwZY7-Qmy14u9lezJ-6D6MmTpA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v13/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v13/FwZY7-Qmy14u9lezJ-6J6MmTpA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v13/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: "Roboto Condensed",Arial,sans-serif;
}

#mb_mainnav,
.product-actions .btn-add-to-cart:hover, .product-actions .btn_quickview:hover,
#pagination .paginator a:hover, #pagination .paginator span.currentPage,
.sidebar_blogs .sidebar_title,
.cart_header_top_box .cart-buttons .btn-check-out,
.cart_header_top_box .cart-buttons .btn-check-out:hover{
    background: #008a4a !important;
}
.btn_search_submit,
.btn-primary,
.btn-primary:hover{
    background-color: #008a4a !important;
    border-color: #008a4a !important;
}
#pagination .paginator a, #pagination .paginator span.currentPage{
    border: 1px solid #008a4a !important;
}
.navbar_menuvertical .nav_verticalmenu>li:hover>a:after{
    background: #008a4a !important;
    outline: 1px solid #008a4a !important;
}
.article_item .article_content .readmore,
.filter_title,
.action-readmore .btn-primary,
#product #buy-now,
#checkout,
#cart #checkout:hover{
    border: 1px solid #008a4a !important;
    background: #008a4a !important;
}
#buy-now:hover .text_buy{
    color: #fff;
}
.product_description .nav-tabs li.active a, .product_description .nav-tabs li a:hover{
    border-top: 2px solid #008a4a !important;
}
.navbar_menuvertical .nav_verticalmenu>li:hover>a,
.navbar_menuvertical .nav_verticalmenu li.has-child ul li:hover a,
.section-heading h2 span,
a:hover,
.product-block .product-info .pro-prices .pro-price,
.show_more a,
.article_item .article_content .article_meta .article_comment i, .article_item .article_content .article_meta .article_created i,
a.active,
.articles_page h1,
a.text-primary:focus, a.text-primary:hover,
.text-primary{
    color: #008a4a !important;
}
.back-to-top {
    border-bottom: 70px solid #008a4a !important;
}
.section-heading:before{
    border-top: 1px solid #008a4a !important;
}
#sign .f input#btnSubmit{
    background: #008a4a !important;
    box-shadow: 0 0 0 2px #008a4a !important;
}
.title_block{
    background: #3CE27F !important;
}
.menu_hori li a:hover{
    color: white !important;
    background: #008a4a !important;
}
.product-sale{
    background: #008a4a !important;
}
.article_item .article_content .readmore:hover{
    color: white !important;
}
#pagination .paginator a:hover, #pagination .paginator span.currentPage:hover{
    color: white !important;
}
.user_box ul li{
    background: #008a4a !important;
}
.user_box ul li a:hover{
    color: white !important;
}
#cart .comeback:hover{
    color: white !important;
}
#cart #checkout:hover{
    color: #fff !important;
}
.btn{
    background: #008a4a !important;
}
.fieldset .field .field-input-wrapper .field-input:focus{
    box-shadow: 0 0 0 2px #008a4a !important;
}
.step-footer .step-footer-previous-link .previous-link-icon{
    fill: #008a4a !important;
}
.step-footer-previous-link{
    color: #008a4a !important;
}
.section-content-text a{
    color: #008a4a !important;
}
.btn-add-to-cart a:hover{
    color: white !important;
}
.cart_header_icon{
    background: url(/tp/T0208/img/icon_cart.png) no-repeat 0 50% !important;
}
.user_login_icon{
    background: url(/tp/T0208/img/icon_user.png) no-repeat 0 50% !important;
}
.sold-out{
    background: #008a4a !important;
}
#owl-slider .owl-controls .owl-page span{
    background: #008a4a !important;
}
.btn-cart:hover,
.btn-check-out:hover{
    color: #fff !important;
}

#banner_custom .area_title, #bn-doi-tac .area_title, #bn-chungnhan .area_title {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

#banner_custom .area_title h2, #bn-doi-tac .area_title h2, #bn-chungnhan .area_title h2 {
    font-size: 40px;
    font-family: Pacifico;
}

#banner_custom .banner_item {
    padding: 3px;
    position: relative;
}

#banner_custom .banner_item img {
    width: 100%;
    height: auto;
}

#banner_custom .banner_item .banner_title {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
}

#banner_custom .banner_item .banner_title h4 {
    font-size: 36px;
}

@media (max-width: 1024px) {
    #banner_custom .banner_item .banner_title h4 {
        font-size: 26px;
    }
}

#banner_custom .banner_item .banner_title h4 a {
    color: #fff;
    font-family: Pacifico;
}

.big_banner, .small_two_banner, .small_banner {
    padding: 3px;
}

.big_banner img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.footer_top {
    background: #f3f3f3;
}

footer .footer_top_wrap .footer_block .footer_block_title {
    color: #008a4a !important;
    border-bottom: 1px solid #008a4a !important;
}

.footer_block .block_content, des_newsletter_form, footer #newsletter_form input[type=email], newsletter_wrap, footer .newsletter_wrap label {
    color: #000 !important;
}

footer .footer_top_wrap .footer_block .block_content .des_newsletter_form {
    color: #000 !important;
}

.bn-dt-item img {
    width: 130px;
}

.bn-cn-item img {
    width: 300px;
    margin: auto;
}

.bn-cn-item {
    display: grid;
    text-align: center;
}

.bn-cn-item span {
    padding: 10px;
    font-size: 14px;
}

.bn-dt-owl .owl-controls, .bn-cn-owl .owl-controls {
    display: none !important;
}

.blockFixed{
    position: fixed;
    bottom: 50px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chatFace{
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 60px;
    color: #fff;
    background: #0084ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvNJREFUeNq8l1tIVFEUhv+5qE1UMmaCJF0JCSuxopewJ6mQLkQXuj1ED9FDBEV2sYeop4KS6CGRQCyzoLLAB0kki7CMLmZh053Sxiyh0DRzHHT3r84ZiPHMmT0y44LPc2b2dv977b3WXnscSilo2BSygqwkC0kWmWC29ZEO0kzqyG3SFXVEEbZhBjlN2pW++UkJmWU3tp3ofvJTjd66SRFx6AqnkpsqflZD0qIJe8lDFX97TNIjCSeROpU4u0OSrYRPqMTbyZCew0yneWY6JCGxNkQWkxan+cWRMRAVc5Gj8iIez+bzJRmPsbEAyRWP18cq2vRRr19nD9AbGPF1CtkgwstjEb1wH9hbBVQ2Re7zJ2j0e/Ae8FhvYIEI5+iKVj8DLjYCkzxA2V2g6tHIPvU+YFsZD+tfXEqGkdtpOdRcN/+k64g2vAbO1XOd6IGLg43js7TBeN+8hGH6BajgpO69AQoXAMWrGECRh5sswRW1PDW3AYeucwkH8W+0ZLfhydAwP/JzzlTAx/r0g3VqWTZwaiMn6LYfUxZi0K7DBxa44mqgu98Q2MeIyJgIDAQNb8VaOLF+jpI3HTi+LrqoaIrH/DdMs2rt6AZ2VRhe7VgKrMmjt8zEd9+5Atfo4W9jyWUSmanA2a3GU8P8IlzDl9VWqXDsFpCdCezMB7xhCff2G3CQ4l29DBJeCUq2AHMytJOjVs7N3eEHal9AqRtPlWrtsD94fV+V2nSepedTzGf2HvGYPqGVpIWmE+SJmuTSm7rkrCe2w7ZHUljCo5Nc/r9FV1TME/sJf0XCJ1SdskyvUxN8TjMiMJ+0hc4VPzkwBgXisIha3TJLE3gJKLe7c7lIVQJEr5pXK9tbZn6cReVe7gzXsaodKXHaz1dkrRk7w+GN7jgHj6TIE1JOKkl/pI66wgPkDPlMFpGZxGu2sfKinTwnjVIz9KY4co8LwvaoluRG+Y0VM1Z7HKrfcrPaTgrJi3gntDuC8CVSpPVzc5T2V4ABAMltT/3nScyOAAAAAElFTkSuQmCC) center no-repeat;
    box-shadow: 0 0 10px 0px #0084ff;
    display: block;
}

.chatZalo{
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 50px;
    margin-bottom: 15px;
}


.hotline-phone-ring-wrap {
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    z-index: 999999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 85px;
    height: 85px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #008a4a;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 65px;
    height: 65px;
    top: 50%;
    left: 50%;
    position: absolute;
    background-color: rgba(0, 138, 74, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #008a4a;
    width: 43px;
    height: 43px;
    top: 50%;
    left: 50%;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: translate(-50%,-50%) rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: translate(-50%,-50%) rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: translate(-50%,-50%) rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: translate(-50%,-50%) rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotate(0) scale(1) skew(1deg);
    }
}
#product .product_price ins {
    font-size: 24px !important;
}

@media screen and (min-width: 1024px){
    .navbar-nav.menu_hori li:hover ul{
        display: block;
    }
    .navbar-nav.menu_hori li ul li{
        padding: 0;
    }
    .navbar-nav.menu_hori li ul li a{
        display: block;
    }
}