@font-face {
    font-family: Quicksand;
    src: url("/theme/css/fonts/Quicksand-Regular.woff");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Quicksand;
    src: url("/theme/css/fonts/Quicksand-Medium.woff");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Quicksand;
    src: url("/theme/css/fonts/Quicksand-Bold.woff");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: Playfair Display;
    src: url("/theme/css/fonts/PLAYFAIRDISPLAY-VARIABLEFONT_WGHT.woff2");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Playfair Display;
    src: url("/theme/css/fonts/PlayfairDisplay-Bold.woff2");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Playfair Display;
    src: url("/theme/css/fonts/PLAYFAIRDISPLAY-SEMIBOLD.woff2");
    font-weight: 700;
    font-display: swap;
}
body {
    font-size: 100%;
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    background: #fcfcfc;
    color: #232323;
    font-weight: 400;
}
:root {
    --primary-color: #194e62;
}
.radio-label input[type=radio] + span:before, a, input[type=reset], input[type=submit] {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: all .3s linear;
    transition: .3s linear;
}
.full-width .ubermenu-nav, .container{
    max-width: 1270px
}
pre, blockquote, form, figure, p, dl, ul, ol
{
    margin-bottom:12px
}
p:last-child{margin-bottom:0!important;}
.row-title{ max-width: 830px;margin: 25px  auto;}
.row-small{
    max-width: 1065px;
    margin: 0 auto !important;
}
.container .row-sm:not(.row-collapse){
    margin-left: -10px;
    margin-right: -10px;
}
.row-large{
    max-width: 1330px;
    margin: 25px  auto;
}.row-xlarge{
    max-width: 1430px;
    margin: 25px  auto;
}
.row .col-small{
    max-width: 900px;
    display:block;
    margin:0 auto;
}

.onpage{background:#fff; margin-top: 20px;
           padding-bottom: 15px;
}
.onpage .readmore-btn {
    background: #e7e7e7;
}
.onpage .product-description 
{
    padding: 15px 10px;
}
.onpage1 .product-description 
{    padding: 10px 15px;
    background: #fff4c0d6;
    border: 1px solid #edd59c;
    border-radius: 4px;
    font-weight: 500;
    font-family: Montserrat,sans-serif;
    font-size: 16.5px;
    line-height: 27px;
}
.onpage1 .product-description p:last-child{margin-bottom:0}
.onpage2 .product-description{
    border-top: 3px solid #f4cc6f
}
.page-content{overflow:hidden;}
.header-main{
    height: 75px
}
#logo img{
    max-height: 104px
}
@media only screen and (max-width: 820px) {
   #logo img{
    max-height: 70px
}
}
#logo{
    width: 170px;
    margin-right: 20px;
}

/*.header, .header-wrapper {
    box-shadow: 0 1px 6px rgb(0 0 0 / 30%);
    z-index: 999;
    -webkit-box-shadow: 0 0 20px rgb(51 51 51 / 10%);
    -moz-box-shadow: 0 0 20px rgba(51,51,51,.1);
    -ms-box-shadow: 0 0 20px rgba(51,51,51,.1);
    -o-box-shadow: 0 0 20px rgba(51,51,51,.1);
    box-shadow: 0 0 20px rgb(51 51 51 / 10%);
}*/
.header-top{
    min-height: 30px;
    float: right;
}
/*.transparent .header-main{
    height: 120px
}
.transparent #logo img{
    max-height: 120px
}
.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{
    padding-top: 120px;
}
.transparent .header-wrapper{
    background-color: #026aba!important;
}
.transparent .top-divider{
    display: none;
}*/
.header{
    padding: 0 20px 0 20px;
    background:#ffffff;
}
.header.show-on-scroll,.stuck .header-main{
    height:70px!important
}
.stuck #logo img{
    max-height: 70px!important
}
header .stuck {
  position: static !important;
  top: auto !important;
  box-shadow: none !important;
}
/*.header-bg-color, .header-wrapper {
  background: linear-gradient(90deg, rgb(243 250 241 / 90%), rgb(242 245 230)); 
    margin-top: 8px;
}*/

header .header-inner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 8px;
 /*   background: rgb(255 255 255 / 50%);*/
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    position: relative;
}
.header-bottom {
    background-color: #f1f1f1
}
.header-main .nav > li > a {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px 10px 5px;
    border: 1px solid transparent;
    letter-spacing: 0.2px;
    color: #2b2b2b;
}
.header-main .nav > li:hover > a{
    color: #ef1c24!important;
}
.header-main .nav > li > ul {
    min-width: 220px;
    margin-top: 0;
}

/*.header-top {
    background-color: #ffffff!important;
}*/
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{
    border-bottom-color: #f8f9fad4;
    bottom: 0px;
    z-index: 1;
}
.nav .nav-dropdown{
    border-color: #f8f9fad4 
}
.nav-dropdown{
    font-size:100%
}
.nav-dropdown-has-arrow li.has-dropdown:after{
    border-bottom-color: #fff;      bottom: 0px;
}
.nav .nav-dropdown{
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding: 15px;
    font-weight:600;
   
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
}
.nav .nav-dropdown >li > a{
    padding: 10px 0;
    color:#2b2b2b;margin: 0;
}
.nav .nav-dropdown >li > a:hover{
   color: #ef1c24
}
li.has-dropdown:hover > .nav-dropdown {
  opacity: 1;
  max-height: inherit;
  left: calc(50% - 102px);
}
.title{
    color:#222
}
.page-title-inner {
    padding-top: 40px;
}
/* Color */
.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{
    color: #026aba;
}
/* Color !important */
[data-text-color="primary"]{
    color: #026aba!important;
}
/* Background Color */
[data-text-bg="primary"]{
    background-color: #026aba;
}
/* Background */
.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{
    background-color: #ef1c24;
}
/* Border */
.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{
    border-color: #697602;
}
.nav-tabs > li.active > a{
    border-top-color: #026aba
}
.widget_shopping_cart_content .blockUI.blockOverlay:before {
     border-left-color: #026aba 
}
.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
     border-left-color: #026aba 
}
/* Fill */
.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{
    fill: #ff5f35;
}

.nav > li > a {
    font-family:"Be Vietnam", sans-serif;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family:"Be Vietnam", sans-serif;
}
.nav > li > a {
    font-weight: 700;
}
.nav > li > a {
    font-size: 0.9em;
}
.nav-small.nav > li.html {
    font-size: 0.85em;
}
.nav-small.nav > li.html marquee{display:block;}
.header .nav-small a.icon:not(.button) {
    font-size: 1.2em;
}
.header a.icon:not(.button) {
    margin-left: 0.4em;
    margin-right: 0.4em;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{
    font-weight: 700;
}
.alt-font{
    font-family: "Be Vietnam", sans-serif;
}
.alt-font{
    font-weight: 400!important;
}
.col-sm{
   padding-bottom:20px;
}
.col-xs
{
     padding-bottom:10px;
}

/*title*/
.page-heading {
    max-width:768px;
    margin:40px auto;
   
}
.page-heading .inner{
     padding: 20px 0 0;
}
.page-heading h1.title{    
    font-family: "Oswald", sans-serif;
    font-weight: 600;   
}
.page-heading .subtitle{
        font-size: 17px;
}
.page-heading .desc-course{
    font-size: 19px;
    font-weight: 400;
    border-top: 1px solid #ddd;
    max-width: 480px;
    padding-top: 10px;
}

.header-wrapper .header-nav{
    margin-top:8px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}
.header-wrapper .nav > li > a.btn-hotline {
   display: flex;
    font-size: 14px;
    background: #f78545;
    border: 1px solid #de7337;
    position: relative;
    font-weight: 600;
    justify-content: center;
    max-width: max-content;
    gap: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 99px;
    padding: 2px 8px !important;
    height: 40px;
    text-transform: none;
    color: #ffffff !important;
    letter-spacing: 0 !important;
    align-content: center;
    box-shadow: 1px 1px 1px 0px #bebebeb5;
    border: 2px solid #eeeeee;
    background: linear-gradient(135deg, #f0b439 10%, #eb6a24 100%);
}
.header-wrapper .nav > li > a.btn-hotline svg {
    height: 18px;
    margin: 0 4px  0px 3px;
    width: 15px;
}
.header-wrapper .header-top .flex-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/*header search*/
.header-search {
float: right;
    width: 250px;
    padding: 4px 0 4px 10px;
    box-sizing: border-box;
    max-width: 360px;
}

.searching form{    position: relative;
    margin-bottom: 0;
    border-radius: 99px!important;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);}
.searching form input {
    width: 100%;
    height: 38px;
    padding: 0 50px 0 12px;
    background: #747474;
    border: 1px solid #ccc;
    border-right: none;
    box-sizing: border-box;
    background-color: rgb(219 219 219 / 20%) !important;
    background-color: rgb(244 244 244 / 83%) !important;
    border-color: rgb(255 255 255 / 9%);
    color: #3e3e3e;
    border-radius: 99px;
    font-size: 13px;
}
.searching form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #222;
}
.searching {
	position: relative
}

/*.searching form input:focus {
	border: 1px solid #a14840;
	border-right: none
}*/
select option:first-child{opacity:0.7;}
.searching form select {
	border: none;
	padding: 6px;
	height: 30px;
	float: left;
	margin-right: 10px
}

.searching button {
    overflow: visible;
    position: absolute;
    top: -4px;
    right: 0;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 15px;
    width: 40px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 700;
    color: #1d5c44;
    text-transform: uppercase;
    border-radius: 0 3px 3px 0;
    background: none;
    margin: 0;
}

.searching button:hover i {
	color: #3a3a3a
}
.searching button:hover:before {
	border-right-color: #e54040
}

.searching button:focus:before,
.searching button:active:before {
	border-right-color: #c42f2f
}

.searching button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.menu-search {
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
    max-width: 100%;
}
.menu-search .searching form input
{
    color: #323232;
    background-color:rgb(255 255 255 / 87%)!important;
}
.header-search-form{
    padding:5px 15px!important;
}
/*end search*/
/*slide*/
.wrap-slides {
    max-width: 2200px;
    margin: 0 auto;
}
.wrap-slides  .slides  {
    width:100%;margin-bottom: 0px !important;
}
.wrap-slides  .slides  img{
    width: 100%;
    display: block;
}
.wrap-slides  .slick-list{width: 100%;    margin: 0!important;}
.wrap-slides  .slick-list .slick-slide{padding: 0!important;}
.wrap-slides.fullscreen-slide {
    width: 100%;
    overflow: hidden;
}

.slides {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* Căn giữa ảnh */
     opacity: 0;  /* Ẩn slider */
    transition: opacity 0.5s ease-in-out; /* Khi hiện ra sẽ mượt */
}

.slides div {
    height: 100%; /* Đảm bảo các div chứa ảnh đều chiếm 100% chiều cao */
}

.slides img {
    object-fit: cover; /* Đảm bảo ảnh phủ đầy không gian */
    width: 100%;
    height: 100%;
}
.slides .slick-dots{
    display: block;
    z-index: 8;
    position: relative;
    bottom: 50px;
}
/*.slides .slick-dots li button{
    background: #df712c !important;
}*/
.slides .slick-dots li.slick-active button,
.slides .slick-dots li:hover button
{
    background:#ef1c24!important;
}
.wrap-slides .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    margin: 0 auto;
    padding: 0;
    bottom: 35px;
}
.wrap-slides .slick-dots li{
    width: 40px;
    height: 25px;
}
.wrap-slides .slick-dots li button{
    display: inline-block;
    border-radius: 3px;
    padding: 2px;
    width: 50px;
    height: 5px;
    background-color: #fff;
    margin-right: .5rem;
    border: 1px solid #d0c4c4;
}
.home-slider-o .slider-page-o .dots.is--active {
    background-color: #ef1c24;
}
@media (max-width: 768px) {
    .fullscreen-slide {
        background-size: contain; /* Trên màn hình nhỏ hơn, dùng contain để ảnh không bị cắt */
    }
}
/*home baner*/
#main .home-banner{
    max-width: 100%;
    overflow: hidden;
}
#main .home-banner img{
    width: 100%;
    max-width:100%;
    display:block;
}
@media (max-width: 1320px) {
    #main .home-banner{
        margin: 0;
        border-radius: 0;
    }
    .header {
        padding: 0 12px 0 12px;
    }
    .header-wrapper{margin-top:0}
    .header-wrapper .header-main .container{
        padding-left: 0;
        padding-right: 0;
    }
    header .header-inner{
        border-radius: 0;
        max-width: 100%;
        background: unset;
    }
    .header-wrapper .header-nav{gap:8px;}
    .nav >  li:first-child {
        display:none;
    }
     
}
@media (max-width: 1024px) {
    .nav > li:last-child {
        display:none;
    }
}
@media (max-width: 549px) {
    .header-main{
        height: 70px
    }
    #logo img{
        max-height: 80px
    }
}
/*banner*/
.banner-wrap {
    background-color: #d2b6b6;
    background-image: url(/images/banner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 140px 0px 240px 0px;
    position: relative;
    height: 500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    max-width: 1920px;
    margin: 0 auto;
}
.banner-wrap .banner-inner {
    position: absolute;
    bottom: 0;

    z-index:2;
}
.banner-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    bottom: 0;
    right: 0;
    opacity: .5;
    transition: all .3s;
    background: linear-gradient(to bottom,transparent 90%,black 107%);
}
.breadcrumbs{
    color:#797979;
    text-transform:uppercase;
    font-family: "Quicksand", sans-serif;
}

.banner-wrap .breadcrumbs a:hover
{
    text-decoration:underline;
}
.banner-wrap .text{
    position: relative;
    width: 100%;
    max-width: 760px;
}
.banner-wrap .text h1,
.banner-wrap .text .h1{
    background: linear-gradient(to bottom,#be9945,#d0bc3a,#af9c1d,#be9945);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    text-align: left;
    font-weight: 900;
    font-size: 45px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 1px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.banner-wrap .text .sub{
font-weight: 500;
    color: #afa043;
    /* font-family: roboto,sans-serif; */
    font-size: 17px;
}
/*.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #ffffff;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{
    color: #eeeeee;
}*/
.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{
    color:#FFF!important;
    background-color: #eeeeee;
}

@media screen and (min-width: 550px){
    .products .box-vertical .box-image{
        min-width: 300px!important;
        width: 300px!important;
    }
}
/*.header-main .social-icons,.header-main .cart-icon strong,.header-main .menu-title,.header-main .header-button > .button.is-outline,.header-main .nav > li > a > i:not(.icon-angle-down){
    color: #ffffff!important;
}*/
.header-main .header-button > .button.is-outline,.header-main .cart-icon strong:after,.header-main .cart-icon strong{
    border-color: #ffffff!important;
}
.header-main .header-button > .button:not(.is-outline){
    background-color: #ffffff!important;
}
.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover,.header-main .header-button > .button:hover i,.header-main .header-button > .button:hover span{
    color:#FFF!important;
}
.header-main .menu-title:hover,.header-main .social-icons a:hover,.header-main .header-button > .button.is-outline:hover,.header-main .nav > li > a:hover > i:not(.fa){
    color: #eeeeee!important;
}
.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover{
    background-color: #eeeeee!important;
}
.header-main .current-dropdown .cart-icon strong:after,.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover{
    border-color: #eeeeee!important;
}
.footer-below
{
    text-align:center;
    font-size:15px;
}
.footer-below .inner{
    border-top: 1px solid #8fa8b7;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 5px;
}
.absolute-footer{
    background-color: unset;
    opacity: 0.95;
    padding-top: 0;
}
.absolute-footer.dark{
    opacity: 0.8;
}
.absolute-footer > .container .clearfix{
    padding-top: 10px;
}
@media screen and (max-width: 550px){
    .footer-below{
        max-width: 235px;margin: 0 auto;
    }
    .footer-below > .container > .inner > p > span{display:none;}
}
.slider-wrapper{
    max-width: 1920px;
    margin: 0 auto;
}
/* Custom CSS */

h1,h2,h3,h4,h5,h6{
    font-weight:700
}
h1{
    font-size:1.9em
}
h2{
    font-size:1.65em
}
h3{
    font-size:1.5em
}
h4{
    font-size:1.2em
}
h5,h6{
    font-size:1em
}
b, strong {
    font-weight: bold;
}
table b,table  strong{
    font-weight:600;
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
    line-height: 1.45;
}
.is-uppercase, .uppercase{letter-spacing:0;}

.header.transparent.white-header .header-main .nav > li > a {
    color: #fff;
}
 .white-header.transparent #logo img {
    filter: none;
}
.transparent.black-header .header-main .social-icons, .transparent.black-header .header-main .cart-icon strong, .transparent.black-header .header-main .menu-title, .transparent.black-header .header-main .header-button > .button.is-outline, .transparent.black-header .header-main .nav > li > a > i:not(.icon-angle-down) {
    color: #fff !important;
}
.transparent.white-header .header-main .social-icons, .transparent.white-header .header-main .cart-icon strong, .transparent.white-header.header-main .menu-title, .transparent.white-header .header-main .header-button > .button.is-outline, .transparent.white-header .header-main .nav > li > a > i:not(.icon-angle-down), .transparent.white-header .header-main .header-button > .button.is-outline, .transparent.white-header .header-main .cart-icon strong:after, .transparent.white-header .header-main .cart-icon strong {
    color: #fff !important;
    border-color: #fff !important;
}
.transparent.white-header {
    background: linear-gradient(180deg,rgba(0,0,0,0.9), transparent) !important;
}
.transparent.white-header .header-wrapper {
    background: linear-gradient(180deg,rgba(0,0,0,0.9), transparent) !important;
}
.footer-secondary {
    padding: 0;
}
.has-underline{position:relative;}
/*.has-underline:after {
    content: "";
    background: url(/theme/img/underline02.png);
    display: inline-block;
    margin: 0 auto;
    display: block;
    width: 110px;
    height: 22px;
    background-repeat: no-repeat;
    margin-top: 15px;
    background-size: 100%;
}*/
.has-underline:after  {
    background: url(/theme/img/line-1.png) center center no-repeat;
    background-size: contain;
    bottom: -20px;
    content: '';
    display: block;
    height: 14px;
    left: 0;
    margin: 0 auto;
    max-width: 300px;
    position: absolute;
    right: 0;
    width: 100%;
}
/*.footer-primary.pull-left {
    margin-top: 7px;
}*/
.sidebar-inner .widget .is-divider {
    display: none;
}
.stroke-text {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #026aba;
    color: #fff;
}
.rotate {
    transform: rotate(-90deg);
    /* Legacy vendor prefixes that you probably don't need... */
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
div#n2-ss-8 .nextend-bullet-bar .n2-bullet:after {
    content: "";
    display: block;
    height: 32px;
    width: 1px;
    background-color: currentColor;
    opacity: .2;
    margin: 14px auto;
}
/*************** UX MENU ***************/
.ux-menu .nav-dropdown {
    min-width: 600px;
    padding: 0px;
}
.ux-megamenu .nav-dropdown {
    min-width: 100vw;
    padding: 0px;
}
.ux-megamenu li.menu-item {
    width:100%;
}
.container .ux-megamenu .row:not(.row-collapse) {
    margin-left: auto;
    margin-right: auto;
}
/*************** UX MENU - CALLOUT***************/
.ux-menu-callout a {
    color:#000;
    /* Change nav color */
    font-size: 90%;
}
.ux-menu-callout a:hover, .ux-menu-callout a:hover h4 {
    color:#000;
    /* Change nav hover color */
}
.ux-menu-callout .icon-box .has-icon-bg .icon .icon-inner {
    background-color: currentColor;
    /* Auto fill background with icon color */
}
.ux-menu-callout .nav-dropdown .menu-item-has-children>a {
    text-transform: none;
    /* Text transform parent links */
    font-size: 100%;
}
.ux-menu-callout span.widget-title {
    text-transform: uppercase;
    font-size:80%;
    letter-spacing: .05em;
    opacity: 0.8;
}
.ux-menu-callout ul.menu>li ul {
    border-left: 0px;
    padding: 0px 0px 10px 10px;
}
.ux-menu-callout .icon-box-text {
    padding-top: 5px;
}
.ux-menu-callout h4 {
    margin-bottom: 0px;
}
.ux-menu-callout p {
    font-size:80%;
}
.ux-menu-callout .widget .is-divider {
    margin: 5px 0px;
    opacity: 0;
}
.ux-menu-callout .widget {
    margin-bottom: 0px;
}
#header .header-bottom .nav {
    position: initial;
}
form.cart {
    margin-bottom: 0;
}

.sidebar-wrapper .widget .is-divider, .post-sidebar .widget .is-divider {
    display: none;
}
.sidebar-inner span.widget-title, .sidebar-inner .section-title.section-title-normal, .sidebar-wrapper span.widget-title, .sidebar-wrapper .section-title.section-title-normal, .post-sidebar span.widget-title {
    background: #026aba;
    display: block;
    border-bottom: 0;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}
.sidebar-wrapper .section-title.section-title-normal span, .sidebar-inner .section-title.section-title-normal span {
    padding-bottom: 0;
    border-bottom: 0;
}

