/*
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.   ***************/
/* css logo */
.stuck .logo-left .logo{
	position: inherit;
}
.logo-left .logo{
	position: absolute;
	top:-40%;
}
.stuck #logo img {
    max-height: 60px !important;
}
/* css form icon */
.ux-search-box  input[type='search']{
	height: 1.5em;
}
.ux-search-box .searchform .button.icon i{
	font-size: 1em;
	top: 0;
	right: -16px;
}
/* css menu  */
/* .stuck .header-main{
	background-color: rgba(54, 54, 54, 0.785);
	opacity: 0.95;
} */
.home .header-wrapper {
    border-bottom: 0;
}
.header-wrapper {
    border-bottom: 1px solid #ccc;
}
.header-button .button{
	background-color: #DB2D2E;
	height: 20px;
}
.home .header-wrapper .header-top {
    background-color: transparent !importantim;
}
 .header-wrapper {
    background-color: #333;
}
.home .nav>li>a{
	color: #fff;
}
.nav>li>a{
	font-size: 18px;
	margin: 0 0 0 25px;
}
.nav>li.active>a, .stuck .nav>li.active>a, .nav>li>a:hover, .stuck .nav>li>a:hover, ul.menu>li a:hover{
	color: #DB2D2E;
}
.stuck .header-main {
    background-color: #333333;
}
.stuck .nav>li>a{
	color: #fff;
}
.stuck #logo img{
	height: 50px;
}
ul.header-nav.nav-right{
	border-top: 1px solid #fff;
}
.stuck ul.header-nav.nav-right{
	border-top: 0;
}
/* Css footer */

 .ss_footer p, .ss_footer a, .footer-wrapper .widget-title{
	color: #fff;
}
.ss_footer ul.menu>li+li, .ss_footer .widget>ul>li+li{
	border: 0;
}

