@font-face {
    font-family: "Niramit";
    font-weight: normal;
    src: url(../fonts/Niramit-Regular.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Niramit";
    font-weight: bold;
    src: url(../fonts/Niramit-Bold.ttf) format("truetype");
    font-display: swap;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #f8f8f8;
    border: 1px solid #e7e7e7;
    padding: 10px;
    margin-bottom: 20px;
    font-size: inherit;
    font-family: inherit;
}
img {
    height: auto;
    max-width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.noi_dung_post {
    line-height: 1.5;
}
.noi_dung_post h2 {
    font-size: 25px;
    margin: 5px 0 10px;
    font-weight: bold;
}
.noi_dung_post h3 {
    font-size: 20px;
    margin: 5px 0 10px;
    font-weight: bold;
}
.noi_dung_post h4 {
    font-size: 18px;
    margin: 5px 0 10px;
    font-weight: bold;
}
.noi_dung_post table {
    width: 100%;
    margin-bottom: 15px;
}
.noi_dung_post table td, .noi_dung_post table th {
    border: 1px solid #ddd;
    padding: 5px;
}
.noi_dung_post ul {
    padding-left: 25px;
    list-style-type: disc;
    margin-bottom: 10px;
}
.noi_dung_post ol {
    padding-left: 25px;
    margin-bottom: 10px;
    list-style-type: decimal;
}
.noi_dung_post b, .noi_dung_post strong {
    font-weight: bold;
}
.noi_dung_post i {
    font-style: italic;
}
iframe {
    max-width: 100%;
}
.noi_dung_post iframe {
    display: block;
    margin: 0 auto;
}
body, html {
    font-size: 16px;
    font-family: "Niramit", sans-serif;
    background: #fff;
}
button, a, input{outline: 0 !important;box-shadow: none !important;}
blockquote{padding: 10px;border: 2px dashed #339933;background: #eff9e6;}
a:hover{color: #339933}
.bg-success{background-color: #339933 !important;}
.bg-light {background-color: #f8f8f8!important;}
.bg-warning{background: #277847 !important;}
.border-warning {border-color: #277847!important;}
.btn-success {color: #fff; background-color: #339933; border-color: #339933; }
.btn-warning {color: #fff; background-color: #277847; border-color: #277847; }
.text-danger{color: #d70018 !important}
.text-warning{color: #277847 !important;}
.text-success {color: #339933!important;}
header{z-index: 99999;top: 0;left: 0;color: #339933}
header a{color: #339933;text-decoration: none !important;}
.admin-bar header{top: 32px;}
header .logo img{height: 110px;padding: 5px 0;}
header form{max-width: calc(100% - 550px);}
header form button svg{top: -2px;}
.img_hover_cart .count_item{top: -16px;right: 0;z-index: 3;min-width: 21px;height: 21px;font-size: 12px;}
header .title_menu_mega{width: 270px;font-size: 18px;padding: 12px 15px;cursor: pointer;}
header .phone_header{font-size: 23px;line-height: 1;}
main{padding-top: 160px;}
.slick-prev, .slick-next {width: 18px; height: 32px; left: 15px; background: rgba(255, 255, 255,.7) url(../images/left.png) no-repeat center center !important; z-index: 9;background-size: 12px 22px !important;}
.slick-next{background-image: url(../images/right.png) !important; left: auto; right: 15px; }
.slick-prev:before, .slick-next:before{display: none;}
.slick-dots{bottom: -30px;}
.home-gioi-thieu .tieu_de span:before{position: absolute;bottom: 0;left: 0;width: 100%;content: '';border-bottom: 2px solid #277847;}
.home-cung-cap{background-size: 100% 240px;background-position: top;background-repeat: no-repeat;}
.cung-cap-slide{margin: 0 -15px 50px !important;}
.sp-hot .btn{transform: skew(-15deg);border-radius: 10px;}
.list-dm-sp-home .tieu-de-dm .h5{padding: 10px 15px;}
.list-dm-sp-home .tieu-de-dm .h5:after {position: absolute; content: '';top: 12px;right: -10px;border-top: 10px solid transparent;border-left: 10px solid #277847;border-bottom: 10px solid transparent;}
.project-grid h3{z-index: 3;left: 0;bottom: 0;background: rgba(0,0,0,0.5);transform: translateY(30px);transition: all 0.5s ease 0s;opacity: 0;padding: 10px;}
.project-grid:hover h3 {opacity: 1;transform: translateY(-5px);}
.project-grid:before, .project-grid:after {content: ""; display: inline-block; background: #fff; width: 30px; height: 30px; clip-path: polygon(100% 0, 0 0, 0 100%); position: absolute; left: -1px; top: -1px; z-index: 9; }
.project-grid:after {left: initial; right: -1px; top: initial; bottom: -1px; clip-path: polygon(100% 0, 0 100%, 100% 100%); }
@-webkit-keyframes imgShine {100% {left: 125% } }
@-moz-keyframes imgShine {100% {left: 125% } }
@keyframes imgShine {100% {left: 125% } }
.img-shine {overflow: hidden;position: relative;display: block;}
.img-shine:before {position: absolute; content: ""; top: 0; left: -75%; z-index: 100; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); transform: skewX(-25deg ); }
.img-shine:hover:before {animation: imgShine .75s ease-in-out}
.brand-gallery-slide img{padding: 5px;width: 100%;}
.woocommerce .woocommerce-breadcrumb{padding-top: 15px;}
.dm-con-archive a{background: #fff;display: inline-block;padding: 5px 15px;border-radius: 15px;box-shadow: 0 0 1px rgb(0 0 0 / 8%);font-size: 13px;}
.products-grid:hover{border: solid 1px #ddd; border-radius: 2px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);}
.products-grid .sale-icon{top: 0;right: 5px;z-index: 9;width: 39px;height: 35px;background: url('../images/sale.png') no-repeat center center;background-size: contain;padding-top: 5px;font-size: 13px;}
.products-grid h3{font-size: 18px;}
.price ins{text-decoration: none;font-weight: bold;font-size: 18px;}
footer{background: url(../images/bg_footer.jpg) no-repeat center center;background-size: cover;margin-top: 83px;}
footer a{text-decoration: none !important;color: #fff;}
footer .bg_mail-container{top: -83px;left: 0;z-index: 9;}
.bg_mail {transform: skew(-15deg ); border-radius: 10px; padding: 25px 140px;max-width: 1000px}
footer .nd_mail {transform: skew(15deg ); }
footer .wpcf7-form-control-wrap{width: calc(100% - 114px)}
.footer-top{padding: 120px 0 30px;}
.footer-top ul{list-style: none;padding: 0;}
.footer-top .menu li{margin-bottom: 10px;}
.footer-top ul ul{margin-top: 10px;padding-left: 20px;}
footer .logo img{height: 80px;width: auto;}
footer .single-contact-page path{fill: #fff;}
footer iframe{height: 280px;}
.list-mang-xh a{display: block;border-radius: 50%;background-color: #1877f2;padding: 8px;}
.list-mang-xh li:nth-child(2) a{background: #7b33aa;}
.list-mang-xh li:nth-child(3) a{background: #f00;}
.copyright{background: url(../images/bg_footer_bot.jpg) no-repeat center center;background-size: cover;}
.lds-hourglass {display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-hourglass:after {content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 8px; box-sizing: border-box; border: 32px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-hourglass 1.2s infinite; }
@keyframes lds-hourglass {0% {transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% {transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% {transform: rotate(1800deg); } }
.loading-web{display: flex;top: 0;bottom: 0;right: 0;left: 0;z-index: 999999999;background: rgba(211,211,211,.8);}
.hide-text .noi_dung_post{height: 450px;overflow: hidden;}
.list-sp-archive .col-md-3:nth-child(4n){border-right: none;}
.woocommerce-widget-layered-nav ul li{padding: 7px 15px 7px 40px !important;border-bottom: 1px solid #ddd;position: relative;background: url(../images/square.svg) no-repeat 15px center;background-size: 18px 18px;}
.woocommerce-widget-layered-nav ul .chosen{background-image: url(../images/check-square.svg);}
.woocommerce-widget-layered-nav ul li:last-child{border-bottom: none;}
.woocommerce-widget-layered-nav ul a{color: #333;text-decoration: none;}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:before{display: none;}
.bg-menu{top: 0;left: 0;background: rgba(0,0,0,.3);z-index: 999999;}
.share-post-ws24h a {margin-right: 10px; width: 30px; height: 30px; line-height: 27px; text-align: center; color: #fff; border-radius: 5px; background: #1877f2 }
.share-post-ws24h a:nth-child(2) {
    background: #27c2f5
}
.share-post-ws24h a:nth-child(3) {
    background: #f7333e
}
.share-post-ws24h a:nth-child(4) {
    background: #0a84dc
}
.share-post-ws24h a:nth-child(5) {
    background: #111
}
.single-contact-page svg {width: 22px; height: 25px;margin-right: 10px;min-width: 22px;}
.single-contact-page path{fill: #333;}
.map iframe{width: 100%;height: 500px;}
.back-to-top{z-index: 9999;right: 15px;bottom: 120px;width: 44px;height: 44px;display: flex;cursor: pointer;}
.hc-offcanvas-nav .nav-item-wrapper img{display: none;}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{background: #339933;}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{background: #339933;border-color: #fff;}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a, .hc-offcanvas-nav a.nav-next, .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-color: #fff;}
.hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6{color: #fff;}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top: none;}
#toc_container a{color: #333}
.button-contact-fix{z-index: 99999;bottom: 0;left: 0;}
.button-contact-fix .phone-vr, .fb-fix .phone-vr{
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #339933;
    background-color: rgb(51 153 51 / 80%);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #339933;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img, .phone-vr-img-circle svg {
    max-width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
#zalo-vr .phone-vr-circle-fill{box-shadow: 0 0 0 0 #2196f3;background-color: rgba(33,150,243,.7);}
#zalo-vr .phone-vr-img-circle{background-color: #2196f3}
.fb-fix{bottom: 180px;left: 0;z-index: 99999;}
.fb-fix .phone-vr-circle-fill{box-shadow: 0 0 0 0 #4267b2;background-color: rgb(66 103 178 / 82%);}
.fb-fix .phone-vr-img-circle{background-color: #4267b2}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
.popup{z-index: 9999999;top: 0;left: 0;}
.popup > .position-relative{padding: 50px 15px 15px;}
.close-popup{right: 10px;top: 10px;z-index: 5;}
.popup .bg-popup{background: rgba(211,211,211,.8);z-index: 9;top: 0;left: 0;right: 0;bottom: 0;}
.popup .cf7-hoidap{max-width: 800px;margin: 0 auto;position: relative;z-index: 99;}
.popup .cf7-hoidap .form-control{box-shadow: 1px 4px 7px #277847 !important;border-color: #277847 !important;}
.popup .cf7-hoidap textarea{height: 130px;}
.popup .ajax-loader, .noi_dung_post .wp-embedded-content:not(iframe){display: none;}
.noi_dung_post iframe{clip: unset !important;position: unset !important;}
.grecaptcha-badge{opacity: 0;}
@media screen and (max-width: 991px) {
    header form{order: 4;max-width: unset;margin: 0 -15px;padding: 5px 15px;background: #339933;width: calc(100% + 30px) !important}
    header form input{border-top-left-radius: 20px !important;border-bottom-left-radius: 20px !important;height: 35px !important;}
    header form button{border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;border-color: #fff !important;height: 35px !important;}
    header form button svg {top: -4px; }
    header .logo img{height: 55px;padding: 5px 0;}
    .img_hover_cart .count_item{top: -13px;}
    .header-active form{display: none;}
    footer{margin-top: 0;}
    .footer-top {padding: 20px 0;}
    main {padding-top: 101px;}
    .woocommerce .woocommerce-ordering{max-width: 150px}
    .archive-product-widget{top: 0;left: 0;position: fixed;width: 300px;z-index: 9999999;padding-top: 50px;display: none;}
    .close-loc{z-index: 99;top: 15px;left: 260px;}
}
@media screen and (max-width: 767px) {
    .noi_dung_post iframe:not(.wp-embedded-content) {
        height: 250px;
    }
    .hotlinefix {
	    bottom: 90px;
	}
    .popup .cf7-hoidap{background: #277847;}
    .popup .cf7-hoidap .h3{color: #fff !important}
    .close-popup path{fill: #fff}
}
@media screen and (min-width: 768px) {
    .home-gioi-thieu-icon .col-md-6:nth-child(2n+1){border-right: none !important;}
    .popup .cf7-hoidap{background: url(../images/popup-minchico.jpg) no-repeat center center;background-size: 100% 100%;}
    .popup .cf7-hoidap .h3{background: rgba(255,255,255,.5);display: inline-block;padding: 1rem;}
}
@media screen and (min-width: 992px) {
    .header-active .header-top {display: none;}
    .menu-main li{position: relative;}
    .menu-main a{display: block;color: #fff;padding: 10px 12px;font-size: 17px;}
    .menu-main .current-menu-item > a, .menu-main li:hover > a{color: #fcd84a}
    .menu-main > .menu-item-has-children > a:after{content: '';border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #fff;margin-left: 8px;position: relative;top: 20px;}
    .menu-main ul{display: none;position: absolute;top: 100%;left: 0;min-width: 300px;background: #339933e6;list-style: none;margin: 0;padding: 0;}
    .menu-main ul ul{top: 0;left: 100%;}
    .menu-main li:hover > ul{display: block;}
    .menu-main ul li{border-bottom: 1px solid #fff;}
    .menu-main ul .menu-item-has-children > a:after{border-top: 7px solid transparent; border-left: 7px solid #fff; border-bottom: 7px solid transparent;content: '';position: absolute;top: 17px;right: 15px;}
    .menu-product{top: 100%;left: 0;z-index: 99999;overflow: hidden;max-height: 0; max-width: 0; opacity: 0; -webkit-transform: perspective(600px) rotateX(-90deg ); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); -o-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg ); -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31,38,67,0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31,38,67,0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
    .menu_mega:hover .menu-product{overflow: visible; max-height: 3000px; max-width: 3000px; opacity: 1; -webkit-transform: perspective(600px) rotateX(0deg ); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg ); -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;}
    .menu-product > ul{border: 2px solid #277847;border-top: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 10px 0;}
    .menu-product a{display: block;padding: 10px 15px;color: #333}
    .menu-product li:hover > a{color:#339933}
    .menu-product > ul > li > ul{display: none;width: 878px;left: 100%;position: absolute;z-index: 9999;top: 0; background: #fff; padding: 15px; background-color: #fff; box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 10%); -o-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 10%);list-style: none;}
    .menu-product > ul > li:hover > ul{display: flex;font-weight: normal;flex-wrap: wrap;}
    .menu-product > ul > li > ul > li{width: 25%;padding: 0 10px;}
    .menu-product > ul > li > ul > li > a{padding: 5px 0;border-bottom: 1px solid #339933;}
    .menu-product ul ul ul{list-style: none;padding: 0;margin-top: 5px;}
    .menu-product ul ul ul a{padding: 5px 0;}
    .home-gioi-thieu-icon .col-md-6:nth-child(2){border-right: none !important;}
}
@media screen and (min-width: 1200px) {
    .container{max-width: 1200px}
    .archive-product-widget.position-fixed{z-index: 9;top: 70px;left: calc(50% - 585px);width: 270px;height: auto !important}
    .admin-bar .archive-product-widget.position-fixed{top: 102px;}
    .list-dm-sp-home h3{font-size: 15px;}
    .list-dm-sp-home .price{font-size: 14px;}
    .list-dm-sp-home ins {font-size: 16px;}
}