section .section.list{
    padding: 20px 0;
}
section .section.list .row .col{
    padding-bottom:0;
}
section .section.list .row .col .col-inner{
    background: linear-gradient(0deg, #fff 0%, #0090720f 50%, #fff 100%);
}
.section-title b {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: 0.9;
    background-color: currentColor;
    height: 12px;
    line-height: 12px;
    background: url(/theme/img/stripe.png) 6px -3px repeat-x;
    margin: 0px 0 0px;
    width: 100%;
    display: inline-block;
}
.section-title span{  font-size: 25px;}
.section-title:hover span{color:#000;}
.section-title-left{
    position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.section-title-left a{
    padding-right: 15px;
    padding-left: 0px;
}
.section-title-left a h2{
    margin-left: 0;
    margin-bottom: 0;
}
.section-title-left a.see-more{
    padding-left:15px;
    padding-right:0px;
}
.sub-home-title {
    font-size: 18px;    font-weight: 300;    max-width: 800px;
}
.blog-wrapper{
    display:flex;
}
.post-content{
    width: calc(100% - 400px);
    margin-right: 20px;
    padding: 15px;
            }
.post-sidebar{width:380px;}
.post-sidebar .widget{

}
.page-header{
    padding:15px;
}
#secondary{
    margin-top:45px
}

@media (max-width: 1200px) {
    .post-content{
        width: 100%;
        max-width:1100px;
        margin: auto;
    }
    .post-sidebar{display:none;}
    .blog-single > .row > .large-9 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}
.paging .button-page .btn-page.active {
    border: 1px solid #536b0d26;
    color: #fff;
    background: linear-gradient(135deg, #759c02 10% 10%, #577208 100%);
}
/*.section-title-left .section-title-main{
    margin: 0 15px 0 0;
}*/
.image-tools.top.right {
    opacity: 1;
    right: auto;
    left: 0;
}
.image-tools.top.right .add_to_cart_button img {
    background: #026aba;
    border-radius: 100px;
    width: 35px;
    border: 1px solid #fff;
}
.image-tools.top.right .add_to_cart_button img:hover {
    background: red;
}
.image-tools.top.right .add_to_cart_button:hover {
    box-shadow: none;
}
.image-tools.bottom.left {
    padding-top: 0;
    padding-right: 0;
    padding: 0;
    width: 100%;
    background: rgba(255,255,255,0.5);
}
.woocommerce-product-gallery .image-tools.bottom.left {
    width: auto;
}
.left-bottom-tools {
    border-right: 1px solid transparent;
}
.left-bottom-tools, .right-bottom-tools {
    width: 50%;
    float: left;
}
.left-bottom-tools a, .right-bottom-tools a {
    color: #fff;
    padding: 8px 5px;
    text-align: center;
    background: #026aba;
    width: 100%;
}
.left-bottom-tools a:hover, .right-bottom-tools a:hover {
    background: red;
}
.image-tools a.button:hover {
    color: #026ABA;
}
.form-flat input, .form-flat textarea, .form-flat select, .form-flat textarea {
    border-radius: 0 !important;
}
.lightbox-blue {
    background: transparent;
}
a.orange {
    background: #ee4e2e;
}

.product-small.box-overlay .box-text {
    padding-bottom: 0.4em;
}
.product-small.box-overlay .box-text, .product-small.box-shade .box-text {
    bottom: -100%;
    transition: 0.3s;
}
.product-small.box-overlay:hover .box-text, .product-small.box-shade:hover .box-text {
    bottom: 0;
}
.product-small.box-overlay, .product-small.box-shade {
    overflow: hidden;
}
.product-small .badge-circle-inside .badge-inner,.product-small .badge-circle .badge-inner, .product-images .badge-circle .badge-inner, .product-images .badge-circle .badge-inner{
    border-radius: 999px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    border-radius: 0;
    padding: 3px;
    font-weight: normal;
}
.mfp-close-btn-in .mfp-close {
    color: #fff;
    background: #026aba;
}
.widget_lc_taxonomy ul li {
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    padding-left: 10px;
}
.hvssup .nav-dropdown>li.nav-dropdown-col{
    display:block
}
.hvssup .nav-dropdown{
    border:1px solid #ddd;
     padding:0
}
.hvssup .nav-dropdown .nav-dropdown-col>a, .hvssup .nav-dropdown li a{
    font-weight:normal !important;
     text-transform:none !important;
    font-size:15px;
     font-weight:500
}
.hvssup .nav-dropdown .nav-dropdown-col>ul li:hover{
    background:#026aba
}
.hvssup .nav-dropdown-default>li:hover>a, .hvssup .nav-dropdown .nav-dropdown-col>ul li:hover>a{
    color:white
}
.hvssup .nav-dropdown-default>li:hover{
    background:#026aba
}
.hvssup .nav-dropdown-default>li>a{
    border-bottom:0 !important
}
.nav-dropdown-has-arrow li.has-dropdown:before{
    border-width: 10px;
    margin-left: -10px;
}
.hvssup .nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid #d2d2d2;
    margin-top:-40px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;
    z-index: 9;
    background: white;
    min-width: 240px;
}
.hvssup .nav-dropdown>li.nav-dropdown-col{
    width:100%;
    border-right:0
}
.hvssup .nav-dropdown .nav-dropdown-col>ul li a{
    padding:10px;
    text-transform: none;
    color:black
}
.header-nav .hvssup li.nav-dropdown-col:hover >ul{
    display:block !important
}
.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}
.xem-them ul li {
    margin-bottom: 3px;
}
.xem-them ul li a {
    font-weight: 700;
    font-size: 16px;
    color: #2a9e2f;
}
.xem-them ul li a:hover {
    text-decoration: underline;
}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
    padding: 10px;
    background: #f9f9f9;
    background: linear-gradient(90deg, rgb(245 245 245 / 87%), rgb(249 249 249));
}
.blog-single .entry-meta  >span:after{
      display: inline-block;
    content: "|";
    color: rgb(48 46 46 / 50%);
    margin-left: 5px;
    padding: 0 5px;
}
.blog-single .entry-meta  >span:last-child:after{
    display:none;
}

.danh-muc {
    margin-bottom: 15px;
}
.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #126e32;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.danh-muc a, .the-tim-kiem a {
    line-height:32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}
.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #6dca19;
    color: white;
}
._articles .page-title{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
}
._articles .post-item .image-cover img{
    border-radius: 5px;
    border: 1px solid #ededed;
}
._articles .post-item > .col-inner {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    }
 ._articles  .post-item {
    padding-bottom: 15px;
    }
._articles .post-item .is-divider { display: none; }
._articles .post-item .post-title{
    font-size: 23px;
    font-weight: 600;
    color: #454545;
    font-family: 'Signika';
}
._articles .post-item .post-title:hover
{
     color: #333;
}
._articles .post-item .post-meta{
    font-size: 15px;
    padding: 7px 0;
    opacity: 0.9;
}
._articles .post-item .excerpt{
    line-height: 22px;
    font-size: 15px;
}
/*home article*/
.articles {width:100%;}
.articles .slick-list{
    margin-left: -15px!important;
    margin-right: -15px!important;
}
.articles .slick-slide{
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
}
.articles .article_featured
{
    width: 48%;
    margin-right:2%;
    float: left;
}
.articles .article_list{
    width: 50%;
    float: left;
}
.articles .item {
    position: relative;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
    width:100%;
}
.articles .item .item_image a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 67%;
}
.articles .item .item_image a img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}
.articles .article_list .item .item_image{
    position: relative;
    width: 100%;
    max-width: 130px;
}
.articles .article_list .item .item_text {
    margin-left: 12px;
    padding-top: 0;
    padding-bottom: 0px;
    line-height: 0;
}
.articles .article_list .item .item_text a.title{
    margin-top:0;line-height: 23px;font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
    font-size:17px;
    font-weight:600;color: #464646;
}
.articles .article_list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
}
.articles .item .cover_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.articles .item .cover_image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.articles .item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
}
.item .article_meta {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 6px;
    padding-bottom: 6px;
}
.item .article_meta .meta_date,.item .article_meta .meta_cate {
    color: #838383;
    font-size: 16px;
}
.item .article_meta .meta_date i {
    color: #5f6265;
    margin-right: 5px;
}
.articles .article_slick .item .item_image{
    position: relative;
    width: 100%;
}
.articles .article_slick .item .item_text {
    padding-top: 0px;
    padding-bottom: 0px;
}
.articles .article_slick .item .item_text a.title{
    margin-top: 0;
    line-height: 27px;
    font-size: 19px;
    font-weight: 600;
    color: #282a27;
    font-family: "Signika", sans-serif;
}
.articles .article_slick .item .item_text a.title:hover {
    color: #ef1c24;
}
@media (min-width: 768px) {
    .articles .article_slick {display:flex;gap: 2%;
        flex-wrap: wrap;}
    .articles .article_slick > div{
        width:49%;
    }
    .articles .article_slick .item{
        margin-bottom:35px;
    }
}
@media (min-width: 992px) {
    .articles .article_slick {display:flex;gap: 2%;
        flex-wrap: wrap;}
    .articles .article_slick > div{
        width:32%;
    }
    .articles .article_slick .item{
        margin-bottom:35px;
    }
}

@media (max-width: 768px) {
    
    .articles .article_slick > div:not(:first-child) .item .item_image{
        display:none;
    }
}

