/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #0066ff;
    border: 1px solid #0066ff;
}
button.button.primary.mt-0.pull-left.small {
    background-color: #33CC00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #FF0000;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #ff6600;
}


div#customer_details {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart-wrapper.sm-touch-scroll {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart_totals.calculated_shipping {
    border: 3px dashed #e5101d;
    padding: 15px;
    border-radius: 15px;
}

form.checkout_coupon.mb-0 {
    background-color: #eaeaea;
    padding: 20px;
    border: 3px dashed #ff6600;
}

.woocommerce-billing-fields h3 {
    color: #303030;
}

button#place_order {
    background: #FF0000;
}

h3#order_review_heading {
    color: #303030;
}

.page-checkout span.woocommerce-Price-amount.amount {
    color: #FF0000;
}

@font-face {
    font-family: 'UTM';
    src: url(fonts/UTM-Signwriter.ttf);
} 

@font-face {
    font-family: 'Montserrat',sans-serif;
    src: url(fonts/Montserrat-Medium.ttf);
} 

@font-face {
    font-family: 'Montserrat-SemiBold' ,sans-serif;
    src: url(fonts/Montserrat-SemiBold.ttf);
}

:root{
    --family-utm :'UTM';
}

:root{
    --family :'Montserrat',sans-serif;
}
:root{
    --family-bold :'Montserrat-SemiBold',sans-serif;
}



body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #4e5659;
    font-family: var(--family) !important;
}


p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
.display-product a.quick-view,
a.quick-view.quick-view-added {
    display: none;
}

:root {
  --color: #fece3e;
}

:root{
  --background: #4e5659;
}

/************************************************************/

.header-top p {
    font-size: 20px
}

.header-nav-main > li {
    padding: 0px 3px;
}
.header-nav-main > li a {
  color: #4e5659;
  font-size: 13px;
  font-family: var(--family-bold) !important;
}

.header-nav-main > li:hover a {
    color: var(--color);
    font-family: var(--family-bold) !important;
}

.nav-dropdown-default {
    padding: 0px;
    border: 0px;
    margin-top: 25px;
}
.nav-dropdown  li {
   border-bottom: 1px solid #eaeaea;
   padding: 5px 0px;

}
.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    padding: 5px 10px;
    display: block;
    border-bottom: 0px;
    font-weight: 500;
    color: #4e5659;
    font-family: var(--family) !important;
}

.nav-dropdown li:hover {
    background: var(--color);
}

.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: var(--background);
}


.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}

.nav-dropdown>li.nav-dropdown-col{display:block}

.nav-dropdown{border:1px solid #ddd; padding:0;}

.nav-column.nav-dropdown-default>li>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a{
    font-weight:normal !important;
  text-transform:none !important;
  font-size:15px;
   font-weight:500
}


.nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid #d2d2d2;
    margin-top:-30px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}

.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}

.nav-dropdown .nav-dropdown-col .menu-item-has-children {
   margin-top: 0px;
}

.nav-dropdown .nav-dropdown-col>ul li a{
    padding:10px;  text-transform: none;color:black
}

.nav-column.nav-dropdown-default li.menu-item-has-children 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;
}
.nav-column.nav-dropdown-default li.menu-item-has-children:hover >ul,
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

/*****************************************************/

.title-home h3 {
    font-weight: 500;
    font-size: 50px;
    color: #fff;
    font-family: var(--family-utm) !important;
}
.title-home .fa-right,
.title-home .fa-left {
    background: #fff;
    height: 3px;
    width: 80px;
    position: absolute;
    margin-top: 44px;
}
.title-home .fa-left {
    left: 35% !important;
}
.title-home .fa-right {
    right: 35% !important;
}


.product-small.box {
    border: 1px solid #ddd;
}

p.name.product-title a {
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    height: 15px;
    color: var(--background);
    text-transform: uppercase;
}
p.name.product-title:hover a {
    color: var(--color);
}
span.amount {
    background: var(--color);
    color: var(--background);
    padding: 7px 15px;
    border-radius: 5px;
}
span.amount:hover {
    background: var(--background);
    color: var(--color);
}


.sec-us img {
    border: 5px solid #fff;
}

.sec-us .cot-6-2 .col-inner {
    background: #fff;
    text-align: justify;
    padding: 30px 20px 35px 20px;
    position: absolute;
    left: -45px;
    top: 50px;
    font-size: 14px;
}
.title-kn h4,
.title-as h2 {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    font-family: var(--family-utm)!important;
}

.sec-us .cot-6-2 p:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100px;
    background: var(--color);
    right: 35px;
    top: 90%;
}