.ss_footer p{
	margin-bottom: 10px;
}
.container.clearfix {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
	color: #C4C3C3;
	font-size: 16px;
}
.container.clearfix a{
	margin-right: 15px;
}
.cd-social-footer.social-full {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cd-social-footer.social-full a {
    height: 60px;
    width: 140px;
    display: flex;
    background-color: transparent;
    margin-bottom:20px;
    justify-content: center;
    align-items: center;
	text-transform: uppercase;
}
.cd-social-footer.social-full a svg{
	margin-left: 5px;
}
.cd-social-footer.social-full .facebook:hover{
	background-color: #3a5897;
}
.cd-social-footer.social-full .tiktok:hover{
	background-color: #dd4b80;
}
.cd-social-footer.social-full .youtube:hover{
	background-color: #db2d2e;
}
.cd-social-footer.social-full .fan-page:hover{
	background-color: #e13138;
}
/* Css lọc theo thuộc tính */
.category-page-row .hide-for-medium{
	background-color: #F5F5F5;
	padding: 15px;
	margin-bottom: 20px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
    background-color: #dadada;
    border: 0;
}
 
.ui-slider-handle.ui-corner-all.ui-state-default {
    background-color: #db2d2e;
}
.is-divider.small {
    background-color: #db2d2e!important;
}

.widget-title{
	color: #000;
}
.select2-selection--single {
    height: 40px !important;
    padding-top: 5px !important;
    border-color: #dadada !important;
}
.select2-selection__placeholder{
	margin-left: -52px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #db2e2f !important;
}
.widget_price_filter .price_label {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
}
/* Css product */

.product-small .box-image{
	padding: 10px;
}
.product-title a, h5.post-title.is-large, .box-text a:not(.button) {
    font-size: 18px;
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    height: 1.5em;
    text-transform: capitalize;
}
.product-title a{
	color:  #DB2D2E;
}
/* .shop-container .size-woocommerce_thumbnail {
    height: 250px;
} */
.product-summary .woocommerce-Price-currencySymbol{
	font-size: 16px;
	margin-top: 0;
	vertical-align: initial;
}
.product-page-price span.amount{
	color: #DB2D2E;
	font-size: 16px; 
	line-height: 19px;
}
.block-info .product-page-price span.amount{
	font-size: 1.2em;
	line-height: 1.3em;
}
.blockt-info .woocommerce-Price-currencySymbol{
	font-size: 1em;
	
}
.block-info .product-page-price {
    margin-bottom: 10px;
}
.product-small .price-wrapper {
    background-color: #DB2D2E;
    height: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.product-small span.amount{
	color: #fff;
	font-size: 16px; 
	line-height: 19px;
}
.tabs_xe .nav>li a{
	font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 22px;
	margin: 0 15px;
	color: #363636 !important;
}
.tabs_xe .nav>li a:before{
	background-color: #363636;
	height: 2px;
}
.tabs_xe .nav .active a{
	color: #DB2D2E;
	
}
.tabs_xe .nav .active a:before{
	background-color: #DB2D2E;
	height: 2px;
}

.product-tabs li a {
    margin-left: 0;
    border-radius: 0;
}

.product-tabs li.active a {
    background-color: #da2c2d !important;
    color: #fff;
    border-radius: 0;
}

.product-tabs li {
    border: 1px solid #da2c2d;
}

.widget_price_filter .price_slider_amount {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.widget_price_filter .price_slider_amount .button {
	width: 100%;
    background-color: #da2c2d;
    margin-top: 10px;
	margin-bottom: 0;
    border-radius: 0;
}

.product-tabs {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}

.prod-attrs {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 30px;
    margin-bottom: 5px;
}
.prod-attrs span,.prod-attrs span i{
	color: #2e2e2e;
}
/* Css form */

.form-one {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
}
.form-tow {
    display: flex;
    grid-gap: 25px;
}
.form-tow .khoan-gia {
    width: 32.5%;
}
.form-tow .noi-dung {
    width: 67%;
}
.form-one .wpcf7-submit{
	width: 100%;
	background-color: #DB2D2E !important;
}
.wpcf7-list-item-label {
    display: block;
}
.link-hre a{
	 text-decoration:underline;
	color: #fff;
}
.link-hre .chinh-sach{
	display: flex;
    justify-content: flex-end;
   	margin-top: -25px;
}
.form-input, .wpcf7-list-item-label {
    color: #fff;
}
.form-input .wpcf7-form-control{
	border-radius: 5px;
}
/* Css img product detail */
/* img.skip-lazy {
    height: 420px;
} */
/* css block dich vu */
.row-box-shadow-2 .col-inner {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
}

.dich-vu .main-title , .dich-vu h6{
    color: #fff;
    text-transform: uppercase;
}
.dich-vu h6{
	font-size: 16px;
	line-height: 1.6em;
}
.icon-dich-vu {
    margin-bottom: 15px;
}
.icon-dich-vu img {
    width: 40px;
}
.text-number {
    display: flex;
    grid-gap: 15px;
}
.number {
    font-size: 45px;
    line-height: 50px;
    color: #DB2D2E;
}

.box-icon-tx .icon-inner{
	transition: none !important;
}

.title-line h3 {
    position: relative;
    display: inline-block;
}

/* .title-line h3:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: red;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
} */

.box-icon-tx .icon-inner{
	position: relative;
	padding: 10px
}
/* .box-icon-tx .icon-inner:before{
	font-family: 'FontAwesome';
	font-size: 25px;
}
.box-car-01 .icon-inner:before{
	content: '\f1b9';
}
.box-car-02 .icon-inner:before{
	content: '\f5de';
}

.box-car-03 .icon-inner:before{
	content: '\f5de';
}
.box-car-04 .icon-inner:before{
	content: '\f4ad';
}
 */
.box-icon-tx .icon, .box-icon-tx .icon-inner{
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .box-icon-tx .icon{
	 height: 70px;
    width: 70px;
}
.box-icon-tx .icon-inner {
    height: 50px;
    width: 50px;
    background-color: #ccc;
} */
/* .box-icon-tx .icon-box-img img {
	padding: 0;
	display: none;
} */
/* //Css post home */
.post-home .box-push .box-text {
    max-width: 95%;
    margin: -5% auto 0;
}
.box-blog-post .is-divider{
	background-color: #DB2D2E;
}
/* Css popup */
.off-canvas-undefined .mfp-container{
	background-image: none !important;
}
.mfp-wrap {
	transition: transform 2s;
}

.mfp-wrap .mfp-container .mfp-content .popup-tim-xe{
	margin: 0 auto;
	padding: 0;
	background-image: url('http://winauto.vn/wp-content/uploads/2021/12/about-bg-01.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	width:100% !important;
	max-width: 100% !important;
	height: 100vh;
	 display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}

.mfp-wrap .mfp-container .mfp-content .popup-tim-xe:before{
	content: '';
	background-color: rgba(0,0,0,.5);
	position: absolute;
	display: block;
    inset: 0;	
}

.mfp-ready .mfp-close {
    opacity: 1;
    mix-blend-mode: unset !important;
}

.mfp-content{
	inset: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
}
.popup-tim-xe-wrap{
	max-width: 1240px !important;
	height: auto;
	background-color: transparent;
	margin: 0 auto;
}
.popup-tim-xe .section-title, .popup-tim-xe p{
	color: #fff;
	text-align: center;
}

.index-value-interest-retes .text-input input.txt-input {
    margin-bottom: 0;
    box-shadow: none;
}

.text-input select {
    margin-bottom: 0;
}

.content-value-interest-retes .payment {
    margin-top: 44px;
}

.total-payment {
    padding: 18px 20px;
}

/* Css câu hỏi */
.accordion-home{
	margin-bottom: 15px;
}
.accordion-home .accordion-title,.accordion-home .accordion-inner{
	border: 1px solid #ddd;
}
.accordion-home .accordion-inner{
	border-top: 0;
}
.accordion-home .accordion-title.active{
	border: 1px solid #ddd;
	background-color: #DB2D2E;
	color: #fff;
}
.widget_custom_html .prod-attrs{
	grid-gap: 20px;
}
/* Css detail product */
.block-info, .block-info-ctqt{
	border: 1px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.block-info{
	text-align: center;
    padding: 10px 15px;
}
.host-line p{
	color: #DB2D2E;
	font-weight: 700;
}
.block-info-ctqt h4{
	padding: 10px;
}
input.wpcf7-form-control, textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 5px;
}
 .lien-he input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 120px;
}
/* Css back-top */
.back-to-top-button {
	position: fixed;
	right: 5%;
	bottom: 5%;
	z-index: 99;
	background-repeat: no-repeat;
	display: none;
}
.back-to-top-button:hover:before{
	position: absolute;
}
.back-to-top-button:before{
	content:'';
	top: 2px;
    left: 1px;
    width: 85px;
    height: 89px;
    background-image: url(/wp-content/uploads/2022/01/car-focus.png);
    background-repeat: no-repeat;
}
.box-tinh-tra-gop .col-md-5 img{
	height: 100% !important;
}
.box-tinh-tra-gop select{
	border-radius: 5px;
}
/* .mh-row-contact {
  	background-image: linear-gradient(#f24645, #ebc08b);
	background-color: #ebc08b;
} */
.menu-slider{
	display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.logo-left .logo{
		position: static;
	}
	.stuck .nav>li>a, .home .nav>li>a{
		color: #fff;
	}
	.transparent .header-main{
		background-color: transparent;
	}
	.nav>li.has-icon>a>i {
		color: #fff;
	}
	.tabs_xe .nav>li a {
		font-size: 14px;
		margin: 0px 9px;
	}
	.form-one {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}
	.form-tow {
		display: block;
		grid-gap: 0;
	}
	.form-tow .khoan-gia {
		width: 100%;
	}
	.form-tow .noi-dung {
		width: 100%;
	}
	.cd-social-footer.social-full a {
		font-size: 12px;
	}
	.off-canvas-left .mfp-content, .mobile-sidebar {
		width: 100%;
		background-color: #000;
		opacity: 0.8 !important;
		padding-top: 20px;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 0;
	}
	.mfp-wrap .mfp-container .mfp-content .popup-tim-xe{
		display: block;
	}
	.popup-tim-xe-wrap{
		overflow: scroll;
    	height: 100%;
	}
/* 	Css menu slider mobile */
	.header-wrapper{
		height: 130px;
	}
	
	.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
		color: #fff;
        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;
      }
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
		font-size: 22px !important;
		font-weight: 900;
		color: #fff;
	}
	.swiper-button-prev{
		left: -3px !important;
	}
	.swiper-button-next{
		right: -3px !important;
	}
	.swiper-slide a{
		color: #fff;
		
	}
	.swiper-slide a img{
		height: 25px;
		margin-right: 3px;
	}
}
@media only screen and (max-width: 768px){
	.menu-slider{
		display: block;
		margin-top: 10px;
	}
	.tabs_xe .nav>li a {
		font-size: 18px;
	}
	.cd-social-footer.social-full {
		display: flex;
	}
	.ss_footer .alert {
		font-size: 12px;
	}
}