.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
figure.wp-caption.aligncenter {
    width: 100% !important;
}
/*main form*/
.main-form
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap:5%;
}
.main-form .mf-left
{
    width:55%
}
.main-form .mf-right{
        width:40%
}
.form-select{position:relative;}
.form-select:after{
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 30%;
    height: 14px;
    width: 13px;
    background-size: 15px 15px;
    background-image: url(/theme/img/chevron-down-black.svg);
    content: "";
}
.main-form .contact-form .input-group label{
    color: #373737;
    font-weight: 500;
    font-size: 1em;margin-bottom: 0.2em;
}
.twocol {
    display: flex;
    gap: 2%;
    justify-content: space-between;
}
.twocol .col-half{
    width:100%;
}
@media (max-width: 768px) {
    .twocol .col-half{
        width:50%;
    }
    .main-form .mf-left{width:100%;}
    .main-form .mf-right{display:none;}
}
/*contact*/
._contact{
        background: #fffffb;
}
._contact .form{
    max-width: 400px;
    margin: 0 auto;
    margin-top: 30px;
}
._contact .form .form-inner{
    padding: 10px;
    background: linear-gradient(114deg,#efd769 10%,#f5ac6e 100%);
}
._contact .form .form-inner form{
    background: #fff;
    padding: 20px;
    margin-bottom:0;
}
._contact .form .form-inner form .contact__title{
    margin-bottom:10px;
}
._contact .form .form-inner form textarea{
        height: 70px;
}
._contact .photo-default{
    margin:20px auto;
    max-width:800px;
}
._contact .contact__info{
/*    background: #fff5c6;*/
    padding: 10px;
}
._contact .contact-bg{
    background-size: cover;
    background-attachment: scroll;
    background-image: url(/theme/img/bg04.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-top: 40px!important;
    padding-bottom: 20px!important;
}
._contact .contact-map{
    background:#1d5d4429;
    padding:30px 0 10px;
}
._contact .section__form .contact .text .main-title {
    display:block!important;
}
._contact .section__form .contact .text {margin-top:10px;}
._contact  .section__form .contact .text .title {   
    font-weight: 500;}
.contact__title {
    margin-bottom: 0;
    margin-top: 0px;
    padding: 8px 0;
    font-size: 19px;
    z-index: 101;
    font-family: 'Dancing Script';
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}
.contact__description {
    font-size: 105%;
    font-family: Noto Serif;
}
.contact__info a {
    color: #085a94;
}

.contact__info a:hover {
    color: #222;
}

.contact__info img {
    max-width: 100%;
    margin-bottom: 20px;
}

.contact__info p i {
    width: 18px;
}

.contact__info h1 {
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
    margin: 5px 0;
}

.contact-form {
    position: relative;
}

.contact-form .input-group {
    margin-bottom: 5px;
    margin-top: 0px;
    width: 100%;
}

.contact-form .input-group br {
    display: none
}

.contact-form .input-group .input-group-addon {
    border-radius: 0;
    border: none;
    position: relative;
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.contact-form .input-group .input-group-addon i {
    color: rgb(139 139 139 / 90%);
    font-size: 20px;
    width: 20px;
    height: 20px;
}
.contact-form .input-group .form-control {
    color: #0e0e0e;
    min-height: 48px;
    border: 1px solid #666666;
    box-shadow: none;
    background: #ffffff;
    border-radius: 8px;
    font-size: 16px;
    outline: 2px solid #0000;
    outline-offset: 2px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    margin-bottom: 12px;
}
.contact-form .input-group textarea.form-control {
    min-height: 72px;
  
}
.contact-form::-webkit-input-placeholder,
.form-send::-webkit-input-placeholder{
    color: #777;
}

.contact-form:-moz-placeholder,
.form-send:-moz-placeholder{
    color: #777;
    opacity: 1
}

.contact-form:-moz-placeholder,
.form-send:-moz-placeholder{
    color: #777;
    opacity: 1
}

.contact-form:-ms-input-placeholder,
.form-send:-ms-input-placeholder{
    color: #777;
}
.btn-submit-product{
    margin-top: 10px;
    border-radius: 4px;
    padding: 3px 36px 5px 17px !important;
    color: #4d4d4d;
    opacity: 0.92;
    font-size: 14px;
    border-radius: 2px;
    background: linear-gradient(106deg, #f5a511 10%, #f1731f 100%);
    /* background: linear-gradient(196deg, #f7cc06 10%, #f16d21 100%); */
    background-size: 200%;
    border: 1px solid #f58438;
}
.contact-form .btn-submit {
    margin-top: 5px;
    padding: 5px 33px 5px 14px !important;
    color: #fff;
    opacity: 0.92;
    font-size: 15px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fd0b14 10%, #ef1c24 100% 100%);
    background-size: 200%;
    border: 1px solid #e60f17;
}
/*end contact*/
h2.sbtitle, .sbtitle h2 {
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 700;
    font-weight: 500;
    color: #4a4848;
    font-family: Oswald;
    margin-bottom: 17px;
}
.sbtitle h2 span {
    border-bottom: none;
    padding-bottom: 0;
}
.hctitle {
    font-size: 16px;
    font-weight: 500;
}
.recent-blog .badge{
     width: 40px;
    height: 40px;
}
.recent-blog .badge-outline .badge-inner{
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.recent-blog  .hctitle {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;    color: #4d701a;
}
.recent-blog  .hctitle:hover{
    color:#4d701a;
}
.recent-blog .recent-blog-posts {
    padding: 5px 0 5px;
}
.widget .listing .col .box-vertical .box-text {
    padding: 5px 0 5px 10px;
}
.widget .listing .col {
    margin-bottom: 12px;
}
.widget .listing .listcol{
    background: #ffffffa8;
    padding: 15px 8px;
    border-radius: 5px;
}
.widget .listing .listcol .col{padding:0;
}
.widget .listing .listcol .product-small{
    display: flex;
    gap: 15px;    align-content: center;
    align-items: center;
}
.widget .listing .col .box-image{width:120px;display: block;}
.widget .listing .col .box-text h3
{
    font-weight: 400;
    font-family: 'Signika';
}
.widget .listing .col .feature>a {
    display: block;
    text-decoration: none;
    padding: 0;
    position: relative;
    background-color: #444040;
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
}
.widget .listing .col .feature img{
        width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 3px;
}

.widget .listing .col .feature h3{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 6px 4px;
    margin-bottom: 0;
    margin-top: 0;
}
.widget .listing .col .feature h3 > span {
    position: relative;
    z-index: 6;
    display: block;
    line-height: 1.5;
    font-size: 17px;
    color: #fefefe;    font-weight: 600;
}
.widget .listing .col .feature h3:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#343434));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#343434 100%);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#343434 100%);
    z-index: 0;
    border-radius: 3px;
}
.widget .listing .col .feature .excerpt{
    line-height: 24px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mos-contact-bar {
     z-index: 9999;
}
figure.wp-caption.aligncenter {
    text-align: center;
}
/* Custom CSS Mobile */
@media (max-width: 549px){
    .rotate {
        transform: none;
    }
    .row.category-page-row {
        padding-top: 0;
    }
    .woocommerce-ordering {
        display: none;
    }
    a.filter-button.uppercase.plain {
        background: #026aba;
        width: 100%;
        padding: 8px;
        color: #fff;
    }
    .category-filter-row {
        padding-bottom: 0;
    }
    .category-filtering .inline-block {
        display: none;
    }
    .stroke-text {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .mfp-container {
        position: fixed;
        top: 0;
    }
    .bai-viet-lien-quan ul li {
        width: 50%;
    }
    .bai-viet-lien-quan ul li .box-image img {
        height: 90px;
    }
}
.label-new.menu-item > a:after{
    content:"New";
}
.label-hot.menu-item > a:after{
    content:"Hot";
}
.label-sale.menu-item > a:after{
    content:"Sale";
}
.label-popular.menu-item > a:after{
    content:"Popular";
}
.flickity-slider .product-small{padding-bottom:0;padding: 10px 10px 30px; }
/*page-collection*/
#panzoom{height: 100%;}
.page-collection h1.entry-title{
    text-align: center;
    font-size: 2em;}
/*relate*/
.article-relates{
    margin-bottom: -30px;
    padding-bottom: 40px;
    padding-top: 16px;
}
.article-relates h3.heading{
    font-family: Oswald;
    margin-bottom: 17px;
    font-weight: 500;
    color:#4a4848;
}
.article-relates .item article{
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
    background:#fff;
    border: 1px solid #ededed;
    border-radius: 5px;

}
.article-relates .item .item_image{
    position: relative;
    width: 100%;
}
.article-relates .item .item_image a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.article-relates .item .item_image a img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.article-relates  .item .item_text {
    padding: 5px 0px 15px 0px;min-height:81px;
}
.article-relates   .item .item_text a.title {
       margin-top: 10px;
    margin-bottom: 1px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #4a4a4a;    word-break: break-word;
}
.article-relates  .item  .article_meta {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 6px;
    padding-bottom: 6px;
}
.article-relates .article_slick{margin-left:-8px;margin-right:-8px;}
.article-relates .slick-slide {margin: 0;}
.article-relates .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (max-width: 768px) {
    .page-collection h1.entry-title {
        text-align: center;
        font-size: 1.7em;
    }
    .page-collection  .rte{
        font-size: 16.5px;
    }
    .article_slick .slick-prev {
        left: 0px;
    }
    .article_slick .slick-next {
        right: 0px;
    }
    h2.title.underline span{
        display: block;
        color: #ef1c24;
    }
}
h1.entry-title {
    font-family: 'Signika';
    font-weight: 600;
    font-size: 30px;
}
.fsnk {
    font-family: "Signika", sans-serif!important;
}
h2.title.fsnk{
    font-size: 1.85em;
}

/*readmore*/
.btn-more a {
    max-width: 203px;
    transition: all 0.2s;
    line-height: 18px;
    border-radius: 24px;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    background: #fffdf9;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    font-size: 15px;
    color: #404a3d;
    text-decoration: none !important;
    position: relative;
    padding: 12px 27px;
    display: inline-block;
    margin-top: 0;
    border-radius: 50px;
    font-family: "Signika", sans-serif;
    font-weight: 500;
    background-size: 200%;
    -webkit-box-shadow: 0 2px 4px -3px rgb(0 0 0 / 16%), 0 3px 4px rgb(0 0 0 / 13%);
    box-shadow: 0 2px 3px -3px rgb(0 0 0 / 16%), 0 3px 4px rgb(0 0 0 / 13%);
    transition: all 0s;
}
.btn-more a:hover{
	color:#fff;
    background: linear-gradient(146deg, #67a430 10%, #b3c308 100%);
    background-size: 200%;
    border: 1px solid #72a423;
	opacity:0.8;
}
.btn-contact {
    display: flex;
    font-size: 15px;
    position: relative;
    font-weight: 600;
    justify-content: center;
    max-width: max-content;
    gap: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 99px;
    padding: 5px 14px !important;
    height: 44px;
    text-transform: none;
    color: #ffffff !important;
    letter-spacing: 0 !important;
    align-content: center;
    box-shadow: 1px 1px 1px 0px #bebebeb5;
    border: 2px solid #eeeeee;
    background: linear-gradient(135deg, #f02b2b 10%, #eb0d16 100%);
    align-items: center;
}
.btn-contact.button span
{
    padding: 5px 5px  !important;
}

.btn-contact svg {
    height: 18px;
    margin: 0 5px 0px 3px;
    width: 15px;
}
.btn-contact a{color:#fff;}
.btn-contact a:hover {
    color: #333;
    box-shadow: unset;
}
.view-all a.readmore,
.article02 article.item .item_text .button-option .readmore{
    max-width: 203px;
    opacity: 0.85;
    transition: all 0.2s;
    line-height: 18px;
    border-radius: 24px;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    background: #fffdf9;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    font-size: 15px;
    color: #404a3d;
    text-decoration: none !important;
    position: relative;
    padding: 12px 27px;
    display: inline-block;
    margin-top: 0;
    border-radius: 50px;
    font-family: "Signika", sans-serif;
    font-weight: 500;
    background-size: 200%;
    -webkit-box-shadow: 0 2px 4px -3px rgb(0 0 0 / 16%), 0 3px 4px rgb(0 0 0 / 13%);
    box-shadow: 0 2px 3px -3px rgb(0 0 0 / 16%), 0 3px 4px rgb(0 0 0 / 13%);
}
.view-all a.readmore:hover {
    color: #fff;
    background-size: 200%;
    text-decoration: none;
    background: linear-gradient(135deg, #fd0b14 10%, #ef1c24 100% 100%);
    background-size: 200%;
    border: 1px solid #e60f17;
}
.btn01{
color: #372013;
    opacity: 0.92;
    font-size: 14px;
    border-radius: 2px;
    background: linear-gradient(106deg, #f5a511 10%, #f1731f 100%);
    background-size: 200%;
    border: 1px solid #f58438;
}
.btn01:hover{opacity:1;}
.btn01.hasarrow{position: relative;padding: 0 30px 0 15px;}
.btn01.hasarrow:after{
    content: "";
    background: url(/theme/img/whiteright.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;
    background-size: 13px;
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    right: 9px;
    top: 16px;
    opacity: 0.9;
    transition: all 0.4s;
}
.btn01.hasarrow:hover:after,
.btn-more:hover:after{
    right: 5px;
}
.readmore-description {
    margin-top: 15px;
    height: 300px;
    overflow: hidden;
}
.readmore-p500{
    height: 500px;
}
.readmore-p1000{
    height: 1000px;
}
.readmore-btn {
    text-align: center;
    font-size: 90%;
    font-style: italic;
    background: #fff;
    margin-top: 5px;
    cursor: pointer;
}
/*.readmore-btn:before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));
    display: block;
}*/
.readmore-btn:after {
    content: "";
    width: 0;
    right: 0;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
/*end readmore*/
/*readmore 2*/
.more {
    margin-top: 15px;
    height: 300px;
    overflow: hidden;
    height: 250px;    font-size: 17px;
}
.more-btn {
    text-align: center;
    font-size: 90%;
    background: #ebebeb;
    margin-top: 17px;
    cursor: pointer;
    padding-top: 15px;
    background: linear-gradient(to right, #fff 0%, #d8d8d85c 50%, #fff 100%);
}
.more-btn span{
    position:relative;    display: inline-block;
      transition: all 0.3s ease-in-out;
}
.more-btn span:after {
    content: "";
    width: 0;
    right: 0;
    border-top: 11px solid #f15b33;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    position: absolute;
    top: -10px;
    left: 17px;
}
.more-btn span:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity:0.9;
}
/*end readmore*/
.s20{padding:20px 0;}
.s30{padding:30px 0;}
.s40{padding:40px 0;}
/*intro*/

._intro {
    margin-top: 0;
    padding-top: 50px;
}
._intro .intro__text h1{
    font-size: 18px;
    background: -webkit-linear-gradient(330deg, #4d701a, #347992);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
._intro .intro__text .label{
    letter-spacing: 1px;
    color: #2394b7;
    font-weight: 600;
    font-size: 15.5px;
}
._intro .intro__text h2.title,
._intro .intro__text h2 {
    font-size: 30px;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    font-family: "Signika", sans-serif;
}
._intro .intro__text .sub{
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #ea711d;
}
._intro .intro__text .sub span{font-weight:600;}

._intro .read-more-wrap {
    font-size: 105%
}

._intro .intro {
    margin: 0 auto;
    display: block;
    padding: 25px 0 10px
}

._intro .intro__image {
    float: left
}

._intro .intro__image img {
    text-align: center;
    padding-right: 0;
    opacity: .9;
    transition: all 0.3s ease-in-out; 
    transition: all .5s;
    margin: 0 auto 20px;
    display: block;
}

._intro .intro__image img:hover {
  -webkit-transform: scale(1.05) rotate(-3deg);
    -moz-transform: scale(1.05) rotate(-3deg);
    transform: scale(1.05) rotate(-3deg); 
    opacity: 1;
}

._intro .intro__text {
    margin: 0 auto;
    float: none;
    font-size: 16px;
    padding-bottom: 40px;
    float: left;
}
._intro .intro__text > .container > .inner{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    margin-bottom: 0px;
    max-width: 900px;
    font-family:"Signika", sans-serif;
    text-align: justify;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
}
._intro .intro__text .intro_description {
    margin-top: 15px;
    margin-bottom: 12px
}

._intro .intro__text .intro_description,._intro .intro__text .intro_description p,._intro .intro__text .intro_description div {
    font-size: 18px;
    line-height: 1.7
}
._intro .intro__text blockquote
{
    position: relative;
    font-size: 1.1em;
    margin: 0 0 1.25em;
    border-left: 2px solid #446084;
    font-style: italic;
    background: #2b2b2b;
    color: #fff;
    padding: 1.25em;
}
._intro .intro__text blockquote p:last-child{margin-bottom:0!important;}
@media screen and (max-width: 849px) {

    ._intro .intro__text blockquote {
        font-size: 0.9em;
        padding: 0.6em;
    }

    ._intro .section-title b {
        display: none;
    }

    ._intro {
        margin-top: 0px;        padding-top: 20px;
    }

    ._intro h1.section-title {
        font-size: 1.7em
    }
    ._intro .intro__image {
        float: left;
        padding: 0 5px 30px;
    }
}
/*form*/
.section__form{
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fafafa;
    position: relative;
}
.section__form .contact{
    border-radius: 15px;
    position: relative;
    margin-bottom: 25px;
}
.section__form .contact .inner{
        display: flex;
}
.section__form .contact .text{
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    max-width: 515px;
    max-height: 285px;
    color: #3c3e3a;
    margin-top: 76px;
}

.section__form .contact .text .main-title {
    display:none;
    /* color:#4d701a; */
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}
.section__form .subtitle{
    color: #71a600;
    font-weight: 500;
    font-family: 'Signika';
    font-size: 16px;
    text-transform: initial;
}
.section__form .contact .text .title {
    font-size: 24px;
    margin-bottom: 15px;
    /* color: #4d701a; */
    font-family: Montserrat, sans-serif;
}
.section__form .contact .text .title span{font-weight:500}
.section__form .contact .text .hotline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 530px;
    margin-bottom: 48px;flex-wrap: wrap;
}
.section__form .contact .text .contact-btn {
    display: flex;
    justify-content: space-between;
    max-width: 500px;flex-wrap: wrap;
}

.section__form .contact .text .info {
    display: flex;
    border-radius: 16px;
    padding: 10px 20px 10px 16px;
    min-width: 200px;
    background: #ededed;
}
.section__form .contact .text .info img {
    margin-right: 5px;
    margin-top: -2px;
    width: 22px;
    height: 22px;
}

.section__form .contact .text .info:last-child a{
    font-size:18px;
}.section__form .contact .text .info a{
	color: #ef1c24;font-weight:500;
}
.section__form .contact .text p {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    margin-bottom: 5px;
}
.section__form .contact .text .social {
    border: 2px dashed #313131;
    border-radius: 15px;
    padding: 10px 20px 10px 10px;
    width: 235px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff6e90a;
    font-weight: 600;
}
.form{
    border-radius: 1px 49px;
    background: #fff;
    max-width: 578px;
    border: 1.5px solid #337c60;
    padding: 11px;
    margin-top: 40px;
    max-width: 540px;
    margin: 0 auto;
    border-radius: 15px;
    transition: all 0.5s;
    box-shadow: 0 0px 4px 0 rgb(0 0 0 / 10%);
    border: solid 1px rgb(175 175 175 / 25%);
}
.form .inner{
    padding: 20px 20px 10px 20px;
    position: relative;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 9px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px  35px;
}
.form .title {
    /* color: #328aa4; */
    font-size: 22px;
    margin: 0 0 14px;
    font-weight: 700;
    line-height: 1.4;
}
.form .input-group label {
    display: block;
    font-size: 14.5px;
    margin-bottom: 4px;
    color: #444;
    font-weight: 500;
}
.form .input-group label span {
    color: red;
}
.form .input-group input {
    max-width: 442px;
    width:100%;
    border-radius: 12px;
    border: 1px solid #b95b17;
    background-color: #fffef4;
    margin-bottom: 10px;
}
@media (max-width: 991px)
{
    .section__form .contact .inner {
        flex-flow: column;
        padding: 1em;
    }
    .section__form .contact .text {
        max-height: unset;
        margin: 5px auto 20px;
    }
    .section__form .contact .text .hotline
    {
        gap: 15px;
        max-width: 520px;
        margin: 5px auto 10px;
    }
    .section__form .contact .text .contact-btn {
        max-width: 484px;
        margin: 0 auto;
        gap: 15px;
    }
    .section__form .contact .text .title {
        font-size: 24px;
        margin-bottom: 12px;
        color: #4d701a;
    }
    /*.section__form .contact .form {
        padding: 20px;
        margin: 20px auto 0;
    }*/
}
@media (max-width: 549px){
    .section__form .container{padding:0;}
    .form .inner {
        flex-flow: column;
        padding: 15px 10px;
    }
    .section__form .contact{border-radius:0;}
    .section__form .contact .form {
        padding: 10px;
    }
    .section__form .contact .form form {
        padding: 15px 10px 10px;
        position: relative;
    }
    .section__form .contact .text{max-width:100%;}
    .section__form .contact .text .title {
        font-size: 28px;
        line-height: 30px;
    }
    .section__form .contact .text .hotline{
            max-width: 100%;
    }
    .section__form .contact .text .contact-btn {
        max-width: 100%;
    }
    .section__form .contact .text .social{margin-bottom:5px;}
    .section__form .contact .text .social {
        border: 1px dashed #eaeaea;
        border-radius: 9px;
        padding: 4px 2px 4px 4px;
        width: unset;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .section__form .contact .text .social img{
        width:40px;
        height:40px;
    }
   
}

.page-search .entry-content{
    max-width:920px;
}
.page-search .entry-content .post-item{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}
.page-search .entry-content .post-item:last-child{
    border-bottom:none;
}
.page-search .entry-content .post-item .box-image{
    width: 140px;
    display: block;
}
.page-search .entry-content .post-item h2 {
    font-size: 1.45em;
}

/*form send*/
#contact-form .loader:before{
    content: "";
    margin: 0 auto;
    font-size: 10px;
    text-indent: -9999em;
    border-top: 3px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 3px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important;
    opacity: 0.8;
    border-left: 3px solid #446084;
    -webkit-animation: spin 0.6s infinite linear;
    animation: spin 0.6s infinite linear;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 99;
    border-color: #194b38;
}
.form-send .loader{
    background: rgba(127,127,127,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}
.form-send .loader img{
    position: absolute;
    top: 56%;
    left: 32%;
}
.form-send .loader span{
    position: absolute;
    top: 55%;
    left: 37%;
}
.form-alert p{
    padding: 6px 0;
}
.form-alert p.success{
    padding: 5px 10px;
    color: #3fb019;
    border-radius: 3px;
    opacity: 1;
    font-size: 14px;
    line-height: 20px;
    background: #fffabd;
    margin-bottom: 0;
    margin-top: 10px;
}
.form-alert p.error{
    padding: 0 10px;
    color: #f54141;
    border-radius: 3px;
    opacity: 1;
    font-size: 14px;    background: unset;
}
/*witget bottom*/
.ft4{background:#f15b33; color:#fff;font-size:14.5px;height:45px; line-height:45px; position:fixed; bottom:0; width:100%;z-index:5}
.ft4 .support{text-align: center;}
.ft4 .support a{
    font-weight:700;
    padding:0 5px;
    font-size:15.5px;
    color:#f8fcff;
    transition: transform 125ms cubic-bezier(.4,0,.2,1);
    display: inline-block;
}
.ft4 .support a:hover{transform: scale(1.04);}
.ft4 .support img {
    position: relative;
    top: 0px;
    margin-left: 2px;
    margin-right: 2px;
    width: 26px;
    height: 26px;
    opacity: 0.98;
}
.ft4 .support_online{width:100%; height:45px; background:#00c0ac;border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0; font-size:20px; font-weight:bold; text-align:center;}
.ft4 .support_online img{position:relative; top:7px; margin-right:20px}
.ft4 .support span.smd{display:inline-block;}
.ft4 .support span.ssm{display:none;}
@media screen and (max-width: 786px) {
    .ft4 .support a{font-size:15px;padding: 0px;}
    .ft4 .support span.smd{display:none;}
    .ft4 .support span.ssm{display:inline-block;}
    .ft4 .support img {
        width: 20px;
        height: 20px;
    }
}
/*end wiget botton*/
/*feature*/
.meta-post-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ddd;
    padding: 10px 0 !important;
    margin-bottom: 24px;
    margin-top: 24px;
}
    .meta-post-share .relative {
        display: flex;
        align-items: center;
        gap: 16px;
    }
.meta-post-share p {
    margin-bottom: 0;    font-weight: 600;
}

.meta-post-share .box-btn-social {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 14px;
}

.meta-post-share .box-btn-social li {
    list-style: none;
    margin: 0;
}
.meta-post-share  .box-btn-social li a {
    width: 28px;
    height: 28px;
    border-radius: 16px;
    background-color: #55acee;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.meta-post-share .box-btn-social li a.facebook {
    background-color: #3b5998
}

.meta-post-share .box-btn-social li a.pinterest {
    background-color: #e60023
}

.meta-post-share .box-btn-social li a.linkedin {
    background-color: #0a66c2
}

.meta-post-share .box-btn-social li a.twitter svg {
    fill: #fff
}

.meta-post-share .box-btn-social li a.facebook svg path {
    fill: #fff
}

.meta-post-share .box-btn-social li a.pinterest svg path {
    fill: #fff
}

.meta-post-share .box-btn-social li a.twitter svg path {
    fill: #fff
}

.meta-post-share .box-btn-social li a.linkedin svg path {
    fill: #fff
}
.comment-info .title{    font-size: 20px;
    font-weight: 700;
    color: #434343;}
.box-signature {
    padding-left: 0;
    padding-right: 0;
    /* width: auto; */
    margin-top: 20px;
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background: linear-gradient(90deg,rgb(241 250 242 / 80%),rgb(181 219 205 / 80%));
    border-radius: 5px;
    margin-top: 40px;
    padding: 20px 25px;
}
.box-signature .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row !important;
    vertical-align: top !important;
    width: 180px;
    padding: 0 8px;
}
.box-signature .text {
    flex: 0 0 auto;
    width: calc(100% - 180px);
    padding:0 8px;
}
.entry-content{    padding-top: 0;
    padding-bottom: 0.5em;
}
.entry-content ul{
    padding-left: 20px;
}
.entry-content p:last-child
{
    margin-bottom:0;
}
.entry-content iframe {margin-bottom:20px;}
.entry-content h2 {
    font-size: 1.5em;
}
.entry-content h3 {
    font-size: 1.3em;
}
.entry-content h4 {
    font-size: 1.2em;
}
.entry-content ol li,.entry-summary ol li,.col-inner ol li,.entry-content ul li,.entry-summary ul li,.col-inner ul li{margin-left:0em}
._1line,._2line,._3line,._4line,._5line
{
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
._2line{
    -webkit-line-clamp: 2;
}
._3line{
    -webkit-line-clamp: 3;
}
._4line{
    -webkit-line-clamp: 4;
}
._5line{
    -webkit-line-clamp: 5;
}
ul.has-icon {
    list-style: none;
    position: relative;
}
ul.has-icon li{margin-left:5px;}
ul.has-icon li:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    left: -22px;
    position: absolute;
    width: 16px;
    background-image: url(/theme/img/check.png);
    margin: 5px 10px 0 0;
}
ul.has-icon.icon-check li:before{background-image: url(/theme/img/check02.png);}
ul.has-icon.icon-gift li:before{background-image: url(/theme/img/gift.svg);}
ul.has-icon.icon-logo li:before{
    background-image: url(/favicon.ico);
    width: 20px;
    height: 22px;
}

.intro-btn {
   display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px 36px;
    font-size: 15px;
    line-height: 36px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 5;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background: -o-linear-gradient(left,#e9bc46 0%,#f9d676 50%,#e9bc46 100%);
    /* background-size: 200%; */
    border: 1px solid #194b38;
}

.intro-btn-02 {
    opacity: .9;
    margin-left: 20px;
    color: #fff;
    background: linear-gradient(135deg, #416977 10%, #3388a2 100%);
    border: 1px solid #325662;
    border: 0;
    border-radius: 5px;
}
.intro-btn-02:hover {
    background-position: right center!important;
     color:#e9e9e9;
}
.intro-btn:hover {
    background-position: right center!important
}
/*end*/
.color-title{
    color: #d1300d;
}
.color-title:hover{
    color: #232323;
}
.box-zoom{
    -webkit-transition: all .5s;
    transition: all .5s;
}
.box-zoom:hover{-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);}
/*partner*/
.title-wrapper{
    text-align: center;
    max-width: 679px;
    margin: 10px auto;
    font-family: Montserrat,sans-serif;
    padding: 0 ;
}
widget .title-wrapper{text-align:left;}
.title-wrapper h2{font-size:28px;}
.title-wrapper p{     font-size: 16px;
    font-weight: 500;}
.widget .title-wrapper {margin-top: -5px;    text-align: left;}
.widget .box-image img {
    border-radius: 2px;
    border: 1px solid #ededed;box-shadow: 1px 1px 2px rgb(0 0 0 / 15%);
    display: block;
}
.youtube-wrapper{max-width:1170px;padding:0;margin: 15px auto;}

.title-wrapper .hctitle {
    text-align: left;
    font-weight: 600;
    font-size: 17px;
}
.open-youtube {
    position: relative;
    width: 100%;
    display: block !important;
    max-width: 1000px;
    margin: 0 auto;
    border: 3px solid #3a755e;
    border-radius: 6px;
}
.open-youtube .poster {
    position: static !important;
}
.img-mx-auto {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
}
.icon-youtube {
    -webkit-transition: all .2s;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    padding: 10px;
    transition: all .3s;
    width: 80px;
}
.align-middle {
    -webkit-transform: translate(-50%,-50%) !important;
    left: 50%;
    position: absolute !important;
    top: 50%;
    transform: translate(-50%,-50%) !important;
}
.spartner {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(255 255 255);
}

.spartner .spgap1{display:block; height:auto;padding-top: 60px;}

.workwith-wrap {
    overflow: hidden;
    opacity: 0.7;
    margin-bottom: 8px;
    background: #fff;
}
.workwith-slide {
    background: url(/images/partner.png) repeat-x;
    background-size: auto 170px;
    height: 170px;
    width: 5000px;
    animation: work-slide 25s linear infinite;
}
@keyframes work-slide{
    0%{
    transform: translate3d(0, 0, 0);
    }
    100%{
    transform: translate3d(-1692px, 0, 0);
    }
}
/*end partner*/
/*team*/
.team-section {
    text-align: center;
    padding: 30px 0px;
    background-color: #f9f9f9;
}

.team-section h2 {
    margin-bottom: 20px;
    color: #333;
}

.team-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}.team-container .slick-slide {
    width: auto !important; /* Ghi đè width mặc định */
}
.team-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;    margin-bottom: 30px;
    width: 250px;    max-width: 300px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.team-item:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.team-item img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 15px;
    border: 2px solid #369bc0b8;
}
.team-item h3 {
    font-size: 1.2em;
    margin: 10px 0;
    color: #369bc0;
}
.team-item p {
    color: #666;
    margin-bottom: 15px;
}
.team-item p.label{
    color: #666;
    margin-bottom: 6px;
    font-size: 15px;
    min-height: 44px;
    line-height: 22px;
}
.team-item .view-profile {
    display: inline-block;
    padding: 4px 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 13px;
    border-radius: 17px;
    background: linear-gradient(135deg, #416977 10%, #3388a2 100%);
    background-size: 200%;
    border: 1px solid #325662;
}
.team-item .view-profile:hover {
    background-color: #0056b3;
}

.page-wrapper .team-container {
 
    gap: 30px;
}.page-wrapper .team-item {
    
    width: 270px;    max-width: 300px;
    
}
/*end team*/
/*team*/
.sfeeback {
    padding: 10px 0px;
    margin: 0 auto;
    width: 100%;
}

.sfeeback h2 {
    margin-bottom: 20px;
    color: #333;
}
.feedbacks .slick-list{
    margin-right: -10px;
    margin-left: -10px;
}
/*.feedbacks .item{
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0;
}*/
.feedbacks .item.slick-slide {
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 !important;
}
.feedbacks .item.slick-slider{
    overflow: hidden;
}

.feedbacks .item .inner{
    padding: 25px 30px;
    width: 100%;
    border-radius: 4px;
    font-size: 18px;
    padding: 30px;
    position: relative;
    background-color: transparent;
    z-index: 1;

    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
}
.feedbacks .item .content .inner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	clip-path: polygon( 6.726% 100%,93.274% 100%,93.274% 100%,94.364% 99.896%,95.399% 99.594%,96.364% 99.111%,97.245% 98.464%,98.029% 97.668%,98.701% 96.741%,99.249% 95.698%,99.657% 94.556%,99.912% 93.332%,100% 92.042%,100% 28.912%,100% 28.912%,99.732% 25.399%,98.988% 22.786%,97.863% 20.91%,96.447% 19.608%,94.835% 18.717%,93.119% 18.071%,91.39% 17.508%,89.742% 16.865%,88.268% 15.977%,87.061% 14.682%,87.061% 14.682%,86.147% 12.968%,85.483% 11.096%,84.946% 9.146%,84.409% 7.198%,83.749% 5.331%,82.839% 3.624%,81.556% 2.158%,79.775% 1.012%,77.369% 0.266%,74.215% 0%,6.726% 0%,6.726% 0%,5.636% 0.104%,4.601% 0.406%,3.636% 0.889%,2.755% 1.536%,1.971% 2.332%,1.299% 3.259%,0.751% 4.302%,0.343% 5.444%,0.088% 6.668%,0% 7.958%,0% 92.042%,0% 92.042%,0.088% 93.332%,0.343% 94.556%,0.751% 95.698%,1.299% 96.741%,1.971% 97.668%,2.755% 98.464%,3.636% 99.111%,4.601% 99.594%,5.636% 99.896%,6.726% 100% );
	z-index: -1;
}
.feedbacks .item .content::before {
    font-family: 'Signika';
    content: "”";
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 50px;
    line-height: 75px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    color: #404a3d;
    background-color: #eddd5e;
}
.feedbacks .item .content {font-family:"Signika", sans-serif;   font-weight: 300;position:relative
}

.feedbacks .item .content .author-content{
    font-size: 17px;
}
.feedbacks .item .content blockquote
{
    border: 0;
    padding-left: 0;
    font-weight: 300;
}
.feedbacks .item .content .author-content .box-detail{
    font-size: 16px; line-height:1.5;
}
.box-author{
    display: flex !important;
align-items: center !important;
}.box-author  .box-img {
    margin-right: 20px;
}
.box-author  .featured-wrapper {
    width: 76px;
}
.box-author  .featured-wrapper img {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}
.box-author  .box-title {
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 5px;
        font-weight: 500;
}
.box-author .author-detail {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    color: #999;
    letter-spacing: .5px;
}
@media screen and (max-width: 768px) {
 /*.feedbacks .item {
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0;
}*/
 .feedbacks .item .inner{padding:20px;}
    .sfeeback h2, h2.title.fsnk {
        text-align: center;
        line-height: 1.7;
        font-size: 1.6em;
    }
}
/*list*/
.feedback-list
{
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}
.feedback-list .item
{
    width:31%;padding-right: 10px;
    padding-left: 10px;
}

@media screen and (max-width: 1024px) {
    .feedback-list .item
    {
        width:48%;padding-right: 10px;
        padding-left: 10px;
    }
}
@media screen and (max-width: 550px) {
    .feedback-list .item
    {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        max-width: 420px;
        margin: 2px auto;
    }
    .feedbacks .item .content::before {
        right: -8px;
        top: 3px;
        font-size: 48px;
        width: 48px;
        height: 48px;
    }
}

.box-detail-large .box-author .featured-wrapper {
    width: 100px;
}
.box-detail-large .box-author .featured-wrapper img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.box-detail-large .box-author .box-title {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 5px;
    font-weight: 500;
}
/*end team*/
/*scroll*/
._scroll {
    padding-top: 0;
    padding-bottom: 0;
    /*background-color: rgb(103 103 103);
    background-image: url(https://beta.diaocachau.com.vn/images/bannerv2.jpg);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-position: center;
    position: relative;
}
/*._scroll .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgb(224 224 224 / 53%);
    width: 100%;
}*/

._scroll .gallery__wrapper {
    padding-bottom: 10px;
    padding-top: 30px;
    margin-bottom: 0;
}
/*end scroll*/
.section-content .sub-title{
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    font-size: 16.5px;
    font-weight: 500;
    font-family: Montserrat,sans-serif;margin-bottom: 20px;
}
.home-article .box .box-image img{
    border-radius:10px;
}
.home-article .post-title{
   color: #4d701a
}
.home-article .row-xsmall > .col{padding-bottom:10px}
.home-article .post-title:hover{
   color: #333;
}
.image-square a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
}

.image-3r2 a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.667%;
}
.image-square a img,
.image-3r2 a img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.product .box{
        border-radius: 8px;
}
.product .box-image{
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
        border-radius: 8px 8px 0 0;
}

.product .box-image .image-poster{position:relative;}
.product .box-text{
    
    background:#fff;
    padding: 10px 10px 12px;
    position: relative;
    width: 100%;
    font-size: 0.9em;
    text-align: left;
    border-radius: 0 0 8px 8px;
}
.scategory
{
    padding: 50px 0 35px;
    background-image: url(/images/img/bg07.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}
.scategory h2.title{
    text-align: center;
    position: relative;
    font-size: 2em;
    padding-bottom: 10px;
}
.scategory h2.title a,.scategory h2.title a:hover{color:#ef1c24;}
.scategory .more{text-align:center;}
.scategory h3.hctitle{
    font-size: 15px;
    font-weight: 600;
    margin-top: 6px;
    color: #415a5c;
    display: block;
    text-align: center;
}
.scategory h3.hctitle:hover{
    color: #415a5c;
}
.scategory .box-image  img{
    border-radius:5px;
    border:1px solid #ffddc4;
}
.scategory .section-title{
        text-align: center;
}
.scategory  .section-title-main{
    text-align:center;font-size:110%;
}
.scategory .box .box-text{
  /*  position: absolute;
    bottom: 0;*/
    padding-bottom: 0.4em;
}
.scategory .box .title-wrapper {
    text-align: center;
    margin: 10px auto;
    padding: 0;
    background: #194b38db;
    background: linear-gradient(2deg, #f9a119 10%, #ffd665 100%);
    line-height: 18px;
    padding-bottom: 3px;
    padding-top: 1px;
    line-height: 22px;
    padding-bottom: 3px;
    padding-top: 1px;
    max-width: 204px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 22px;
    margin: auto;
    height: 35px;
        display: block;
        text-align:center;
}
.scategory .box .title-wrapper:hover{
    -webkit-transform: scale(1.02);
}
ul.lst-category{
    list-style:none;
    
}
ul.lst-category li{
    float:left;
    width:25%;
    padding:5px 10px;    margin: 0;
}
ul.lst-category li .badge {margin-right:10px;  
                          height: 36px;
    width: 36px;}
ul.lst-category li .badge-inner{
    border-radius:50%;
}
ul.lst-category .recent-blog-posts {
    min-height: 64px;
    padding: 5px 0 5px;
}
ul.lst-category li .recent-blog-posts a{margin-bottom:0;}
ul.lst-category li h3.hctitle {
   
    color: #4d701a;    word-break: break-word; margin-bottom: 2px;
    margin-top: 9px;
}
ul.lst-category li h3.hctitle:hover {
    color: #0a453b;
}
.homebg img{
   max-width: 100%;
    width: 100%;
}

/*home article*/
.home-article{
    padding-top: 40px;
    padding-bottom: 50px;
    background: linear-gradient(#ffffff, #fdfcfa);
    background-image: url(/images/img/bg08.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}
/*end home article*/
.box-image.box-shadow{
    box-shadow: 1px 1px 6px -3px rgb(78 78 78);
    border: 0;
    transition: all 300ms;
}
.box-image.box-shadow:hover{
    box-shadow: 2px 2px 7px -2px rgb(78 78 78);
}
.sfeedback{
    padding-top: 50px;
    padding-bottom: 45px;
    position: relative;
    margin-top: 0;
    background: #ffffff;
 /*   background-image: url(/images/img/bg10.webp);*/
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.sfeedback > .bg{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: #fffffff5;
    width: 100%;
}

.sfeedback .slick_feedback{ 
        padding-top: 70px;
    padding-bottom: 70px;
}
.sfeedback .section-title-center > span >span{font-weight:500;}

.feedbacks .slick-prev,.feedbacks  .slick-next{top:30%;}
.feedbacks .slick-prev, .feedbacks .slick-next{opacity:0.8}
.feedbacks .slick-prev:hover, .feedbacks .slick-next:hover{opacity:1}
#footer{
    position:relative;
}
#footer:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #ee8316;
    position: absolute;
    top: -12px;
    left: 0px;
    display: none;
}
.footer-wrapper {
    color: #fff;
    border:none;
    background:#2872d1
    /* font-weight: 500; */
}
.sfooter {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    /* background: linear-gradient(89deg, rgb(61 89 19), rgb(61 89 19)); */
    padding: 25px 0 0;
    background: #9c1619;
    font-weight: 500;
}
.sfooter p {
    margin-bottom: 12px;
    margin-top: 5px;
}
.sfooter a{
    color: #fff;
}
.sfooter a:hover {
    text-decoration:underline;
    color:#fff;
}
/*.sfooter .title {
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.6px;
}*/
.sfooter info .title{
    padding-bottom:10px;
}
.sfooter .title{
    font-weight: 300;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 5px;
    margin-top: 8px;
    font-family: "Signika", sans-serif;
    opacity: 0.9;
}
.sfooter .about .col-inner{
    padding: 10px 0px 15px 0px;
}
.sfooter .about p i{width:25px;}
.sfooter .about .mst{
    font-size: 18px;
    opacity: 0.9;
    letter-spacing: 0.6px;
}
.sfooter .about p.address{
    font-size: 16px;max-width: 500px;
    display: flex;
    align-items: baseline;
}
.sfooter .about p.address span{
        max-width: 380px;
}
.sfooter .about p.hotline a.highlight{
    font-size: 19px;
    line-height: 1.5;
    font-weight: bold;
    font-weight:900;
}
.sfooter .links,.sfooter .info {
    margin-top:40px;
}
.sfooter .links ul{
        padding-left:0px;
}
.sfooter .links .col-inner{
    /*padding: 10px 30px 0px 30px;*/
    padding:0;
}
.sfooter .footer-license {
    margin-bottom: 0;
    margin-top: 12px;
    color: rgba(233,233,233,1);
    font-size: 14px;
    font-style: italic;
}

.sfooter .mxhs{
    display: flex;
    justify-content: left;
    margin: 10px 0;
}
.sfooter .link_mxh {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align:center;
}
.sfooter .link_mxh p {
    line-height: 31px;
    font-size: 16px;
    margin-right: 5px;
}

#footer-contact{
    padding: 10px  5px 10px;
    margin-bottom: 0;
    background: #ef8835;
}
#footer-contact .wraper-btn{
        display: inline-block;
    width: 100%;
    text-align: center;
}
#footer-contact .wraper-btn a{
    background: linear-gradient(180deg, #e5842a 10%, #d86518 100%);
    border-radius: 5px;
    border: 0;
    opacity: .9;
    color: #ffffff;
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 24px;
    letter-spacing: 0.2px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#footer-contact .wraper-btn a:hover,#footer-contact .wraper-btn a:active{
    background: linear-gradient(180deg, #e53d2a 10%, #d81818 100%);
}

#footer .finner{
        width: unset;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 4%;
}
.sfooter .about, .sfooter .info, .sfooter .links{
    max-width: 24%;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
}
.sfooter .about .logo{
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.sfooter .subscription{
    text-align: center;
    padding: 0 20px;
    max-width: 300px;
    margin: 0 auto;
    padding:20px 0 10px;
}
#subscriptionform{
    position: relative;
}
#subscriptionform input[type="email"]{
    width:100%;
    margin-bottom:5px;
    border-radius: 4px;
    background: #f8f7f0;
    border: 1px solid #628c03;
}
#subscriptionform input[type="submit"]{
        border-radius: 4px;
}
#subscriptionform .submit{
    background-color: #cbc3c1;
    color: #d0181b;
    line-height: 1.7;
    margin-bottom: 0;
}
#subscriptionform input[type="submit"]:hover{
        background-color: #c0b7b5;
         color: #bd1417;
        opacity:1;
}
#subscriptionform .loader {
    background: rgba(127, 127, 127, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    border-radius: 5px;
}
#subscriptionform  .loader img {
    position: absolute;
    top: 56%;
    left: 48%;
    width: auto;
}
@media screen and (min-width: 1200px)
{
    .sfooter .about,.sfooter .info {
        max-width: 23%;
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
    }
     .sfooter .links{
        max-width: 21%;
        -ms-flex-preferred-size: 21%;
        flex-basis: 21%;
    }
    .sfooter .col.form-contact {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}
@media screen and (min-width: 1024px)
{
    #footer .finner{
        gap: 5%;
    }
    .sfooter .about{
        max-width: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
     .sfooter .info {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .sfooter .links{
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}

@media screen and (max-width: 1023px)
{
    .sfooter .links{display:none;}
    #footer .finner{
        gap: 6%;
    }
    .sfooter .about, .sfooter .info ,.sfooter .links{
        max-width: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }
}


@media screen and (max-width: 768px){
    #footer-contact .wraper-btn a{
        padding: 3px 12px;
        letter-spacing: 0;
    }
    #footer-contact .wraper-btn a i{display:none;}
}

@media screen and (max-width: 560px){
    .sfooter .about, .sfooter .info, .sfooter .links {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .sfooter .info{
        max-width: 350px;
        margin: 0 auto;
        text-align: center;
    }.sfooter .mxhs {
	    justify-content: center;
	}
}
#footer-contact .clogo
{
      max-width: 300px;
}
#footer-contact .clogo img{
    padding: 15px 5px 15px;
    margin-bottom: 0;
}
#footer-contact .cinfo{
 display: flex;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
#footer-contact .chotline,#footer-contact .cemail{
     padding: 4px 0;
}
#footer-contact .cinfo p{margin-bottom:0;}

#footer-contact .cinfo .hotline
{
    color: #ffa435;
    font-weight: 900;
    font-size: 21px;
    background: linear-gradient(to right, #f3f3f3, #ffffff, #faffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}
#footer-contact .cinfo .email
{
    color: #ffa435;
    font-weight: 800;
    font-size: 19px;
    background: linear-gradient(to right, #f3f3f3, #ffffff, #faffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}
#footer-contact .cform img{
    float: right;
    width: 175px;
    opacity: 0.92;
    cursor: pointer;
}
#footer-contact .cform img:hover{
    opacity:1;
}


.link_mxh .mxh {
    float: left;
    margin: 0 10px 0 0 ;
}
.link_mxh .mxh a {
    float: left;
    height: 42px;
    width: 42px;
    color: #4d701a;
    border: 1px solid #2b654f;
    border-radius: 10px;
    background: -webkit-linear-gradient(#ffffff, #e8fef5);
    opacity: 0.9;
}
.link_mxh .mxh a:hover{text-decoration:none!important;
    color: #fff;
    border: 1px solid #fff;
}
.link_mxh .mxh a i{
    line-height: 42px;
    text-align: center;
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 7px;
}
.link_mxh .mxh a.link-facebook{border: 2px solid #5078da;}
.link_mxh .mxh a.link-tiktok{border: 2px solid #35fff9;}
.link_mxh .mxh a.link-pinterest{border: 2px solid #d74343;}
.link_mxh .mxh a.link-youtube{border: 2px solid #db120f;}
.link_mxh .mxh a.link-facebook i.icon
{
    background:url(/theme/img/footer/facebook.png);
}
.link_mxh .mxh a.link-tiktok i.icon
{
    background:url(/theme/img/footer/tik-tok.png);
}

.link_mxh .mxh a.link-youtube i.icon
{
    background:url(/theme/img/footer/youtube.png);
}
.link_mxh .mxh a.link-pinterest i.icon
{
    background:url(/theme/img/footer/pinterest.png);
}
.sfooter  .copyright{
    background: linear-gradient(to right, #010101 0%, #121212 15%, #010101 100%);
    border-top: 1px solid #1e1e1e;
    padding: 2px 0 2px;
    color: #f3f3f3;
    font-size: 14.5px;
}
.sfooter  .copyright .crleft {
    float: left;
    font-weight: 500;
    opacity: 0.8;
    line-height: 42px;
}
.sfooter  .copyright .crright {
    float: right;
}
.sfooter  .copyright .crleft  .ico{width: 34px;margin-right: 10px;opacity:0.9}
.sfooter .copyright  a {
    color:#e5e5e5;    line-height: 34px;
}
.sfooter .copyright p a:hover {
    color:#fff;
    text-decoration:underline;
}
.sfooter ul li{
    list-style: none;
    position: relative;
    padding: 8px 0 6px 0px;
    margin: 0;
    border-bottom: 1px solid #a67576;
    font-size: 16px;
}
.sfooter ul li:last-child{border-bottom:0;}
.sfooter ul li.bullet-arrow:before,
form-contact{
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #ffffff;
}
.sfooter .label-contact {
    position: absolute;
    margin-top: 0px;
    padding: 8px 20px 9px 18px;
    font-size: 18px;
    z-index: 101;
    background: #040404;
    font-family: 'Dancing Script';
    font-weight: 700;
    line-height: 18px;
    /*background-image: linear-gradient(#46a326,#2e8311);*/
    background-image: linear-gradient(to right,#e7e7e7 0%,#ffffff 50%,#ededed 100%);
    top: -18px;
}
.sfooter .label-name {
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 15px;
    margin-top: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    display: inline-block;
    font-family: "Signika", sans-serif;
}
.sfooter .company{
    font-weight: bold;
    font-size: 19px;
    letter-spacing: 0.6px;
    font-family: Montserrat, sans-serif;
    text-transform:uppercase;
}
.sfooter .slogan {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.6px;
    color: #ffffff;
    font-family: Montserrat, sans-serif;
}
.sfooter .label-contact:before {
    right: 100%;
    border-right: 12px solid #ababab;
    border-top: 18px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 7px
}

.sfooter .label-contact a {
    color: #080808
}

.sfooter form input{
    background-color: rgba(255,255,255,0.95);
    border: 0px solid transparent;
    color: #333;
    margin-bottom: 15px;
    padding: 7px 15px;
    width: 100%;
    border-radius: 2px;
}
@media (max-width: 768px)
{
    .sfooter .label-name {
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 50px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-top: 5px;
    }
}
.baogia.popup {
    font-weight: bold;
    padding: 6px 14px;
    border-radius: 40px;
    box-shadow: 3px 3px 1px 0px #051d16;
    border: 2px solid #fff;
    background: linear-gradient(135deg,#e5cb55 10%,#eb6a24 100%);
    transition: .25s all ease;
    font-size: 19px;
    margin-bottom: 18px;
    display: inline-block;
    cursor:pointer;
}
.baogia.popup:hover{text-decoration:unset;}
/*feedback*/
/*end feedback*/
.back-to-top {
    background: #1f6349!important;
    border: 2px solid #bfbfbf!important;
    border-radius: 50%;
    color: #ffffff!important;
    display:none!important;
}

.back-to-top:hover {
    background: #1f6349!important;
    color: #ffffff!important;
    border-color: unset;
}

.mos-contact-bar {
    right: 20px;
    bottom: 88px;
    position: fixed;
    margin-bottom: 0;
}
.mos-contact-bar.right-bar { right: 30px; left: auto; }
.mos-contact-bar li {
    width: 44px;
    height: 46px;
    overflow: hidden;
    margin-bottom: 0;
    list-style: none;
}
.mos-contact-bar li.facebook {
    margin-bottom: 8px;
    background: url(/theme/img/fb.png);
    background-repeat: no-repeat;
}
.mos-contact-bar li.zalo {
    margin-bottom: 8px;
    background: url(/theme/img/zl.png);
    background-repeat: no-repeat;
}
.mos-contact-bar li.hotline {
    background: url(/theme/img/p2.gif);
    background-repeat: no-repeat;
    background-size: 44px;
    margin-bottom: 8px;
}
.mos-contact-bar li a {
    display: block;
    width: 44px;
    height: 44px;
}

/*sidebar menu*/
#sidebar-btn{
    vertical-align: middle;
    width: 22px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    right: -40px;
    top: 25px;
    display: none;
}
#sidebar-btn span {
    background-color: #ef1c24;
    height: 1px;
    display: block;
    margin-bottom: 5px;
}
#sidebar-btn span:nth-child(2) {
    width: 75%;
}
.mfp-close {
    opacity: 1;
    right: 5px;
    top: 18px;
}
.off-canvas .sidebar-menu {
    padding: 10px 0 20px;
}
.off-canvas .sidebar-menu .logo{
     text-align: center;
    margin: 0 auto;
    display: block;max-width: 140px;
}
.mfp-content .nav>li>a {
    font-size: 15px;
}
.mfp-content .nav.nav-vertical li {
    border-top: 1px solid #b6b7b5;
}
.mfp-content .nav.nav-vertical li:first-child {
    border-top: none;
}

.nav > li > a,
.off-canvas .nav-vertical li li > a {
    font-family: "Quicksand", sans-serif;
}
.mfp-content .nav>li>a,
.nav-vertical>li>ul li a{
    color: rgb(29 28 28 / 96%);
}
.mfp-content  .nav>li>a:hover,
.nav-vertical>li>ul li a:hover{
    color:rgb(36 68 30);
}
.mfp-content .toggle i {
    font-size: 1.5em;
}
.mfp-content .toggle i:before {
    content: "\f107";
}
.mfp-content ul.sub-menu {padding-bottom:0!important;    font-weight: 500;font-size:15pxl}
.mfp-content ul.sub-menu  li{padding-left:0}
.off-canvas .nav-vertical li li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

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

    #sidebar-btn{
        position:absolute;
        right: 15px;
        top: 29px;
        display:block;
    }
    #sidebar-btn .nav > li > a:hover {
        border: none!important;
        color: #f7d373!important;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
        background: linear-gradient(128deg, rgb(255 255 255), rgb(253 253 253));
    }
    .nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
        color: rgb(51 67 48 / 85%);
    }
    .nav-vertical>li .toggle{color: rgb(49 51 48);}
    .nav-vertical>li>a>i{display:none;}
    #logo {
        width: 136px;
        padding: 0px 0;
    }
    .header-main {
        height: 60px;
    }
    header .header-inner{background:unset;}
}
@media screen and (max-width: 550px) {
    #logo {
        width: 112px;
        padding: 5px 0 0;
        margin: 0 10px;
    }
}
/*product page*/
.product-page .entry-sharing{margin-top:20px;}
.product-info .icon-box.box-if {
    border: 1px dashed #026aba;
    padding: 0 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}
.product-info .icon-box.box-if:hover {
    background: #026aba;
    color: #fff;
}
.product-info .quantity.buttons_added {
    display: none;
}
.product-info .quantity+.button {
    width: 100%;
    padding: 8px;
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    border-radius: 3px;
}
.product-info .button-ttk, .product-info .button-nbg {
    width: 100%;
    padding: 8px;
}
.product-page .product-wrapper {margin-bottom:30px;}
.product-page .product-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.product-wrapper .product-image {width:476px;float:left;    margin-bottom: 20px;}
.product-wrapper .product-image .slick-slide{margin-left:0;}
.product-wrapper .product-image .slick-prev,.product-wrapper .product-image .slick-next{
    top:46%
}
.product-wrapper .product-image .slick-prev {
    left: 4px;
}
.product-wrapper .product-image .slick-next {
    right: 4px;
}
.product-wrapper .product-slider .item{margin-bottom:10px;}
.product-wrapper .product-info {
    width: calc(100% - 501px);
    float: left;
    margin-left: 25px;
    padding: 0 10px;
    border-radius: 5px;
}
.product-wrapper .product-info form{
    padding: 10px;
    background: linear-gradient(180deg, rgb(241 250 249 / 66%), rgb(206 144 33 / 14%));
    border-radius: 4px;
}
.product-wrapper .product-info .product_meta {
    font-size: 0.9em;
    margin-bottom: 1em;
    background: #f7f7f7;
}
.product-wrapper .product-info .product_meta .posted_in{
    background: linear-gradient(90deg, rgb(241 250 249 / 53%), rgb(255 255 255));
    padding-left: 10px;
}
.product-wrapper .product-info .product_meta > span:first-child{border-top:0;}
.product-wrapper .product-info .product_highlight ul li{margin-bottom:0;}
.product-wrapper .product-info .product_highlight ul li span{
        font-weight: 600;
    color: #ff3f00;
}
.product-wrapper .product-info form{
    padding: 10px;
    background: linear-gradient(180deg, rgb(241 250 249 / 53%), rgb(228 206 40 / 9%));
    border-radius: 4px;
}
.product-wrapper .product-info .product_price {
    margin-bottom: 0.2em;
}
.product-wrapper .product-info .product_price .col{
    padding-bottom: 10px;
}
.product-wrapper .product-info .product_price .posted_note{
    font-weight: 600;
    font-style: italic;
    display: block;
    margin-bottom: 10px;
}
.product-wrapper .product-info .product_price .priceitem{
    max-width:150px;
}
.product-wrapper .product-info .product_price .pricetxt{
    color: #f37910;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    line-height: 1.4;
}
.product-wrapper .product-info .product_price .pricesub {
    text-align: center;
    display: block;
}
.product-wrapper .product-info p.hotline{
    font-weight: bold;
    color: #ff7000;
    font-style: italic;
    text-align:center;margin: 0px 5px 0 5px;
}
.product-wrapper .product-info p.hotline a {color: #ff7000;}

#form-options {
    width: fit-content;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    color: #4d4d4d;
}
#form-options input {
    display: none!important;
}
#form-options label {
    padding: 7px 9px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    cursor: pointer;
    transition: .2s cubic-bezier(.4,0,.2,1);
    font-weight: 500;
    font-size: 14px;
}
/*#form-options label:last-of-type {
    border-right: 0;
}*/
#form-options label:hover {
    border: 1px solid #d4c5a7;
        background: #fef4c9;
}
#form-options input:checked + label {
    border: 1px solid #f2c56b;
    background: #f9e7a5;
}
.product-wrapper .product-info .form{
    padding: 14px 12px 5px;
    margin: 0 auto;
}
.product-wrapper .product-info .form .form-inner {
    padding: 10px;
    max-width: 450px;
    margin: 0 auto;    position: relative;
}
.product-wrapper .product-info .form .form-inner form {
    background: #fff;
    padding: 15px;
    margin-bottom: 0;
}
.product-wrapper .product-info .form .contact-form {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}


.product-wrapper .product-info .contact__title,
.product-wrapper .contact-form .input-group .form-control{margin-bottom:12px;}
.product-wrapper .contact-form .btn-submit{margin-top:0;margin-bottom:0}
/*page*/
._page  .entry-sharing{
    margin: 20px auto 30px;
    max-width: 925px;
}
._page .page-wrapper{
    max-width: 940px;
    margin: 30px auto;
    padding: 0;
}
._page .page-content{
    padding: 0;    font-family: Montserrat,sans-serif;
}
._page h1.title,
._page .page-content h1{
    text-align:center;
    text-align: center;
    background: -webkit-linear-gradient(330deg, #4a4a4a,#000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin: 0 0 30px;    font-size: 27px;
}
._category .page-content h1 {
    font-size: 28px;
    margin-top: 20px;
}
/*_about*/
._about {
    padding: 0 0 30px;
    position: relative;
    min-height: auto;
    width: 100%;
    font-family: Montserrat,sans-serif;
/*     background: #f9f9f9;background: linear-gradient(90deg, rgb(243 250 241 / 90%), rgb(242 245 230));
*/}
._about .logo{
    max-width: 230px;
    margin: 0 auto;
}
._about .row-title {
    max-width: 830px;
    margin: 15px auto 25px;text-align: center;
}
._about .row-title h1.title,
._intro  .row-title h1.title{
    max-width: 800px;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    font-size: 28px;
    color: #e76118;
    margin: 15px auto 5px;
}
._about .row-title h2.title span{
    font-weight: 600;
    font-size: 24px;
}
._about .row-title .sub{
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1px;
    padding: 0 5px;
    color: #285c6e;
    font-size: 21px;
    margin: 5px auto;
    max-width: 500px;
}
._about .row-title hr {
    max-width: 293px;
    height: 3px;
    background: #1334099c;
    margin: 20px auto 5px;
    opacity: 1;
    border: none;
}
._about h4{
    font-size: 19px;
    font-weight: 700;
    margin-top: 20px;
}
._about .box {
    width: unset;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 35px;
}
._about  .icon-box {
    width: 22.5%;
    float: left;
    max-width: 376px;
}
._about .icon-box .inner {
    min-height: 240px;
    background: linear-gradient(135deg, rgb(250 250 250), rgb(245 234 227 / 20%));
        position: relative;
}
._about .icon-box-img {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
._about .icon-box-img .icon {
    border-radius: 10px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

._about .icon-box-img img {
    padding-top: 0;
    width: 100%;
    display: inline-block;
    border-radius: 8px;
}
._about .icon-box-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(22 45 7 / 45%); 
    border-radius: 10px;
}
._about  .icon-box-text {
    text-align: center;
    font-size: 16.5px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 17px;
    color:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 90%;    max-width: 256px;
}
._about .icon-box-text p.title{
    font-size:28px;    color: #fff;
}
._about  .text {
    max-width: 900px;
    margin: 30px auto;
    color: #2c576a;
    width: 50%;
    float: left;
    padding: 0 20px;
}
._about  .text  ul li{    margin-bottom: 0.6em;}
._about  .photo {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    width: 50%;
    float: left;
    padding: 0 10px;
}
/*@media (min-width: 768px)
{
    ._about .icon-box-img .icon:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
}*/
@media screen and (max-width: 849px) {
    ._about .icon-box{width:50%;    padding: 0 10px;}
    ._about .icon-box .inner {
        padding: 12px 8px;
        min-height: 225px;
    }
    ._about .text,._about .photo{width:100%;}
}
@media screen and (max-width: 550px) {

    ._about .icon-box{padding: 0 0;}
    ._about .icon-box .inner {
        padding: 12px 8px;
        min-height: 225px;
    }
   ._about .icon-box-text{font-size:16px;}
   ._about .row-title h1.title{        font-size: 26px;
        letter-spacing: 0.5px;}
    ._about .row-title .sub {
        font-size:20px;
    }
}
/*end about*/
._why {
    background: #ffffff;
    padding: 30px 0;
    position: relative;
    min-height: auto;
    width: 100%;
    font-family: Montserrat,sans-serif;
}
._why .row-title {
    max-width: 720px;
    margin: 30px auto;
    text-align: center;
    background: linear-gradient(181deg, rgb(69 177 216), rgb(22 78 98));
    border-radius: 6px;
    padding: 15px 20px;
    -webkit-box-shadow: 4px 5px 5px -5px rgb(30 106 133), 2px 2px 0px rgb(13 74 96);
    box-shadow: 4px 5px 5px -5px rgb(30 106 133), 2px 2px 0px rgb(13 74 96);
}
._why .row-title h3.title{
    max-width: 800px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    font-size: 27px;
    color: #ededed;
    margin-bottom: 0;
}
._why .row-title h3.title span{
    font-weight: 600;
    font-size: 24px;
}
._why .row-title .sub{
    margin: 22px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1px;
    color: #464646;
    font-size: 18px;
}
._why .row-title hr {
    max-width: 300px;
    height: 4px;
    background: #e5b646;
    margin: 20px auto 5px;
    opacity: 1;
    border: none;
}
._why .box h4{
    font-size: 19px;
    text-align: left;
    font-weight: 700;
    margin-top: 20px;
    background: -webkit-linear-gradient(330deg, #4d701a, #347992);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    font-family: Montserrat, sans-serif;    text-transform: uppercase;
}
._why .box {
    width: 100%;
/*    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;   */
}
._why  .icon-box {
    width: 100%;
    padding: 0 15px;
    /* margin-bottom: 32px; */
    margin: 15px auto 15px ;
}
._why .icon-box .inner {
    background: #f6f6f6;
    padding: 16px 28px;
    display: flex;
    align-items: center;
}

._why .icon-box-img {
    margin: 0 auto;
    max-width: 172px;
    position: relative;
    width: 20%;
}
._why .icon-box-img .icon {
    padding: 4px;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: linear-gradient(122deg, rgb(114 207 247 / 85%), rgb(105 165 199 / 83%));
}

._why .icon-box-img img {
    padding-top: 0;
    width: 100%;
    display: block;
    border-radius: 50%;
}
._why  .icon-box-text {
    text-align: left;
    font-size: 16.5px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 0;
    width: 80%;
    padding-left: 20px;
    padding-right: 66px;
    color: #265e7a;
}
._why  .icon-box:nth-child(2n) .inner
{
        flex-direction: row-reverse;
}
._why  .icon-box:nth-child(2n) .inner .icon-box-text
{
    padding-left: 200px;
    padding-right: 0;
}
._why  .text {
    max-width: 900px;
    margin: 30px auto;
    color: #2c576a;
    width: 50%;
    float: left;
    padding: 0 20px;
}
._why  .text  ul li{margin-bottom: 0.6em;}
._why  .photo {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    width: 50%;
    float: left;
    padding: 0 10px;
}
@media (min-width: 768px)
{
    ._why .icon-box-img .icon:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
}
@media (max-width: 850px)
{
    ._why .row-title{
        margin: 20px auto; padding: 13px 5px;
    }
    ._why .icon-box-text{
         padding-right: 10px;
    }
    ._why .icon-box:nth-child(2n) .inner .icon-box-text {
        padding-left: 10px;
        padding-right: 0;
    }
    ._why .row-title h3.title{
        font-size: 23px;
        letter-spacing: 0.5px;
    }
}
@media (max-width: 768px){
    ._why .icon-box{padding:0;        border-bottom: 1px solid #ebebeb;}
    ._why .icon-box:last-child{border-bottom: 0;}
    ._why .icon-box .inner {
        background: unset;
        padding: 12px 0px;
    }
    ._why .icon-box-text {
        font-size: 17px;
        line-height: 22px;
    }
    ._why .box h4 {
        font-size: 19px;
    }
    ._why .icon-box-text p{margin-bottom:8px;}
}
@media (max-width: 550px){
    ._why .row-title h3.title {
        font-size: 20px;
    }
    ._why .icon-box-text {
        font-size: 15px;
        line-height: 20px;
        padding-left: 15px;
        padding-right: 0;
    }
    ._why .icon-box:nth-child(2n) .inner .icon-box-text {
        padding-left: 0;
        padding-right: 10px;
    }
    ._why .icon-box-img{width:30%;}
}
.section__intro .sub-title {
    max-width: 900px;
    font-size: 16.5px;
}
/*btn*/
._course .btn-more{
    text-align: center;
}
/*course home*/

._course{
    position: relative;
    min-height: auto;
    width: 100%;
    padding-top: 0; 
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    background: #000000;
    background-image: url(https://agrimo-demo.pbminfotech.com/html-demo/images/homepage-1/bg/staticbox-bg-img.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;

}/*
._course .bg-fill{
     background-image: url(/images/img/bg-2.jpg);
}*/

._course .section-content {
    z-index: 9;
    position: relative;
    padding: 45px 0 15px;
}
._course .row-title {
    max-width: 830px;
    margin: 15px auto 25px;text-align: center;
}
._course  h2.title{
    max-width: 800px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin: 15px auto 5px;
}
._course  h2.title span{
    font-weight: 600;
    font-size: 24px;
}
/*course-list*/
.course-list .course{
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position:relative;    margin-bottom: 20px;
    font-family: "Signika", sans-serif !important;
}
.course-list .course::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #fff;
	clip-path: polygon( 4.552% 0.268%,4.552% 0.268%,3.905% 0.469%,3.294% 0.719%,2.724% 1.015%,2.199% 1.353%,1.721% 1.731%,1.296% 2.146%,0.925% 2.593%,0.614% 3.07%,0.366% 3.573%,0.183% 4.1%,0.183% 4.1%,0.133% 4.676%,0.091% 6.047%,0.056% 8.254%,0.028% 11.337%,0.008% 15.338%,-0.006% 20.296%,-0.013% 26.252%,-0.014% 33.247%,-0.009% 41.321%,0.002% 50.515%,0.068% 94.897%,0.068% 94.897%,0.075% 95.118%,0.095% 95.339%,0.127% 95.558%,0.172% 95.775%,0.23% 95.99%,0.301% 96.203%,0.383% 96.414%,0.478% 96.621%,0.585% 96.826%,0.704% 97.026%,0.704% 97.026%,0.704% 97.026%,0.926% 97.354%,1.176% 97.667%,1.452% 97.966%,1.752% 98.247%,2.076% 98.512%,2.423% 98.759%,2.791% 98.986%,3.178% 99.194%,3.585% 99.381%,4.009% 99.546%,4.009% 99.546%,4.009% 99.546%,4.217% 99.616%,4.427% 99.679%,4.641% 99.734%,4.857% 99.783%,5.076% 99.824%,5.297% 99.858%,5.519% 99.885%,5.743% 99.904%,5.968% 99.916%,6.194% 99.92%,40.252% 99.972%,40.252% 99.972%,46.033% 99.976%,51.334% 99.974%,56.151% 99.965%,60.479% 99.951%,64.316% 99.934%,67.655% 99.914%,70.494% 99.894%,72.829% 99.875%,74.655% 99.858%,75.968% 99.844%,75.968% 99.844%,76.311% 99.838%,76.652% 99.822%,76.993% 99.797%,77.332% 99.762%,77.669% 99.719%,78.004% 99.665%,78.337% 99.603%,78.666% 99.532%,78.993% 99.451%,79.316% 99.361%,79.316% 99.361%,79.643% 99.261%,79.963% 99.15%,80.275% 99.027%,80.58% 98.894%,80.877% 98.75%,81.165% 98.595%,81.444% 98.431%,81.714% 98.256%,81.974% 98.072%,82.223% 97.878%,82.223% 97.878%,82.567% 97.583%,82.861% 97.314%,83.116% 97.05%,83.346% 96.773%,83.561% 96.463%,83.774% 96.101%,83.998% 95.668%,84.243% 95.143%,84.523% 94.508%,84.849% 93.744%,84.849% 93.744%,85.323% 92.692%,85.788% 91.801%,86.267% 91.052%,86.786% 90.424%,87.373% 89.898%,88.051% 89.454%,88.848% 89.072%,89.789% 88.733%,90.9% 88.416%,92.206% 88.102%,92.206% 88.102%,93.658% 87.749%,94.913% 87.384%,95.989% 86.997%,96.9% 86.576%,97.662% 86.11%,98.29% 85.588%,98.802% 84.998%,99.212% 84.329%,99.536% 83.569%,99.789% 82.708%,99.789% 82.708%,99.84% 82.164%,99.882% 80.972%,99.917% 79.086%,99.944% 76.464%,99.965% 73.061%,99.979% 68.832%,99.986% 63.735%,99.987% 57.725%,99.981% 50.757%,99.971% 42.788%,99.903% 4.89%,99.903% 4.89%,99.897% 4.701%,99.88% 4.513%,99.853% 4.326%,99.815% 4.14%,99.766% 3.956%,99.706% 3.774%,99.636% 3.595%,99.556% 3.417%,99.465% 3.243%,99.364% 3.071%,99.269% 2.92%,99.269% 2.92%,99.046% 2.593%,98.797% 2.279%,98.521% 1.981%,98.221% 1.699%,97.897% 1.435%,97.55% 1.188%,97.182% 0.961%,96.795% 0.753%,96.388% 0.566%,95.964% 0.401%,95.964% 0.401%,95.964% 0.401%,95.756% 0.331%,95.545% 0.268%,95.331% 0.212%,95.115% 0.164%,94.896% 0.123%,94.675% 0.089%,94.452% 0.063%,94.228% 0.044%,94.003% 0.032%,93.777% 0.028%,50.326% 0%,50.326% 0%,38.782% -0.009%,29.407% -0.014%,21.969% -0.014%,16.235% -0.007%,11.971% 0.008%,8.945% 0.034%,6.923% 0.071%,5.672% 0.121%,4.96% 0.186%,4.552% 0.268% );
}

.course-list .course .poster{

    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.course-list .course .poster img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border-radius: 18px;
}

.course-list .course .content {
    padding-top: 8px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
    text-align: left;
}

.course-list .course .content h3.title{
    color: #4d701a;
    font-size: 20px;
    padding-top: 2px;
    margin-bottom: 5px;
    font-weight: 600;
}
.course-list .course .content h3.title a {
    font-weight: 600;
    font-size: 20px;
    color: #ff6a00;
    font-family: "Signika", sans-serif;
}
.course-list .course .content .tag {
    font-size: 12px;
    line-height: 13px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    color: #888;
    padding-left: 15px;
    font-weight: 500;
}
.course-list .course .content .tag::before {
    content: "";
    position: absolute;
    top: 16%;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff6a00;
}
.course-list .course .content .tagline{
    color: #666;
    border-top: 1px solid #d9d0d099;
    padding: 8px 0px 0 0;
    margin-top: 12px;
    margin-bottom: 0;
    margin-right: 25px;
    position: relative;
    min-height: 48px;
    font-size: 15px;
}
.course-list .course .content .tagline::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #5a8717;
    transition: all .6s ease-in-out;
}

.course-list .course:hover{
    transform: scale(1.015);
}
.course-list .course:hover .content .tagline::before,
.course-list .course .content:hover .tagline::before{
	width: 100%;
	height: 1px;
}

.course-list .course-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #eddd5e;
    color: #333;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-style: normal;
}
.course-btn .button-icon-wrapper{position: relative;/* overflow: hidden; */display: inline-flex;}
.course-btn .button-icon{
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    position: relative;
    width: 46px;
    height: 46px;
}
.course-btn .button-icon .black-arrow::before{
    content: '';
    position: absolute;
    top: 50%;
    right: -4px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-image: url(/theme/img/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.3s ease-in-out;
}
.course-btn .black-arrow::before{
    font-family: 'Signika';
    content: "”";
    position: absolute;
    right: 7px;
    top: 0;
    font-size: 46px;
    line-height: 71px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    text-align: center;
    display: inline-block;
    color: #404a3d;
}

.course-btn:hover .button-icon-wrapper::before {
    transform: scale(1) translate(-4px, 0);
}
.course-btn:hover .button-icon {
    transform: scale(1.1) translate(0px, 1px);
    position: relative;
}

@media screen and (max-width: 992px){
    .course-list > .row > .col:nth-child(5),
    .course-list > .row > .col:nth-child(6){
        display:none;
    }
}
.hightext{
    text-align: center;
    font-size: 20px;
    font-family: "Signika", sans-serif;
    color: #3277cf;
    margin: 20px 0;
}
/*stat*/
.box-extend-animation {
  background-color: #f3f3f2c7;
 clip-path: inset(0%);
     background: url(/images/img/bg11.webp);
    background-position: bottom !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.box-extend-animation > .bg{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #f3f6fae6;
    width: 100%;
}
@media only screen and (max-width:1250px) {
    .box-extend-animation {
     clip-path: inset(0%)!important;
    }
}
#section_stat {
    padding-top: 0px;
    padding-bottom: 0;
    /*background-color: rgb(234 255 225);
    background-image: url(/images/bannerv2.jpg);
    background-attachment: fixed;
    background-position: center;*/
    overflow: hidden;
    position: relative;
}
 #section_stat .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: linear-gradient(to bottom, #ffffffab 0%, #ffffffe0 22%, #ffffff8a 100%);
    width: 100%;
}
#section_stat .section-content {
    z-index: 9;
    position: relative;
    padding: 45px 0 15px;
 }
  #section_stat .section__header{
    max-width: 955px;
    margin: 0 auto;
}
    #section_stat .section__header img.logo{
          display: block;
    text-align: center;
    margin: 0 auto;
  }
  #section_stat .section__header h2.header__title{
    color: #ef1c24;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 27px;
    line-height: 36px;
    padding-bottom: 10px;
    margin-top: 14px;
    text-align: center;
    font-family: Montserrat;
    position: relative;
  }

#section_stat .section__header .subtitle{
    color: #343435;
    margin: 10px auto 30px;
    text-align: center;
    display: block;
    max-width: 1000px;
    font-weight: 300;
    font-family: "Signika", sans-serif;
  }
    
    #section_stat .highlight {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #515151;
    margin-bottom: 26px;
    font-family: "Signika", sans-serif;
    letter-spacing: 0.4px;

}
.block-stat{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5%;
    align-content: center;
    align-items: center;
    margin: 20px 0;
 }
 .block-stat .item-stat{
    background: #ffffffe0;
    text-align: center;
    position: relative;
    border-radius: 4px;
    display: block;
    width: 23%;
    margin-bottom: 15px;
    padding: 12px 15px;
 } 
 .block-stat .item-stat .count {
    padding-left: 15px;
    font-size: 3.125rem;
    font-weight: 700;
    color: #ef1c24;
    text-align: center;
    line-height: 1.4;
    margin-top: 8px;
}
.block-stat .item-stat .count span {
    text-shadow: 3px 2px 2px rgb(51 51 51 / 5%);
}
.block-stat .item-stat .title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.9rem;
    color: #ef1c24;
    text-align: center;
    padding: 2px 2px;
    display: inline-block;
    font-family: "Signika", sans-serif;
}
.block-stat .item-stat .sub{
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.2px;
}
.block-stat .item-stat .countWrap {
    margin: 0 auto;
   /* position: absolute;
    top: 50%;
    left: 0;
    right: 0;
   
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);*/
}
.block-stat .item-stat .icon-img{
        margin: 0 auto;
        width: 64px;
        max-width: 100%;
        position: relative;
        /* background: #eceae1e3; */
        padding: 0px;
        border-radius: 2px;
}.block-stat .item-stat .icon-img .icon{
    padding: 15px;
    border-radius: 50%;
    background: #f3f5f0a3;
    width: 74px;
    height: 74px;
}.block-stat .item-stat .icon-img .icon img {
    padding-top: 0;
    width: 100%;
    opacity: 0.9;
    height: auto;
}
@media (min-width: 992px) {
    .block-stat .item-stat {
        height: 200px;
    }
    .block-stat .item-stat .count {
        font-size: 2.25rem;
    }
}
@media (min-width: 1200px) {
    .block-stat .item-stat {
        height: 200px;
    }
    .block-stat .item-stat .count {
        font-size: 3rem;
    }
    .block-stat .item-stat .title {
    font-size: 18px;
        padding: 0;
    }
}
@media (max-width: 768px){
    .block-stat .item-stat {
        width: 49%;
    }
    .block-stat {
        gap: 2%;
    }
    .block-stat .item-stat .sub{
        min-height:63px;
    }
}
.ol-columns {
  display: flex;
  gap: 40px;
}

.ol-columns ol {
  margin: 0;
  padding-left: 20px;
}
.ssteps .text .itemlg{display:block;}
.ssteps .text .itemsm{display:none;}
.ssteps .text .item .title {
    color: #f1bb61;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 24px;
    background-image: linear-gradient(to right,#ffc32c 0%,#ffbc13 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ssteps .text .item{
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 15px;
    
}
.ssteps .text .title{width:200px;float: left;margin-top: 40px;}
.ssteps .text  ol{width:100%;float: left;margin-top: 25px;position:relative;padding-left: 0;}
.ssteps .text  ol li{
    width: 100%;
    margin: 0;
    padding: 10px 15px 10px 15px;
    list-style: none;
    float: left;
    background: #ffffffd6;
    margin-right: 4%;
    margin-bottom: 20px;
    border: 1px solid #949494;
    border-radius: 13px;
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 5%), 0 1px 1px 1px rgb(60 64 67 / 5%);
    min-height: 100px;
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Signika';
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.ssteps .text  ol li:last-child:after{display:none;}
.ssteps .text  ol li:last-child{margin-right:0;}
.ssteps .text  ol li span:first-child{
    content: counter(li);
    counter-increment: li;
    background: #ef1c24;
    height: 46px;
    width: 46px;
    border: 0.1em solid rgba(0, 0, 0, .05);
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    font-family: Georgia, serif;
    color: #fff;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 2;
    margin: 15px;
}
.ssteps .text  ol li h3{
    font-size: 19px;
    margin-bottom: 0px;
}
.ssteps .text  ol li p{
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0px;
    font-family: "Quicksand", sans-serif;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.reg-process  p.note{
    font-size: 15px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .ol-columns {display:block;}
    .ssteps .text ol:last-child{margin-top:0;}
    .ssteps .text ol li{
        padding: 6px 10px 6px 10px;
        margin-bottom: 15px;
        min-height: 82px;
    }
    .ssteps .text ol li > span{
            margin: 2px!important;
    }
    .ssteps .text ol li > div{
        padding-left: 10px;
    }
    .ssteps .text ol li h3{font-size:17.5px;}
    .ssteps .text ol li p{font-size:14px;}
}
/*service*/
.service {
      display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.service .item{
    width: calc(20% - 12px);
    float:left;
    padding: 15px 25px 18px;        border-radius: 16px;        gap: 0;        align-items: flex-start;        flex-direction: column;
    border: 1px solid #949494; 
    position: relative;background-color: #fff;
        margin-bottom: 40px;
}
.service .item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	
}
.service .item img{
    width: 34px;        height: 34px;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
}
.service .item h3{
    margin-top: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
 }
.service .item p{
    margin-bottom: 0;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
 }
.service .item a.viewmore {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 40px;
    height: 40px;
    background-color: #f6f6f6;
    border: 1px solid #949494;
    color: #404a3d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service .item a.viewmore .black-arrow::before{
    content: '';
    position: absolute;
    top: 50%;
    right: -4px;
    width: 50px;
    height: 42px;
    border-radius: 50%;
    background-image: url(/theme/img/arrow-gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px auto;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.2s ease-in-out;
}
.service .item a.viewmore:hover .black-arrow::before{
     right: -6px;
     top: 45%;
}
.service .item p.viewmore{
              margin-top: auto;
                      display: flex;
        margin-inline-start: 0;
        align-items: center;margin-bottom: 0;
 }
.service .item p.more svg{display: block;
    vertical-align: middle;}

.sicon {
  width: 40px;
  height: 40px;
  background-image: url('/images/img/icon-packs.jpg');
  background-repeat: no-repeat;
  background-size: 40px 400px; /* Co toàn bộ sprite về 40x400 để tương ứng với 40px mỗi icon */
  display: inline-block;
}
.sicon.icon-1  { background-position: 0 0; }
.sicon.icon-2  { background-position: 0 -40px; }
.sicon.icon-3  { background-position: 0 -80px; }
.sicon.icon-4  { background-position: 0 -120px; }
.sicon.icon-5  { background-position: 0 -160px; }
.sicon.icon-6  { background-position: 0 -200px; }
.sicon.icon-7  { background-position: 0 -240px; }
.sicon.icon-8  { background-position: 0 -280px; }
.sicon.icon-9  { background-position: 0 -320px; }
.sicon.icon-10 { background-position: 0 -360px; }
@media (max-width: 768px) {
    .service{gap:0;}
    .service .item{width:100%;margin-bottom:20px;}
    .service .item {}
}
/*album-list*/
.album-list .course{
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 6px;background: #fff;
}
.album-list .course .poster{

    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.album-list .course .poster img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.album-list .course .content {
    padding-top: 0.7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
    text-align:center;
}

.album-list .course .content h3.title{
   /* font-family: "Oswald", sans-serif;*/
    font-family: Montserrat, sans-serif;
    text-align: center;
    color: #4d701a;
    font-size: 20px;
}

/*service*/
.section__intro{
        position: relative;
}
.section__intro .shape-top {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: -1px;
    z-index: 0;
}
.section__intro .shape-bottom  {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 0;
    transform: rotate(180deg);
}
.sfeedback .shape-top  {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}
.section__intro .shape-top svg,
.section__intro .shape-bottom svg,
.sfeedback .shape-top  svg{
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
    height: 8px;
    z-index: -1;
}
.section__intro .shape-top  .shape-fill
{
    fill: #fcfcfc;
    transform: rotateY(0deg);
    transform-origin: center;
}
.section__intro .shape-bottom  .shape-fill
{
    fill: #ffffff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.sfeedback .shape-top   .shape-fill {
    fill: #d0dae2;
    transform: rotateY(0deg);
    transform-origin: center;
}
.section__intro .intro{
    background-size:contain;padding: 0;
    margin-bottom: 0!important;
    background-size: contain;
    background-image: url(/theme/img/bg06.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    padding-top: 0!important;
    display: flex;
    max-width: 980px;
}
.section__intro .row.intro{
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.section__intro .row.intro .intro__image{
    position:relative;
}
.section__intro .row.intro .intro__image img {
    max-width: 320px;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.section__intro {
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 0;
    background: #d0dae2;
}
.section__intro .intro__text{
    margin: 25px  auto;
    font-size: 17px;
  
}
.section__intro .intro__text h1.title {
    font-size: 25px;
    margin-top: 0;
    font-family: 'UTM-Avo-Bold';
    line-height: 1.6;    color: #f47309;
    margin-top: 18px;font-size:24px;
      background-image: linear-gradient(#fd811b, #f47309);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section__intro .intro__text h1.title i
{
    content: '';
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #dd3333;
    margin-right: 4px;
    width: 10px;
    display: inline-block;
    height: 19px;
}
.section__intro h2.title
{
   font-family: "Signika", sans-serif!important;
    font-size: 2em;
}
h2.title.underline{
    position: relative;
    padding-bottom: 2px;
    margin-bottom: 25px;
    font-family: "Signika", sans-serif !important;
    font-size: 2em;
}
h2.title.underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 57px;
    height: 6px;
    background-color: #ef1c24;
    border-radius: 10px;
}
._underline-color:before {
    content: "";
    display: block;
    height: 6px;
    width: 58px;
    border-radius: 25px;
    background-color: #ef1c24;
    position: absolute;
    top: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}

._underline-color:after {
    content: "";
    display: block;
    width: 212px;
    height: 2px;
    background-color: #d2ded6;
    position: absolute;
    margin: 0 auto;
    left: 0;
    bottom: -4px;
    right: 0;
    z-index: -1;
}
.section__intro .intro__text h3{
    color: #e74c3c;
    font-family: tahoma;
    font-size: 20px;
}.section__intro .intro .intro__image img{
    max-width: 373px;
    min-width: 316px;
 }
.section__intro .read-more-wrap{font-size:105%;}
.section__intro intro__image{padding-top:15px;}
.btnzalo img{
    max-width:150px;
}

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

    .section__intro .intro__text h1.title {
        font-size:22px; 
    }
    .section__intro .intro .intro__image{
        display:none;
    }
    .contact .cform {display:none;}
  
}
/*process*/
.reg-process{
    background: #f3f6fa;
    background: url(/images/img/bg10.webp);
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 35px;
}
.reg-process .bg{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: #f3f6fae6;
    width: 100%;
}
.reg-process .section__header .header__title{
       font-family: "Signika", sans-serif;    text-align: center;
}
.reg-process  .header__subtitle{
    font-weight: 500;
    max-width: 827px;
}
/*location*/
.boxlocation{padding: 30px 0 20px;}
.boxlocation .section-title span {
    color: #333;
    font-size: 24px;
    margin: 0 auto -2px
}
.boxlocation .col-inner{
    max-width:1000px;
    margin:0 auto;
}
.boxlocation .box-inner{
    padding: 0;
    border-radius: 4px;
    font-weight: 500;
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    line-height: 26px;
}
.boxlocation .box-inner ul{
    list-style: none;
}
.boxlocation .box-inner ul li{
    position: relative;
    margin-left: 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 6px 0 5px 22px;
    margin-bottom: 0;
}
.boxlocation .box-inner ul li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #767676;
    top: 11px;
}
@media screen and (max-width: 768px)
{
    .boxlocation .box-inner ul li:before{
        display:none;
    }
    .boxlocation .box-inner ul li{
        padding-left: 0;
    }
    .boxlocation .section-title span {
        font-size: 22px;text-align: center;
    }
}
/*box tag*/
.boxtag {
    padding: 30px 0 20px;
    background: #ffffff;
}
.boxtag .section-title{
    font-family: 'Baloo 2';
}
.boxtag .section-title span {
    color: #333;
    font-size: 21px;
    margin: 0 auto 5px;    text-align: center;
}
.boxtag .col-inner{
    max-width: 940px;
    margin: 0 auto;
    background: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 2px solid #f6f6f6;
    border-radius: 10px;
}
.boxtag .box-inner{
    padding: 10px 15px;
    background: #fff4c0d6;
    border: 1px solid #edd59c;
    border-radius: 4px;
    font-weight: 500;
    font-family: Montserrat,sans-serif;
    font-size: 16.5px;
    line-height: 27px;
}
.boxtag .list-link{

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;

}
.boxtag .list-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.475rem 0.75rem;
    border-radius: 1rem;
    border: 1px solid #0c5d84;
    white-space: nowrap;
    line-height: 14px;
    font-size: 14.5px;
    transition: all .2s;
    color: #0c5d84;
    font-family: 'Baloo 2'; 
}
.boxtag .list-link a:hover {
    border: 1px solid #094968;
    color: #094968;
}
@media screen and (max-width: 768px)
{
    .boxtag .list-link a {
        padding: 0.4rem 0.5rem;
       
        font-size: 14px;
    }
}
/*about*/
._about h1.title{
    text-align: center;
    margin:30px 0;
}
._about .page-wrapper{
   padding-bottom:0;
}
._about .section2
{background:#f7d87f;
 padding:30px 0 10px;
}
._about .section2 h2.title{
    text-align: center;
    margin: 20px 0 30px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}
._about .section2 .col .box-icon
{
    width: 90px;
    margin: 0 auto;
}
._about .section2 .col .box-icon img {
    padding-top: 0.2em;
    width: 100%;
}
._about .section2 .col .box-text{
    text-align:center;
}
._about .section2 .col .box-text{
    text-align:center;
}
._about .section2 .col .box-text h3{
    color: #003366;
    font-size: 22px;
    margin: 5px 0;
}
._about .section2 .col .box-text .sub{
    font-size: 15px;
    color: #111;
    line-height: 20px;
}
._about h2.title{
    font-family: "Montserrat", sans-serif;
}
._about .section3
{
    background-size: cover;
    background-attachment: scroll;
    background-image: url(/theme/img/bg04.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-top: 40px!important;
    padding-bottom: 20px!important;
}
._about .section3 h2.title{
    text-align: center;
    margin: 30px 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}

._about .section3 h2.title span
 {
color: #ebb109;
    font-weight: normal
}
._about .section3 .text{
    font-size:15.5px;
    line-height:24px;    position: relative;
}
._about .section3 .text p:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 20px;
    left: -12px;
    position: absolute;
    width: 20px;
    background-image: url(/theme/img/check02.png);
    margin: 5px 10px 0 0;
}
._about .section3 .text p{padding-left:10px;}
._about .section3 .text p strong{
    color: #d7a104;
    font-size: 15px;
}
._about .section3 .text p b{font-size:15px;}
.quote_wrapper {
    background-image: url(/images/img/bg.jpg?v=2);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 68px 0px 240px 0px;
    position: relative;
    height: 440px;
    color: #ffd249;
}
.quote_wrapper .container {
    background-image: url(/theme/img/icon_quote.png);
    background-position: top center;
    padding-top: 184px;
    background-repeat: no-repeat;
    background-size: 230px auto;
    font-size: 44px;
    color: white;
    max-width: 970px;
    text-align: center;
}

.quote_wrapper p.title{
    font-family: 'Dancing Script';
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height:30px;    color: #ffd249;
}
.quote_wrapper p.sign
{
     font-size: 24px;
}
.page-with-font {      font-family: "Signika", sans-serif;
    font-weight: 300 !important;
    font-size: 18px !important;}
.page-with-font b, .page-with-font strong{
    font-weight: 400 !important;
}
.page-with-font h1.title{
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    margin-bottom: 25px;
    text-align: center;
}
.page-with-font h2.title{
    font-size: 27px;
    line-height: 35px;
}
/*gallery*/
/*.owl-carousel:not(.owl-loaded){ 
    opacity: 0; 
}*/
.owl-carousel:not(.owl-loaded){ 
    opacity: 0; 
    visibility:hidden;
    height:0;
}
#gallery-thumbnail .owl-stage-outer .owl-stage{
     display: flex;
    justify-content: space-around;
}
#gallery-thumbnail.owl-theme .owl-next {right:0;}
#gallery-thumbnail .owl-stage-outer .owl-stage{
    width:100%!important;
}
#gallery-thumbnail.owl-theme .owl-nav>div, #gallery-thumbnail.owl-theme .owl-nav>button {
    color: #c4c4c4;
}
.gallery__wrap {
    background: #fdfdfd
}
.gallery__wrap .gallery-full{margin-bottom:15px;}
#gallery-thumbnail {
   /* margin-left: -5px;
    margin-right: -5px;*/
    width: 100%;
    overflow: hidden;
}
.gallery-thumbnail .owl-item .gallery__item a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
}
.gallery-thumbnail .owl-item .gallery__item a img{
      position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-thumbnail .owl-item.current .gallery__item
,.gallery-thumbnail .owl-item:hover .gallery__item
{
    border: 1px solid #dfb041
}
.gallery-thumbnail  .gallery__item { max-width:120px;}
.gallery__item {
    margin: 0 0px 0 0;
}

#gallery-full .gallery__item {
    width:100%;
    max-width:768px;
}

#gallery-full .gallery__item img {
    height: 100%;
}

.gallery__wrap .gallery-icon a {
    display: inline-block;
    width: 100px;
    height: 78px;
    color: rgba(255,255,255,.54);
    text-align: center;
    background: rgba(255,255,255,.06)
}

.gallery__wrap .gallery-icon i.fa {
    font-size: 30px;
    line-height: 2.5
}

 #gallery-full.owl-carousel .owl-item img {
    width: auto;
    height: 100%;
    border-image-width: 0 !important;
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: -1px;
    -o-object-fit: cover;
    object-fit: cover;
}
/*#gallery-thumbnail.owl-carousel.owl-drag .owl-item{
         width: unset !important;
 }*/
.owl-carousel,.owl-carousel.owl-drag .owl-item {
    border: none;
}
#gallery-full.owl-carousel .owl-item a {
    display: table;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
}
#gallery-thumbnail.owl-carousel .owl-item .gallery__item {
    text-align: center;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 80px;
    width: 80px;
    border-radius: 4px;
    position: relative;
}
#gallery-thumbnail.owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    border-radius: 4px;
}
.gallery-thumbnail .owl-item .gallery__item {
      margin-right: 10px;
      border: 1px solid #edeae7;
}
.gallery-thumbnail .gallery__item {
    max-width: 160px;
}
.project__slider,.product__slider{
    position:relative;
}
.project__slider .owl-item {
    max-height: 600px
}
.entry-content-video{
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #01010103;
    margin-bottom: 20px;
}
.gallery_item_youtube{
position: absolute;
    bottom: 10px;
    right: 7px;
    z-index: 9;
    padding: 10px;
    padding: 0px 8px;
    background: #e7e7e73d;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.2);
}
.gallery_item_youtube:hover{
     -webkit-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.4);
}
.gallery_item_youtube img{
    max-width: 58px;
}