.sec-coaching .title-home h3 {
    color: var(--background);
}
.sec-coaching .title-home .fa-right,
.sec-coaching .title-home .fa-left {
    background: var(--background);
}
.coaching .owl-prev,
.coaching .owl-next {
    position: absolute;
    top: 35%;
}
.coaching .owl-prev {
    left: -30px;
}
.coaching .owl-next {
    right: -30px;
}

.coaching .owl-prev i.fa , 
.coaching .owl-next i.fa {
    color: #95979d;
    font-size: 30px;
}

.sec-coaching .box-text {
    background: #fff;
}
.sec-coaching .box-text h4 a {
    font-weight: 400;
    height: 45px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
}
.sec-coaching .box-text:hover {
    background: var(--background);
}
.sec-coaching .box-text:hover h4 a {
    color: #fff;
}

.sec-gift .box-badge .box-text {
    bottom: 40%;
    display: none;
    background-color: transparent !important;
}
.sec-gift .box-text h4 a {
    background: #fece3ec7;
    padding: 10px 25px;
    color: var(--background);
    text-transform: uppercase;
}
.sec-gift .box-text:hover {
    background-color: transparent !important;
}

.sec-gift .box-text-bottom:hover .box-text {
    display: block !important;
}

.sec-gift .large-6 {
    padding: 0 10px 10px;
}

.title-congdong {
    background: #fff;
    padding: 8px 15px;
}
.title-congdong h4 a {
    font-weight: 500;
    padding-top: 5px;
    display: block;
    font-size: 15px;
    height: 30px;
    overflow: hidden;
}
.title-congdong:hover {
    background: var(--color);
}
.title-congdong:hover h4 a {
    color: #fff;
}


.title-kn h4 {
    margin: -10px 0px 10px 0px;
}

.sec-community .share-kn {
    background: var(--color);
    padding: 10px;
}
.sec-community .cot-4-kn {
    border: 1px solid var(--background);
    padding: 15px;
}
.sec-community .cot-4-kn .large-6 {
    padding: 0 15px 10px;
}

.sec-community .cot-4-kn .icon i {
    background: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
}

.sec-community .cot-4-kn h3 {
    font-weight: 300;
    font-size: 13px;
    margin: 3px 0px 0px 10px;
    text-transform: uppercase;
}

