/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.8.1
Text Domain: flatsome
License: http://themeforest.net/licenses
License URI: http://themeforest.net/licenses
*/
/*@import url('https://fonts.googleapis.com/css?family=Baloo+Tamma&display=swap&subset=vietnamese');*/
/* font-family: 'Baloo Tamma' ; */
::placeholder { 
    color: #eae9e9;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    color: #eae9e9;
}

::-ms-input-placeholder { 
    color: #eae9e9;
}
@font-face {
    font-family: 'iciel_ponyregular';
    src: url('fonts/pony-webfont.woff2') format('woff2'), url('fonts/pony-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iCielSoupofJustice';
    src: url('fonts/iCielSoupofJustice.ttf') format('truetype'), url("fonts/iCielSoupofJustice.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCielParisSerif-Bold';
    src: url('fonts/iCielParisSerif-Bold.ttf') format('truetype'), url("fonts/iCielParisSerif-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCielBambola';
    src: url('fonts/iCielBambola.ttf') format('truetype'), url("fonts/iCielBambola.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCiel Rukola';
    src: url('fonts/iCiel Rukola.ttf') format('truetype'), url("fonts/iCiel Rukola.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCielAmerigraf';
    src: url('fonts/iCielAmerigraf.ttf') format('truetype'), url("fonts/iCielAmerigraf.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'iCiel Pacifico';
    src: url('fonts/iCiel Pacifico.ttf') format('truetype'), url("fonts/iCiel Pacifico.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCiel Kermel';
    src: url('fonts/iCiel Kermel.ttf') format('truetype'), url("fonts/iCiel Kermel.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iciel Cadena';
    src: url('fonts/iciel Cadena.ttf') format('truetype'), url("fonts/iciel Cadena.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCiel Altus';
    src: url('fonts/iCiel Altus.ttf') format('truetype'), url("fonts/iCiel Altus.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCiel Altus Serif';
    src: url('fonts/iCiel Altus Serif.ttf') format('truetype'), url("fonts/iCiel Altus Serif.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iCiel Altus Extra';
    src: url('fonts/iCiel Altus Extra.ttf') format('truetype'), url("fonts/iCiel Altus Extra.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cs-Cookie';
    src: url('fonts/SVN-Cookie.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cs-Cookies';
    src: url('fonts/SVN-Cookies.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cs-BalooTamma';
    src: url('fonts/BalooTamma-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pony';
    src: url('fonts/Pony.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: white;
}
/*webmoi add them*/
.page-id-79 h1
{
    font-size:40px;
    line-height:50px;
}
/*class video play off khi di chuyen*/
.trigger-top,
.trigger-bottom {
    width: 100%;
    text-indent: -50%;
    position: fixed;
    top: 25%;
    border-top: 1px dotted #000;
}

.trigger-bottom {
    top: auto;
    bottom: 1%;
}
/*end video pay off khi di chuyen*/
.cs-mayoarm .col {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.cs-info-oarm
{
    background-color:white;
    padding:10px 20px 0px 20px;
    border-radius:10px;
}
.cs-info-oarm h3 {
    font-family: 'cs-BalooTamma' !important;
    font-size: 16px;
    color: #00863d;
}
.cs-info-oarm h2 {
    font-family: 'cs-BalooTamma' !important;
    margin-top:15px;
}
.absolute-footer {
    color: rgb(255, 255, 255);
    font-size: .9em;
}
.cs-videoungdung {
    font-family: 'cs-BalooTamma' !important;
    font-size: 20px;
    text-align: center;
    margin-bottom:15px;
}
.cs-infovideo {
    background: url(/wp-content/uploads/2020/04/dotted.jpg) repeat center bottom;
}
.cs-fullvideo {
    height: 400px;
    width: 100%;
    position: relative;
    z-index: 3;
    color: #fff;
    text-align: center;
}
.cs-fullvideoweb, .home #footer, #rev_slider_1_1_forcefullwidth {
    position: relative;
    z-index: 99;
}
.cs-text-video {
    font-family: 'cs-BalooTamma' !important;
    font-size: 18px;
    text-align: justify;
    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
}
.cs-imgssfull h2 {
    font-family: 'cs-BalooTamma' !important;
    text-align:center;
}
.home #footer {
    margin-top: -25px;
}
.cs-video {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.cs-video embed, .cs-video iframe, .cs-video object, .cs-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home video#csvideobg {
    background-size: cover;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 9;
}

.cs-hoidong2 {
    border: 1px solid #35eaff;
    box-shadow: inset 0 0 15px #00e5ff, 0 0 15px #00e5ff;
    max-width: calc(25% - 20px) !important;
    -ms-flex-preferred-size: calc(25% - 20px) !important;
    flex-basis: calc(25% - 20px) !important;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 10px;
}
.cs-hoidong1 {
    border: 1px solid red;
    box-shadow: inset 0 0 15px #fc0101, 0px 0px 4px #fb0303;
    border-radius: 10px;
    max-width: calc(25% - 20px) !important;
    -ms-flex-preferred-size: calc(25% - 20px) !important;
    flex-basis: calc(25% - 20px) !important;
    margin-right: 10px;
    margin-left: 10px;
}
.cs-hoidong1 h3 {
    background-color: red;
    color: white;
    border-radius: 6px;
    padding: 8px 0px 0px 0px;
}
.cs-hoidong2 h3 {
    background-color: #00e5ff;
    border-radius: 6px;
    padding: 8px 0px 0px 0px;
    font-size: 14px;
}
.cs-hoidong3 {

}
.cs-hoidong1 img, .cs-hoidong2 img {
    margin-bottom: -15px;
    margin-top: 15px;
}
.slider-nav-reveal .flickity-prev-next-button:hover, 
.slider-nav-reveal .flickity-prev-next-button {
    background-color: transparent !important;
}
.slider-nav-reveal .flickity-prev-next-button:hover, 
.slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    box-shadow: none;
    margin: 0 !important;
}
.cs-hoidongchuyenmon h2 {
    font-family: 'cs-BalooTamma' !important;
}
.cs-hoidongchuyenmon h2, .cs-hoidongchuyenmon h3 {
    font-family: 'cs-BalooTamma' !important;
}
.cs-hoidongchuyenmon h2, .cs-hoidongchuyenmon h3, .cs-hoidongchuyenmon p {
    text-align: center;
}
.cs-hoidongchuyenmon p {
    font-size: 14px;
}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: #00337b;
}
.cs-textproinfo {
    position: absolute;
    top: 77px;
    left: 49px;
    color: white;
    font-family: 'UTM Avo' !important;
    line-height: 37px;
    font-size: 13pt;
    width: 94%;
    max-width: 75%;
}
.cs-imgembeantoan h2 {
    font-family: 'cs-Cookies' !important;
    text-transform: uppercase !important;
    color: #e91e63 !important;
    font-size: 38pt !important;
    margin-bottom: -14px;
    margin-left: -97px;
    margin-top: 40px;
}
.cs-imgembeantoan h3 {
    font-family: 'cs-Cookies' !important;
    text-transform: uppercase !important;
    color: #e91e63 !important;
    font-size: 22pt !important;
    margin-bottom: 45px;
}
.cs-imgembeantoan h3 > b {
    font-size: 38pt !important;
}
.cs-imgembeantoan ul {
    list-style: disc;
}
.cs-imgembeantoan li {
    list-style: none;
    text-align: left;
    margin-left: 0 !important;
    background: url("/wp-content/uploads/2020/02/check-xanh-v.jpg") no-repeat left;
    padding-left: 44px;
    font-size: 14pt;
    font-family: 'cs-BalooTamma' !important;
    text-transform: uppercase;
}
.cs-price {
    font-family: 'cs-BalooTamma' !important;
    text-transform: uppercase !important;
    color: #e91e63 !important;
    font-size: 32pt !important;
    margin-bottom:0px;
}
.cs-textcenter
{
    text-align:center;
}

.cs-btbuy
{

}
.cs-imgembeat
{
    padding-bottom:0px;}
.cs-imgudnb
{
    text-align:center;
}
.cs-imgudnb {
    max-width: 1040px;
    margin: 0 auto;
}
.cs-imgcong {
    margin: 0px 22px;
}
.cs-titles {
    text-align: center;
    font-size: 38pt;
    font-family: 'UTM Avo' !important;
    color: #e91e63;
    margin-top: -50px;
    margin-bottom: 0px;
}
.cs-iconbs {
    position: relative;
}
.cs-iconbs .col-inner {
    position: absolute;
    bottom:0px;
    left:-290px;
    z-index:-1;
}
    .cs-iconbs .col-inner img {
        width: 188%;
        max-width: 188%;
    }
.footer-2 {
    padding: 0px !important;
}
.cs-imgbtmore {
    margin-bottom: -107px !important;
    margin-top: 0px;
}

.cs-dathanghome {
    padding: 50px 50px 10px 104px !important;
}

.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
    border: 3px solid white !important;
    border-radius: 14px !important;
}
.nav-spacing-xlarge > li {
    margin: 0 30px;
}
.nav-divided > li + li > a::after {
    left: -2em;
}
#header .header-wrapper {
    background-image: url(/wp-content/uploads/2020/03/fix-bt-menu.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-color: transparent;
}
.header-bg-color
{
    background-color:transparent !important;
}
.header, .header-wrapper {
    background-color: transparent !important;
}
.header, .header-wrapper {
    background-size: auto !important;
}
.nav-divided > li + li > a::after {
    border-left: 3px solid rgb(0, 122, 72);
}
.nav > li > a {
    padding: 10px 0px 1px 0px;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1170px;
}
.header-bottom {
    background-color: transparent !important;
}
#wide-nav .flex-row.container
{
    background-color:#fff;
    border-radius:20px;
}
.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover {
    color: #e91e63;
}
.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a {
    color: #007a48;
}
.nav > li > a {
    font-family: 'cs-BalooTamma' !important;
    font-weight: 500 !important;
    font-size: 13pt !important;
}
.header .flex-row {
    max-width: 1100px;
}
.rev-btn {
    background-color: #e91e63 !important;
    color: white !important;
    padding: 20px 10px 15px 22px !important;
    border: 5px solid #fff !important;
    z-index: 10096 !important;
    font-size: 14pt !important;
}
.cs-bienchung h2 {
    font-family: 'cs-Cookies' !important;
    text-transform: uppercase !important;
    color: #e91e63 !important;
    font-size: 32pt !important;
}
.cs-bienchung .col, .cs-bienchung .columns {
    margin: 0 auto;
    padding: 0px;
}
.cs-iteamhh p {
    font-size: 13.9pt !important;
    font-family: 'cs-BalooTamma' !important;
    color: #007a48 !important;
    padding: 19px 16px 7px 15px !important;
    line-height: 28px !important;
}
.cs-iteamhh p > b{
    font-size: 13.9pt !important;
    font-family: 'cs-BalooTamma' !important;
    color: #e91e63 !important;
}
.cs-iteamhh .col-inner {
    position: relative;
}
.cs-hh1 {
    top: 42px;
    left: 68px;
    position: absolute;
}
.cs-hh2 {
    position: absolute;
    top: 154px;
    left: 23px;
}
.cs-hh3 {
    position: absolute;
    top: 290px;
}
.cs-hh4 {
    position: absolute;
    top: 15px;
    left: 14px;
}

.cs-hh5 {
    position: absolute;
    top: 159px;
    left: 50px;
}

.cs-hh6 {
    position: absolute;
    top: 321px;
    left: 54px;
}

.cs-hh7 {
    position: absolute;
    top: 48px;
    left: 92px;
}

.cs-hh8 {
    position: absolute;
    top: 255px;
    left: 70px;
}

.cs-hh9 {
    position: absolute;
    top: 451px;
    left: 71px;
}

.cs-imgeb img{
    max-width:315px;
}
.cs-imgeb {
    text-align: center;
}
.cs-imgb1 img {
    width: 120%;
    max-width: 120%;
}
.cs-imgb2 img {
    width: 120%;
    max-width: 120%;
    margin-left: -60px;
}
.cs-imgb1 .img-inner, .cs-imgb2 .img-inner, .cs-iconbs .img-inner {
    overflow: inherit;
}
.cs-rimgeb
{
    z-index:-1;
}
input[type="email"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    color: #fff;
}
textarea {
    min-height: 170px;
}
/*Slider*/
#slide-5-layer-19, #slide-5-layer-20, #slide-5-layer-21 {
    font-size: 18.9pt !important;
    font-family: 'cs-BalooTamma' !important;
    color: #007a48 !important;
    padding: 19px 16px 7px 15px !important;
    border-radius: 16px;
    background-color: white;
    line-height: 28px !important;
}
#slide-5-layer-19 > b, #slide-5-layer-20 > b, #slide-5-layer-21 > b {
    font-size: 18.9pt !important;
    font-family: 'cs-BalooTamma' !important;
    color: #e91e63 !important;
}
/*web chanthuongchinhhinh*/

/*end webmoi*/
#header .header-nav-main > li.active > a, #header .header-nav-main > li:hover > a {
    color: #fcfcfc;
    border: 3px solid #fefefe;
    border-radius: 10px;
    background: #78b623;
}
#header .header-nav-main > li > a {
    font-family: 'Pony';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.97;
    letter-spacing: normal;
    text-align: center;
    padding: 4px 10px 0;
    color: white;
    border: 3px solid transparent;
    border-radius: 10px;
}
/*#logo .header-logo-dark {
    animation: bloonAnimation linear 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: bloonAnimation linear 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: bloonAnimation linear 4s;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: bloonAnimation linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: bloonAnimation linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}*/

@keyframes bloonAnimation {
    0% {
        transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        transform: translate(8px, -12px) rotate(-3deg)
    }

    40% {
        transform: translate(16px, -25px) rotate(8deg)
    }

    60% {
        transform: translate(13px,-25px)
    }

    80% {
        transform: translate(9px,-25px)
    }

    100% {
        transform: translate(6px, 0px) rotate(0deg)
    }
}

@-moz-keyframes bloonAnimation {
    0% {
        -moz-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -moz-transform: translate(8px, -12px) rotate(-3deg)
    }

    40% {
        -moz-transform: translate(16px, -25px) rotate(8deg)
    }

    60% {
        -moz-transform: translate(13px,-25px)
    }

    80% {
        -moz-transform: translate(9px,-25px)
    }

    100% {
        -moz-transform: translate(6px, 0px) rotate(0deg)
    }
}

@-webkit-keyframes bloonAnimation {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(8px, -12px) rotate(-3deg)
    }

    40% {
        -webkit-transform: translate(16px, -25px) rotate(8deg)
    }

    60% {
        -webkit-transform: translate(13px,-25px)
    }

    80% {
        -webkit-transform: translate(9px,-25px)
    }

    100% {
        -webkit-transform: translate(6px, 0px) rotate(0deg)
    }
}

@-o-keyframes bloonAnimation {
    0% {
        -o-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -o-transform: translate(8px, -12px) rotate(-3deg)
    }

    40% {
        -o-transform: translate(16px, -25px) rotate(8deg)
    }

    60% {
        -o-transform: translate(13px,-25px)
    }

    80% {
        -o-transform: translate(9px,-25px)
    }

    100% {
        -o-transform: translate(6px, 0px) rotate(0deg)
    }
}

@-ms-keyframes bloonAnimation {
    0% {
        -ms-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -ms-transform: translate(8px, -12px) rotate(-3deg)
    }

    40% {
        -ms-transform: translate(16px, -25px) rotate(8deg)
    }

    60% {
        -ms-transform: translate(13px,-25px)
    }

    80% {
        -ms-transform: translate(9px,-25px)
    }

    100% {
        -ms-transform: translate(6px, 0px) rotate(0deg)
    }
}
.footer-2 p, .footer-2 h3, .footer-2 li {
    font-family: 'cs-BalooTamma' !important;
}
.cs-ft-thongtin li {
    margin-left: 0px !important;
}
.video {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video embed, .video iframe, .video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cs-topnoidunghm {
    background-image: url(/wp-content/uploads/2020/03/banner-1.png);
    background-position: top center;
    background-size: 1920px 330px;
    background-repeat: no-repeat;
    min-height: 365px;
    margin-top: -10px;
}
.cs-btlist
{
    width:100%;
    float:left;
    text-align:center;
}
.cs-btlist-item1 {
    width: 25%;
    float: left;
}
.cs-btlist-item2 {
    width: 25%;
    float: left;
}
.cs-btlist-item3 {
    width: 25%;
    float: left;
}
.cs-btlist-item4 {
    width: 25%;
    float: left;
}

.cs-linhvucbanquantam
{
    margin-top:-130px;
}
.cs-buttona {
    transform: scale(.9);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 9;
    border: 3px solid #fff;
    line-height: 23px;
    font-family: 'cs-BalooTamma' !important;
    box-shadow: 0 1px 6px #ccc;
    text-transform: uppercase;
    border-radius: 25px !important;
    color: #fff;
    background-color: #00853b !important;
    margin: 0 auto;
    font-size: 20px;
    padding: 3px 17px 16px 15px !important;
    display: block;
    width: 100%;
}
.cs-titleimg3 {
    height: 137px;
    padding-left: 80px;
    font-size: 23px;
    padding-top: 79px;
    color: white;
}
.cs-titleimg3::after {
    background-image: url(/wp-content/uploads/2020/03/bac-si-hoi-dap.png);
    background-repeat: no-repeat;
    content: "";
    height: 137px;
    width: 447px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0 auto 5px;
    z-index: -1;
    background-color: transparent;
}

.cs-titleimg3 a {
 color:white;
}
 

.cs-titleimg {
    height: 90px;
    padding-left: 60px;
    font-size: 23px;
    padding-top: 32px;
    color: white;
}
.cs-titleimg::after {
    background-image: url(/wp-content/uploads/2020/03/item-1.png);
    background-repeat: no-repeat;
    content: "";
    height: 90px;
    width: 450px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0 auto 5px;
    z-index: -1;
    background-color: transparent;
}

.cs-titleimg a {
 color:white;
}

.cs-titleimg2 {
    height: 90px;
    padding-left: 78px;
    font-size: 23px;
    padding-top: 32px;
    color: white;
}
.cs-titleimg2::after {
    background-image: url(/wp-content/uploads/2020/03/item-2.png);
    background-repeat: no-repeat;
    content: "";
    height: 93px;
    width: 450px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0 auto 5px;
    z-index: -1;
    background-color: transparent;
}
.cs-titleimg2 a {
 color:white;
}


.cs-blogcotsong {
    margin-top: -10px;
    border: 1px dotted #ccc;
    border-radius: 61px;
    padding: 20px 10px 10px 25px !important;
    background-color: #cadbf14f;
    width: 94% !important;
    margin-left: 3% !important;
}
    .cs-blogcotsong h5::before {
        background-image: url(/wp-content/uploads/2020/04/dot-ic.png);
        background-repeat: no-repeat;
        content: "";
        height: 17px;
        width: 17px;
        position: absolute;
        top: 8px;
        left: 0px;
        background-position: 0px;
        margin: 0 auto 5px;
    }
    .cs-blogcotsong h5 {
        padding-left: 25px;
        font-size: 17px;
    }

    .cs-blogcotsong .box-image, .cs-blogcotsong .is-divider {
        display: none;
    }

    .cs-blogcotsong .is-large, .cs-blogcotsong .col {
        padding-top: 2px;
        padding-bottom: 2px;
    }


.cs-contenthd {
    background-image: url(/wp-content/uploads/2020/03/hoi-dap-icon.png);
    background-repeat: no-repeat;
    background-size: 93%;
    background-position: top left;
    height: 385px;
}
.cs-contentdc {
    padding-top: 60px;
    width: 70%;
    text-align: center;
    margin: 0 auto;
}
.cs-contentdc p {
    font-family: 'cs-BalooTamma' !important;
    font-size: 18px;
    color: white;
    line-height: 38px;
    margin-left: -35px;
}
.cs-bloghoidap h5::before {
    background-image: url(/wp-content/uploads/2020/03/hoi-dap-min.png);
    background-repeat: no-repeat;
    content: "";
    height: 50px;
    width: 55px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 0px;
    margin: 0 auto 5px;
}
.cs-bloghoidap {
    margin-top: -80px;
    border: 1px dotted #ccc;
    border-radius: 61px;
    padding: 20px 10px 10px 25px !important;
    background-color: #cadbf14f;
}
.cs-bloghoidap h5
{
    padding-left:65px;
    font-size:17px;
}
.cs-bloghoidap .box-image, .cs-bloghoidap .is-divider {
    display: none;
}
.cs-bloghoidap .is-large, .cs-bloghoidap .col {
    padding-top: 5px;
    padding-bottom: 10px;
}
.cs-ctmaxw {
    width: 100%;
    margin: 0 auto;
    max-width: 1120px;
    position: relative;
}
.cs-hoidapbs
{
    margin-top:-15px;
}
.cs-mnoisoikhop
{
    margin-top:-65px;
}
.cs-blognoisoi
{
    padding:50px 0px 0px 50px !important;
}
.cs-blognoisoi .is-divider {
    display:none;
}
.cs-blognoisoi .box-text {
    padding-top: 10px;
    padding-bottom: 10px;
}
.cs-blognoisoi .col {
    padding-bottom: 10px !important;
}
.cs-noidunghm {
    background-image: url(/wp-content/uploads/2020/03/header-bg.png);
    background-position: bottom center;
    background-size: 1920px 442px;
    background-repeat: no-repeat;
    min-height: 1100px;
}
.cs-contenttop {
    background-image: url(/wp-content/uploads/2020/03/footer-bg.png);
    background-size: 1920px 496px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-top: 420px;
    background-position: top center;
    margin-top: 0;
    min-height: 700px;
}
.copyright-footer {
    margin-top: 17px;
    margin-bottom: 10px;
    text-align:center;
}

.cs-img-logoft {
    border: 1px dotted #ccc;
    border-radius: 10px;
    padding: 2px 0px 2px 2px !important;
    margin-bottom: 14px;
    background-color: #00863d;
}
.footer-2 {
    background-color: transparent;
}
.cs-img-hotline {
    width: calc( (100% - 1200px ) / 2 );
    position: fixed;
    right: 0;
    max-width: 200px;
    top: -10px;
    min-width: 150px;
    z-index: 999;
}

#footer .col, #footer .gallery-item, #footer .columns {
    padding: 0 15px 0px !important;
}
#footer .cs-text-footer {
    padding-right: 0px !important;
}
.cs-img-footer img {
    margin-left: -90px;
    width: 120%;
    max-width: 120%;
}
.cs-img-footer .img-inne, #footer .img .img-inner {
    overflow: initial !important;
}
#footer .widget {
    margin-bottom: 0px !important;
}
.cs-text-footer .col-inner {
    line-height: 20px;
}
.cs-text-footer h3 {
    font-size: 13pt !important;
    font-family: 'cs-BalooTamma' !important;
}
.cs-text-footer p {
    font-size: 13pt !important;
    font-family: 'cs-BalooTamma' !important;
}
.cs-text-footer hr{
    width: 50%;
    background-color: white;
    opacity: 1;
    border-top: 1.5px solid white;
}
.cs-text-footer .col-inner p {
    margin-bottom: 0.5em;
}


.cs-tachai2cb {
    position: relative;
    float: left;
}
.cs-chamthangcan {
    position: relative;
    top: -77px;
    float: right;
}
.cs-ct-tachai .is-border
{
    display:none;
}
.cs-chieucaocannang {
    position: absolute;
    bottom: -12px;
    left: -135px;
}
.cs-thuoc-do {
    float: right;
    margin-top: 50px;
    position: relative;
    cursor: pointer;
}
.cs-thuoc-do:hover::before {
    left: 0;
}
.cs-thuoc-do:before {
    display: block;
    content: " ";
    background: url(/wp-content/uploads/2019/10/be-do.png) no-repeat;
    width: 80px;
    height: 104px;
    position: absolute;
    top: -100px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    left: 226px;
    cursor: pointer;
}


#cs-thuocdo {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: csflipInY;
    animation-name: csflipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
}
#cs-thuocdo {
    -webkit-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@-webkit-keyframes csflipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes csflipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg) scale(1.2) skew(1deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,50% {
        -moz-transform: rotate(0) scale(1.2) skew(1deg)
    }
}

@-webkit-keyframes cs-coccoc-alo-circle-img-anim {
    0%,100%,50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

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

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

@-o-keyframes cs-coccoc-alo-circle-img-anim {
    0%,100%,50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -o-transform: rotate(-25deg) scale(1.2) skew(1deg)
    }

    20%,40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}
/*Hotlien goi chat*/

.slide-right {
    position: fixed;
    bottom: 50px;
    right: 5px;
    z-index: 999;
}
    .slide-right li {
        list-style: none;
        margin: 5px 0;
    }

li.search-icon {
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    right: 0;
}
    li.search-icon .box-icon {
        display: inline-block;
    }

.box-icon {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 6px;
    margin-right: -10px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #ffc006;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.search-icon .box-icon i {
    position: relative;
    top: 12px;
}

.box-icon i {
    font-weight: bold;
    color: #03632f;
    border-radius: 50%;
    border: 3px solid #03622f;
    padding: 9px;
    cursor: pointer;
    font-size: 24px;
}
#cs-formsearch .live-search-results {
    background-color: white;
    position: relative;
}
#cs-formsearch .live-search-results .search-name {
    height: 38px;
    overflow: hidden;
    font-size: 12px;
}
#cs-formsearch .live-search-results .autocomplete-suggestion img {
    width: 25px;
    height: 25px;
}
.box-icon-form {
    display: none;
    width: 296px;
    position: absolute;
    top: 12px;
    right: -4px;
    height: 58px;
    background: #127540;
    border-radius: 6px;
}
.cs-searchform {
    float: left;
    max-width: 246px;
    padding: 9px;
}
#cs-icondelsearch {
    float: left;
    width: 41px;
    border-radius: 5px 5px;
    margin-top: 9px;
    margin-left: 8px;
}
form#search-global-form {
    position: absolute;
    background: transparent;
    width: 200px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
