/*
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.   ***************/
.mfp-close-btn-in .mfp-close {
    top: -14px !important;
    right: -14px;
    mix-blend-mode: inherit;
    background: red !important;
    opacity: unset !important;
    color: #fff !important;
    border-radius: 50%;
}

.mar-t15{margin-top: 15px;}
.p-1{padding: 10px 0px;}
div#gocbanxe h4 {
    color: #000;
    font-size: 23px;
}
.box-ras .banner-bg.fill {border-radius: 3%;}
.button, button, input[type='submit'], input[type='reset'], input[type='button'] input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{font-size: 14px;}
.lhxx span {
    font-weight: 500;
}
.wpcf7 p{color: #000;}
div#gocbanxe p,div#gocbanxe span{color: #000;}
div#gocbanxe .thongtin {
    margin-bottom: 40px;
    border-left: 6px solid red;
    margin-left: -30px;
    padding-left: 30px;
}
.mfp-close-btn-in .mfp-close{color: #ccc;}
.taisao_home .col-inner {
    min-height: 352px;
}
.lienhect .titcongty h3 {
    border-left: 3px solid #ef0000; 
}
.lienhect .titcongty span{text-transform: uppercase !important; font-size: 2rem; padding-top: 0px; padding-bottom: 0px;}
.lienhect .contact_r {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 21px 0px rgb(0 0 0 / 30%);
    margin-top: -102px;

}
#top-link a:before;#top-link a.active{background-color: transparent;}
.lienhect .icon-box h3{font-size: 25px !important;}

.post-item .box-text {
    vertical-align: top !important;
    padding-top: 0px !important; 

}
.post-item h5.post-title{ font-size: 22px;}
header.archive-page-header .page-title span {
    font-size: 30px;
}

h1 {
    font-size: 42px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 30px !important;
}
.header-nav-main i {
    padding-left: 5px;
}
.bor-left h3 {
    border-left: 4px solid #d1242a;
    padding-left: 18px;
    font-size: 30px !important
}
.text-l{text-align:right !important}
.sub-utility {
padding: 15px 0 !important;
    box-shadow: 0 2px 3px #ebebeb;
}

.sub-utility .icon-box-img svg {
    width: 67px !important;
    height: 67px !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: currentColor;
    background: #f3f3f3;
    padding: 11px;
    border-radius: 50%;
}
.sub-utility .icon-box-img svg:hover{background-color:#fd6f72; color:#fff !important }
.sub-utility .icon img {
    filter: grayscale(1);
    opacity: 0.6;
    transition: .4s ease-in-out;
}
.sub-utility .icon-box-text p{margin-bottom:5px !important}
#tuvancf .col, .gallery-item, .columns{padding: 0 15px 5px !important}
#tuvancf input.wpcf7-form-control.wpcf7-submit{text-transform: none !important; font-weight: 400;}
.box_cn_1 .col-inner{min-height:400 !important}
#chuyengiacf h2{}
#chuyengiacf input, #chuyengiacf select, #chuyengiacf textarea{
    border-radius: 5px;
    background-color: #ffffff30;
    border: 1px solid #8c8c8c;
    color: #fff;
    font-size: 14px;
    height: 40px;
}
.box-gra {
    background-color: transparent;
background-image: linear-gradient(180deg, #23a455 0%, #1b875a 100%);
box-shadow: 0px 0px 26px 10px rgba(0,0,0,0.21);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin-bottom: 0px;
padding: 30px!important;
    border-radius:30px;
}
.pad-fix {
    padding:0 15px 0
}
.pb-0{
    padding-bottom:0!important;
}
.mg-10 {
    margin:10px 0!important;
}
.text_banner p{margin: 10px 0px;}

.box-sha {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.5);
    padding: 20px !important;
    margin: 30px 10px !important;
}

.box-sha .col {
    padding: 0;
}
.tqk-icon i {
    font-size: 25px;
    background: #ddd;
    padding: 13px;
    border-radius: 100px;
    color: #000;
    width: 50px;
    height: 50px;
    text-align: center;
}
.box-service .section-title-normal ,.box-service .section-title-normal span ,.box-service .section-title-container {
    font-size: 18px;
}
.section-title-center b ,.section-title-bold b {
    display:none;
    justify-content: center;
    padding:0;
    margin:0
}
.section-title-container {
    margin-bottom:0;
}
.section-title-center
{
    justify-content:center;
    margin-bottom:0;
}
.big-title {
        color: #3B5998;
font-size: 32px;
font-weight: 700;
}
.fab, .far, .fa  {
    font-weight: 400;
    font-size: 30px;
}
.mb-0 ,.mb-0 p{
    margin-bottom:0;
}
.box-team h2 {
    background: #ccc;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}
.section-title-normal ,.section-title-normal span,.section-title-center b,.section-title-bold,.section-title-bold span{
    border:unset;
    border-bottom:unset;
    padding-bottom:0;
    margin-bottom:0;
    padding-bottom:0;

}
.box-gra .section-title-bold span {
    font-size: 28px;
    color:#fff
}
.pad-0 .col {
    padding:0!important;
} 
.text-right  .section-title-normal {
    text-align: right;
    display: block;
}
.text-right .section-title-main {
    margin-right:0;
}
.boxbg {
    background-color: #ffffff;
    background-position: bottom left;
background-size: cover;
}
.bg-1 { 
background-image: url("wp-content/uploads/2021/08/1a.jpg");
}
.bg-2 { 
background-image: url("wp-content/uploads/2021/08/2a.jpg");
}
.bg-3 { 
background-image: url("wp-content/uploads/2021/08/3a.jpg");
}
.bg-4 { 
background-image: url("wp-content/uploads/2021/08/4a.jpg");
}
.bg-5 { 
background-image: url("wp-content/uploads/2021/08/5a.jpg");
}
.bg-6 { 
background-image: url("wp-content/uploads/2021/08/6a.jpg");
}
.box-design {
    box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.5);
    border-radius: 20px 20px 20px 20px;
}
 .box-design .elementor-icon{
    padding: 10px;
    background: #f00;
    border-radius: 100px;
}
 .box-design .elementor-icon i{
    font-size:25px;
}
.pad-0 {
    padding:0!important;
}
.var-a .section-title {
    color:#d1242a
}
.circle {
    margin: 0 auto;
    z-index:999
}
.mt-b-40 {
    margin-top: -60px
}
.tes-p {
    padding:0 15px;
}

.bg-white {
    background-color: #fff !important;
}
.fs-16 {
    font-size: 16px;
}
.fs-16 {
    font-size: 14px;
}
.border {
    border: 1px solid #eee !important;
}
.p-3 {
    padding: 1rem !important;
}
.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.text-primary {
    color: #da202c !important;
}
.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary, .btn-primary:hover {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e72510),color-stop(6%,#d9230f),to(#cb210e));
    background-image: linear-gradient(#e72510,#d9230f 6%,#cb210e);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #ba1e0d;
}
.promo-list {
    padding-inline-start: 26px;
    padding-right: 10px;
}
.bg-gray {
    background-color: #efefef;
}
.border {
    border: 1px solid #eee !important;
}
.car-detail-table .line {
    clear: both;
    font-size: 14.6px;
    border-bottom: 1px solid #eee;
    height: 38px;
    padding: 8px 0;
}
.car-detail-table .line-label {
    float: left;
}
.car-detail-table .line-value {
    float: right;
}
#car-feature .item {
    padding: 8px 0;
    font-size: 14.6px;
}
.car-detail-table .line:hover {
    background-color: #efefef;
}
.fix-t .text p {
    color:red;
    margin:10px 0 0 0;
}
.ic-b .icon-box-img {
    width:30px!important
}
.ic-c .icon-box-img {
    width:30px!important
}
.ic-d .icon-box-img {
    width:30px!important
}
.ras-10 input,.ras-10 button {
    border-radius:10px
}
.car-logo {
    text-align:right;
    border-top: 2px solid #fff;
    margin-top: 10px;
    padding-top: 15px;
} 
.ux-body-overlay,.header-wrapper.stuck .car-logo {
    display:none!important;
}
.box_camnhan .col-inner{background-color:#fff; min-height: 355px !important}
.dinhgiaxe3 .box_left {
    border-left: 4px solid red;
    padding-left: 25px;
    margin-left: -30px;
}
p.woocommerce-info {
    background: #fea;
    padding: 30px;
    border: 1px dashed #d1242b;
    color: #000;
    font-weight: 700;
}

.header-logo-2{display:none;}
.transparent #logo img{max-height: 100% !important; padding: 0px;}
.header-wrapper.stuck .header-logo-2{display:block !important}
.header-wrapper.stuck .header-bottom-nav .slider-bands{border-top:none; padding-top: 10px}

.product-main .is-divider {
    display: none;
}
.product-main h1.product-title.product_title {
   font-size: 25px !important;
        font-weight: 500;
}
.product-main .product-info{padding-bottom:5px !important}
.product-main{padding: 15px !important}
h1.shop-page-title{font-size:20px !important; margin: 0px;}
.header-main .nav > li > a{color: #fff; font-weight: lighter; font-size:14px;}
.slide_home .banner h2{font-size:40px; font-weight:black}
.slide_home, .button span, .goctuvan p,.taisao_home p{font-size: 14px; font-weight: 400; text-align: justify;}
.taisao_home .box-text-inner p{padding-top: 15px;}
.taisao_home .box-text-inner h4{font-size: 18px;}
.goctuvan .col, .gallery-item, .columns{padding:0 15px 0px; }
.goctuvan .banner-bg {
    border-radius: 3%; background-color: transparent ;
}
.goctuvan .banner, .goctuvan .text-box-content {
    border-radius: 3%; background-color: transparent ;
}

.goctuvan .banner h4{font-size: 16px;}
.sp_home .col, .gallery-item, .columns{padding:0px }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.transparent #logo img{max-height: 50px !important; padding: 6px 0px;}

.home #header{background: #000;position: inherit;}
.slide_home .banner h2,.slide_home .banner h3{font-size: 22px;line-height: 30px;}
.list-product .price-car-info .price-car {
    font-size: 16px;

}
.product-list .price-car-info .price-car,
.list-product .price-car-info .price-car {font-size: 18px;}
.khoang-gia-box .filter ul li a{font-size:14px}
.shop-page-title p.woocommerce-result-count{display: none;}

.khoang-gia-box .filter ul li a { }
.khoang-gia-box .filter ul li.active {
    box-shadow: 0 0px 15px 2px rgb(0 0 0 / 20%);
    background-color: #fff;
    border-radius: 8px;
}
.khoang-gia-box .filter ul li {
    padding: 5px 5px;
}
h2,h3 {font-size: 22px !important;}
.khoang-gia-box .filter ul{padding:3px 0px}
.khoang-gia-box .filter{padding-bottom:6px}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col{padding: 5px;}
.product-list.product-small .col-inner .wapper, .list-product .col-inner .product-small {
    box-shadow: none;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}
.khoang-gia-box .list-product .col-inner{padding: 5px;}
.woocommerce-breadcrumb,.woocommerce-result-count {
    display: none;
}





} /*---Thẻ đóng mobi------*/


@media screen and (min-width: 850px){
.back-to-top.active{
    background: url(http://cars.vinastar.xyz/wp-content/uploads/2021/08/topoto.png)  no-repeat;
    background-size: 30px;
    border: none;
    width: 30px;
    height: 65px;}
i.icon-angle-up {display: none;}
}