/*end gallery*/

/*home scroll*/
/*scrool*/
/* Container DIV - automatically generated */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list  li {
  padding: 0;
  margin: 5px 10px;
  list-style: none;
  transition: all 0.5s;
 
}
.simply-scroll-list   li a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.66%;
    position:relative;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
/*.simply-scroll-list li img{
    width: 100%;
}*/
.simply-scroll-list   li a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
}
.simply-scroll-list  li:hover {
     transform: scale(1.04);
}
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width:100%;
/*  height: 270px;*/
}
/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
  float: left; /* Horizontal scroll only */
width: 320px;
    height: 214px;
}
@media screen and (max-width: 768px) {
    .simply-scroll .simply-scroll-list li {
        float: left;
        width: 240px;
        height: 160px;
        margin: 0px 5px;
    }
}
/*end home scroll*/
.box-shadow1
{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/*accordion*/
/*#accordion{
        background: #ffff;
}*/
.question{margin: 20px 0 20px;
    padding: 30px 0;}
/*.question  h2.title{
    margin: 0 auto;
    text-align: center;
    color: #d49d39;    margin-bottom: 20px;
     text-transform: uppercase;
    font-weight: 900;

}*/
.question .accordion{max-width:1000px;margin:0 auto;}
#accordion li.item {
    position: relative;
    background: #f9f9f9;
    box-shadow: 1px 0 5px rgb(0 0 0 / 5%);
    border-radius: 2px;
    margin-bottom: 15px;
    margin-left: 0;    list-style: none;
}
               
