/*
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.   ***************/


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


}


/*
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.   ***************/


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


}

/* Tắt đổi ảnh thứ 2 khi hover */
.image-zoom.image-cover img.show-on-hover{
    display: none !important;
}

.product-small .image-cover img{
	height: auto;
}
input[type=text]{
	height: 45px;
	box-shadow: none;
	border-radius: 4px;
}
.stuck .header-main .nav > li > a[role="tab"]{
	line-height: 25px;
}
.menu-product .nav-tabs+.tab-panels{
	padding-bottom: 0;
}
.menu-product .col{
	padding-bottom: 15px;
}
.price-wrapper .price, .price-wrapper .price span.amount{
    color: #333;
	font-size: 0.9rem;
    font-weight: normal;
	margin-top: 10px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
	text-transform: uppercase;
}
footer a, footer .ux-menu-link__text, footer .ux-menu-link__icon{
	color: #fff;
}
footer .ux-menu-link__text{
	font-size: 90%;
}
footer .ux-menu-link__text:hover{
	opacity: 0.6;
}
footer .section-title-normal{
	border-bottom: 0;
}
.section-title-normal span{
	border-bottom: 1px solid #555;
}

.custom-icon{
    display: flex;
	gap: 1rem;
}
.custom-icon img{
	width: 35px;
}
.button.is-outline{
	border: 1px solid;
}
.btn-so-sanh-xe{
	float: right;
}
.btn-so-sanh-xe .woosc-btn{
	width: 185px;
}
.woocommerce-breadcrumb{
	font-size: 0.8em;
}
.price-wrapper .price.product-page-price span.amount{
	color: #343a40;
	font-size: 2rem;
	font-weight: bold;
}
.price-wrapper .price.product-page-price span.amount .woocommerce-Price-currencySymbol{
	font-size: 75%;
	font-weight: normal;
}
form.cart{
	margin-bottom: 0;
}
.product-short-description{
	margin-bottom: 1.2rem;
}
.product-short-description p{
	margin-bottom: 0.5em;
}
.row-add-to-cart .col{
	padding-bottom: 1rem;
}
.form-dk p{
	text-align: center;
	margin-bottom: 0.5em;
}
.form-dk input.wpcf7-form-control, .form-dk select.wpcf7-form-control{
    font-size: 90%;
    border-radius: 50px;
}
.bang-gia-cac-dong-xe{
	border-collapse: collapse;
}
.bang-gia-cac-dong-xe th, .bang-gia-cac-dong-xe td{
	padding: 15px 10px;
	text-align: center;
	border: 1px solid #999;
}
.bang-gia-cac-dong-xe th{
	background: #ededed;
}
.bang-gia-cac-dong-xe td{
	color: #333;
	font-size: 1rem;
	background: #fff;
}
.video-box-img .col-inner{
	position: relative;
}
.video-box-img .video-button-wrapper{
	position: absolute;
	top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.tab-content-product ul{
	border-bottom: 1px solid #ededed;
}
.tab-content-product ul li{
	padding: 0 1rem;
}
.tab-content-product ul span{
	font-size: 1.25rem;
	font-weight: bold;
}
.tab-content-product ul span a{
	font-size: 1.1rem;
	font-weight: normal;
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th,
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 thead tr th{
    background: #00a0d2;
	padding: 22px 15px 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 thead tr th:not(:first-child){
	text-align: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a{
	color: #fff;
    font-size: 1.2rem;
    margin-right: 1rem;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove{
	color: red;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td{
    font-size: 1rem;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child{
	color: #1464f4;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:nth-child(2n) td{
    background-color: #f7f9f9;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:hover td{
    background-color: #ededed;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-search{
	background-color: #ff;
	background-size: 25px 25px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper{
	background-color: red;
}

.page .banner-contact #ez-toc-container{
	display: none;
}

.single-product .tab-panels table td{
	font-size: 1em;
	text-align: center;
}
.off-canvas-left.mfp-ready .mfp-content{
	background: #fff;
}
.off-canvas .nav-vertical>li>a{
	color: #111c2d;
    font-size: .9rem;
}
.off-canvas .nav-vertical>li>a:hover{
	color: #fff;
    background: #1464f4;
}
.off-canvas .nav-vertical .form-flat input:not([type=submit]){
	height: 40px;
}

.fixed-contact{position:fixed;right:0px;bottom:55px;cursor:pointer;z-index:9999 !important}
#zalo-vr,#messenger-vr{transition:1s all;-moz-transition:1s all;-webkit-transition:1s all}
#phone-vr{transition:0.7s all;-moz-transition:0.7s all;-webkit-transition:0.7s all}
.button-contact .phone-vr{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;display:block}
.phone-vr-circle-fill{width:65px;height:65px;top:11px;left:11px;position:absolute;box-shadow:0 0 0 0 #c31d1d;background-color:rgba(230, 8, 8, 0.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite}
.phone-vr-img-circle{background-color:#e60808;width:40px;height:40px;line-height:40px;top:23px;left:23px;position:absolute;border-radius:50%;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out}
#zalo-vr .phone-vr-img-circle,#messenger-vr .phone-vr-img-circle{background-color:#007fff}
.phone-vr-img-circle a{display:block;line-height:37px}
.phone-vr-img-circle img{max-height:40px;max-width:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
@-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;}
}
#messenger-vr .phone-vr-circle-fill{background:rgb(0 127 255 / 55%);box-shadow:0 0 0 0 #007fff}
#zalo-vr .phone-vr-circle-fill{background:rgb(13 148 228 / 55%);box-shadow:0 0 0 0 #0d94e4}
#phone-vr .phone-vr-img-circle img{height:24px}
#tiktok-vr .phone-vr-circle-fill{background:rgb(0 0 0 / 55%);box-shadow:0 0 0 0 #000000}

@media (max-width: 767px){
	.fixed-contact{
		left: 10px;
		right: 10px;
		bottom: 5px;
		display: flex;
		justify-content: space-between;
	}
	.button-contact .phone-vr{
		width: 80px;
		height: 80px;
	}
	.phone-vr-img-circle{
		top: 26px;
		left: 26px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.phone-vr-img-circle a{
		line-height: 35px;
	}
}
span.widget-title{
    color: #fff;
	display: block;
    font-size: 1.25rem;
    margin-right: 25px;
    margin-bottom: 2rem;
    padding: 15px 10px;
    background: #ca1d1e;
}
.widget .is-divider{
	display: none;
}
.popup-baogia p:last-child{
	margin-bottom: 0;
}
.popup-baogia .wpcf7-submit{
	display: block;
	margin: auto;
}
.mfp-close-btn-in .mfp-close{
	color: #fff;
}