input.form-search__input.form-control {
    width: 155px;
    display: inline-block;
    border: none;
    background: #fff;
    height: 39px;
    position: relative;
    top: 1px;
    left: 10px;
}
button.form-search__btn {
    display: inline-block;
    width: 40px;
    background: transparent;
    border: none;
    color: white;
    font-size: 17px;
    position: relative;
    top: 7px;
    left: 9px;
}
    button.form-search__btn i {
        font-weight: bold;
        font-size: 22px;
    }
.slide-right li {
    list-style: none;
    margin: 5px 0;
    width: 67px;
    height: 67px;
}
.box-icon {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 6px;
    margin-right: -10px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #ffc006;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.icon-fb, .cart-icon {
    -webkit-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: cs-coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: none;
    border: none;
    padding: 0px;
    margin-right: 0px;
}
/*End Hotlien goi chat*/
.cs-maxwidth {
    max-width: 1110px !important;
    margin: 0 auto;
    width: 100% !important;
}

.cs-maxwidth img {
    max-width: 460px;
}
.home .cs-ttdathang .wpcf7-form-control {
    background: #007a48;
}
.cs-pgdathang {
    margin: 127px 0px 69px 0px !important;
    padding: 20px 40px 52px 58px !important;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: white;
}

.cs-dang-ky-mua-hang {
    margin-bottom: -25px;
}
.cs-ttdathang .wpcf7-form-control {
    height: 62px;
    border: 2px solid #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    width: 100%;
    padding-left: 20px;
    background: #deae07;
    line-height: 48px;
    position: relative;
    z-index: 9;
    color: #fff;
    text-transform: uppercase;
    font-family: 'cs-Cookies' !important;
    font-size:14pt;
}