#accordion li.item >div.ui-accordion-content-active:after {
    height: 80%;
}
#accordion li.item .content{
    display: block;
    text-align: left;
    padding: 15px  12px 10px;
    font-size:17px;
}
#accordion li.item .content p {
    margin-bottom: 10px;
}
#accordion li.item .content ul {
    padding-left:10px;
    margin: 0;margin-bottom:10px;
}  

.ui-accordion .ui-accordion-header,
.question h4{
    display: block;
    cursor: pointer;
    position: relative;
    margin: 15px 0 0 0;
    padding: 0.8em 2.2em 0.8em 1.2em;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ededed;
    font-weight: 700;
    transition: all 0.1s;
    line-height: 1.55;
    color: #313131;
    -webkit-transition: all 15ms linear;
    -moz-transition: all 15ms linear;
    -o-transition: all 15ms linear;
    transition: all 15ms linear;
    background: rgb(121 204 239 / 18%);
    border-radius: 0;
}
.question h4:hover{
     background: rgb(121 204 239 / 25%);color:#111;
}
.question h4:hover .ui-icon{opacity:0.6}
.ui-accordion .ui-accordion-header span.sub{
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 93%;
}
.ui-state-active,.ui-state-default {
    padding: 10px;
    margin-top: 5px;
    border:unset;
}
.ui-widget-content {
    padding: 1em 1.5em;
    border-top: 0;
    overflow: auto;
    background: #ffffff;
    margin-bottom: 0;    border: 1px solid #ededed;
}
.ui-widget-content .inner p{margin-bottom:8px;}
.ui-widget-content .inner p:last-child{margin-bottom:0;}
.ui-widget-content b,
.ui-widget-content strong{font-weight:600;}
.ui-accordion .ui-accordion-header.ui-state-active{
    margin-bottom:0;
 /*   background: #53ab32;
    color: #fff;
    opacity: 1;*/
}
.ui-state-active,.ui-state-hover {
    border:unset;
    color:unset;
}
.ui-state-default:hover, .ui-state-default:focus,.ui-state-default:active {
    outline:0!important;   opacity: 1;
}
.ui-icon, .ui-widget-content .ui-icon {
    float: left;    opacity: 0.8;
}
.ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
    position: absolute;
    right: 7px;
    top: 14px;
}
.ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
    font:normal normal normal 14px/1 FontAwesome;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1.4;
    margin-left: 0.3em;
    width: 18px;
    height: 18px;
    -webkit-transition: color 15ms linear,transform 60ms linear;
    -moz-transition: color 15ms linear,transform 60ms linear;
    -o-transition: color 15ms linear,transform 60ms linear;
    transition: color 15ms linear,transform 60ms linear;
}
.ui-icon-triangle-1-e:before {
    content: "\f067";
}
.ui-icon-triangle-1-s:before {
    content: "\f068";
}
@media (max-width: 768px) {
    /* #accordion li.item >div:after, .ui-accordion .ui-accordion-header:after,
    .ui-icon-triangle-1-s, .ui-icon-triangle-1-e
    {
        display: none;
    }*/
   /* .ui-accordion .ui-accordion-header {
        margin: 8px 0 0px 0;
        padding: 0.7em 0.4em 0.7em 0.8em;
        font-size: 15px;
    }

    .ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
        font-size: 34px;
        width: 25px;
        height: 24px;
        right: 5px;
        top: 14px;
    }*/

    #accordion li.item .content {
        display: block;
        text-align: left;
        padding: 5px 12px 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .ui-widget-content {
        padding: 1em 12px;
    } 
    
}
/*layout*/
 .single-product div#tab-description {
    overflow: hidden;
    position: relative;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important;
}
.devvn_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.devvn_readmore_flatsome:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
}
.devvn_readmore_flatsome a {
    color: #318A00;
    display: block;
}
.devvn_readmore_flatsome a:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #318A00;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
/*widget*/
.icon_contact_show {
    position: fixed;
    right: 12px;
    top: 50%;
    z-index: 111;
    transform: translateY(-50%);
    text-align: left
}

