@charset "UTF-8";
/*
Theme Name: Thẩm mỹ Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
body { font-size: 15px !important; }

.header-top .header-contact a { color: var(--primary-color); font-weight: 700 !important; }

.header-nav-main > li { margin: 0 25px; }
.header-nav-main > li > a { font-size: 14px; color: #252525; }
.header-nav-main > li:hover > a, .header-nav-main > li.current-menu-item > a { color: var(--primary-color); }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; border: 1px solid rgba(20, 90, 169, 0.1) !important; height: 48px; min-width: 48px; border-radius: 100px; }
.slider-nav-circle .flickity-prev-next-button svg { display: none; }
.slider-nav-circle .flickity-prev-next-button:after { content: ''; background: url("assets/images/right-arrow.svg") no-repeat center center; background-size: 18px; height: 100%; width: 100%; display: block; position: relative; margin: 0 auto; }
.slider-nav-circle .flickity-prev-next-button.previous:after { transform: rotate(180deg); }
.slider-nav-circle .flickity-prev-next-button:hover { background-color: var(--primary-color); }
.slider-nav-circle .flickity-prev-next-button:hover:after { filter: brightness(0) invert(1); }
.slider-nav-circle .flickity-prev-next-button.next:hover:after { transform: rotate(0deg); }

.flickity-page-dots .dot { background-color: var(--primary-color) !important; border: none; }

.section .button:not(.icon) { font-weight: 600; font-size: 15px; min-height: 45px; line-height: 45px; }
.section .button:not(.icon).is-outline { border-width: 1px; }
.section h2 { font-weight: 600; font-size: 36px; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { text-transform: none; font-weight: 700; font-size: 40px; color: #252525; border-bottom: none; line-height: 1.3; }
.section-title a { font-weight: 600; font-size: 14px; line-height: 24px; text-decoration-line: underline; color: var(--primary-color); }

.home-section-1:after { content: ""; background-color: var(--primary-color); height: 514px; width: 100%; position: absolute; z-index: 0; bottom: 0; }
.home-section-1 .first-image { left: 50%; transform: translateX(-50%); margin-top: -60px; }
@media screen and (min-width: 513px) { .home-section-1 .row-five { position: relative; max-width: 900px !important; margin: 0 auto; }
  .home-section-1 .row-five .featured-box p { color: #fff; font-weight: 600; font-size: 15px; }
  .home-section-1 .row-five .col { flex-basis: 20%; max-width: 20%; }
  .home-section-1 .row-five .col:nth-child(2), .home-section-1 .row-five .col:nth-child(4) { margin-top: 204px; }
  .home-section-1 .row-five .col:nth-child(2) .col-inner { margin-left: -50px; }
  .home-section-1 .row-five .col:nth-child(4) .col-inner { margin-left: 50px; }
  .home-section-1 .row-five .col:nth-child(3) { margin-top: 303px; } }

.nav-pills > li { margin: 0 12px; }
.nav-pills > li > a { color: #656565; font-size: 15px; border: 1px solid #656565; border-radius: 33px; padding: 0 25px; }

.tab-panels { padding-top: 40px; }

.product-small.col .col-inner { border: 1px solid #E5E5E5; overflow: hidden; background-color: #fff; }
.product-small.col .product-title a { font-weight: 500; font-size: 15px; color: #252525; }
.product-small.col .productAction { transform: translate(-101%, -50%); transition: all .35s linear; position: absolute; bottom: 0px; top: 50%; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 99; background: #11489be6; padding: 20px; }
.product-small.col .productAction .product-title { font-weight: 500; font-size: 20px; }
.product-small.col .productAction .shop_attributes th, .product-small.col .productAction .shop_attributes td { font-weight: 500; font-size: 14px; text-transform: none; min-width: 106px; }
.product-small.col .productAction .button { background-color: #fff !important; color: var(--primary-color) !important; text-transform: none; width: 100%; margin-top: 20px; border: none; height: 45px; line-height: 45px; }
.product-small.col:hover .productAction { transform: translate(0, -50%); }

.product-small.box { background-color: #fff; }
.product-small.box .box-image { background: #fff !important; }

.product-category.col .header-title { text-transform: none; font-size: 15px; }

.home_pro_list .pro_title { background: #E5E5E5; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); margin-bottom: 0; text-align: center; font-weight: 300; font-size: 24px; line-height: 30px; letter-spacing: 0.5em; text-transform: uppercase; color: #363636; padding: 35px; }
.home_pro_list .row .col:nth-child(even) .box-image { background: rgba(227, 227, 227, 0.2) !important; }

.post-item .is-divider { display: none; }
.post-item .post-title { font-weight: 600; font-size: 15px; text-transform: uppercase; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; }
.post-item .post-meta { font-weight: 400; font-size: 13px; line-height: 16px; color: #656565; margin-bottom: 10px; }

.home-news .post-item .box-vertical { background: #FFFFFF; border: 1px solid #E5E5E5; padding: 14px; display: flex; flex-direction: row-reverse; }
.home-news .post-item .box-vertical .box-text { padding-left: 10px; }

.post-list-item li { list-style: none; margin-left: 0 !important; margin-bottom: 30px; }
.post-list-item li a { font-weight: 600; font-size: 15px; text-transform: uppercase; line-height: 24px; margin-bottom: 5px; }
.post-list-item li a .post-meta { text-transform: none; font-weight: 400; font-size: 13px; line-height: 16px; color: #656565; display: block; }

.home-gallery-1 .box-image { background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 2px; min-height: 133px; line-height: 133px; text-align: center; }
.home-gallery-1 img { width: auto; }

.home-gallery-2 .box-image { background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 2px; min-height: 100px; line-height: 100px; text-align: center; }
.home-gallery-2 img { width: auto; }

.breadcrumb-wrap { background: #F5F5F5; padding: 14px 0; }
.breadcrumb-wrap .rank-math-breadcrumb { font-size: 14px; font-weight: 400; color: #656565; }
.breadcrumb-wrap .rank-math-breadcrumb p { margin-bottom: 0; }
.breadcrumb-wrap .rank-math-breadcrumb a { color: var(--primary-color); }

.page-title-inner { padding-top: 0; }
.page-title-inner .cate-title { font-weight: 400; font-size: 32px; line-height: 39px; margin-bottom: 0; text-transform: uppercase; color: #252525; margin-top: 50px; }

.cate-sub { border-bottom: 1px solid #E5E5E5; }
.cate-sub li { margin: 0 25px; }
.cate-sub li a { font-weight: 500; font-size: 15px; line-height: 18px; color: #252525; padding: 21px 0px; }

.products .box-text, .related .box-text { background: #F5F5F5; padding: 20px; }

.product-gallery .woocommerce-product-gallery__image img { border: 1px solid #E5E5E5; }
.product-gallery .product-thumbnails a { border: 1px solid #E5E5E5; }
.product-gallery .product-thumbnails .is-nav-selected a { border-color: var(--primary-color); }
.product-gallery .image-tools { display: none; }

.product-info h1.product-title { font-weight: 300; font-size: 36px; line-height: 44px; color: #252525; }
.product-info table tr td { font-weight: 400; font-size: 15px; line-height: 40px; border: none; color: #363636; }
.product-info .button { font-weight: 500; font-size: 14px; line-height: 50px; height: 50px; min-width: 47%; border-radius: 2px; }
.product-info ul.info { margin-top: 30px; }
.product-info ul.info li { list-style: none; font-weight: 500; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #252525; display: flex; margin-left: 0; margin-bottom: 22px; }
.product-info ul.info li .icon { min-width: 30px; }

.product-footer .woocommerce-tabs { border-top: none; }

.product-tabs { background: #F5F5F5; }
.product-tabs li a { padding: 10px 20px; font-weight: 600; font-size: 14px; line-height: 40px; text-transform: uppercase; color: var(--primary-color) !important; }
.product-tabs li a:before { display: none; }

.product-section { border-top: none; }

.page-header-wrapper h1.entry-title { font-weight: 600; font-size: 48px; line-height: 58px; }

.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea { font-weight: 400; font-size: 15px; line-height: 18px; color: #656565; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 2px; box-shadow: none; }
.wpcf7 textarea { min-height: 100px; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 .wpcf7-submit { height: 50px; display: block; width: 100%; background-color: var(--primary-color) !important; color: #fff; font-weight: 500; font-size: 15px; text-transform: none; border-radius: 2px; }
.wpcf7 .wpcf7-response-output { border-width: 1px; margin-top: 0; font-size: 15px; }

p.contact { color: #252525; font-weight: 400; font-size: 16px; display: flex; }
p.contact i { color: var(--primary-color); font-size: 20px; margin-right: 8px; margin-top: 5px; }
p.contact a { color: #252525; }

.blog-single { padding-top: 0; padding-bottom: 0; }
.blog-single .entry-header-text { padding: 0; }
.blog-single .entry-header-text h1.entry-title { font-weight: 500 !important; font-size: 36px; margin-bottom: 10px; }
.blog-single .entry-header-text .post-meta { font-weight: 400; font-size: 13px; color: #656565; margin-bottom: 25px; display: block; }
.blog-single .share-box { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin-top: 30px; }
.blog-single .social-icons { display: flex; align-content: center; align-items: center; padding: 20px 0; }
.blog-single .social-icons > a { color: var(--primary-color); background-color: transparent !important; border: none !important; font-size: 20px; margin-left: 10px; }
.blog-single .social-icons span { font-weight: 400; font-size: 15px; line-height: 18px; color: #656565; }

.widget_new_post .post-item { padding-bottom: 0; }
.widget_new_post .post-item .col-inner { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #E5E5E5; }
.widget_new_post .post-item .box-vertical { direction: ltr; display: flex; vertical-align: top; }
.widget_new_post .post-item .box-vertical .box-image { width: 30% !important; }
.widget_new_post .post-item .box-vertical .box-text { padding-top: 0px; padding-bottom: 0px; }

.related-services { background: #F5F5F5; }

.footer-1 { padding-top: 80px; border-bottom: 1px solid rgba(225, 225, 225, 0.2); }
.footer-1 span.widget-title { display: block; font-weight: 700; font-size: 14px; margin-bottom: 20px; }
.footer-1 .is-divider { display: none; }
.footer-1 .footer-logo {}
.footer-1 p { font-weight: 400; font-size: 16px; }
.footer-1 ul li { border: none !important; }
.footer-1 ul li a { font-weight: 400; font-size: 15px; }
.footer-1 ul li a:hover { text-decoration: underline; }
.footer-1 ul li.menu-item-home { display: none; }
.footer-1 .social-icons > a { border: none !important;  }
@media screen and (min-width: 769px) { .footer-1 .row > .col:nth-child(1) { flex-basis: 15%; max-width: 15%; }
  .footer-1 .row > .col:nth-child(2) { flex-basis: 40%; max-width: 40%; }
  .footer-1 .row > .col:nth-child(3) { flex-basis: 30%; max-width: 30%; }
  .footer-1 .row > .col { flex-basis: 30%; max-width: 30%; } }

.copyright-footer { font-weight: 400; font-size: 12px; color: #000; }

.white-popup-block { background: #FFF; padding: 0px 0px; text-align: left; max-width: 550px; margin: 40px auto; position: relative; border-radius: 15px; overflow: hidden; padding: 25px 30px; background: linear-gradient(180deg, rgba(27, 43, 125, 0.7), rgba(7, 11, 48, 0.56)), #111022; color: #fff; }
.white-popup-block .wpcf7 .wpcf7-list-item-label { color: #fff; }

.white-popup-block h3 { color: #fff; text-align: center; }

.modal-body { padding: 0; color: #000; font-size: 16px; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li a { border: none; height: 50px; width: 50px; line-height: 50px; font-weight: 700; font-size: 13px; color: #000000; background-color: #F5F5F5 !important; border: 1px solid transparent; border-radius: 100px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: var(--primary-color) !important; color: #fff; }
.nav-pagination li .current { background-color: var(--primary-color) !important; color: #fff; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

@media screen and (max-width: 820px) { .mobile-nav .has-icon a { height: 36px; width: 30px; color: #111 !important; display: flex; justify-content: center; align-items: center; padding: 0; flex-direction: column; border-radius: 100px; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .header-language-dropdown a { border-radius: 2px; height: 25px; padding: 0; width: 25px; text-align: center; display: inline-block; background: var(--primary-color); color: #fff; text-transform: uppercase; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .off-canvas .nav-vertical > li .header-contact a { font-size: 20px; color: var(--primary-color); }
  .nav-vertical li li.menu-item-has-children > a { text-transform: none; font-size: 16px !important; }
  .header-search-form .searchform-wrapper { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; height: auto; }
  .header-search-form .searchform-wrapper .search-field { border: none; box-shadow: none; height: 43px; }
  .header-search-form .searchform-wrapper .ux-search-submit { background-color: #fff !important; box-shadow: none; height: 43px; color: #000; border: none; }
  .header-search-form input[type=search] { min-width: auto; }
  .section-title span.section-title-main, .section h2, .page-header-wrapper h1.entry-title, .blog-single .entry-header-text h1.entry-title, .product-info h1.product-title { font-size: 30px; }
  .cate-sub li { margin: 0 15px; }
  .section .button:not(.icon) { font-size: 14px; min-height: 38px; line-height: 38px; } }
@media screen and (max-width: 820px) and (min-width: 513px) { .footer-1 .row > .col:not(:first-child) { flex-basis: 50%; max-width: 50%; } }
@media screen and (max-width: 820px) { .product-small.col .productAction { padding: 10px; }
  .product-small.col .productAction .product-title { font-size: 18px; }
  .product-small.col .productAction .shop_attributes th, .product-small.col .productAction .shop_attributes td { font-size: 13px; } }
@media screen and (max-width: 512px) { .home-section-1:after { height: 670px; }
  .home-section-1 .first-image { position: relative !important; text-align: center; }
  .home-section-1 .row-five .featured-box p { color: #fff; font-weight: 600; margin-bottom: 15px; }
  .section-title span.section-title-main, .section h2, .page-header-wrapper h1.entry-title, .blog-single .entry-header-text h1.entry-title, .product-info h1.product-title { font-size: 20px; }
  .nav-pills > li { margin: 2px 3px; width: 49%; }
  .nav-pills > li a { width: 100%; text-align: center; display: block; }
  .home_pro_list .pro_title { font-size: 17px; letter-spacing: 0.3em; padding: 26px; }
  .product-info .button { min-width: 45%; }
  .widget_new_post .post-item .box-vertical .box-text { padding-left: 10px; }
  .product-info .button { line-height: 42px; height: 42px; } }
.wp-call-button {right: 20px !important;bottom: 122px !important;}
.absolute-footer {background:#fff !important;padding:15px 0}
.footer-1 p,.footer-1 span.widget-title,.footer-1 ul li a {color:#fff !important}
.footer-1 .social-icons > a { display: inline-flex;align-items: center;justify-content: center;}
.button.facebook {
    background-color: #3a589d!important;
	color:#fff
}
.button.instagram {
    background-color: #3b6994!important;
	color:#fff
}
.button.twitter {
    background-color: #2478ba!important;
	color:#fff
}
.button.youtube {
    background-color: #c33223!important;
	color:#fff
}
.product-small.col .productAction,.has-dropdown .icon-angle-down,.searchform-wrapper {display: none!important}
.ft{display:flex}
.ft i {color:#fff !important;margin:5px 5px 0 0}
.logo_row a {padding: 10px; border: 1px solid #eee;display:block}
#custom_html-2 {display:none !important}
#custom_html-3 *, #custom_html-2* {color:#fff !important}
.flickity-page-dots {bottom:-20px}
.div-nut {
    display: flex;
    flex-direction: column;
    font-size: 14px!important;
    position: fixed;
    z-index: 2147483647;
    bottom: 40px;
    right: 0;
    padding-left: 5px;
}
.div-nut ul li {
    list-style: none;
}
.div-nut ul li a {
    display: inline-block;
    overflow: visible!important;
    width: 54px!important;
    height: 54px!important;
    margin: 6px!important;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    cursor: pointer;
    position: relative;
}
.div-nut ul li a img {
    border: 1px solid #85C342;
    border-radius: 50px;
}
.div-nut ul li .tooltext {
    visibility: hidden;
    font-size: 15px!important;
    line-height: 16px!important;
    text-align: center;
    white-space: nowrap;
    border-radius: 6px;
    padding: 9px 20px;
    position: absolute;
    top: calc(50% - 16px);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
    right: 120%;
    color: #87C543;
    background: #fff;
    border: 1px solid #87C543;
    font-weight: 700;
}
.div-nut ul li:hover .tooltext {
    visibility: visible;
    opacity: 1;
}
.back-to-top {bottom: 10px;right: 5px;}

.nav-small .nav>li>a, .nav.nav-small>li>a {color:#fff}
.header-main {padding:5px 0;height:102px !important}
#header.header.show-on-scroll, #header .stuck .header-main {
	height:101px !important
}
.type-video .entry-header {display:none}
.type-video iframe {
	width:100% !important;
	height: 550px
}
@media (max-width: 855px) {
	.div-nut {
    display: block!important;
    flex-direction: unset!important;
    width: 100%;
    height: 65px;
    line-height: 50px;
    position: fixed;
    bottom: 0!important;
    left: 0!important;
    z-index: 999!important;
    padding: 0px!important;
    margin: 0!important;
    right: unset!important;
}
.div-nut ul li {
    background: white!important;
    border-right: 1px solid #64AF01;
    float: left;
    width: 25%;
    list-style: none;
    height: 70px;
}
	.div-nut ul li a {
    text-align: center;
    width: 100%!important;
}
	.div-nut ul li a img {
    max-width: 55px;
    border: none!important;
    border-radius: 0px!important;
    margin-left: -10px!important;
}.div-nut ul li .tooltext {
    display: none!important;
}
	.header-main,#header.header.show-on-scroll, #header .stuck .header-main {
	height:72px !important
}
	#logo img,#header .stuck #logo img {
    max-height: 60px !important;
}
}