/*
Theme Name: taxinoibai.pro
Description: This is a child theme for Flatsome Theme
Author: UX Themes & CONG NGHE VIET JSC
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.archive h1.page - title.is - large.uppercase {
    font - size: 2e m;
    font - weight: bold;
}.archive h5.post - title.is - large {
    font - size: 1.5e m;
    font - weight: bold;
}
a.glink {
    margin: 3 px;
}
form.wpcf7 - form.init {
    margin - bottom: 0;
}
form.wpcf7 - form.init input.wpcf7 - form - control.has - spinner.wpcf7 - submit {
    margin: 0;background: #dd0000;
}.nav - dropdown -
default.nav - column li > a, .nav - dropdown.nav - dropdown -
default > li > a {
    border - right: none;
}
.nav > li > a {
    padding - left: 6 px;
    padding - right: 6 px;
}
.header - bottom ul > li > a {
    border - right: 1 px solid# ffffff1c;
    padding: 0 35 px;
    text - decoration: none;
    display: block;
    line - height: 40 px;
    transition: all.3 s;
    font - size: 17 px;
    color: #fff!important;
    white - space: nowrap;
    font - weight: 400;
    text - transform: unset;
}
div# wide - nav.current - menu - item, div# wide - nav li.menu - item: hover {
    background: #ff9000;
}
div# wide - nav li {
    margin: 0!important;
}
div# wide - nav.current - menu - item li, div# wide - nav li.menu - item: hover li {
    background: inherit!IMPORTANT;
}
.lightbox - by - id {
    border - radius: 10 px;
}.lightbox - by - id form.wpcf7 - form.init {
    margin - bottom: 0;
}.lightbox - by - id form.wpcf7 - form.init input.wpcf7 - form - control.has - spinner.wpcf7 - submit {
    background: #b90000;
}
.bk-form .head .bk-tab label input:checked + span {
    color: #fff;
    background: #006837 !important;
}
.bk-form .submit {
    width: 100%;
    background: #f8931d !important;
}

.bk-form .btn-reverse {
    padding: 5pt 20pt;
	background-color:  #f8931d !important;
}
.bk-form .head .title {
    text-transform: uppercase;
	color: #3ab54a !important;
}
.bk-form .c-drop i {
	color: #3ab54a !important;
}
.bk-form .fee-line strong {
    color: #f8931d !important;
}
a.kc_button.tdhotline {
	color: #f8931d !important;
}

.ddnoibat .shade { background-image: linear-gradient( 360deg , #000000 0%, rgba(12, 12, 12, 0) 90%) !IMPORTANT; }

aside#block_widget-3 .is-divider.small { display: none; }aside#block_widget-3 { background-color: #f5f5f5; }


.ddnoibat { display: none; }.page-id-94 .ddnoibat { display: inherit; }
.star-rating span:before { color: #ffb600; }span.wpcf7-spinner { display: none; } span.wpcf7-form-control-wrap input { border-radius: 99px !important; width: 98%; }

.frmft .col-inner { border: 5px solid #f1f1f1; font-size: 88%; padding: 25px; border-radius: 10px; }

.slide-up-khdx { max-height: 150px; margin-bottom: 0px !important; }


/* form */
.dat-xe { border: 3px solid #ff9000; border-radius: 4px; padding: 0 !important; margin: 0px  !important; }
.dat-xe .form-group {width: 50%; float: left; padding: 0 5px;}
.dat-xe .tieu-de {margin-bottom: 0;background: #ff9000; color: #fff; padding: 10px; font-weight: bolder; text-align: center;  font-size: 140%;}
form.dx { margin-bottom: 0; padding: 16px 8px 16PX 8px; background-color: #ffffffcf;}
.form-control, input { border-radius: 3px !important; }
button.btn.btn-primary { background-color: #e51f25; color: white; border-radius: 5px; width: 98%; margin: 0% 1% !important; }
.dx .form-group i { position: absolute; } 
.dx .icon { padding: 12px 1px 10px 5px; color: #104282; min-width: 36px; text-align: center; border-right: 1px solid #dddddd; }
.dx .form-control { padding-left: 40px; }



span.wpcf7-form-control-wrap.loaixe, span.wpcf7-form-control-wrap.dichvu, span.wpcf7-form-control-wrap.diemdon, span.wpcf7-form-control-wrap.timedon, span.wpcf7-form-control-wrap.timeden, span.wpcf7-form-control-wrap.diemden { display: none; }


.form-group.fdiemdoan, .form-group.fdiemden, .form-group.floaixe { width: 100%; }.css-datxe-form { padding-bottom: 0px !important; }

li#wp-admin-bar-flatsome_panel, li#wp-admin-bar-wp-logo,li#wp-admin-bar-rank-math { display: none; }

.single-post .entry-content table {
    border-collapse: collapse;
}
.single-post .entry-contenttable th, .single-post .entry-content table td {
    border: 1px solid #dee2e6;
}
.relatedcat .tieudes{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.relatedcat .related-post{
	margin: 0 -10px;
}
.relatedcat .related-post .p_list_item{
	width: 33.33%;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.relatedcat .related-post .p_list_item .feature{
	width: 120px;
	height: 90px;
	margin-bottom: 10px;
	float: left;
}
.relatedcat .related-post .p_list_item .feature img{
	width: 100%;
	height: 90px;
	object-fit: cover;
}
.relatedcat .related-post .p_list_item .related-title{
	width: calc(100% - 135px);
	float: right;
}
.relatedcat .related-post .p_list_item .related-title a{
	display: block;
	font-size: 15px;
	line-height: 23px;
	height: 92px;
	overflow: hidden;
	color: #000;
}
.relatedcat .related-post .p_list_item .related-title a:hover{
	color: #ff9000;
}
.blog-single > .row{
    box-shadow: 0 1px 10px rgb(0 0 0 / 29%);
    max-width: 1170px !important;
    padding-top: 30px;
    position: relative;
    top: -30px;
}
.is-divider{
    height: 2px !important;
    background-color: rgb(0 0 0 / 34%) !important;
    width: 30px !important;
    max-width: 30px !important;
}

.post-sidebar.large-3.col{
    padding-left: 30px !important;
}
.blog-single > .row > .large-9{
    border-right: 1px solid rgb(0 0 0 / 10%) !important;
}
.post-sidebar .widget ul > li{
    padding-left: 0px !important;
}
.header-block-block-1 .social-icons a,.header-block-block-1 .social-icons span{
	color: #333;
}
.header-block-block-1 .social-icons a:hover i{
	color: #333;
}
#masthead .icon-menu{
	color: #333;
}
.header-search-form .search-field{
	box-shadow: unset !important;
    border-radius: 3px 0 0 3px !important;
}
.header-search-form .button{
	border-radius: 0px 3px 3px 0px !important;
}
.top-khach-dat-xe{
	background: unset !important;
}
.top-khach-dat-xe h2{
	font-size: 40px;
}
.top-khach-dat-xe p{
	font-size: 22px;
}
#footer .section-title-container{
	margin: 0 !important;
}
#footer p{
	margin-bottom: 10px;
}
#wide-nav .sub-menu a{
	color: #fff;
}
.xp01{
	padding: 45px 0 !important;
}
.xp01 .row{
	border:  1px solid #ffa602;
	padding: 15px 0;
	max-width: 1140px !important;
}
.xp01 .col{
	padding-bottom: 0;
}
.xp02{
	padding: 30px 0 40px 0 !important;
}
.xp02 .col{
	padding-bottom: 0;
}
.xp02 .section-title{
	margin-bottom: 30px;
}
.xp02 .section-title b{
	background: #fff;
	opacity: 0.5;
}
.xp02 .box{
	background: #fff;
    padding: 15px 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 29%);
    border-radius: 6px;
}
.xp02 .box .box-image{
	padding: 20px 0;
}
.xp02 .box .box-text{
	padding: 0 15px !important;
}
.xp02 .box .box-text h4{
	text-transform: uppercase;
	font-size: 21px;
	text-align: center;
	margin-bottom: 20px;
}
.home .scroll-to-bullets{
	display: none;
}
.xp02 .box .box-text .button{
	display: block;
	margin: 0 auto 5px auto !important;
	max-width: 100px;
	border-radius: 6px !important;
}
.xp03{
	padding: 65px 0 35px 0 !important;
}
.xp03 .box-image img{
 	opacity: 1 !important;
}
.xp03 .box-image{
	width: 100%;
	height: 300px;
	border-radius: 10px;
	overflow: hidden;
}
.xp03 .box-image img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.xp03 .box-image .image-zoom:before{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 60%;
    border-radius: 0 0 10px 10px;
    /*background: linear-gradient(transparent,#5d5fef);*/
}
.xp03 .slider_taxi .slick-prev{
	position: absolute;
	top: 42%;
	left: -60px;
	z-index: 9;
	max-width: 32px;
	cursor: pointer;
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	width: 32px;
	height: 32px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	color: #141414;
}
.xp03 .slider_taxi .slick-next{
	position: absolute;
	top: 42%;
	right: -60px;
	left: unset;
	z-index: 9;
	max-width: 32px;
	cursor: pointer;
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	width: 32px;
	height: 32px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	color: #141414;
}
.xp03 .slick-list .slick-track > .slick-slide{
	display: none;
}
.xp03 .slick-list .slick-track > .col{
	display: block !important;
}
.xp03 .tieude .col{
	padding-bottom: 10px;
}
.xp03 .section-content{
	top: -273px;
    margin-bottom: -273px;
}
.xp03 .box-text{
	z-index: 9;
}
.xp03 .box-text h4{

}
.xp03 .box-text p{
	
}
.xp04{
	padding-bottom: 0 !important;
}
.xp04 .col{
	padding-bottom: 0;
}
.xp04 .tieude h2{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
}
.xp04 .noidung{
	text-align: center;
    position: relative;
    /*background: linear-gradient(180deg,#fff 0,#fff 50%,rgba(255, 166, 2, 0.331) 0,rgba(255, 166, 2, 0.331));*/
    background-clip: content-box;
}
.xp04 .box .box-image{
	height: 160px;
	display: block;
	margin: 0 auto 0 auto;
	border: 1px solid rgb(0 0 0 / 10%);
}
.xp04 .box .box-image img{
	width: 100%;
	height:160px;
	object-fit: contain;
}
.xp04 .box .box-text{
	padding: 15px !important;
	background: #ffa602;
}
.xp04 .box .box-text h4{
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}
.xp05{
	padding: 30px 0 !important;
}
.xp05 .tieude h2{
	text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.xp05 .col{
	padding-bottom: 0;
}
.xp05 .box{
	overflow: hidden;
	margin-bottom: 40px;
}
.xp05 .box .box-image{
	width: 100px !important;
	float: left;
	/*border: 1px solid #ffa602;
	border-radius: 4px;
	padding: 15px;*/
}
.xp05 .box .box-text{
	width: calc(100% - 125px) !important;
	float: right;
	padding: 0 !important;
}
.xp05 .box .box-text h4{
	font-size: 18px;
}
.xp06{
	padding: 65px 0 !important;
	background: rgb(245,245,245) !important;
}
.xp06 .col{
	padding-bottom: 0;
}
.xp06 .tieude h2{
	text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.xp06 .flickity-button{
	opacity: 1 !important;
}
.xp06 .flickity-button svg{
	top: 81%;
}
.xp06 .box .box-text{
	padding: 15px !important;
	border: 1px solid rgb(0 0 0 / 10%);
	border-top: none;
}
.xp06 .box .box-text .post-title{
	line-height: 25px;
}
.xp06 .box .box-text .from_the_blog_excerpt{
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	display: block;
	overflow: hidden;
}
.absolute-footer.dark{
	color: #fff;
}
.tieude{
	text-align: center;
	margin-bottom: 20px;
}
.tieude h2{
	text-transform: uppercase;
    background: #ffa602;
    color: #fff;
    padding: 5px 20px;
    font-size: 22px;
    display: initial;
    margin: 0 auto;
    border-radius: 4px;
}
.dvthuexe  .slick-track > .slick-slide{
	display: none;
}
.dvthuexe  .slick-track > .col{
	display: block;
}
.dvthuexe .slick-list{
	padding: 10px 0;
	max-height: 300px;
}
.dvthuexe .slick-prev{
	position: absolute;
	top: 42%;
	left: -60px;
	z-index: 9;
	max-width: 32px;
	cursor: pointer;
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	width: 32px;
	height: 32px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	color: #141414;
}
.dvthuexe .slick-next{
	position: absolute;
	top: 42%;
	right: -60px;
	left: unset;
	z-index: 9;
	max-width: 32px;
	cursor: pointer;
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	width: 32px;
	height: 32px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	color: #141414;
}

@media (max-width: 1024px) {
	#main{
		width: 100%;
		overflow: hidden;
	}
	.top-khach-dat-xe{
		padding-right: 15px !important;
	}
}

@media (max-width: 812px) {
	
}

@media (max-width: 480px) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.post-sidebar.large-3.col{
	    padding-left: 15px !important;
	}
	.blog-single > .row > .large-9{
	    border-right: none !important;
	}
	.relatedcat .related-post .p_list_item {
	    width: 100%;
	}
	.has-block.tooltipstered .bk-form { padding: 15px !important; }
	.tsc p { display: none; }

	html, body { overflow-x: inherit; }
	.tsc .icon-box-text p {
	    display: inherit;
	}.txdt .row .col .row .gallery-col.col:last-child { display: none; }


	.tsc .col.medium-3.small-6.large-3 .icon-box-text p:last-child {
	    display: none;
	}
	.xp01 img{
		margin-bottom: 20px;
	}
	.tieude h2{
		display: block;
		padding: 10px 0;
	}
	.dvthuexe .slick-list{
		max-height: 360px;
	}
	.xp06 .tieude h2{
		margin-bottom: 0;
	}
	.xp04 .tieude h2{
		margin-bottom: 0 !important;
	}
	.xp01{
		padding: 30px 15px 30px 15px !important;
	}
	.xp04 .col{
		padding-bottom: 15px !important;
	}
	.xp04 .tieude{
		margin-bottom: 0 !important;
	}
	.tieude{
		margin-bottom: 0 !important;
	}
	.xp02 .col{
		padding-bottom: 15px;
	}
	.xp03 .box-image,.xp03 .box-image img{
		height: 190px;
	}
	.xp03 .box-text{
		padding: 10px;
	}
	.slider_taxi{
		margin-top: 15px;
	}

}

@media (max-width: 420px) {
	.xp04 .box .box-text{
		padding: 10px 5px !important;
	}
	.xp04 .box .box-text h4{
		font-size: 15px;
	}
}