/*
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.   ***************/
blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom: 0.7em;}

.entry-header .entry-header-text-top{padding-bottom: 0;}


/*.nav-dropdown > li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col > a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; color: #000;}
.nav-dropdown-default > li > a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;margin-left: -10px;}
.nav-dropdown .nav-dropdown-col ul{border: 1px solid #d2d2d2;margin-top:-40px;display:none;position: absolute;left: 100%;z-index: 9;background: white;min-width: 240px;}
@media (min-width: 850px){
	.active > ul.sub-menu:not(.nav-dropdown){display: none !important}
}
.nav-dropdown > li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col > ul li a{padding:10px;  text-transform: none;color:#000;font-size: 15px;}
.header-nav li:hover > ul{display:block !important}*/

.nav-dropdown > li.nav-dropdown-col{min-width: 229px;}
.mega-menu .nav-dropdown > li {margin-bottom: 10px;}
.mega-menu .nav-dropdown > li > a{font-weight: 600; color: #000;font-size: 13px;text-transform: uppercase;}
.mega-menu .nav-dropdown li a{padding:5px 10px;}
.mega-menu .nav-dropdown > li.nav-dropdown-col:not(:last-child){border: unset;}

.color-white,
.color-white a{color: #fff;}

.line-divider .is-divider{margin-top: 25px !important;position: relative;}
.line-divider .is-divider:before{content: ''; background-color: rgb(253, 167, 56);height: 3px; width: 100px;position: absolute; top: 0; left: 0;}

.post-template-default .breadcrumb{background-color: #6038131c;padding: 7px;}
.post-template-default .breadcrumb .rank-math-breadcrumb p{margin-bottom: 0;}

.icon-box-left{align-items: center;}

.is-divider,
.wpcf7-spinner,
.absolute-footer{display: none;}

.header-nav-main li a{text-align: center;display: block;}
.header-nav-main li a img{display: block;width: 35px; height: 30px; margin: 0 auto 5px !important}

.hotline-topbar a{color: #fff;font-size: 15px}
.hotline-topbar a:not(:last-child){margin-right: 20px;}


.header .nav-small a.icon:not(.button){font-size: 15px;}
.footer-wrapper a{color: #fff !important;}
.footer-wrapper a:hover{text-decoration: underline;}

.form-flat input:not([type="submit"]), .form-flat select, .form-flat textarea{background-color: #fff;}

.text-rightline{position: relative; letter-spacing: 2px;}
.text-rightline:after{content: '';width: 50px;height: 2px;background-color: #fdad23;display: inline-block;margin-left: 5px;}

.title-section:after{content: '';background-image: url('assets/img/line-title.png');width: 250px;height: 14px;display: block;margin: 0 auto 15px;}
.title-section.title-sectionv2:after{background-image: url('assets/img/line-titlev2.png')}
.title-sectionv3{position: relative;}
.title-sectionv3:after{content: '';background-color: #f1b01d;width: 50px;height: 2px;display: block;margin-bottom: 20px;}
.product_title{border-bottom: 2px solid #f1b01d; padding-bottom: 10px;margin-bottom: 10px;text-transform: uppercase;}
.product_title .section-title{border-bottom: unset;margin-bottom: 0;background: #603813;height: 50px;display: inline-flex;align-items: center;padding: 0 30px 0 20px;position: relative;min-width: 250px;width: auto;}
.product_title .section-title::after {content: '';background: url('assets/img/nav.png') right center no-repeat;background-size: 66px;position: absolute;top: 0;right: -40px;width: 66px;height: 50px;}
.product_title .section-title a{color: #fff;margin-left: 0; padding-left: 0;}

.home-product .box-text-products .product-title{font-size: 16px;font-weight: 600;text-align: center;}
.home-product .box-text-products .product-title a{position: relative;display: block;padding: 10px;border: 1px solid #ccc;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
.home-product .box-text-products .product-title a:before{content: '';position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #603813;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.home-product .box-text-products:hover .product-title a::before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.box-text-products .price del{display: none;}

.product-info .price{font-size: 1.3em;display: flex; align-items: center;}
.product-info .price span.amount{color: red;}
.product-info .price del{font-size: 16px;order: 2;margin-left: 15px;}
.product-info .price del span.amount{color: #333;}

.divider-bottom-row{border-bottom: 2px solid #ccc;margin-bottom: 30px;padding-bottom: 10px;}

.lienhe-muahang{margin-bottom: 20px;}
.lienhe-muahang h4{font-size: 22px;text-transform: uppercase;}
.lienhe-muahang p{margin-bottom: 5px;}
.form-lienhe{background-color: #4b312140;padding: 20px 20px 10px;width: 80%;margin: 0 auto 30px;}
.form-lienhe h4{font-size: 22px;text-transform: uppercase;}
.widget .form-lienhe{padding: 15px 15px 5px;width: 100%; margin: unset;}
.widget .form-lienhe h4{font-size: 18px;}

.widget_product_categories .cat-item.cat-item-15{display: none;}
.product-template-default .product-main{padding-bottom: 0;}

#shop-sidebar .widget_product_categories,
.shop-sidebar .widget_product_categories,
.post-sidebar .widget_product_categories{padding-left: 20px;border-left: 1px solid #E2E6EA;}
#shop-sidebar .is-divide,
.shop-sidebar .is-divide,
.post-sidebar .is-divide{display: none;}
#shop-sidebar .widget-title,
.shop-sidebar .widget-title,
.post-sidebar .widget-title{font-size: 18px;margin-bottom: 10px;position: relative;padding: 10px 0;display: block;}
#shop-sidebar .widget-title:before,
.shop-sidebar .widget-title:before,
.post-sidebar .widget-title:before{content: '';background: #ffe40c;width: 3px;height: 100%;top: 0;left: -22px;position: absolute;}
#shop-sidebar .info_company,
.shop-sidebar .info_company,
.post-sidebar .info_company {background-color: #4b312140;padding: 15px 15px 5px;}

.home .product-small .box-text-products{padding-bottom: 8px;}

.form-subfooter .wpcf7-form{margin-bottom: 0;}
.form-subfooter .wpcf7-form .wpcf7-form-control-wrap{display: inline-block;}
.form-subfooter .wpcf7-form .wpcf7-form-control-wrap input{margin-bottom: 0;height: 43px;border-radius: 25px;width: 100%; margin-bottom: 10px;}
.form-subfooter .wpcf7-form .wpcf7-submit{background-color: #fdb713; margin-right: 0; margin-bottom: 0;height: 43px;border-radius: 25px;width: 100%}
@media (min-width: 850px){
	.form-subfooter .wpcf7-form p{display: flex;flex-flow: row wrap;}
	.form-subfooter .wpcf7-form .wpcf7-form-control-wrap{flex-basis: 42%;max-width: 42%;margin-right: 10px;}
	.form-subfooter .wpcf7-form .wpcf7-submit{flex-basis: 12%;max-width: 12%;}
}

.feature {position: relative;overflow: hidden;}
.feature::before {content: "";display: block;padding-top: 56.25%;}
.feature .image{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;background-size: cover;background-position: center;}
ul.row.related-post li {list-style: none;}
.related-title {line-height: 1.3 !important;margin-top: 10px !important;}

#fanpage-vr .phone-vr-circle-fill,
#youtube-vr .phone-vr-circle-fill,
#zalo-vr .phone-vr-circle-fill{display: none;}

.nav-tabs + .tab-panels{padding: 5px;}

/*Home Css*/
.homesection-list-categories{position: relative;}
.homesection-list-categories:before{content: ''; background-image: url('assets/img/over-left.png');background-repeat: no-repeat;width: 716px;height: 592px;position: absolute;right: 0;top: 0;}
.homesection-list-categories:after{content: ''; background-image: url('assets/img/over-right.png');background-repeat: no-repeat;width: 719px;height: 592px;position: absolute;left: 0;bottom: 0;}

.pixta_product_categories .col-inner{border-bottom: 2px solid #fdad23;}
.pixta_product_categories .col-inner:after{content: '';border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #fdad23 transparent;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);}
.pixta_product_categories .product_categories_image{position: relative;}
.pixta_product_categories .product_categories_image:after{content: '';background-color: #603e2a6b;width: 100%;height: 100%;position: absolute;left: 0;top:0;display: none}

.pixta_product_categories .product_categories_image .product_categories_link{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2}
.pixta_product_categories .product_categories_image .product_categories_link a{position: relative;display: none; width: 150px; height: 38px; line-height: 38px;color: #fed82a;}
.pixta_product_categories .product_categories_image .product_categories_link a:before{content:''; background: linear-gradient(to bottom, #fed82a, #fdad23);-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;width: 100%;height: 100%;border-radius: 25px;overflow: hidden; padding: 2px;position: absolute;left: 0;}
.pixta_product_categories .product_categories_image .product_categories_link a i{font-size: 12px;}
.pixta_product_categories .col-inner:hover .product_categories_image:after,
.pixta_product_categories .col-inner:hover .product_categories_image .product_categories_link a{display: block;}
.pixta_product_categories .product_categories_title{padding: 15px 10px;}
.pixta_product_categories .col-inner:hover .product_categories_title{background-color: #603e2a;}
.pixta_product_categories .product_categories_title h5{margin-bottom: 0;}
.pixta_product_categories .col-inner:hover .product_categories_title h5{color:#fff;}
.term-description{margin-top: 25px;}


/*Intro css*/
.section-intro-left {background-image: url(assets/img/bg-intro-left.png); background-repeat: no-repeat; padding-top: 50px !important;}
.section-intro-right {background-image: url(assets/img/bg-intro-right.png); background-repeat: no-repeat; padding-top: 50px !important;}
@media screen and (min-width: 850px) {
	.section-intro-left {padding-right: 50px !important;}
	.section-intro-right {padding-left: 50px !important;}
	.row-5 .large-3{flex-basis: 20%;max-width: 20%;}
}
.section-ourvision-text{background-color: #fff;border: 1px solid #ccc;padding: 15px 15px 5px;margin-top: 20px;}
.text-giatricotloi{border-left: 2px solid #f1b01d;padding-left: 16px;}

.section-giatricotloi .line{margin: 10px 0;text-align: center;position: relative;}
.section-giatricotloi .line span{width: 15px;height: 15px;background-color: rgb(96, 56, 19);border-radius: 50%;display: block;margin: 0 auto;position: relative; z-index: 2}
.section-giatricotloi .line:before{content: '';;background-color: #f1b01d;width: 100%;height: 2px;display: block;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.section-giatricotloi .line:after{content: '';content: '';background-color: #f1b01d;width: 100%;height: 2px;display: block;position: absolute;top: 50%;left: 10px;transform: translateY(-50%);}
.section-giatricotloi p{text-align: justify;text-align-last: center; margin-left: 15px; margin-right: 15px;}

@media (max-width: 849px) {
	.mobile-nav li.html.custom {display: inline-block !important;}
	.medium-logo-center .logo{order: 3;margin: 0;}
	.medium-logo-center .logo img{margin-right: unset;}
	.medium-logo-center .flex-right{order: 2;display: none;}
	.mobile-nav .header-nav li{border-left: 2px solid #603813;padding-left: 10px;margin: 0 5px;}
	.mobile-nav .header-nav li a{color: #603813 !important}
}

@media (min-width: 850px){
	.nav-divided > li + li > a::after {height: 50px;margin-top: -25px;}
	.footer-wrapper .section-footer{border-radius: 150px 150px 0 0}
}

@media (max-width: 840px) {
	.homesection-list-categories:before,
	.homesection-list-categories:after{content: unset;}
	.stuck .header-main.hide-for-sticky{display: block !important}
}

@media (max-width: 576px) {
	#logo {width: 50px !important;}
	.section-giatricotloi .line:before{right: 0;}
	.section-giatricotloi .line:after{left: 0;}
	
	.form-subfooter .wpcf7-form .wpcf7-form-control-wrap input{margin-bottom: 10px;}

	.footer-wrapper{padding-bottom: 60px;}

	#button-contact-vr {width: 100%;}
	#button-contact-vr #gom-all-in-one{display: flex;flex-flow: row wrap;background-color: #f7f7f7;box-shadow: 2px 1px 9px #dedede;border-top: 1px solid #eaeaea;border-top: 1px solid #eaeaea;height: 60px;align-items: center;}
	#button-contact-vr .button-contact{flex-basis: 20%;max-width: 20%;}
	#button-contact-vr .button-contact .phone-vr{height: unset;width: unset;}
	#button-contact-vr .phone-vr-img-circle{margin: 0 auto;position: relative; top: unset; left: unset;}
	#button-contact-vr .button-contact .phone-vr-circle-fill{display: none;}




}