.cs-ttdathang .wpcf7-submit {
    transform: scale(.9);
    width: 360px;
    height: 65px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: block;
    position: relative;
    bottom: -10px;
    font-size: 26px;
    z-index: 9;
    left: -10px;
    cursor: pointer;
    border: 3px solid #fff;
    line-height: 23px;
    font-family: 'cs-BalooTamma' !important;
    box-shadow: 0 1px 6px #ccc;
    text-transform: uppercase;
    border-radius: 25px;
    color: #fff;
    background-color: #e91e63 !important;
}
.cs-info-tob
{
    min-height:653px;
}
.cs-ttdathang .col {
    padding-left: 0px;
    padding-bottom: 0px;
}
.cs-h2title {
    font-family: 'cs-Cookies' !important;
    text-transform: uppercase !important;
    color: #e91e63 !important;
    font-size: 32pt !important;
}
.cs-chuyengiah2 {
    font-size: 50px !important;
}
.cs-ttloikcg {
    text-align: center;
    color: white !important;
}
.cs-bstv h3 {
    color: #e91e63;
    line-height: 23px;
    font-size:15pt;
    font-family: 'cs-BalooTamma' !important;
    text-align:center;
}
.cs-bstv {
    border-radius: 20px;
}
.cs-giaiphapme .button {
    transform: scale(.9);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 9;
    border: 3px solid #fff;
    line-height: 23px;
    font-family: 'cs-BalooTamma' !important;
    box-shadow: 0 1px 6px #ccc;
    text-transform: uppercase;
    border-radius: 25px !important;
    color: #fff;
    background-color: #e91e63 !important;
    margin: 0 auto;
    font-size: 27px;
    padding: 17px 17px 6px 15px !important;
    display: block;
    width: 394px;
    margin-top: 40px;
    margin-bottom: -5px;
}
.cs-imgmangxanh img{
    max-width:400px;
    margin-top:35px;
}
.cs-loikchome
{
    text-align:center;
}
h3.cs-tdc {
    color: white;
    font-size: 23pt;
    margin-top: 40px;
    margin-bottom: 0px;
}
.cs-bstv p {
    color: #007a48;
    line-height: 23px;
    font-size: 12pt;
    font-family: 'cs-BalooTamma' !important;
    text-align: center;
}
.cs-bstv .button {
    transform: scale(.9);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 9;
    border: 3px solid #fff;
    line-height: 23px;
    font-family: 'cs-BalooTamma' !important;
    box-shadow: 0 1px 6px #ccc;
    text-transform: uppercase;
    border-radius: 25px !important;
    color: #fff;
    background-color: #e91e63 !important;
    margin: 0 auto;
    font-size: 29px;
    padding: 20px 17px 11px 15px !important;
    display: block;
    width: 400px;
    margin-top: -40px;
    margin-bottom: 38px;
}
.cs-dathanghome .wpcf7-submit {
    margin: 0 auto;
    margin-top: 80px;
    font-size: 36px;
    width: auto;
    padding: 28px 26px 16px 28px !important;
}
.cs-mienphivanchuyen img {
    position: absolute;
    bottom: 0;
    right: -187px;
    animation: cs-rotation-Frames linear 2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: cs-rotation-Frames linear 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: cs-rotation-Frames linear 2s;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: cs-rotation-Frames linear 2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: cs-rotation-Frames linear 2s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    max-width: 250px;
}