.tiktok {
    background-image: url(img/tiktok.png);
    height: 25px;
    width: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*.sec-trademark .title-mobile .title-home .fa-left {
    left: 35% !important;
}
.sec-trademark .title-mobile .title-home .fa-right {
    right: 35% !important;
}
.sec-trademark .title-home .fa-left {
    left: 15% !important;
}
.sec-trademark .title-home .fa-right {
    right: 15% !important;
}
.sec-trademark .title-home .fa-right, 
.sec-trademark .title-home .fa-left {
    width: 60px;
}
.sec-trademark .box-text-bottom h4 {
    overflow: hidden;
    height: 40px;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 0px 30px;
}*/
.sec-trademark .cot-4-1 .box-text-bottom {
    padding: 20% 0px 5% 35px;
}

.sec-trademark .cot-4-3 .box-text-bottom {
     padding: 20% 35px 5% 0px;
}
.sec-trademark .cot-4-2 p a,
.sec-trademark .cot-4-3 .box-text-bottom h4 a {
    color: #fff;
    text-transform: uppercase;
}

/*.sec-review .box-image {
    border: 5px solid #fff;
}

.sec-news .blog-1 .col.post-item {
    padding: 0 15px 15px;
}


.sec-news .blog-1 .box-blog-post {
    background: #fff;
    padding: 10px 0px;
}*/

.sec-news h5.post-title {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
   -webkit-box-flex: 1;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

/*.sec-news .blog-1 h5.post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.blog-2 .box-image {
    display: none;
}
.sec-news .blog-2 .post-item {
    background: #fff;
}


.sec-news .blog-2 .box-blog-post {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: -22px;
}

.sec-news .blog-2 .box-blog-post h5 {

    font-weight: 600;
    color: var(--background);
}*/

.sec-news .flickity-prev-next-button,
.sec-shop .flickity-prev-next-button {
    opacity: 1 !important;
}
.sec-news .flickity-prev-next-button.previous,
.sec-shop .flickity-prev-next-button.previous {
    left: -3%;
    color: #95979d;
}
.sec-news .flickity-prev-next-button.next,
.sec-shop .flickity-prev-next-button.next {
    right: -3%;
    color: #95979d;
}


/*.sec-shop .title-home h3 {
    background: var(--color);
    display: inline-block;
    width: 367px;
    margin-bottom: 0px;
    color: var(--background);
}
.sec-shop .title-home .fa-right, 
.sec-shop .title-home .fa-left {
    background: var(--background);
    width: 50px;
}
.sec-shop .title-home .fa-left {
   left: 40% !important;
}
.sec-shop .title-home .fa-right {
   right: 40% !important;
}
.sec-shop {
    margin-bottom: -31px;
}*/
.sec-gift .owl-prev,
.sec-gift .owl-next,
.slide-product-featured .owl-prev,
.slide-product-featured .owl-next {
    margin: 0px !important;
    width: 30px;
    height: 30px;
    position: absolute;
}

.owl-prev i.fa , 
.owl-next i.fa {
    color: #95979d;
    font-size: 50px;
}

.sec-gift .owl-prev i.fa , 
.sec-gift .owl-next i.fa {
    font-size: 30px;
}

.sec-gift .owl-prev,
.sec-gift .owl-next,
.slide-product-featured .owl-prev,
.slide-product-featured .owl-next {
    top: 35%;
}

.sec-gift .owl-prev {
    float: left;
    left: -3%;
}

.sec-gift .owl-next {
    float: right;
    right: -7%;
}
.sec-review .owl-next {
    float: right;
    right: -4%;
}

.slide-product-featured .owl-prev {
    float: left;
    left: 0px;
}

.slide-product-featured .owl-next {
   float: right;
   right: 0px;
}


.pr-featured {
    width: 100%;
    display: inline-block;
}

.pr-featured .pr-thumbnail {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.pr-featured .pr-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.pr-featured .pr-thumbnail:hover img {
    transition: 0.3s ease-in-out;
    transform: scale3d(1.1, 1.1, 1.1) rotate(1deg);
}

.pr-featured .pr-title h3 {
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    text-transform: uppercase;
}

.pr-featured .pr-title {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
}

.slide-product-featured.owl-carousel .owl-item.active.center .pr-title h3{
    position: absolute;
    top: 50px;
    color: var(--background);
    text-align: center;
    left: 0px;
}

.slide-product-featured.owl-carousel .owl-item.active.center .pr-thumbnail {
    padding-top: 35%;
    margin-bottom: 30px;
}

.slide-product-featured.owl-carousel .slide-product-featured .owl-item.active.center {
    border: 2px solid #fff;
}

.slide-product-featured.owl-carousel .owl-item.active.center {
    transform: scale(1.3);
    margin-top: 0 !important;
    position: relative;
    z-index: 999;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: var(--color);
    padding: 15px;
}

.slide-product-featured.owl-carousel .owl-item {
    transform: scale(0.7);
    padding: 10px 0px;
    transition: all 0.5s;
}

.row-contact h2 {
    font-family: var(--family-utm) !important;
    font-size: 40px;

}
.row-contact ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    text-align: left;
}

.row-contact ul li i {
    margin-right: 10px;
}

.row-contact ul li a {
    color: #0033CC;
}

.wpcf7-submit {
    background: var(--background) !important;
    color: #fff;
    font-family: var(--family) !important;
}



/******************************************************************/

.blog-archive .badge-inner {
    display: none;
}

.blog-archive h5.post-title {
    text-transform: uppercase;
    margin-bottom: 15px;
    overflow: hidden;
    height: 40px;
}

.blog-archive p.from_the_blog_excerpt {
    text-align: justify;
}

.blog-archive .box-vertical {
    border: 1px solid #ddd;
}

.blog-archive .box-vertical:hover .box-text {
   background: var(--background);
   color: #fff;
}
.blog-archive .box-vertical:hover p.from_the_blog_excerpt,
.blog-archive .box-vertical:hover .box-text h5 {
    color: #fff;
}

.post-sidebar.large-3.col {
    padding: 15px;
}

.ve-chung-toi img {
    border-radius: 100%;
    height: 240px;
    width: 240px;
}
.section-title b {
    background-color: transparent;
}
.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(img/line-1.png);
    width: 100%;
    height: 10px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}
.row-siderbar .button.primary {
    background: transparent ;
    color: var(--color);
    border: 0px;
    border-bottom: 1px solid;
}

.row-siderbar .featured-box h3 {
    font-weight: 500;
    font-size: 15px;
}

.blog-share a {
    color: #fff;
}
.blog-share .facebook {
    background: #3a589d !important;
}
.blog-share .twitter {
    background: #2478ba !important;
}
.blog-share .email {
    background: #111 !important;
}
.blog-share .pinterest {
    background: #cb2320 !important;
}
.blog-share .linkedin {
    background: #0072b7 !important;
}
.navigation-post a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.content-area.page-wrapper,
.entry-content.single-page,
.tab-panels {
    text-align: justify;
}
.content-area.page-wrapper strong,
.entry-content.single-page strong,
.tab-panels strong {
    font-family: var(--family)!important;
    font-weight: 600;
}
.product-section {
    border-top: 0px solid #ececec;
}
.product-section .pt-half {
    margin-left: 0px;
}

.home.page-template .share-facebook,
.content-area.page-wrapper .share-facebook,
.tab-panels .share-facebook {
    display: none;
}

/****************************************************************/
.absolute-footer {
    display: none;
}


.footer-1 .item br {
    display: none;
}
.footer-1 .title-widget {
    font-family: var(--family-utm) !important;
    font-size: 50px;
    font-weight: 400;
}
.footer-1 .content-healthy {
    text-align: justify;
    padding-right: 40px;
    margin-bottom: 20px;
}

.custom-widget-1 i {
    margin-right: 5px;
}

.custom-widget-2 .col.large-6 {
    padding: 0 15px 22.5px;
}


.footer-1 .item a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--family-bold) !important;
}