.icon_contact_show img {
    width: auto;
    height: auto;
    right: 0;
    top: 0;
    transform: translate(-50%,50%)
}

.icon_contact_show .icon_show .btn-hover {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: rgba(255,255,255,.75);
    box-shadow: 2px 4px 7px rgb(0 0 0 / 15%)
}

.icon_show {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    margin-bottom: 16px;
    transition-property: width;
    transition-duration: 1s;
    cursor: pointer;
    height: 48px
}

.icon_contact_show .icon_show:hover span.btn-hover {
    background: transparent
}

.icon_contact_show .icon_show:hover {
    background: linear-gradient(180deg,rgb(246 246 246 / 90%) 0%,rgb(237 237 237 / 90%) 100%);
    box-shadow: 2px 4px 7px rgba(0,0,0,.15);
    border-radius: 15px;
    width: 170px!important;
}

.call_span {
    font-weight: 600;
    font-size: 18px;
    color: #3b798c;
    opacity: 0;
    visibility: none
}

.icon_contact_show .icon_show:hover .call_span {
    opacity: 1;
    float: right;
    visibility: visible;
    transition: 0.4s
}

span.btn-hover {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon_contact_show .icon_show a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-left: 12px
}

.icon_contact_show .icon-btn-phone {
    width: 24px;
    height: 24px;
    background-repeat:no-repeat;
    background: url(/theme/img/telephone-call.png);

    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.icon_contact_show .icon-btn-booking {
    width: 24px;
    height: 24px;
    background-repeat:no-repeat;
    background: url(/theme/img/calendar.png)
}
.icon_contact_show .icon-btn-mes {
    width: 24px;
    height: 24px;
    background-repeat:no-repeat;
    background: url(/theme/img/chat.png)
}
@-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(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
/*end widget*/
.bg01{
    padding: 30px 0;
    background: linear-gradient(#ffffff, #d1cec4);
    background-size: 156.45vw 99.03vw, 156.45vw 99.03vw, 156.45vw 99.03vw, 226.86vw 145.44vw, 226.86vw 145.44vw, 226.86vw 145.44vw, 171.96vw 110.31vw, 171.96vw 110.31vw, 171.96vw 110.31vw, 130.29vw 83.58vw, 130.29vw 83.58vw, 130.29vw 83.58vw, 198vw 126.9vw, 198vw 126.9vw, 198vw 126.9vw, 300vw 192vw, 300vw 192vw, 300vw 192vw;
    background-image: radial-gradient(50% 50% at 50% 50%, rgba(160, 51, 255, .02) 0%, rgb(182 105 249 / 0%) 40%), radial-gradient(50% 50% at 50% 50%, rgb(170 95 235 / 3%) 0%, rgba(160, 51, 255, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(160, 51, 255, .044) 0%, rgba(160, 51, 255, 0) 80%), radial-gradient(50% 50% at 50% 50%, rgba(24, 119, 242, .02) 0%, rgb(89 152 233 / 0%) 50%), radial-gradient(50% 50% at 50% 50%, rgba(24, 119, 242, .03) 0%, rgba(24, 119, 242, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(24, 119, 242, .04) 0%, rgba(24, 119, 242, 0) 80%), radial-gradient(50% 50% at 50% 50%, rgba(255, 108, 92, .02) 0%, rgba(255, 108, 92, 0) 40%), radial-gradient(50% 50% at 50% 50%, rgba(255, 108, 92, .03) 0%, rgba(255, 108, 92, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(255, 108, 92, .04) 0%, rgba(255, 108, 92, 0) 100%), radial-gradient(50% 50% at 50% 50%, rgba(245, 206, 51, .02) 0%, rgba(245, 206, 51, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(245, 206, 51, .03) 0%, rgba(245, 206, 51, 0) 75%), radial-gradient(50% 50% at 50% 50%, rgba(245, 206, 51, .04) 0%, rgba(245, 206, 51, 0) 80%), radial-gradient(50% 50% at 50% 50%, rgba(37, 211, 102, .02) 0%, rgba(37, 211, 102, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(37, 211, 102, .03) 0%, rgba(37, 211, 102, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(37, 211, 102, .064) 0%, rgba(37, 211, 102, 0) 80%), radial-gradient(50% 50% at 50% 50%, rgba(24, 119, 242, .024) 0%, rgba(24, 119, 242, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(24, 119, 242, .03) 0%, rgba(24, 119, 242, 0) 50%), radial-gradient(50% 50% at 50% 50%, rgba(24, 119, 242, .04) 0%, rgba(24, 119, 242, 0) 80%);
    background-position: 37.97vw calc(((300vw - 100vh) / 2 - 85.77vw)* -1), 37.97vw calc(((300vw - 100vh) / 2 - 85.77vw)* -1), 37.97vw calc(((300vw - 100vh) / 2 - 85.77vw)* -1), -100vw calc(((300vw - 100vh) / 2 - 154.56vw)* -1), -100vw calc(((300vw - 100vh) / 2 - 154.56vw)* -1), -100vw calc(((300vw - 100vh) / 2 - 154.56vw)* -1), 13.34vw calc(((300vw - 100vh) / 2 - 53.88vw)* -1), 13.34vw calc(((300vw - 100vh) / 2 - 53.88vw)* -1), 13.34vw calc(((300vw - 100vh) / 2 - 53.88vw)* -1), 10.64vw calc(((300vw - 100vh) / 2 - 17.19vw)* -1), 10.64vw calc(((300vw - 100vh) / 2 - 17.19vw)* -1), 10.64vw calc(((300vw - 100vh) / 2 - 17.19vw)* -1), -49vw calc(((300vw - 100vh) / 2 - 41.1vw)* -1), -49vw calc(((300vw - 100vh) / 2 - 41.1vw)* -1), -49vw calc(((300vw - 100vh) / 2 - 41.1vw)* -1), -100vw calc(((300vw - 100vh) / 2 - 78vw)* -1), -100vw calc(((300vw - 100vh) / 2 - 78vw)* -1), -100vw calc(((300vw - 100vh) / 2 - 78vw)* -1);
}
.bg02{
    background-image: url(/theme/img/background-contact.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.itrans-01,.itrans-02,.itrans-03,.itrans-04,.itrans-05{   
	display: block;
    overflow: hidden;
}
.itrans-01 {
    display: block;
    position: relative
}
.itrans-01:after, .itrans-01:before {
    z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:before {
    background-color: rgba(255,255,255,.5);
    bottom: 50%;
    top: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:after {
    background-color: rgba(255,255,255,.5);
    left: 50%;
    right: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}
/*tran 02*/
.itrans-02 {
	position: relative;
}
.itrans-02::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.itrans-02:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*tran 3*/
.itrans-03 {
	position: relative;
}
.itrans-03::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.itrans-03:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*trans 04*/
.itrans-04:hover img {
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/*trans 5*/
.itrans-05 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.itrans-05:hover img {
	opacity: .6;
}

/*mobile*/


@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1024px)
{
    .sfooter .col.form-contact{display:none;}
    .sfooter .col.about {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .sfooter .col.links {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .banner-wrap{
        background-image: url(/images/img/bg-sm.jpg?v=2);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 80px 10px 50px 20px;
        position: relative;
        height:400px;
    }#top-bar {
        display: none;
    }

    .product-wrapper .product-image {width:380px;float:left;}
    .product-wrapper .product-info {width:calc(100% - 400px);float:left;margin-left:20px;}
}
@media screen and (max-width: 849px) {
    .col {
        padding-bottom: 20px;
    }
    .scategory h2.title a{font-size:28px;}
  
    /*._why .icon-box{width:50%;    padding: 0 10px;}
    ._why .icon-box .inner {
        background: #f3f3f3;
        padding: 12px 8px;
        min-height: 225px;
    }
    ._why .text,._why .photo{width:100%;}*/
    .quote_wrapper .container p.title{
        font-size: 26px;
    }.quote_wrapper .container p.sign{
        font-size: 22px;
    }
    ul.lst-category li{width:33.33%;}
    .box-signature .photo{display:none;}
    .box-signature{    padding: 20px 25px;}
    .box-signature .text{width:100%;}
    .widget-mostview{display:none;}

}
@media screen and (max-width: 768px) {
    .container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .sfooter .links .col-inner {
        border-top: 1px solid #1c451e47;
        padding-top: 20px;
    }
    .sfooter .links{margin-top: 10px;padding-bottom:0;}
    .sfooter .col.about,
    .sfooter .col.links {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .sfooter .links .col-inner{
        padding: 10px 0;
    }
    .sfooter .copyright .crright {
        display: none;
    }
    .sfooter .copyright .crleft span{display:none;}

    .product-wrapper .product-image {width:100%;float:left;}
    .product-wrapper .product-info {width:100%;margin-left: 0;padding: 0;}
    .breadcrumbs li:first-child a {
        display:none;
    }
    .breadcrumbs{text-transform:unset;}
        h1.page-title {
        font-size: 1.65em;
    }.hctitle {
        font-size: 15px;
    }
     .intro .wraper-btn{text-align:center;}
     .intro .intro-btn{    padding: 4px 24px;
        font-size: 17px;
        line-height: 34px;
        border-radius: 3px;}
   /*  .back-to-top{display:block!important;}*/
    ul.lst-category li{width:50%;}
   
    .icon_contact_show{
        top: unset;
        bottom: 0px;
        opacity: 0.9;
    }
}
@media screen and (max-width: 550px) {
    .col {
        padding-bottom: 15px;
    }
    .row-sm{
         margin-left: -10px!important;
        margin-right: -10px!important;
    }
    .row-sm .col{
      padding-left: 10px;
      padding-right: 10px;
    }
    .scategory h3.hctitle {
        font-size: 14.5px;
        font-weight: bold;
        line-height: 1.9;
        margin-top: 0.1em;
        margin-bottom: 0.1em;
        text-align: center;
    }
    .section-title span {
        font-size: 21px;
    }
    .salist .box-image{display:none;}
    .intro .intro-btn {
        padding: 3px 12px;
        font-size: 16px;
    }
    .mos-contact-bar {
        right: 10px;
        bottom: 100px;
        position: fixed;
        z-index: 998;
        margin-bottom: 0;
        display: block !important;
    }
    .mos-contact-bar li {
       /* display: inline-block;
        float: left;
        margin-right: 7px;*/
        list-style: none;
    }
    .mos-contact-bar li a {
        display: block;
        width: 44px;
        height: 44px;
    }
    .mos-contact-bar li.hotline {
        background: url(/theme/img/p2.gif);
        background-repeat: no-repeat;
        background-size: 44px;
    }
    .back-to-top {
        bottom: 54px;
        right: 9px;
    }
}


.gg-bt,.gg-element{text-align:center;vertical-align:middle}.gg-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:10px;position:relative;z-index:1}@media only screen and (max-width:1366px){.gg-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:4px}}@media only screen and (max-width:600px){.gg-box{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.work-carousel-one .gg-box{display:block!important}.gg-element img{object-fit:cover;cursor:pointer;width:100%;height:100%;background:rgba(255,255,255,.02);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 5px;}.gg-element img:hover{opacity:.98}#gg-screen{position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.85);z-index:999999;text-align:center}#gg-screen .gg-image{height:100%;display:inline-flex;justify-content:center;align-items:center}#gg-screen .gg-image img{max-width:100%;max-height:100%;margin:0 auto}.gg-bt{width:38px;height:38px;background:rgba(255,255,255,.6);color:#222;border-radius:50%;line-height:32px;display:inline-block;cursor:pointer;-moz-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;font-size:25px;border:1px solid rgba(0,0,0,.05);box-sizing:border-box;padding-left:2px}.gg-bt:hover{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.5)}.gg-close{position:fixed;top:.5em}.gg-close,.gg-nxt{right:.5em}.gg-prev{left:.5em}.gg-nxt,.gg-prev{position:fixed;bottom:50%}.gg-element{filter:Alpha(opacity=100);transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;z-index:100}.gg-element:hover{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;opacity:1;filter:Alpha(opacity=100);z-index:102;position:relative}@media (min-width:480px){.gg-box .rectangle{grid-row-end:span 2}.gg-element:hover{-ms-transform:scale(1.04);-webkit-transform:scale(1.04);transform:scale(1.04)}}
.shop-page{
    font-family: "Signika", sans-serif;
    margin-bottom:40px;
}
.shop-page .content{
    margin:30px 0 50px;
}
.shop-page .top-description{
    max-width: 1040px;
    font-weight: 300;
    font-size: 19px;
}
.boxed-highlight {
    z-index: 2;
    position: relative;
}
.boxed-highlight .box-inner{
   max-width: 900px;
    margin: 0 auto;
    background: #fbec73;
    padding: 30px 20px;
    font-size: 26px;
    color: #719a1a;
    border-radius: 12px;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 9px 2px -5px rgba(78, 65.00000000000004, 0, 0.8);
    z-index: 2;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Dancing Script';
}
.ihbox {
    position: relative;
    font-family: "Signika", sans-serif;
    background-image: url(/images/duhoc/study_abroad.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 100px 70px 85px;
    border-radius: 30px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.ihbox:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 22px;
    background-color: #dfdfdfeb;
    opacity: .92;
}
.ihbox  .ihbox-wrap {
    position: relative;
    z-index: 1;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.ihbox  .ihbox-wrap .ihbox-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ihbox .ihbox-icon-wrapper{
    height: 110px;
    width: 110px;
    line-height: 40px;
    font-size: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-right: 30px;
    color: #404a3d;
    background-color: #eddd5e;
    transition: all .3s ease-out 0s;
    z-index: 1;
}
.ihbox .ihbox-icon-wrapper img{
        padding: 3px;
}
.ihbox .element-title {
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 0;
    margin-right: 15px;
    color: #fafafa;
    font-weight: 500;
}

.ihbox.ihbox-style2 {
    padding: 25px 60px 25px 49px;
    border-radius: 22px;
    max-width: 800px;
    margin: 0 auto;
/*    text-align: center;*/
    color: #447fa2;
    font-size: 22px;
    margin-bottom: 40px;   
    min-height: 124px;
}
.ihbox.ihbox-style2 .element-title {
    font-size: 25px;
    line-height: 1.4;
    font-weight: 400;
}
@media screen and (max-width: 849px) {
     .ihbox.ihbox-style2,.ihbox {
        padding: 15px 8px 12px 8px;
        border-radius: 15px;
    }
    .ihbox:before {
        border-radius: 15px;
    }
      .ihbox .ihbox-icon-wrapper{
        height: 90px;
        width: 90px;
        margin-right: 15px;
    }

     .ihbox .element-title {
        font-size: 17px;
        line-height: 1.6;
        font-weight: 400;
    }



      .ihbox.ihbox-style2 .element-title {
        font-size: 17px;
        line-height: 1.6;
        font-weight: 400;
    }

}
/*hot box*/
.box-value{padding-top:30px;padding-bottom:30px;margin-top:20px;margin-bottom:20px;}
.box-value .row-title{text-align: center;}
._intro .box {
    width: unset;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 2%;
    font-family: "Signika", sans-serif;
    margin-top: 40px;
}
._intro .box .hotbox {
    width: 32%;
    float: left;
    /*max-width: 400px;*/
    margin-bottom: 25px;margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.hotbox
{
    position: relative;
    overflow: hidden;
}

.hotbox .ihbox-box {
    padding: 28px 25px;
    border-radius: 30px;
    position: relative;
    background: transparent;
    z-index: 1;
}
.hotbox .ihbox-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
    clip-path: polygon(6.726% 0%, 93.274% 0%, 93.274% 0%, 94.364% 0.14%, 95.399% 0.545%, 96.364% 1.192%, 97.245% 2.061%, 98.029% 3.129%, 98.701% 4.373%, 99.249% 5.772%, 99.657% 7.303%, 99.912% 8.945%, 100% 10.676%, 100% 61.278%, 100% 61.278%, 99.732% 65.983%, 98.988% 69.483%, 97.863% 71.995%, 96.447% 73.739%, 94.835% 74.934%, 93.119% 75.798%, 91.39% 76.552%, 89.742% 77.413%, 88.268% 78.601%, 87.061% 80.335%, 87.061% 80.335%, 86.147% 82.63%, 85.483% 85.137%, 84.946% 87.749%, 84.409% 90.359%, 83.749% 92.86%, 82.839% 95.146%, 81.556% 97.11%, 79.775% 98.644%, 77.369% 99.643%, 74.215% 100%, 6.726% 100%, 6.726% 100%, 5.637% 99.861%, 4.603% 99.457%, 3.638% 98.811%, 2.758% 97.944%, 1.974% 96.879%, 1.302% 95.638%, 0.754% 94.241%, 0.346% 92.712%, 0.09% 91.071%, 0% 89.342%, 0% 10.676%, 0% 10.676%, 0.088% 8.945%, 0.343% 7.303%, 0.751% 5.772%, 1.299% 4.373%, 1.971% 3.129%, 2.755% 2.061%, 3.636% 1.192%, 4.601% 0.545%, 5.636% 0.14%, 6.726% 0%);
}
.hotbox .icon-wrapper{    display: flex !important;    align-items: center !important;    position: relative;}
.hotbox .ihbox-icon{
    margin-right: 15px;
}
.hotbox .content-wrapper{
    padding-top: 15px;
    margin-top: 15px;
    padding-right: 30px;
    border-top: 1px solid rgb(64 74 61 / 10%);
    position: relative;
    font-size: 19px;
    font-weight: 400;
}
.hotbox .element-title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0;
}
.hotbox .ihbox-icon-wrapper{
    background-color: #eddd5e;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    line-height: 35px;
    color: #404a3d;
    font-weight: 100;
}


.label-subtitle {
    font-size: 16px;
    line-height: 24px;
    /* letter-spacing: .2px; */
    text-transform: capitalize;
    font-style: normal;
    position: relative;
    display: inline-block;
    padding: 3px 23px 3px 40px;
    border-radius: 30px;
    color: #404a3d;
    background-color: #ffffff;
    font-weight: 500;
}
.label-subtitle::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 20px;
    left: 12px;
    top: 8px;
    position: absolute;
    width: 20px;
    background-image: url(/images/hvtt/favicon.png);
}

.home-banner {
    position: relative;
}
.banner-round{
    margin: 20px 20px 0;
    border-radius: 30px;
    overflow: hidden;
}
.home-banner h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    /* background: #f2f2f2; */
    color: #eeeeee;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 7px 20px;
    font-size: 32px;
    text-transform: uppercase;
    display: inline;
}
.home-banner .ttext {
    color: white;
    font-size: 32px;
    font-weight: 600;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 880px;
    text-align: center;
    z-index: 9;
    font-family: "Signika", sans-serif;
}

.home-banner .typed-text {
    display: inline-block;
    white-space: nowrap;
    font-weight: 400;
    color: #f1f1f1;
    font-size: 23px;
    padding: 3px 22px;
    white-space: normal;    
    word-break: break-word; 
    width: 880px;
    max-width: 100%;
    margin-top: 12px;
    min-height:90px;
}
.home-banner h1 span,
.home-banner .typed-text span{
    background: rgb(51 94 23 / 10%);
    backdrop-filter: blur(2px);
    padding: 2px 0;
}
.typed-cursor {
  display: none !important;
}
@media (max-width: 1320px) {
    .banner-round{
        margin: 0;
        border-radius: 0;
    }
}
@media screen and (max-width: 849px) {
    .home-banner .ttext
    {
        display: block;
        margin: 30px 0 0px;
        position: inherit;
        transform: unset;
        max-width: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }
    .home-banner h1 span, .home-banner .typed-text span {
        background:unset;
        backdrop-filter: unset;
        padding: 2px 0;
    }
    .home-banner h1,
    .home-banner .typed-text{
        color:#4c5644
    }
    .home-banner .typed-text{
        font-size: 18px;
        padding: 3px 5px;
    }
}
/*course-list*/
.album-list .album{
  padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position:relative;    margin-bottom: 10px;
}
.album-list .album::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #fff;
	clip-path: polygon( 4.552% 0.268%,4.552% 0.268%,3.905% 0.469%,3.294% 0.719%,2.724% 1.015%,2.199% 1.353%,1.721% 1.731%,1.296% 2.146%,0.925% 2.593%,0.614% 3.07%,0.366% 3.573%,0.183% 4.1%,0.183% 4.1%,0.133% 4.676%,0.091% 6.047%,0.056% 8.254%,0.028% 11.337%,0.008% 15.338%,-0.006% 20.296%,-0.013% 26.252%,-0.014% 33.247%,-0.009% 41.321%,0.002% 50.515%,0.068% 94.897%,0.068% 94.897%,0.075% 95.118%,0.095% 95.339%,0.127% 95.558%,0.172% 95.775%,0.23% 95.99%,0.301% 96.203%,0.383% 96.414%,0.478% 96.621%,0.585% 96.826%,0.704% 97.026%,0.704% 97.026%,0.704% 97.026%,0.926% 97.354%,1.176% 97.667%,1.452% 97.966%,1.752% 98.247%,2.076% 98.512%,2.423% 98.759%,2.791% 98.986%,3.178% 99.194%,3.585% 99.381%,4.009% 99.546%,4.009% 99.546%,4.009% 99.546%,4.217% 99.616%,4.427% 99.679%,4.641% 99.734%,4.857% 99.783%,5.076% 99.824%,5.297% 99.858%,5.519% 99.885%,5.743% 99.904%,5.968% 99.916%,6.194% 99.92%,40.252% 99.972%,40.252% 99.972%,46.033% 99.976%,51.334% 99.974%,56.151% 99.965%,60.479% 99.951%,64.316% 99.934%,67.655% 99.914%,70.494% 99.894%,72.829% 99.875%,74.655% 99.858%,75.968% 99.844%,75.968% 99.844%,76.311% 99.838%,76.652% 99.822%,76.993% 99.797%,77.332% 99.762%,77.669% 99.719%,78.004% 99.665%,78.337% 99.603%,78.666% 99.532%,78.993% 99.451%,79.316% 99.361%,79.316% 99.361%,79.643% 99.261%,79.963% 99.15%,80.275% 99.027%,80.58% 98.894%,80.877% 98.75%,81.165% 98.595%,81.444% 98.431%,81.714% 98.256%,81.974% 98.072%,82.223% 97.878%,82.223% 97.878%,82.567% 97.583%,82.861% 97.314%,83.116% 97.05%,83.346% 96.773%,83.561% 96.463%,83.774% 96.101%,83.998% 95.668%,84.243% 95.143%,84.523% 94.508%,84.849% 93.744%,84.849% 93.744%,85.323% 92.692%,85.788% 91.801%,86.267% 91.052%,86.786% 90.424%,87.373% 89.898%,88.051% 89.454%,88.848% 89.072%,89.789% 88.733%,90.9% 88.416%,92.206% 88.102%,92.206% 88.102%,93.658% 87.749%,94.913% 87.384%,95.989% 86.997%,96.9% 86.576%,97.662% 86.11%,98.29% 85.588%,98.802% 84.998%,99.212% 84.329%,99.536% 83.569%,99.789% 82.708%,99.789% 82.708%,99.84% 82.164%,99.882% 80.972%,99.917% 79.086%,99.944% 76.464%,99.965% 73.061%,99.979% 68.832%,99.986% 63.735%,99.987% 57.725%,99.981% 50.757%,99.971% 42.788%,99.903% 4.89%,99.903% 4.89%,99.897% 4.701%,99.88% 4.513%,99.853% 4.326%,99.815% 4.14%,99.766% 3.956%,99.706% 3.774%,99.636% 3.595%,99.556% 3.417%,99.465% 3.243%,99.364% 3.071%,99.269% 2.92%,99.269% 2.92%,99.046% 2.593%,98.797% 2.279%,98.521% 1.981%,98.221% 1.699%,97.897% 1.435%,97.55% 1.188%,97.182% 0.961%,96.795% 0.753%,96.388% 0.566%,95.964% 0.401%,95.964% 0.401%,95.964% 0.401%,95.756% 0.331%,95.545% 0.268%,95.331% 0.212%,95.115% 0.164%,94.896% 0.123%,94.675% 0.089%,94.452% 0.063%,94.228% 0.044%,94.003% 0.032%,93.777% 0.028%,50.326% 0%,50.326% 0%,38.782% -0.009%,29.407% -0.014%,21.969% -0.014%,16.235% -0.007%,11.971% 0.008%,8.945% 0.034%,6.923% 0.071%,5.672% 0.121%,4.96% 0.186%,4.552% 0.268% );
}

.album-list .album .poster{

    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.album-list .album .poster a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.66%;
    position: relative;
}
.album-list .album .poster img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 18px;
}

.album-list .album .content {
    padding-top: 8px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
    text-align: left;
}

.album-list .album .content h3.title{
    color: #4d701a;
    font-size: 20px;
    padding-top: 2px;
    margin-bottom: 5px;
}
.album-list .album .content h3.title a {
    font-weight: 600;
    font-size: 20px;
    color: #ff6a00;
    font-family: "Signika", sans-serif;
}
.album-list .album .content .tag {
    font-size: 14px;
    line-height: 13px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    color: #888;
    padding-left: 15px;
    font-weight: 500;
}
.album-list .album .content .tag::before {
    content: "";
    position: absolute;
    top: 16%;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff6a00;
}
.album-list .album .content .tagline{
    color: #666;
    border-top: 1px solid #d9d0d099;
    padding: 8px 0px 0 0;
    margin-top: 12px;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
    min-height: 32px;
    padding-right: 70px;
    max-width: 265px;
    display: flex;
    justify-content: space-between;
}

.album-list .album .content .tagline i.fa{
    font-size: 14px;
    margin-right: 5px;
    opacity: 0.8;
}
.album-list .album .content .tagline::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #5a8717;
    transition: all .6s ease-in-out;
}

.album-list .album:hover{
    transform: scale(1.015);
}
.album-list .album:hover .content .tagline::before,
.album-list .album .content:hover .tagline::before{
	width: 100%;
	height: 1px;
}

.album-list .album-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #eddd5e;
    color: #333;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-style: normal;
}
.album-btn .button-icon-wrapper{position: relative;/* overflow: hidden; */display: inline-flex;}
.album-btn .button-icon{
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    position: relative;
    width: 46px;
    height: 46px;
}
.album-btn .black-arrow::before{
    font-family: 'Signika';
    content: "”";
    position: absolute;
    right: 7px;
    top: 0;
    font-size: 46px;
    line-height: 71px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    text-align: center;
    display: inline-block;
    color: #404a3d;
}

.album-btn:hover .button-icon-wrapper::before {
    transform: scale(1) translate(-4px, 0);
}
.album-btn:hover .button-icon {
    transform: scale(.36) translate(45px, -50px);
    position: relative;
}
@media screen and (max-width: 549px){
    .album-list > .row > .col:nth-child(5),
    .album-list > .row > .col:nth-child(6){
        display:none;
    }
}

.subtitle{
    color: #6b7280;
    font-size: 21px;
    margin: 10px auto 30px;
    text-align: center;
    display: block;
    max-width: 1000px;
    font-weight: 300;
    font-family: "Signika", sans-serif;
}
@media screen and (max-width: 549px) {
    .subtitle{
        font-size: 19px;
        line-height:1.6;
    }
}

/*core value*/
.duhoc{
    text-align: center;
    width: unset;
    -js-display: flex;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    font-family: "Signika", sans-serif;
    margin-top: 20px;
    max-width:1140px;
    margin: 0 auto;
}

.duhoc p.label {
    text-transform: uppercase;
    font-weight: bold;
    color: #f59e0b;
    margin: 0;
    letter-spacing: 1px;
}
.duhoc h2 {
    font-size: 28px;
    font-weight: 600;
    color: #323232;
    margin: 10px 0 15px;
}
.duhoc .heading{margin-bottom:25px;}
.duhoc h2 span{background:#fff;padding: 12px 20px 8px;border-radius: 35px;}

.duhoc .card-container {
     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2%;
}
.duhoc .card-container .slick-list{
    padding:20px 0!important;
}

.duhoc .card {
    position: relative;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s;
    background-color: #000;
    float: left;
    margin-bottom: 25px;
    margin-left: 0;
    width:32%;
}
.duhoc .card:hover {
    transform: translateY(-5px);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
/*.duhoc .card .cover::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 13.02%, rgb(43 43 43 / 32%) 42.5%, rgb(0 0 0 / 29%) 70%, #000000c9 100%);
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}*/
.duhoc .card{
    border: 1px solid #ef1b23;
    border-radius: 13px;
    padding: 16px;
    background: #fff;
}
.duhoc .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}
.duhoc .card .cover{
    position:relative;
}
.duhoc .card .card-content{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: left;
    z-index: 2;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    padding: 15px 26px 10px 22px;
    transition: all 0.5s ease-in-out;
    background: linear-gradient(180deg, rgba(24, 26, 31, 0) 0%, rgb(81 91 112 / 80%) 100%);
}
/*.duhoc .card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}*/
.duhoc .card-title {
    color: white;
    font-size: 26px;
    font-weight: bold;
    font-family: Oswald;
    letter-spacing: 0.6px;
    margin-bottom: 3px;
    line-height: 1.3;
}
.duhoc .card-desc {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}


.hotbox_slick .slick-slide {
    margin: 0 15px;
}
/*@media (min-width: 992px) {
     .duhoc .card {
        max-width: 386px!important;
    }
}*/
.duhoc .card:nth-child(4)
    {
        display:none;
    }
@media (max-width: 768px) {
    .duhoc .card {
        width:49%;
        padding: 4px;
    }
    .duhoc .card:nth-child(4)
    {
        display:block;
    }
    .duhoc .card-title span{display:none;}
   
}
/*RTE*/
@font-face{
    font-display:swap;
    font-family:'Baloo 2';
    font-style:normal;
    font-weight:600;
    src:local('Baloo 2 SemiBold'),local('Baloo2-SemiBold'),url('/theme/fonts/baloo/baloo-2-v1-vietnamese_latin-600.woff2') format('woff2')
}
#table-contents {
    background: #f9f9f9;
    padding: 10px 15px;
    margin-bottom: 1em;
    margin-top: 1em;
    width: auto;
    display: table;
    font-size: 15px;
    width: calc(100% - 30px);
}
#table-contents .toc-l1{font-weight:600;font-size: 14.5px;}
#table-contents .toc-l2{padding-left:12px;font-size: 15.5px;}
#table-contents .title-toc {
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#table-contents .list-toc {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    display: block;
}
#table-contents .list-toc > div{
    margin-top: 6px;
    display: block;
    line-height: 22px;
}
#table-contents ul.no_bullets ,#table-contents ol.no_bullets 
{
    list-style-type: none;
    list-style: none;
}
#table-contents .list-toc a {
    text-decoration:none;
    cursor:pointer;
}
#table-contents .list-toc a:visited,#table-contents .list-toc a:hover {
    text-decoration:underline;
}
#table-contents .list-toc{overflow: hidden;}
#table-contents .list-toc.toc-hidden
{
    height:0;
}
.rte table {
  border-collapse: collapse;
  width: 100%;
    max-width: 100%!important;
    table-layout: fixed;
    overflow-wrap: break-word;
}

.rte table td, table th {
  border: 1px solid #eee;
  padding: 8px;
}

.rte table.tcolor tr:nth-child(even){background-color: #f7f7f7;}

.rte table.thover tr:hover {background-color: #ddd;}
.rte table.tlheader tr td:first-child{
 background-color: #ccc;
 font-weight:bold;
}
.rte table th, .rte table.theader tr:first-child, .rte table th, .rte table.theader tr:first-child td {
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: left;
    background-color: #e0e0e0;
    color: #101010;
    font-weight: bold;
    font-size: 100%;
}
.rte ul,.rte ol{
    font-size: 1em;
    margin-left: 6px;
    margin-top: 10px;
    width: 100%;
    overflow: auto;
    padding: 0!important;
    margin-bottom: 12px;  padding-left:20px;
}
.rte ul li, .rte ol li{
    font-size: 17px;
    display: block;
    padding: 4px 0;
    padding-right: 10px;
    line-height: 24px;
    margin-bottom: 0px;
}
.rte ul li {
    list-style: none;
}
.rte ul li::before{
    content: "\2022";
    padding-right: 10px;
    color: #444c59;
    font-size: 20px;
}

.rte ol {
   list-style: none;
   counter-reset: item;
 }
.rte ol li{
   counter-increment: item;
       margin-left: 0;
 }
.rte ol li::before{
    margin-right: 8px;
    content: counter(item)!important;
    border-radius: 100%;
    border: 1px solid #444c59;
    color: #444c59;
    width: 15px!important;
    text-align: center;
    display: inline-block;
    font-size: 12px!important;
    height: 15px!important;
    line-height: 14px!important;
 }
.rte ul li > p:first-child, .rte ol li > p:first-child
{
    display:inline;
    margin-bottom:0;
}
/*.rte-wrapper .main-body .rte ul li,.rte-wrapper .main-body .rte ol li{
    line-height:1.67;
    color:#444b59
}*/
.rte ~ a{
    color:#4990e2
}
.rte ~ a:hover{
    color:#c52728;
}
.rte {
    font-size: 17.5px;
    color: #333;
    line-height: 1.7;
    font-weight: 500;
}
.rte p,.rte >div{
    margin-bottom: 15px;
    margin-top: 10px;
}
.rte table th > p,.rte  table td >p{
    margin-bottom: 10px;
    margin-top: 8px;
}
.rte a{
    color:#2399d4;
}
.rte a:hover{
    color:#0056b3; text-decoration:none;
}
.rte-wrapper .post-header{
    overflow:hidden;
    padding:20px 0 30px;
    color:#30333a;
    width:100%;
}
.rte-wrapper .post-header h1{
    font-size: 24px;
}
.rte-wrapper .rte{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    line-height:1.65em;
}
 .rte .post-source, .rte .post-author {
    text-align: right;
    margin: 15px 0;
    font-weight: bold;
    padding: 0 10px;
}
.rte .post-share {
    padding: 25px 0 10px;
}
.rte .post-relate-link a, ul.post-relate-link li::before{
    color: #0086e3!important;
}

.rte .post-relate-link a:hover, ul.post-relate-link li:hover::before{
    color: #da6a05;
}

.rte img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto!important;
    margin-bottom: 15px;
}
.rte figure img{margin-bottom:0px;}
.rte figure {
    outline: none;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block!important;
}
.rte .cke_image_resizer_wrapper {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.rte figure > figcaption {
    text-align: center;
    display: inline-block;
    padding: 3px 8px;
    font-style: italic;
    font-size: 15px;
    background: #fafafa;
    margin-top: 5px;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte .font-title{
    margin-bottom: 15px;
    margin-top: 18px;
    font-weight: 700;
}
.rte h1{
    font-size: 26px;
    line-height: 35px;
}
.rte h2 {
    font-size: 22px;
    line-height: 32px;
    margin-top: 25px;
    color: #343434;
}
.rte h3 {
    font-size: 20px;
    line-height: 28px;
    color: #343434;
}
.rte h4{
    font-size: 17px;
    line-height: 26px;
}
.rte h5{
    font-size: 16px;
    line-height: 24px;
}
.rte h6{
    font-size: 14px;
    line-height: 20px;
}
.rte blockquote {
  background: #f9f9f9;
  border-left: 3px solid #1d5a43;
  margin: 1.5em 0px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  max-width:850px;
  font-style: normal;
  font-size: 1.01em;
font-weight: 500;
}
/*.rte blockquote:after {
    color: #cccccc;
    content: open-quote;
    font-size: 8em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    position: absolute;
    top: 54px;
    left: -6px;
    z-index: 1;
}*/
.rte blockquote p {
    display: inline;
}
/*style*/
/*style*/
.s-line1{
    background-color: #fdcbda;
    color: rgb(239,0,124);
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 8px 12px 6px;
    font-size: 17px;
    text-align: center;
    border-radius: 9999px;
    font-family: Tiempos,Verdana,Geneva,sans-serif;
    font-weight: 400;
}
.s-font{font-family: Tiempos,Verdana,Geneva,sans-serif;}
.s-center{text-align:center;}
@media(max-width: 768px) {
	.rte h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .rte h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .rte h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .rte h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .rte h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .rte h6 {
        font-size: 11px;
        line-height: 18px;
    }
	
}

/*btn*/
.btn-circle{
    border-radius: 30px;
}
.btn-success{
    box-shadow: 0px 3px 10px #1e7e348f;
}
.btn-primary{
     box-shadow: 0px 3px 10px #007bff8a;
}
.btn-secondary{
     box-shadow: 0px 3px 10px #6c757d9c;
}
.btn-info{
    box-shadow: 0px 3px 10px #17a2b89e;
}
.btn-warning{
    box-shadow: 0px 3px 10px #e7b92e6b;
}
.btn-danger{
box-shadow: 0px 3px 10px #dc35456b;
}
.btn-light{
    box-shadow: 0px 3px 10px #dfdfdfa8;
}
.btn-dark{
        box-shadow: 0px 3px 10px #343a4061;
}
.btn1{
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    border-color: rgba(0,0,0,0.05);
    background-color: #b20000;
    margin-bottom: 1em;
    color: #fff;
}

.btn1:hover{
    outline: none;
    opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}
.btn2 {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    line-height: 50px;
    padding: 0 33px;
    background-color: #e05b32;
    color: #fff;
}
.btn2:hover{
    outline: none;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

.rte-fw {max-width:750px;margin:0 auto;display:block;}
ul.detail-more,ul.media-box {
    opacity: unset;
    padding: unset;
    padding: 0!important
}
ul.detail-more li {
    display: block;
    border-bottom: 1px dotted #dedede;
    padding: 7px 0;
    float: left;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 0!important;
}
ul.detail-more li:nth-child(2n+2) {
    margin-right: 0
}

ul.detail-more li .left {
    float: left;
    color: rgba(68,76,89,.76);
    font-size: 16px;
    line-height: 1.7em
}

ul.detail-more li .right {
    float: right;
    color: #444c59;
    font-size: 15px;
    font-weight: 700;
    max-width: 65%;
    overflow: hidden;
    height: 24px;
    text-align: right
}
ul.detail-more li:before,ul.media-box li:before {
    content: none;
    display: none
}
ul.detail-more .left1 {
    font-size: 16px!important;
    line-height: 24px;
    color: #8e9399
}

ul.detail-more .right1 {
    font-size: 16px!important;
    line-height: 24px;
    color: #333!important
}

ul.detail-more p {
    margin: 0
}
#tong-quan.box-row table,
#tong-quan.box-row table tr,
#tong-quan.box-row table tr th,#tong-quan.box-row table tr td
{
	border:none!important;
	line-height: 1.65!important;
}

#tong-quan.box-row table tr td
{
	border-bottom: 1px solid #ececec!important;
	padding-left: 0;
}
#tong-quan.box-row table td, #tong-quan.box-row table th {
    padding: 4px 8px;
}
#tong-quan.box-row table tr td p{
    margin-bottom: 5px;
    margin-top: 5px;
}
.rte a {
    color: #106355;
}
.rte a:hover {
    color: #313332;
}
@media only screen and (min-width:1200px)
{
    .rte-fw img.fullwidth, .rte-fw figure.fullwidth, .rte-fw table.fullwidth{max-width:1050px;margin:0 auto;display:block;margin-left:-120px;margin-right:-120px;width: calc(100% + 240px);}
    .rte-fw figure img{max-width:100%;margin-left:0; margin-right:0; margin: 0 auto;}

   
}

/*feature*/
.notebox-sm {
    padding: 7px 12px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: justify;
	overflow-wrap: break-word;
}

.notebox {
    background: #eee;
    border-radius: 5px;
    color: #333;
    padding: 20px;
    margin: 18px 0;
    position: relative;
}

.notebox:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-top-left-radius: 5px;
    border-color: #d8d8d8 #fff transparent transparent;
}

.notebox-red
{
    padding: 7px 12px;
	border: 2px dashed #da0802;
	text-align: justify;
	overflow-wrap: break-word;
}

.notebox-red2
{
    padding: 7px 12px;
	text-align: justify;
	overflow-wrap: break-word;
    border-radius: 3px;
    background: rgba(255,193,7,.2);
    border: 1px solid rgba(255,193,7,.5);
}
.notebox, .notebox-sm, .notebox-red, .notebox-red2{line-height:30px!important;margin-bottom: 20px;}

span.marker
{
	background-color: Yellow;
}
span.mark {
  display: inline-block;
  line-height: 0em;
  padding: 0 0 0.4em;
  background-color: yellow;
}
._btn
{
    line-height: 1.5;
	display: table;
    font-weight: 400;
    text-align: center;
    
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    color: #323840!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    padding: 14px 25px;           
	border: none;
	cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    margin: auto;
    border-collapse: initial;
}
._btn a{color: unset!important;
    text-decoration: none;}
.btn-01
{
     background-image: linear-gradient(180deg,#F8D12F 0%,#F0B90B 100%);
}
.btn-01:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#FFE251 0%,#EDC423 100%);
}
.btn-02
{
    background-image: linear-gradient(180deg,#ef5252 0%,#ca2d2d 100%);color: #f3f3f3!important;
}
.btn-02:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#ef4848 0%,#b92121 100%);
    color: #f3f3f3!important;
}
.btn-03
{
   background-image: linear-gradient(180deg,#ff9740 0%,#f3691b 100%);color: #f3f3f3!important;
}
.btn-03:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#f3862a 0%,#d2670b 100%);
    color: #f3f3f3!important;
}
.btn-04
{
    background-image: linear-gradient(180deg,#488bef 0%,#2c6ac5 100%);color: #f3f3f3!important;
}
.btn-04:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#3a82ef 0%,#2162c1 100%);
    color: #f3f3f3!important;
}
i.econ:before
{
    position:relative;
    padding-left:10px;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 4px 4px 0 0;
}
i.econ.econ-dot:before{

    background-image: url(/images/icon/dot.png);
}
i.econ.econ-check:before{

    background-image: url(/images/icon/check.png);
}
i.econ.econ-gift:before{

    background-image: url(/images/icon/gift.png);
}
i.econ.econ-arrow:before{
    height: 18px;
    width: 18px;
    background-image: url(/images/icon/arrow.gif);
}
i.econ.econ-hot:before{
    width: 30px;
    height: 12px;
    background-image: url(/images/icon/hot.gif);
}
i.econ.econ-hot2:before{
    width: 43px;
    height: 20px;
    background-image: url(/images/icon/hot2.gif);
}
i.econ.econ-new:before{
    width: 41px;
    height: 22px;
    background-image: url(/images/icon/new.gif);
}
i.econ.econ-new2:before{
    width: 32px;
    height: 22px;
    background-image: url(/images/icon/new2.gif);
}
.bcon
{
    max-width: 340px!important;
}
ul.has-icon {
    list-style: none!important;
    padding-left: 0;
    position: relative
}
ul.has-icon li {
    position: relative;
    margin-left: 0;
    padding-left: 24px!important;
    list-style: none!important
}
ul.has-icon li:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    width: 16px;
    background-image: url(/images/icon/dot.png);
    margin: 5px 10px 0 0
}
ul.has-icon.icon-gift li:before {
    background-image: url(/images/icon/gift.png)
}
ul.has-icon.icon-check li:before {
    background-image: url(/images/icon/check.png)
}
.icon-gift:before {
    display: none
}
/*end feature*/
/*gui btn*/
.a1btn{
	background:#fecc5f;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1ca57,0),color-stop(#eeac3c,1));
    background:-webkit-linear-gradient(top, #f1ca57 0%, #eeac3c 100%);
    background:-moz-linear-gradient(top, #f1ca57 0%, #eeac3c 100%);
    background:-o-linear-gradient(top, #f1ca57 0%, #eeac3c 100%);
    background:linear-gradient(top, #f1ca57 0%, #eeac3c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ca57', endColorstr='#eeac3c',GradientType=0 );
    border:1px solid #f5b74e;
    border-color:#f5b74e #e5a73e #d6982f;
    -webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    -moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    padding:0px 66px 0px 13px;
    height:38px;
    line-height:1.4;
    display:inline-block;
    position:relative;
	text-decoration: none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin:10px;
    overflow:hidden;
	font-family: Montserrat,sans-serif;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a1btn-text{
	padding-top: 8px;
    display: block;
    font-size: 17px;
    font-weight: 500;
    white-space:nowrap;
	text-transform: uppercase;
    color:#fefefe;
    text-shadow:0 1px 0 #d3cfcf;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a1btn-slide-text{
	position:absolute;
    top:35px;
    left:0px;
    width:auto;
    right:52px;
    height:0px;
    background:#fff;
    color:#996633;
    font-size:14px;
    white-space:nowrap;
    font-style:italic;
    text-indent:15px;
    overflow:hidden;
    line-height:30px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    -webkit-transition:height 0.3s linear;
    -moz-transition:height 0.3s linear;
    -o-transition:height 0.3s linear;
    transition:height 0.3s linear;
}
.a1btn-icon-right{
	position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #f5b74e;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a1btn-icon-right span{
	 width:38px;
    height:38px;
    opacity:0.9;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(/theme/img/gui/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.a1btn:hover{
	 height:65px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a1btn.s2:hover{
	height:38px;
}
.a1btn:hover .a1btn-text{
	text-shadow:0px 1px 1px rgba(0,0,0,0.2);
    color:#fff;
}
.a1btn:hover .a1btn-slide-text{
	height: 30px;
}
.a1btn:hover .a1btn-icon-right span{
	opacity:1;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.a1btn:active {
	 position:relative;
    top:1px;
    background:#fec354;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#fec354,0),color-stop(#fecd61,1));
    background:-webkit-linear-gradient(top, #fec354 0%, #fecd61 100%);
    background:-moz-linear-gradient(top, #fec354 0%, #fecd61 100%);
    background:-o-linear-gradient(top, #fec354 0%, #fecd61 100%);
    background:linear-gradient(top, #fec354 0%, #fecd61 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 );
    border-color:#d29a3a #cc9436 #c89133;
    text-shadow:0 1px 0 #fee1a0;
    -webkit-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
    -moz-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
    box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}

/*btn 2*/
.a2btn{
    background:#499ede;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#499ede,0),color-stop(#5785b7,1));
    background:-webkit-linear-gradient(top, #499ede 0%, #5785b7 100%);
    background:-moz-linear-gradient(top, #499ede 0%, #5785b7 100%);
    background:-o-linear-gradient(top, #499ede 0%, #5785b7 100%);
    background:linear-gradient(top, #499ede 0%, #5785b7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='##499ede', endColorstr='##5785b7',GradientType=0 );
    padding-left:20px;
    padding-right:70px;
    height:44px;
    line-height:1.4;
    display:inline-block;
    position:relative;
	text-decoration: none;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:24px;
    clear:both;
    margin:10px;
    overflow:hidden;
	font-family: Montserrat,sans-serif;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a2btn.s2{
	background: -webkit-linear-gradient(top, #eb861b 0%, #bd3b3b 100%);
    border: 1px solid #b26210;
}

.a2btn-text{
    padding-top:8px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#f2f2f2;
	font-weight:600;
	letter-spacing: 0.2px;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a2btn.s2 .a2btn-text{font-size:19px;padding-top: 8px;}
.a2btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a2btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a2btn-icon-right span {
    width: 38px;
    height: 38px;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0px 0px -20px;
    background: transparent url(/theme/img/gui/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.a2btn:hover{
    padding-right:100px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.a2btn:hover .a2btn-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.a2btn:hover .a2btn-slide-text{
    width:100px;
}
.a2btn:hover .a2btn-icon-right span{
    opacity:1;
}
.a2btn:active{
    position:relative;
    top:1px;
    background:#4c85c4;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}
.a2btn.s2:active{
    position:relative;
    top:1px;
    background:#d86b35;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#b26210;
}
/*btn 3*/
.a3btn{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    padding:10px 30px 10px 60px;
    position:relative;
    display:inline-block;
    overflow:hidden;
    margin:10px;
    line-height:1.4;
	text-decoration: none;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.a3btn-symbol{
    position:absolute;
    left:20px;
	top: 15px;
	width: 26px;
    height: 26px;
    background:transparent url(/theme/img/gui/arrow_down_black.png) no-repeat top left;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
	opacity:0.4;
	-webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}
.a3btn-text{
	font-size: 17px;
    color: #d7565b;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
    display: block;
    font-family: Montserrat,sans-serif;
}
.a3btn-slide-text{
    font-family:Arial, sans-serif;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#555;
    text-shadow:0px 1px 1px rgba(255,255,255,0.9);
}
.a3btn-slide-icon{
    position:absolute;
    top:-30px;
	width: 26px;
    height: 26px;
    background:transparent url(/theme/img/gui/arrow_down_black.png) no-repeat top left;
    left:20px;
    opacity:0.4;
}
.a3btn:hover{
    background:#fff;
    -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a3btn:hover .a3btn-symbol{
    opacity:0;
}
.a3btn:hover .a3btn-slide-icon{
    -webkit-animation:slideDown 0.9s linear infinite;
    -moz-animation:slideDown 0.9s linear infinite;
    animation:slideDown 0.9s linear infinite;
}
.a3btn:active{
    background:#d7565b;
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a3btn:active .a3btn-text{
    color:#fff;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
.a3btn:active .a3btn-slide-text{
    color:rgba(0,0,0,0.4);
    text-shadow:none;
}
@keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}

.btn-zoom {
    animation-name: btnzoom;
    -webkit-animation-name: btnzoom;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 0.9s;
    -webkit-animation-duration: 0.9s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes btnzoom {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes btnzoom {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*end gui btn*/