@keyframes cs-rotation-Frames {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(-6deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(6deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-moz-keyframes cs-rotation-Frames {
    0% {
        -moz-transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(-6deg)
    }

    50% {
        -moz-transform: rotate(0deg)
    }

    75% {
        -moz-transform: rotate(6deg)
    }

    100% {
        -moz-transform: rotate(0deg)
    }
}

@-webkit-keyframes cs-rotation-Frames {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-6deg)
    }

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

    75% {
        -webkit-transform: rotate(6deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-o-keyframes cs-rotation-Frames {
    0% {
        -o-transform: rotate(0deg)
    }

    25% {
        -o-transform: rotate(-6deg)
    }

    50% {
        -o-transform: rotate(0deg)
    }

    75% {
        -o-transform: rotate(6deg)
    }

    100% {
        -o-transform: rotate(0deg)
    }
}

@-ms-keyframes cs-rotation-Frames {
    0% {
        -ms-transform: rotate(0deg)
    }

    25% {
        -ms-transform: rotate(-6deg)
    }

    50% {
        -ms-transform: rotate(0deg)
    }

    75% {
        -ms-transform: rotate(6deg)
    }

    100% {
        -ms-transform: rotate(0deg)
    }
}

.cs-cauhoithuonggap a {
    border-radius: 5px;
    background-color: #3e9913;
    border: 1px solid #2b9243;
    font-size: 14px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff !important;
    padding: 8px 32px;
    display: block;
}

.cs-cauhoithuonggap .icon-angle-down {
    top: 0.5px;
    font-size: 1.5em;
}

.cs-cauhoithuonggap .accordion-item {
    margin-bottom: 5px;
}

.cs-cauhoithuonggap .active {
    background-color: #3e9913 !important;
}

.cs-cauhoithuonggap .accordion-inner {
    padding: 12px;
    text-align: justify;
    font-size: 13px;
    background: #ffffff9c;
    margin-top: 0;
    border-radius: 0 0 11px 11px;
}

.cs-cauhoitgimg img {
    max-width: 120%;
    width: 120%;
    margin-left: -30px;
}

.cs-cauhoitgimg .img-inner {
    overflow: inherit;
}

.cs-cauhoithuonggap p {
    margin-bottom: 0.8em;
}

.cs-congdung-text {
    margin-top: -50px;
}
.cs-congdung-text h4::after {
    display: block;
    content: "";
    background: url("/wp-content/uploads/2019/10/xemthem.png");
    width: 53px;
    height: 28px;
    position: absolute;
    bottom: -21px;
    right: 0;
}
.cs-productiteam .cs-product-img {
    background-color: white;
    border-radius: 65px;
    text-align: center;
}
.cs-productiteam .cs-product-img img {
    max-height: 298px;
    width: auto;
    margin-bottom:1em;
}
.cs-productiteam .cs-product-img h3 {
    font-family: 'cs-BalooTamma' !important;
    color: #e91e63;
    font-size: 30pt;
    line-height: 20px;
    padding-bottom: 25px;
}
.cs-productiteam .cs-product-img h4 {
    font-family: 'cs-BalooTamma' !important;
    color: #007a48;
    margin-bottom:15px;
    font-size: 18pt;
}
.cs-productiteam .cs-product-img h5 {
    font-family: 'cs-BalooTamma' !important;
    color: #007a48;
    margin-bottom: 0px;
    line-height: 22px;
    font-size: 16pt;
}
.cs-productiteam .cs-product-img h5 > b {
    font-family: 'cs-BalooTamma' !important;
    color: #e91e63;
    font-size: 16pt;
}
.cs-btbuy {
    transform: scale(.9);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 9;
    border: 6px solid #fff;
    line-height: 23px;
    font-family: 'cs-BalooTamma' !important;
    box-shadow: 0 1px 6px #ccc;
    text-transform: uppercase;
    border-radius: 25px !important;
    color: #fff;
    background-color: #e91e63 !important;
    margin: 0 auto;
    font-size: 22px;
    padding: 10px 17px 2px 15px !important;
    display: block;
    width: 250px;
    margin-bottom: -5px;
}
.cs-product-info
{
    text-align:center;
}
.cs-product-info del>sup, .cs-product-info h4>sup{
    font-size:10pt;
}
.cs-product-info h3>sup{
    font-size:15pt;
}
    .cs-product-info del {
        font-family: 'cs-BalooTamma' !important;
        color: #007a48;
        font-size: 19pt;
        line-height: 16px;
    }
    .cs-product-info h3 {
        font-family: 'cs-BalooTamma' !important;
        color: #e91e63;
        margin-bottom: 0px;
        line-height: 30px;
        font-size: 23pt;
        margin-top: 10px;
    }
    .cs-product-info h4 {
        font-family: 'cs-BalooTamma' !important;
        color: #007a48;
        font-size: 16pt;
    }
    .cs-product-info h4>i, .cs-product-info h3>i
    {
        font-style:normal;
    }
    .cs-product-info h5 {
        font-family: 'UTM Avo' !important;
        font-size: 20px;
        font-weight: 300;
        color: #e91e63;
        margin-bottom: 0px;
    }
.cs-thacmac {
    text-align: center;
    margin-bottom: -25px;
}
.cs-thacmac .col{
    padding:0px;
}
.cs-thacmac .col p,.cs-thacmac .col img{
    margin-bottom: 0px;
}
.cs-ch1 {
    position: absolute;
    left: 200px;
    top: 51px;
    color: white;
    font-size: 11pt;
    width: 262px;
    line-height: 18px;
}
.cs-ch11 {
    position: absolute;
    right: 183px;
    color: white;
    font-size: 11pt;
    top: 18px;
    width: 287px;
    line-height: 18px;
}
.cs-ch2 {
    position: absolute;
    left: 265px;
    top: 232px;
    color: white;
    font-size: 11pt;
    width: 202px;
    line-height: 18px;
}
.cs-ch22 {
    position: absolute;
    right: 246px;
    color: white;
    font-size: 11pt;
    top: 215px;
    width: 247px;
    line-height: 18px;
}

.cs-congdung-text h4::before {
    display: block;
    content: "";
    background: url(/wp-content/uploads/2019/10/imgcd.png);
    width: 95px;
    height: 74px;
    position: absolute;
    top: -49px;
    left: -30px;
}
.cs-congdung-text h4 {
    background-color: #f8ba34;
    color: #fff;
    font-family: 'Pony';
    font-size: 18.5px;
    margin-bottom: 0;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    position: relative;
    padding: 20px 0;
    border-radius: 10px 10px 0 0;
}
.cs-congdung-text .cs-item-cd {
    padding: 20px;
    border: 2px dashed #f9ba35;
    border-top-color: rgb(249, 186, 53);
    border-top-style: dashed;
    border-top-width: 2px;
    background: #fff;
    border-top: transparent;
    height: 560px;
    overflow-y: auto;
    text-align: justify;
}
.cs-slider-ykcg .has-icon-bg .icon img {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.cs-slider-ykcg p{
    text-align: justify;
}
.cs-content-ykkh
{

}
.cs-content-ykkh .flickity-page-dots .dot.is-selected
{
    background-color: #026703;
}
.cs-content-ykkh .box-text.show-on-hover.hover-bounce
{
    padding: 10px 0px 10px 0px !important;
}
.cs-content-ykkh .flickity-page-dots .dot
{
    border-color: #368937;
}
.cs-content-ykkh .box-image img{
    border-radius: 50%;
    border: 10px solid #eae7e3;
}
.cs-content-ykkh .box-image .overlay {
    display:none;
}
.cs-mcongdung {
    margin-top: -50px;
}
.cs-mykiencg {
    margin-top: -80px;
}
.cs-mykienkh {
    margin-top: -80px;
}
.cs-mcauhoi {
    margin-top: -40px;
}

.tp-revslider-mainul, .tp-revslider-mainul li{
    overflow: inherit !important;
}
#contact_form_pop {
    background: url("/wp-content/uploads/2020/04/bg-dathang.jpg") no-repeat center;
    width: 1090px;
    height: 615px;
    border: none;
    border-radius: 20px;
    padding: 0 20px;
    box-shadow: 0px 0px 213px rgb(9, 9, 9);
}
#contact_form_pop .cs-ttdathang {
    margin-top: 0px;
}
.cs-pgclose {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -3px;
    top: 17px;
    background: #fff;
    z-index: 999;
    opacity: 1;
    border-radius: 50%;
    font-size: 34px;
    box-shadow: 0px 0px 12px rgb(203, 200, 200);
    cursor: pointer;
}
.cs-popugdathang {
    position: fixed;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;

}
.cs-ttdathang h3 {
    font-family: 'cs-BalooTamma' !important;
    color: #007a48;
    font-size: 25px;
    margin-left: 10px;
}
.cs-imgb11 img, .cs-imgb22 img, .cs-imgthacmac1, .cs-imgthacmac2 {
    display: none;
}

@media screen and (max-width: 1120px) {

}
@media screen and (max-width: 991px) {
    .cs-fullvideo {
        display: none;
    }
    .header, .header-wrapper {
        z-index: 99999;
    }
    .cs-hoidong2 {
        border: 1px solid #35eaff;
        box-shadow: inset 0 0 15px #00e5ff, 0 0 15px #00e5ff;
        max-width: calc(50% - 20px) !important;
        -ms-flex-preferred-size: calc(50% - 20px) !important;
        flex-basis: calc(50% - 20px) !important;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 10px;
        margin-bottom:25px;
    }

    .cs-hoidong1 {
        border: 1px solid #ffb402;
        box-shadow: inset 0 0 15px #ffc006, 0 0 15px #f3fb03;
        border-radius: 10px;
        max-width: calc(50% - 20px) !important;
        -ms-flex-preferred-size: calc(50% - 20px) !important;
        flex-basis: calc(50% - 20px) !important;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 768px) {
    .page-wrapper {
        padding-top: 50px;
    }
    .cs-btlist-item1, .cs-btlist-item2, .cs-btlist-item3, .cs-btlist-item4 {
        width: 50%;
    }
    .cs-contenthd {
        height: 270px;
    }
    .cs-contentdc p {
        font-family: 'cs-BalooTamma' !important;
        font-size: 14px;
        color: white;
        line-height: 35px;
        margin-left: -35px;
    }
    .cs-titleimg {
        font-size: 18px;
        padding-left: 48px;
    }
    .cs-contentdc {
        padding-top: 20px;
    }
    .cs-blognoisoi {
        padding: 0px !important;
    }
    .cs-hoidong2 {
        border: 1px solid #35eaff;
        box-shadow: inset 0 0 15px #00e5ff, 0 0 15px #00e5ff;
        max-width: calc(100% - 20px) !important;
        -ms-flex-preferred-size: calc(100% - 20px) !important;
        flex-basis: calc(100% - 20px) !important;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 10px;
        margin-bottom: 25px;
    }

    .cs-hoidong1 {
        border: 1px solid #ffb402;
        box-shadow: inset 0 0 15px #ffc006, 0 0 15px #f3fb03;
        border-radius: 10px;
        max-width: calc(100% - 20px) !important;
        -ms-flex-preferred-size: calc(100% - 20px) !important;
        flex-basis: calc(100% - 20px) !important;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 25px;
    }
    .cs-hh7, .cs-hh8, .cs-hh9 {
        left: 40px
    }
    .cs-thacmac
    {
        overflow:hidden;
    }
    .cs-imgthacmac0
    {
        display:none;
    }
    .cs-ch11 {
        position: absolute;
        width: 287px;
        left: 50%;
        top: 274px;
        transform: translate(-50%,-50%);
        font-size: 11pt;
        line-height: 21px;
    }
    .cs-ch2 {
        position: absolute;
        width: 216px;
        left: 57%;
        top: 451px;
        transform: translate(-50%,-50%);
        font-size: 12pt;
        line-height: 22px;
    }
    .cs-ch1 {
        position: absolute;
        width: 215px;
        left: 57%;
        top: 87px;
        transform: translate(-50%,-50%);
        font-size: 12pt;
        line-height: 23px;
    }
    .cs-ch22 {
        position: absolute;
        width: 277px;
        left: 50%;
        top: 640px;
        transform: translate(-50%,-50%);
        font-size: 12pt;
        line-height: 25px;
    }
    .cs-imgthacmac1, .cs-imgthacmac2 {
        display: block;
        width: 300px;
        margin: 0 auto;
    }
    .cs-imgb11 img, .cs-imgb22 img {
        width: 300px;
        margin: 0 auto;
    }
    .cs-bienchung h2, .cs-h2title, .cs-price {
        font-size: 20pt !important;
    }
    .cs-title, .cs-imgembeantoan h2, .cs-imgembeantoan h3 > b {
        font-size: 24pt;
    }
    .cs-titles {
        font-size: 26pt;
        margin-top: -12px;
    }
    .cs-dathanghome {
        padding: 5px !important;
    }
    .cs-dathanghome .wpcf7-submit {
        margin-top: 0px;
    }
    .cs-mienphivanchuyen img {
        position: initial;
    }
    .cs-dathangrow {
        margin: 0 auto;
        width: 100% !important;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .footer-2 .gap-element {
        padding-top: 0px !important;
    }.cs-imgudnb img {
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        display:block;
    }
    .cs-giaiphapme .button {
        margin-top: 90px;
        margin-bottom: 32px;
    }
    .cs-giaiphapme .gap-element {
        padding-top: 0px !important;
    }

    .cs-imgmangxanh img{width:300px;margin:0 auto;display:block;}
    .cs-textproinfo {
        position: absolute;
        line-height: 32px;
        font-size: 11pt;
        width: 262px;
        left: 50%;
        top: 139px;
        transform: translate(-50%,-50%);
    }
    .cs-bstv h3 {
        font-size: 12pt;
    }
    .cs-hh7 {
        position: absolute;
        width: 300px;
        left: 53%;
        top: 65px;
        transform: translate(-50%,-50%);
    }
    .cs-hh8 {
        position: absolute;
        width: 228px;
        left: 51%;
        top: 192px;
        transform: translate(-50%,-50%);
    }
    .cs-hh9 {
        position: absolute;
        width: 268px;
        left: 51%;
        top: 320px;
        transform: translate(-50%,-50%);
    }
    .cs-hh1 {
        position: absolute;
        width: 300px;
        left: 53%;
        top: 65px;
        transform: translate(-50%,-50%);
    }
    .cs-hh2 {
        position: absolute;
        width: 300px;
        left: 51%;
        top: 170px;
        transform: translate(-50%,-50%);
    }
    .cs-hh3 {
        position: absolute;
        width: 300px;
        left: 51%;
        top: 284px;
        transform: translate(-50%,-50%);
    }
    .cs-iconbs .col-inner {
        position: relative;
        bottom: 0px;
        left: -35px;
    }
    .cs-hh4 {
        position: absolute;
        width: 300px;
        left: 53%;
        top: 65px;
        transform: translate(-50%,-50%);
    }
    .cs-hh5 {
        position: absolute;
        width: 300px;
        left: 51%;
        top: 183px;
        transform: translate(-50%,-50%);
    }
    .cs-hh6 {
        position: absolute;
        width: 300px;
        left: 51%;
        top: 294px;
        transform: translate(-50%,-50%);
    }
    .cs-imgbstv img {
        width: 300px;
        margin: 0 auto;
        display: block;
    }
    .cs-imgb1 img, .cs-imgb2 img {
       display:none;
    }
    .cs-imgb11 img, .cs-imgb22 img {
        display: block;
    }
    .cs-iconbs .col-inner img {
        width: 100%;
        max-width: 100%;
    }
    .cs-imgembeantoan h2
    {
        margin-left:0px;
    }
    .cs-imgembeantoan h3 {
        font-size: 17pt !important;
    }
    .cs-chuyengiah2 {
        font-size: 30px !important;
    }
    .cs-dathanghome .wpcf7-submit {
        font-size: 24px;
        padding: 24px 26px 16px 28px !important;
    }
    .cs-productiteam .cs-product-img h3 {
        font-size: 26pt;
    }
    .cs-productiteam .cs-product-img h4 {
        font-size: 16pt;
    }
    .cs-productiteam .cs-product-img h5 {
        font-size: 14pt;
    }
    #slide-5-layer-19, #slide-5-layer-20, #slide-5-layer-21 {
        font-size: 12.9pt !important;
        font-family: 'cs-BalooTamma' !important;
        color: #007a48 !important;
        padding: 8px 13px 1px 13px !important;
        border-radius: 16px;
        background-color: white;
        line-height: 28px !important;
    }
    #slide-5-layer-19 > b, #slide-5-layer-20 > b, #slide-5-layer-21 > b {
        font-size: 12.9pt !important;
        font-family: 'cs-BalooTamma' !important;
        color: #e91e63 !important;
    }
    .rev-btn {
        background-color: #e91e63 !important;
        color: white !important;
        padding: 14px 10px 23px 22px !important;
        border: 5px solid #fff !important;
        z-index: 10096 !important;
        font-size: 11pt !important;
        width: auto !important;
    }
    #slide-5-layer-16 {
        padding-bottom: 12px !important;
    }
    .cs-mcongdung {
        margin-top: 0px;
    }
    #contact_form_pop {
        width: 100%;
        height: auto;
        padding: 0 0px;
    }
    .cs-tac-hai {
        margin-top: 0px;
    }
    .cs-mykiencg {
        margin-top: 0px;
    }
    .cs-ttdathang h3 {
        color: #1c8120;
    }
    .cs-mykienkh {
        margin-top: 0px;
    }
    .footer .col {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .cs-text-footer .col-inner {
        padding-top: 30px;
        padding-left: 0px;
        line-height: 24px;
        padding-bottom: 50px;
    }
    .cs-mienphivanchuyen img
    {
        opacity:0.7;
    }
    .cs-ttdathang {
        padding: 15px !important;
        margin-top: 0px;
    }
    .footer .col.medium-3.small-6.large-3 {
        display: none;
    }
    .cs-chieucaocannang {
        display:none;
    }
    .cs-thuoc-do {
        float: none;
        margin-top: 140px;
        position: relative;
        cursor: pointer;
        text-align: center;
    }
    .cs-thuoc-do::before { 
        left: 263px;
    }
    .cs-mcauhoi {
        margin-top: 0px;
    }
    .cs-pgdathang {
        margin: 0px !important;
    }
    .cs-ttdathang h3 {
        font-size: 18px;
    }
    .cs-ttdathang .wpcf7-submit {
        transform: scale(.9);
        width: 100%;
        height: 49px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        display: block;
        position: relative;
        bottom: -10px;
        font-size: 18px;
        z-index: 9;
        left: -10px;
        cursor: pointer;
        border: 3px solid #fff;
        line-height: 25px;
        font-family: 'cs-BalooTamma' !important;
        box-shadow: 0 1px 6px #ccc;
        text-transform: uppercase;
        border-radius: 25px;
        color: #fff;
        background-color: #e91e63 !important;
    }
    .cs-popugdathang {
        top: 0px;
    }
    .cs-pgclose {
        position: absolute;
        width: 50px;
        height: 50px;
        right: 8px;
        top: -23px;
        background: #fff;
        z-index: 999;
        opacity: 1;
        border-radius: 50%;
        font-size: 34px;
        box-shadow: 0px 0px 12px rgb(203, 200, 200);
        cursor: pointer;
    }
}
@media screen and (max-width: 500px) {
}
    /***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/