.share-footer li {
    float: left;
    padding: 0px 5px;
    list-style: none;
}
.share-footer i {
    background: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
}
.footer-1 .share-footer .tiktok {
    margin-top: 25px;
}

.header-button {
    font-size: 20px;
}
.header-button a{
    background: var(--background);
}

.sidebar-menu.no-scrollbar {
    background: var(--background);
}
.sidebar-menu.no-scrollbar ul li button.toggle,
.sidebar-menu.no-scrollbar ul li a{
   color: #fff;
}
.sidebar-menu.no-scrollbar ul li ul.children {
    background: #fff;
}
.sidebar-menu.no-scrollbar ul li ul.children li {
    border-bottom: 1px solid #ddd;
}
.sidebar-menu.no-scrollbar ul li ul.children li a {
    color: var(--background);
}

/*********************************************************/


/*@media only screen and (max-width: 1024px){
    .sec-shop .title-home h3 {
        width: 318px;
    }
}*/

@media only screen and (max-width: 812px) {
    
    .sec-us .cot-6-2 .col-inner {
       position: initial;
    }
    .title-home .fa-left {
        left: 27% !important;
    }
    .title-home .fa-right {
        right: 27% !important;
    }
   /* .sec-trademark .title-home .fa-right, 
    .sec-trademark .title-home .fa-left {
        width: 35px;
    }
    .sec-news .blog-2 .box-blog-post h5 {
        overflow: hidden;
        height: 50px;
        padding-top: 0px;
    }*/
    /*.sec-shop .title-home h3 {
        width: 250px;
    }
    .sec-shop .title-home .fa-left {
        left: 36% !important;
    }
    .sec-shop .title-home .fa-right {
        right: 36% !important;
    }*/
    .slide-product-featured.owl-carousel .owl-item.active.center .pr-title h3 {
        top: 0px;
    }
}
@media only screen and (max-width: 768px) {
    /*.sec-shop .title-home h3 {
        width: 235px;
    }*/
}
@media only screen and (max-width: 767px) {
    /*.sec-trademark .title-mobile .title-home .fa-left,*/
    .title-home .fa-left {
        left: 25% !important;
    }/*
   */ .sec-trademark .title-mobile .title-home .fa-right,
    .title-home .fa-right {
        right: 25% !important;
    }
    .title-home .fa-right, .title-home .fa-left {
        width: 60px;
    }
    .sec-us .cot-6-2 .col-inner {
       position: initial;
    }
    .sec-gift .box-badge .box-text {
        bottom: 30% !important;
        display: block;
    }
    .title-congdong h4 a {
        overflow: hidden;
        height: 50px;
    }
    
    /*.sec-news .blog-2 .box-blog-post h5 {
        overflow: hidden;
        height: 61px;
        padding-top: 10px;
    }*/
    /*.sec-shop .title-home h3 {
        width: 100%;
        margin-bottom: -1px;
    }
    .sec-shop .title-home .fa-left {
        left: 35% !important;
    }
    .sec-shop .title-home .fa-right {
        right: 35% !important;
    }*/
	
}


@media only screen and (max-width: 500px) {
   /* .sec-shop .title-home .fa-left,
    .sec-trademark .title-mobile .title-home .fa-left,*/
    .title-home .fa-left {
        left: 5% !important;
    }
    /*.sec-shop .title-home .fa-right,
    .sec-trademark .title-mobile .title-home .fa-right,*/
    .title-home .fa-right {
        right: 5% !important;
    }
    .sec-gift .box-badge .box-text {
        bottom: 20% !important;
        display: block;
    }
    .blog-archive .box-text {
        padding: 10px;
    }
    .sec-news .flickity-prev-next-button.previous {
        left: 0%;
    }
    .sec-news .flickity-prev-next-button.next{
        right: 0%;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}