/* COLOR BACKGROUND */

.color-orange {
   color: #ff7133;
}

.bg-orange {
   background: #ff7133;
}

@font-face {
   font-family: 'JosefinSans';
   src: url('../font/JosefinSans/JosefinSans-Regular.ttf') format('truetype');

}

@font-face {
   font-family: 'JosefinSans-Bold';
   src: url('../font/JosefinSans/JosefinSans-Bold.ttf') format('truetype');

}

header.lexus-header nav .navbar-toggle {
   background-color: #4a4a4a;
}

header.ldp-lx-570-header {
   position: relative;
   background: #111;
   /* left: 0;
    top: 0; */
   /* width: 100%; */
   z-index: 9;
   padding-top: 10px;
}

header.ldp-lx-570-header.fixed-top {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999;
}

.ldp-lx-570-header .boxtop {
   position: relative;
   z-index: 2;
   width: 100%;
   min-height: 57px;
}

.ldp-lx-570-header .boxtop__logo img {
   height: auto;
   /* position: absolute; */
}

.ldp-lx-570-header .boxtop__logo,
.ldp-lx-570-header .boxtop__city,
.ldp-lx-570-header .boxtop__new,
.boxtop__call {
   position: absolute;
}

.ldp-lx-570-header .boxtop__logo {
   /*top: 10px;*/
   /*left: 0;*/
   /*z-index: 2;*/
   flex-basis: 240px;
   position: relative;
   /* flex: 1 1 auto; */
}

.ldp-lx-570-header .inner .top-wrap {
   flex: 1 1 auto;
   display: flex;
   flex-flow: wrap;
   justify-content: flex-end;
   align-items: center;

}

.ldp-lx-570-header .top-wrap .boxtop__hotline {
   margin-left: 50px
}

.ldp-lx-570-header .top-wrap .boxtop__hotline,
.ldp-lx-570-header .top-wrap .boxtop__address {
   color: #fff;
   font-size: 14px;
   display: flex;
   justify-content: center
}

.ldp-lx-570-header .top-wrap .boxtop__hotline span.hotline,
.ldp-lx-570-header .top-wrap .boxtop__address span.label {
   width: 80px;
   background: #ff7133;
   display: inline-block;
   text-align: center;
   height: 25px;
   color: #fff;
   border-radius: 0;
   font-weight: 400;
   font-size: 100%;
   line-height: 1.7;
   padding: initial;

}

.ldp-lx-570-header .top-wrap .boxtop__hotline span.tel,
.ldp-lx-570-header .top-wrap .boxtop__address span.add {
   border: 1px solid #3f4048;
   border-left: 0;
   height: 25px;
   display: inline-block;
   padding-right: 30px;
   padding-left: 30px;
   line-height: 25px;
   color: #fff;

}

.ldp-lx-570-header .top-wrap .boxtop__hotline a:hover span.tel {
   background: #ff7133;
   border: 1px solid #ff7133;
   border-left: 0;
}

.ldp-lx-570-header .boxtop__new {
   /*top: 3px;*/
   /*width: 552px;*/
   /*left: 300px;*/
   /*text-align: center;*/

   display: flex;
   justify-content: center;
   flex: 1;
}

.ldp-lx-570-header .boxtop__newlabel .list-address {
   text-align: center;
   margin-top: -5px;
}

.ldp-lx-570-header .boxtop__newlabel {
   font-weight: 400;
   color: #fff;
   font-size: 13px;
   text-transform: uppercase;
}

.ldp-lx-570-header .boxtop__newlabel ul {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ldp-lx-570-header .boxtop__newlabel ul li {
   flex: 1 1 auto
}

.ldp-lx-570-header .boxtop__call {
   background: url(assets/front-end/images/v3/call-us-bg.png) 0 0 no-repeat;
   /* width: 200px; */
   width: 273px;
   height: 37px;
   top: 6px;
   /* right: -355px; */
   /* display: block; */
   position: relative;
   /*flex:1 1 220px*/

   padding-left: 15px;
   /* padding-top: 5px; */
   font-size: 22px;
   color: #fff;
   line-height: 37px;
}

.ldp-lx-570-header .boxtop .inner {
   display: flex;
   justify-content: center;
   position: relative;
}

.navbar-toggleable-md .navbar-collapse {
   display: -webkit-box !important;
   display: -webkit-flex !important;
   display: -ms-flexbox !important;
   display: flex !important;
   width: 100%;
}

.header #navbar-header > ul {
   display: flex;
   width: 100%;
   /* margin-left: 245px; */
   justify-content: space-between;
}

.navbar-toggleable-md .navbar-nav {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
}

.header #navbar-header ul.menu > li {
   /* margin-right: 30px; */
}

.header #navbar-header ul.menu li a {
   font-weight: 600;
}

.header #primary-navbar ul.menu > li > a,
.header #navbar-header ul.menu > li > a {
   /* padding: 5px 15px 5px 10px; */
   /* margin: 10px 9px 0; */
   font-size: 14px;
   color: #fff;
   position: relative;
   padding-bottom: 5px;
}

.header #primary-navbar ul.menu > li > a::after,
.header #navbar-header ul.menu > li > a::after {
   content: "";
   position: absolute;
   width: 0;
   height: 3px;
   background: #e46d43;
   left: 0;
   bottom: 0;
   transition: 333ms all ease;
}

.header #primary-navbar ul.menu > li > a.nav-link.active::after,
.header #primary-navbar ul.menu > li > a:hover::after,
.header #navbar-header ul.menu > li > a.nav-link.active::after,
.header #navbar-header ul.menu > li > a:hover::after {
   width: 100%;
}

.header #navbar-header ul.menu > li > a:hover {
   color: #e46d43;
}

.header #primary-navbar > ul > li > a,
.header #navbar-header > ul > li > a {
   position: relative;
   overflow: hidden;
   transition: 0.4s;
   display: block;
   /* padding: 6px 0; */
   text-transform: uppercase;
   /* margin-top: 10px; */
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: .5rem 0;
   margin: .125rem 0 0;
   font-size: 1rem;
   color: #292b2c;
   text-align: left;
   list-style: none;
   background-color: #fff;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: .25rem;
}

.header #navbar-header ul.dktop {
   width: 300px;
   display: none;
   margin: 7px 0 0;
}

header .navbar {
   /*padding: 15px 0 10px;*/
}

.header .navbar-brand {

   display: none;
}

.mobile-hotline {
   display: block;
   height: 50px;
   float: right;
   background: #ffc600;
   line-height: 50px;
   color: #fff;
   font-size: 18px;
   padding-left: 10px;
   padding-right: 10px;
   text-decoration: none;
}

.mobile-hotline:hover {
   background: rgba(255, 198, 0, 0.81);
   color: #fff;
}

.mobile-hotline .fa {
   font-size: 20px;
}

.loading {
   background: rgba(0, 0, 0, 0.38);
   display: none;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   position: fixed;
   z-index: 999;
}

#loader {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 1;
   width: 150px;
   height: 150px;
   margin: -75px 0 0 -75px;
   border: 16px solid #f3f3f3;
   border-radius: 50%;
   border-top: 16px solid #3b1c3f;
   width: 120px;
   height: 120px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
   0% {
      -webkit-transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.all-car-list.lexus-new {
   background: #f4f8fb;
   padding: 30px 0;
}

.all-car-list.lexus-new .carDetails .carDesc {
   background: #fff;
}

.all-car-list h2 {
   color: #000;
   font-size: 34px;
   font-weight: 300;
   /*border-left: 5px solid #e11717;*/
   /*padding-left: 14px;*/
   margin-left: 7px;
   margin-right: 7px;
   line-height: 36px;
   position: relative;
   margin-bottom: 15px;
   /* padding-bottom: 15px; */
}

.all-car-list h2:after {
   /*     content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 150px;
        height: 2px;
        background: #e26d43; */
}

.all-car-list h2 strong {
   font-weight: 700;
   font-size: 36px;
   text-transform: uppercase;
   line-height: 36px;
}

.tabbingCont {
   position: relative;
   margin-left: -8px;
   margin-right: -8px;
}

.tabbingCont .tabbingHead {
   position: absolute;
   top: 0;
   right: 15px;
   padding-bottom: 4px;
   z-index: 9;
}

.tabbingCont .tabbingHead li {
   display: inline-block;
   font-size: 14px;
   color: #000;
   margin-left: 15px;
   cursor: pointer;
   line-height: 36px;
   position: relative;
   text-transform: uppercase;
   width: 100px;
   text-align: center;
   border-radius: 5px;
   font-weight: 400;
   background: #ebebeb
}

.tabbingCont .tabbingHead li:hover,
.tabbingCont .tabbingHead li.active {
   background: #e36e43;
   color: #e9eae9
}

.tabbingBody {
   padding: 0
}

.carDetailTab.tabbingCont .tabbingHead {
   position: relative;
   right: inherit;
   top: inherit
}

.carDetailTab.tabbingCont .tabbingHead ul {
   border-bottom: 1px solid #d7d6d6
}

.carDetailTab.tabbingCont .tabbingHead li {
   width: 49%;
   color: #8d8d8d;
   font-size: 22px;
   margin-left: 0;
   text-transform: capitalize;
   font-weight: 400;
   height: 40px;
   border-radius: 0;
   line-height: 22px
}

.carDetailTab.tabbingCont .tabbingHead li:hover,
.carDetailTab.tabbingCont .tabbingHead li.active {
   background: none;
   color: #e11717
}

.carDetailTab.tabbingCont .tabbingHead li.active {
   font-weight: 500;
   border-bottom: 6px solid #e11717
}

.carDetailTab .tabbingBody {
   padding: 16px 0 0
}

.tabbingBody > ul > li {
   width: 100%;
   display: none
}

.tabbingBody > ul > li.active {
   display: block
}

.carCont .brandTypesListing {
   padding: 15px 0 0
}

.carCont .brandTypesListing .itemCont {
   text-align: center
}

.carDetails {
   text-align: center;
   padding: 0 7px;
   margin-bottom: 34px
}

.all-car-list .carDetails:nth-last-of-type(1) {
   margin-bottom: 3px;
}

.carDetails a.carImg {
   width: 100%;
   display: block;
   position: relative;
   overflow: hidden;
   min-height: 180px;
   background-size: 75px auto;
   -webkit-background-size: 75px auto
}

.carDetails a.carImg span.carName {
   width: 100%;
   background: rgba(0, 0, 0, 0.5);
   padding: 20px;
   left: 0;
   bottom: 0;
   position: absolute;
   display: inline-block;
   text-align: left;
   font-size: 12px;
   font-weight: 300;
   color: #bebebe;
   line-height: 20px;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.hybrid {
   height: 34px;
   background: #d70f0f;
   border-radius: 30px;
   position: absolute;
   top: 64px;
   right: 6px;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
   padding: 0 15px;
   line-height: 28px
}

.hybrid span {
   -webkit-transition: all .7s 0;
   width: 0;
   overflow: hidden;
   display: inline-block;
   -moz-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
   vertical-align: middle
}

.hybrid:hover > span {
   width: 60px
}

.carDetails a.carImg .hybrid img {
   width: 11px;
   height: 17px;
   vertical-align: middle;
   float: none;
   display: inline-block;
   margin: 4px 3px 0
}

.carDetails a.carImg .soldOut {
   position: absolute;
   top: 12px;
   right: 0;
   width: 123px;
   height: 43px !important;
   display: inline-block;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   text-transform: uppercase;
   line-height: 18px
}

.booked {
   position: absolute;
   top: 12px;
   right: 0;
   width: 123px !important;
   height: 43px !important;
   display: inline-block;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   text-transform: uppercase;
   line-height: 18px;
   z-index: 1;
}

.detailBannerImg .booked {
   z-index: 2;
}

.carDetails:hover a.carImg span.carName {
   padding-bottom: 40px
}

.carDetails a.carImg span.carName strong {
   color: #f2f2f2;
   font-size: 20px;
   font-weight: 500
}

.PricesalesPrice.vm-display.vm-price-value {
   display: inline-block
}

.carDetails a.carImg img {
   width: 100%;
   height: auto;
   display: block;
   height: 238px;
   object-fit: cover;
   object-position: center;
}

.list .carDetails a.carImg img {
   height: 208px;
}

.carDetails a.carImg:hover > span.carName strong {
   color: #e36e43;
}

.carDetails .carDesc {
   /*background: #f0f0f0;*/
   background: #f4f8fb;
   width: 100%
}

.carDetails .carDesc .carlistDesc {
   display: none
}

.carDescTop {
   border-bottom: 1px solid #d9d9d9;
   text-transform: uppercase
}

.carDesc .carDescTop > ul::before,
.carDesc .carDescTop > ul::after {
   content: "";
   display: table
}

.carDesc .carDescTop > ul::after {
   clear: both
}

.carDesc .carDescTop > ul > li {
   text-align: center;
   float: left;
   width: 33%;
   border-left: 1px solid #d9d9d9;
   padding: 18px 0;
   font-weight: 300;
   color: #000;
   font-size: 13px;
   line-height: 22px
}

.carDesc .carDescTop > ul > li span {
   display: inline-block;
   text-align: left
}

.carDesc .carDescTop > ul > li strong {
   color: #e00f0f;
   font-size: 20px;
   font-weight: 700
}

.carDesc .carDescTop > ul > li:first-child {
   border-left: 0
}

.carDesc .carprice {
   color: #000;
   font-weight: 500;
   text-align: center;
   padding: 12px 0 12px;
   position: relative;
   line-height: 12px;
   height: 67px;
   overflow: hidden;
}

.carDesc .carprice span {
   font-size: 28px;
}

.carDesc .carprice .Price {
   margin-top: 14px
}

.carDesc .carprice a.callforprice {
   color: #414040;
   text-transform: uppercase;
   background: url(../img/call-for-price-icon.svg) no-repeat 29px 9px;
   padding-left: 30px;
   font-size: 14px;
   width: 188px;
   height: 40px;
   line-height: 38px;
   border-radius: 20px;
   display: inline-block;
   border: 1px solid #414040;
   text-align: center;
   margin-top: -20px
}

.carDesc .carprice a.callforprice:hover {
   background: #e62828 url(../img/call-for-price-icon.png) no-repeat 29px -31px;
   color: #fff;
   border: 1px solid #e62828
}

/*.landingpage-slider{*/
/*min-height: 590px;*/
/*}*/
.landingpage-slider img {
   height: 590px;
   width: 100%;
   object-fit: cover;
   object-position: center;
}

.relate-phukien-sliders .controlBtn.btnRight:hover,
.relate-cars-sliders .controlBtn.btnRight:hover,
.relate-posts-slider .controlBtn.btnRight:hover,
.brandTypesListing .controlBtn.btnRight:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -48px -80px;
}

.relate-phukien-sliders .controlBtn.btnRight,
.relate-cars-sliders .controlBtn.btnRight,
.relate-posts-slider .controlBtn.btnRight,
.brandTypesListing .controlBtn.btnRight {
   right: -48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -25px 0;
   cursor: pointer;
   background-size: 50px;
}

.relate-phukien-sliders .controlBtn,
.relate-cars-sliders .controlBtn,
.relate-posts-slider .controlBtn,
.brandTypesListing .controlBtn {
   position: absolute;
   top: 50%;
   width: 25px;
   height: 50px;
   margin-top: -14px;
   z-index: 99;
}

.relate-phukien-sliders .controlBtn.btnLeft:hover,
.relate-cars-sliders .controlBtn.btnLeft:hover,
.relate-posts-slider .controlBtn.btnLeft:hover,
.brandTypesListing .controlBtn.btnLeft:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 -80px;
}

.relate-phukien-sliders .controlBtn.btnLeft,
.relate-cars-sliders .controlBtn.btnLeft,
.relate-posts-slider .controlBtn.btnLeft,
.brandTypesListing .controlBtn.btnLeft {
   left: -48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 0;
   cursor: pointer;
   background-size: 50px;
}

/* HEROR SIDER*/
.landingpage-slider .controlBtn.btnLeft:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 -80px;
}

.landingpage-slider .controlBtn.btnRight:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -48px -80px;
}

.landingpage-slider .controlBtn.btnRight {
   right: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -25px 0;
   cursor: pointer;
   background-size: 50px;
}

.landingpage-slider .controlBtn {
   position: absolute;
   top: 50%;
   width: 25px;
   height: 50px;
   margin-top: -14px;
   z-index: 99;
}

.landingpage-slider .controlBtn.btnLeft {
   left: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 0;
   cursor: pointer;
   background-size: 50px;
}

.landingpage-slider .slick-dots {
   margin-top: -30px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

/* HEROR SIDER*/

#top-banner .landingpage-slider .controlBtn.btnLeft {
   left: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 0;
   cursor: pointer;
   background-size: 50px;
}

#top-banner .landingpage-slider .controlBtn.btnLeft:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 -80px;
}

#top-banner .landingpage-slider .controlBtn.btnRight:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -48px -80px;
}

#top-banner .landingpage-slider .controlBtn.btnRight {
   right: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -25px 0;
   cursor: pointer;
   background-size: 50px;
}

/*//////////////////*/
/* HEROR SIDER*/
.price-slider .controlBtn.btnLeft:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 -80px;
}

.price-slider .controlBtn.btnRight:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -48px -80px;
}

.price-slider .controlBtn.btnRight {
   right: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -25px 0;
   cursor: pointer;
   background-size: 50px;
}

.price-slider .controlBtn {
   position: absolute;
   top: 50%;
   width: 25px;
   height: 50px;
   margin-top: -14px;
   z-index: 99;
}

.price-slider .controlBtn.btnLeft {
   left: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 0;
   cursor: pointer;
   background-size: 50px;
}

.price-slider .inner .item figure {
   position: relative;
}

.price-slider .inner .item figure::before {
   position: absolute;
   top: 0;
   left: -75%;
   z-index: 2;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   -webkit-transform: skewX(-25deg);
   transform: skewX(-25deg);
}

.price-slider .inner .item figure:hover::before {
   -webkit-animation: shine .75s;
   animation: shine .75s;
}

@-webkit-keyframes shine {
   100% {
      left: 125%;
   }
}

@keyframes shine {
   100% {
      left: 125%;
   }
}

.price-slider .inner .item figure .info-mb {
   display: none;
}

/*-----------*/
.carDetails .car-overlay {
   /* position: absolute; */
   background: rgba(174, 135, 70, 1);
   /* Old browsers */
   background: -moz-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6));
   /* FF3.6-15 */
   background: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6));
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6));
   height: 100%;
   width: 100%;
}

.carDetails .hover-wrapper .hover-info {
   background: rgba(0, 0, 0, 0.66);
   width: 100%;
   height: 100%;
   position: absolute;
   padding: 20px;
   z-index: 9;
   display: none;
   /* transition: 333ms all ease; */
}

.carDetails .hover-wrapper:hover .hover-info {
   /* display: block; */
}

.carDetails .hover-info .inner {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.carDetails .hover-info a.book-car-now {
   background: transparent;
   border-radius: 0;
   border: 2px solid #fff;
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   margin-bottom: 20px;
   padding: 15px 20px 12px;
   width: 300px;
   transition: 444ms all ease-in-out;
}

.carDetails .hover-info a.drive-car-now {
   background: #e36e43;
   border-radius: 0;
   border: 2px solid #e36e43;
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   margin-bottom: 10px;
   padding: 15px 20px 12px;
   width: 300px;
   transition: 444ms all ease-in-out;
}

.carDetails .hover-info a.book-car-now:hover {
   background: #ffc600;
   border: 2px solid #ffc600;
}

.carDetails .hover-info a.drive-car-now:hover {
   background: #ffc600;
   border: 2px solid #ffc600;
}

.carDetails .hover-wrapper {
   position: relative;
   height: 100%;
   box-shadow: 1px 1px 6px #ccc;
}

.carDetails .hover-info a span {
   display: inline-block;
}

.carDetails .hover-info a .hover-icon {
   max-height: 20px;
   width: auto;
   float: left;
   display: inline-block;
   margin-right: 10px
}

/* ---------------------SEARCH-------------------- */
.searchCont {
   width: 100%;
   display: inline-block;
   background: #f6f6f6;
   margin-bottom: 20px
}

.searchContainer {
   width: 100%;
   float: left;
   position: relative;
   padding: 50px 0 50px;
   background-color: #fff;
   text-align: center;
   /*background: #f6f6f6;*/
}

.searchContainer .searchWrap {
   width: 66%;
   /* min-height: 400px; */
   display: inline-block;
   text-align: center
}

.searchContainer h1 {
   text-align: center;
   padding: 0 0 12px;
   font-size: 60px;
   color: #000;
   line-height: 70px;
   font-weight: 700
}

#tab3 h1 br {
   display: none
}

.searchContainer p.finding-car {
   text-align: center;
   font-size: 34px;
   color: #000;
   line-height: 34px;
   font-weight: 100;
   margin-top: 0;
}

.searchContainer .favBrands {
   width: 80%;
   display: inline-block;
   margin: 30px 0 30px
}

.searchPointers {
   width: 90%;
   display: inline-block;
   text-align: left;
   font-size: 0;
   text-align: center
}

.searchPointers label {
   display: inline-block;
   vertical-align: top;
   padding: 0 0 0 65px;
   font-size: 14px;
   color: #7f7f7f;
   line-height: 24px;
   font-weight: 300;
   text-align: left
}

.searchPointers label span {
   display: block;
   font-size: 30px;
   color: #000;
   line-height: 30px;
   font-weight: 400
}

.searchPointers label span sub {
   display: inline;
   font-size: 14px;
   line-height: 20px
}

.searchPointers label.luxury {
   background: url(/assets/front-end/images/v3/luxury-car-icon.png) no-repeat left center
}

.searchPointers label.exotic {
   background: url(/assets/front-end/images/v3/exotic-car-icon.png) no-repeat left center;
   margin: 0 40px 0 50px
}

.searchPointers label.combined {
   background: url(/assets/front-end/images/v3/combined-space-icon.png) no-repeat left center
}

.searchContainer .searchWrap2 {
   width: 80%;
   /* min-height: 400px; */
   display: inline-block;
   text-align: center
}

.searchContainer .searchWrap2 h4 {
   color: #000;
   font-size: 50px;
   font-weight: 700;
   line-height: 70px;
   padding: 0 0 12px;
   text-align: center;
}

.searchContainer .searchWrap2 h4.priceHeading {
   font-size: 45px;
}

.searchContainer .carTypes {
   width: 100%;
   display: inline-block;
   margin: 75px 0 0
}

.searchContainer .carTypes .typeCar {
   width: 186px;
   display: inline-block;
   margin: 0 0 15px;
   text-align: center;
   font-size: 16px;
   color: #000;
   line-height: 28px;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none
}

.searchContainer .carTypes .typeCar:hover {
   color: #e3000f
}

.searchContainer .carTypes .typeCar img {
   margin: 0;
   transition: all .5s linear;
   -moz-transition: all .5s linear;
   -webkit-transition: all .5s linear
}

.searchContainer .carTypes .typeCar:hover img {
   margin: 0 0 0 20px
}

.searchContainer h1.priceHeading {
   text-align: center;
   padding: 0 0 19px;
   font-size: 45px;
   color: #000;
   line-height: 45px;
   font-weight: 700
}

.searchContainer .priceSlider {
   width: 80%;
   height: 37px;
   display: inline-block;
   position: relative;
   /* background: url(/assets/front-end/images/v3/price-slider-waves-img.png) no-repeat center top; */
   margin: 95px 0 0
}

.searchContainer .averagePrice {
   position: absolute;
   left: 50%;
   top: -53px;
   border: 1px solid #d7d7d7;
   font-size: 14px;
   color: #a8a8a8;
   line-height: 31px;
   font-weight: 400;
   background-color: #fff;
   border: 1px solid #cdcdcd;
   border-radius: 2px;
   padding: 0 16px;
   transform: translateX(-50%)
}

.searchContainer .averagePrice::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: -6px;
   background: url(/assets/front-end/images/v3/average-tip-icon.png) no-repeat center bottom;
   width: 13px;
   height: 6px;
   margin: 0 auto
}

.searchContainer .averagePrice img {
   position: absolute;
   left: 50%;
   bottom: 0;
   margin: -6px
}

.searchContainer .exploreRow {
   width: 100%;
   display: inline-block;
   margin: 60px 0 0
}

.searchContainer .exploreRow .exploreBtn {
   width: 200px;
   height: 44px;
   display: inline-block;
   background-color: #e36e43;
   border-radius: 44px;
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   line-height: 44px;
   text-transform: uppercase;
   text-decoration: none
}

.searchContainer .exploreRow .exploreBtn:hover {
   background-color: #292f34
}

.favBrands input[name="carname"] {
   height: 66px;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 18px;
   text-transform: uppercase;

}

.favBrands .search {
   margin-top: 30px;
   position: relative;
   display: table;
   border-collapse: separate;
   /*GI DAY NHI*/

}

.favBrands input {
   width: 100%;
   margin-bottom: 0;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
   border-right: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.favBrands .searchBtn {
   position: relative;
   font-size: 0;
   white-space: nowrap;
   width: 1%;
   vertical-align: middle;
   display: table-cell;
}

.favBrands .searchBtn button {
   margin-left: -1px;
   display: inline-block;
   padding: 0 15px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   background: #e36e43;
   color: #fff;
   height: 66px;
   width: 77px;
}

.favBrands .searchBtn button .fa {
   font-size: 28px;
}

.favBrands .searchBtn button:hover {
   background: #ffc600;
}

.value {
   position: absolute;
   top: 30px;
   left: 50%;
   margin: 0 0 0 -45px;
   width: 40px;
   text-align: center;
   display: block;
   font-size: 18px;
   font-family: 'Roboto';
   color: #777;
   font-weight: 400
}

.price-range-both.value {
   width: 100px;
   margin: 0 0 0 -50px;
   top: 26px
}

.price-range-both {
   display: none
}

.price-range-max.value {
   margin-left: -60px;
   top: -35px
}

.value i {
   font-style: normal
}

.searchContainer .searchBy {
   position: absolute;
   right: 99px;
   top: 50%;
   transform: translateY(-50%);
   width: 96px;
   text-align: center
}

.searchContainer .searchBy label {
   width: 100%;
   display: inline-block;
   margin: 0 0 15px;
   font-size: 14px;
   color: #727272;
   font-weight: 500;
   text-transform: uppercase
}

.searchContainer .searchBy label.labelHead {
   margin: 0 0 6px
}

.searchContainer .searchBy label a {
   width: 94px;
   height: 94px;
   display: inline-block;
   /*background-color: #f6f6f6;*/
   border: 1px solid #727272;
   font-size: 14px;
   color: #727272;
   font-weight: 500;
   text-decoration: none
}

.searchContainer .searchBy label a:hover,
.searchContainer .searchBy label a.selected {
   background-color: #e3000f;
   border: 1px solid #e3000f;
   color: #fff
}

.searchContainer .searchBy label a span {
   width: 50px;
   height: 30px;
   display: inline-block;
   margin: 19px 0 0;
   background: url(/assets/front-end/images/v3/newhome-search-icon.png) no-repeat left top;
   text-indent: -999999px
}

.searchContainer .searchBy label a span.price {
   background-position: -50px top
}

.searchContainer .searchBy label a span.type {
   background-position: 0 top
}

.searchContainer .searchBy label a span.brand {
   background-position: -100px top
}

.searchContainer .searchBy label a:hover span.price,
.searchContainer .searchBy label a.active span.price {
   background-position: -50px -30px
}

.searchContainer .searchBy label a:hover span.type,
.searchContainer .searchBy label a.active span.type {
   background-position: 0 -30px
}

.searchContainer .searchBy label a:hover span.brand,
.searchContainer .searchBy label a.active span.brand {
   background-position: -100px -30px
}

.favBrands .chosen-container {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   width: 100% !important;
   text-align: left
}

.favBrands .chosen-container .chosen-drop {
   position: absolute;
   top: 95%;
   left: -9999px;
   z-index: 1010;
   width: 100%;
   border: 1px solid #d3d3d3;
   border-top: 0;
   background-color: #fff
}

.favBrands .chosen-container.chosen-with-drop .chosen-drop {
   left: 0
}

.favBrands .chosen-container a {
   cursor: pointer
}

.favBrands .chosen-container-single .chosen-single {
   position: relative;
   display: block;
   overflow: hidden;
   padding: 0 30px;
   height: 66px;
   background: #fff;
   border: solid 1px #d3d3d3;
   border-radius: 4px;
   color: #a8a8a8;
   font-weight: 400;
   font-size: 18px;
   text-decoration: none;
   white-space: nowrap;
   line-height: 66px
}

.favBrands .chosen-container-single .chosen-default {
   color: #b7b7b7
}

.favBrands .chosen-container-single .chosen-single span {
   display: block;
   overflow: hidden;
   margin-right: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 400;
   font-size: 18px;
   line-height: 66px;
}

.favBrands .chosen-container-single .chosen-single-with-deselect span {
   margin-right: 0
}

.favBrands .chosen-container-single .chosen-single abbr {
   position: absolute;
   top: 6px;
   right: 26px;
   display: block;
   width: 12px;
   height: 12px;
   /*background: url(chosen-sprite.png) -42px 1px no-repeat;*/
   font-size: 1px
}

.favBrands .chosen-container-single .chosen-single abbr:hover {
   background-position: -42px -10px
}

.favBrands .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
   background-position: -42px -10px
}

.favBrands .chosen-container-single .chosen-single div {
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 48px;
   height: 66px
}

.favBrands .chosen-container-single .chosen-single div b {
   display: block;
   width: 100%;
   height: 100%;
   background: url(/assets/front-end/images/v3/explore-brand-icon.png) right top no-repeat
}

.favBrands .chosen-container-single .chosen-search {
   position: relative;
   z-index: 1010;
   margin: 0;
   padding: 0;
   white-space: nowrap
}

.favBrands .chosen-container-single .chosen-search input[type="text"] {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0 30px;
   width: 98%;
   height: 50px;
   outline: 0;
   border: 1px solid #dbdbdb;
   /*background: url(chosen-sprite.png) no-repeat 100% -20px;*/
   font-size: 16px;
   margin: 1%
}

.favBrands .chosen-container-single .chosen-drop {
   margin-top: 0;
   border-radius: 0 0 4px 4px;
   -o-border-radius: 0 0 4px 4px;
   -moz-border-radius: 0 0 4px 4px;
   -ms-border-radius: 0 0 4px 4px;
   -webkit-border-radius: 0 0 4px 4px
}

.favBrands .chosen-container-single.chosen-container-single-nosearch .chosen-search {
   position: absolute;
   left: -9999px
}

.favBrands .chosen-container .chosen-results {
   width: 100%;
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
   margin: 0;
   max-height: 240px;
   -webkit-overflow-scrolling: touch
}

.favBrands .chosen-container .chosen-results li {
   display: none;
   margin: 0;
   padding: 0 30px;
   border-top: 1px solid #fff;
   list-style: none;
   font-size: 16px;
   line-height: 36px;
   -webkit-touch-callout: none;
   color: #000;
   font-weight: 300
}

.favBrands .chosen-container .chosen-results li:first-child {
   border-top: 0 solid #d6dadc
}

.favBrands .chosen-container .chosen-results li.active-result {
   display: list-item;
   cursor: pointer
}

.favBrands .chosen-container .chosen-results li.disabled-result {
   display: list-item;
   color: #b7b7b7;
   cursor: default
}

.favBrands .chosen-container .chosen-results li.highlighted {
   color: #000;
   background-color: #f0f0f0
}

.favBrands .chosen-container .chosen-results li.no-results {
   display: list-item;
   background: #f0f0f0
}

.favBrands .chosen-container .chosen-results li.group-result {
   display: list-item;
   cursor: default
}

.favBrands .chosen-container .chosen-results li.group-option {
   padding-left: 15px
}

.favBrands .chosen-container .chosen-results li em {
   font-style: normal;
   text-decoration: underline
}

.favBrands .chosen-container-active.chosen-with-drop .chosen-single {
   border: 1px solid #dbdbdb
}

.favBrands .chosen-container-active.chosen-with-drop .chosen-single div {
   border-left: none;
   background: transparent
}

.favBrands .chosen-container-active.chosen-with-drop .chosen-single div b {
   background-position: right bottom
}

.favBrands .chosen-container-active .chosen-choices {
   border: 1px solid #5897fb
}

.favBrands .chosen-container-active .chosen-choices li.search-field input[type="text"] {
   color: #b7b7b7 !important
}

.favBrands .chosen-disabled {
   opacity: .5 !important;
   cursor: default
}

.favBrands .chosen-disabled .chosen-single {
   cursor: default
}

.favBrands .chosen-disabled .chosen-choices .search-choice .search-choice-close {
   cursor: default
}

.ui-widget-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.ui-slider {
   position: relative;
   text-align: left
}

.ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 1.2em;
   height: 1.2em;
   cursor: default
}

.ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   font-size: .7em;
   display: block;
   border: 0;
   background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
   filter: inherit
}

.ui-slider-horizontal {
   height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
   top: -.3em;
   margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
   left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
   right: 0
}

.ui-slider-vertical {
   width: .8em;
   height: 100px
}

.ui-slider-vertical .ui-slider-handle {
   left: -.3em;
   margin-left: 0;
   margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
   left: 0;
   width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
   bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
   top: 0
}

.ui-widget {
   font-family: Verdana, Arial, sans-serif;
   font-size: .3em
}

.ui-widget .ui-widget {
   font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1em
}

.ui-widget-content {
   border: 0;
   background: #333;
   color: #222;
   border-radius: 10px !important;
   margin-top: 37px;
   margin-bottom: 0
}

.ui-widget-content a {
   color: #222
}

.ui-widget-header {
   border: 0;
   background: #e9333f;
   color: #222;
   font-weight: 700
}

.ui-widget-header a {
   color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   box-shadow: 0 0 4px #cdcdcd;
   border: 1px solid #cdcdcd;
   width: 22px;
   height: 22px;
   background: #fff;
   font-weight: 400;
   color: #555;
   border-radius: 100% !important;
   cursor: pointer;
   margin-top: -7px
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #555;
   text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   box-shadow: 0 0 4px #cdcdcd;
   border: 1px solid #cdcdcd;
   background: #fff;
   font-weight: 400;
   color: #000
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
   color: #212121;
   text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 1px solid #aaa;
   background: #fff;
   font-weight: 400;
   color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #212121;
   text-decoration: none
}

.hotline-primary img {
   width: auto;
   height: 18px;
   vertical-align: text-top;
}

.lexus-secondhand {
   /*background: #f6f6f6;*/

   padding: 30px 0;
}

/* ---------------------END SEARCH------------------ */
/* POLICY */
.lexus-policy {
   /* background: url(/assets/front-end/images/v3/city-bg.png) no-repeat;
    background-position: center top;
    background-size: cover; */
   background: #f4f8fb;
}

.lexus-policy .buble {
   border: 1px solid #eee;
   border-radius: 100%;
   width: 150px;
   height: 150px;
   text-align: center;
   background: #f1f1f1;
   position: relative;
   margin: auto;
   border: 1px solid #ccc;
   transition: 333ms all ease-in-out;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
}

.lexus-policy .buble span {
   display: inline-block;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   font-size: 14px;
   font-weight: bold;
   color: #555
}

.lexus-policy :hover > .buble {
   background: #e36e43;
   color: #fff;
   cursor: pointer;
}

.lexus-policy :hover > .buble span {
   color: #fff;
}

.lexus-policy .policy-item .inner {
   position: relative;
   height: 248px;

}

.lexus-policy .policy-item .inner {
   overflow: hidden;
}

.lexus-policy .policy-item .inner:hover img.policy-bg {
   transform: scale(1.1);
}

.lexus-policy .policy-item img.policy-bg,
.lexus-policy .policy-item .fas {

   transition: 333ms all ease;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

.lexus-policy {
   padding: 30px 0;
}

.lexus-policy h3.heading {

   font-size: 24px;
   font-weight: bold;
   text-transform: uppercase;
   color: #000;
   border-bottom: 2px solid #e46d43;
   padding-bottom: 15px;
   display: inline-block;
   margin-bottom: 25px;

}

.lexus-policy .policy-item .inner .icon {
   display: flex;
   flex-direction: column;
   align-items: center;

}

.lexus-policy .policy-item .inner .icon img {
   margin: 15px;
}

.lexus-policy .policy-item .inner .icon a {
   font-size: 18px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #000;
}

.lexus-policy .policy-item .inner .icon a:hover {
   color: #e46d43
}

/* phu tung */

.home-phu-kien .tab-header ul {
   display: flex;
   border-bottom: 1px solid #d7d6d6;

}

.home-phu-kien .tab-header ul li {
   flex: 1 1 30%;
   color: #000;
   font-size: 20px;
   margin-left: 0;
   text-transform: capitalize;
   font-weight: 600;
   height: 40px;
   border-radius: 0;
   line-height: 20px;
   text-align: center;
   cursor: pointer;

}

.home-phu-kien .tab-header ul li.active {
   border-bottom: 3px solid #e26d43;

}

.home-phu-kien .tab-body > ul > li {
   width: 100%;
   display: none;
   padding: 30px 0 0;
}

.home-phu-kien .tab-body > ul > li.active {
   display: block;

}

/* SeRVICES*/

.home-tab-box {
   padding: 30px 0;
   background: #f4f8fb;
}

.home-tab-box .tab-header ul {
   display: flex;
   border-bottom: 1px solid #d7d6d6;

}

.home-tab-box .tab-header ul li {
   flex: 1 1 30%;
   color: #000;
   font-size: 20px;
   margin-left: 0;
   text-transform: capitalize;
   font-weight: 600;
   height: 40px;
   border-radius: 0;
   line-height: 20px;
   text-align: center;
   cursor: pointer;

}

.home-tab-box .tab-header ul li.active {
   border-bottom: 3px solid #e26d43;

}

.home-tab-box .tab-body > ul > li {
   width: 100%;
   display: none;
   padding: 30px 0 0;
}

.home-tab-box .tab-body > ul > li.active {
   display: block;

}

.video-service .feature-video figure {
   position: relative;
   overflow: hidden;
}

.video-service .feature-video figure img.ft-image {
   transition: 333ms all ease;
}

.video-service .feature-video figure img.ft-image:hover {
   transform: scale(1.1);
}

.video-service .feature-video figure .video-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 150px;
   height: 150px;
   cursor: pointer;

}

.video-service .normal-video .video-item figure {
   position: relative;
   max-height: 165px;
   margin-bottom: 10px;
   overflow: hidden;

}

.video-service .normal-video .video-item figure img.ft-image {
   transition: 333ms all ease;
   max-height: 181px;
}

.video-service .normal-video .video-item figure img.ft-image:hover {
   transform: scale(1.1);
}

.video-service .normal-video .video-item figure .video-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 60px;
   height: 60px;
   cursor: pointer;

}

.video-service .feature-video figure {
   max-height: 300px;
}

.video-service .feature-video .short-content h3 a {
   font-size: 18px;
   text-transform: uppercase;
   color: #000;
}

.video-service .normal-video .video-item h3 {
   margin-bottom: 10px;

}

.video-service .normal-video .video-item h3 a {
   font-size: 14px;
   color: #000;
   font-weight: bold;
}

.video-service .normal-video .video-item h3 a:hover,
.video-service .feature-video .short-content h3 a:hover {
   color: #e26d43;
}

/* VIDEO */

.feature-services {
   background: url('/assets/front-end/images/v3/service-bg.jpg') no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   background-position: center;
   padding: 50px 0;

}

.feature-services h3.heading {
   font-size: 24px;
   color: #fff;
   width: 250px;
   font-weight: bold;
   text-transform: uppercase;
   display: table;
   margin: auto;
   margin-bottom: 50px;
   border-bottom: 2px solid #fff;
   padding-bottom: 30px;
   text-align: center;

}

.feature-services .service-list {
   display: flex;
   flex-flow: nowrap;
   align-items: center;
}

.feature-services .service-item {
   background: #232628;
   display: flex;
   flex-direction: column;
   align-items: center;
   border-right: 1px solid #fff;
   flex: 1 1 25%;
   padding-top: 80px;
   padding-bottom: 80px;
   cursor: pointer;

}

.feature-services .service-item:last-child {
   border-right: 0;
}

.feature-services .service-item:hover {
   background: #e46d43;
}

.feature-services .service-item:hover img.icon {
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.feature-services .service-item img.icon {
   margin-bottom: 30px;
   max-height: 69px;
   height: 69px;
}

.feature-services .service-item p.sv-name {
   font-size: 20px;
   color: #fff;
   text-transform: uppercase;
   font-weight: bold;
   margin: 0;
}

/* HOME NEWS */

.lexus-news {
   padding: 30px 0;
}

.lexus-news h3.heading {
   font-size: 24px;
   font-weight: bold;
   text-transform: uppercase;
   color: #000;
   border-bottom: 2px solid #e46d43;
   padding-bottom: 15px;
   display: inline-block;
   margin-bottom: 25px;
}

.lexus-news .lexus-news-slider .new-item img.new-img {
   max-height: 145px;
   width: 100%;
   height: auto;
}

.lexus-news .lexus-news-slider .new-item .short-info p.time {
   padding: 10px 0;
   margin: 0
}

.lexus-news .lexus-news-slider .new-item .short-info a.detail {
   font-size: 16px;
   color: #000;
   font-weight: bold;
}

.lexus-news .lexus-news-slider .new-item .short-info p.time {
   color: #e46d43;
}

.lexus-news .lexus-news-slider .new-item .short-info a.detail:hover {
   color: #e46d43;
}

.lexus-news .lexus-news-slider .new-item .short-info img.time-icon {
   margin-top: -3px;
   margin-right: 6px
}

/* PRODUCT PAGE */
.bread-crumb {
   margin: 15px 0;
   padding: 0;
   list-style-type: none;
   width: 100%;
   display: inline-block;
   font-size: 13px;
   color: #8f8f8f;
   font-weight: 500;
   line-height: 14px;
   text-transform: uppercase;
}

.bread-crumb li {
   display: inline;
}

.bread-crumb a {
   color: #8f8f8f;
}

.bread-crumb a:hover span {
   color: #ffc600;
}

.bread-crumb span {
   color: #e11717;
}

.bread-crumb img {
   vertical-align: middle;
   margin: 0 10px;
}

.grey-background {
   background: #f6f6f6;
}

.product-list {
   padding-bottom: 50px;
   padding-top: 20px
}

.product-list .carDetails {
   padding: 0;
   overflow: hidden;
   position: relative;
}

.product-list .entry-header {
   margin-bottom: 24px;
   border-bottom: 1px solid #d9d9d9;
   padding-bottom: 5px;
}

.product-list .entry-header h1 {
   margin-bottom: 10px;
   margin-top: 5px;
   text-transform: uppercase;
}

.clear {
   clear: both;
}

.viewcontrols {
   position: relative;
   text-align: right;
   padding-right: 100px
}

.viewcontrols .filters {
   display: flex;;
   flex-flow: nowrap;
   float: right;
}

.viewcontrols .filters select {
   border: 1px solid #e11717;
   color: #e11717;
   height: 40px;
   line-height: 37px;
   display: inline-block;
   width: 100px;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   box-shadow: none;
   margin-left: 5px;
}

.viewcontrols .filters select option {
   line-height: 30px;
}

.filterByBrandBtn {
   width: 40px;
}

.brandHead .viewcontrols {
   margin-top: 12px
}

.filterByBrandBtn {
   /*width: 192px;*/
   height: 40px;
   line-height: 37px;
   color: #464646;
   font-size: 14px;
   font-weight: 400;
   padding-left: 52px;
   border: 1px solid #d9d9d9;
   display: inline-block;
   text-align: left;
   background: url(/assets/front-end/images/v3/filter-icon.png) no-repeat 13px 11px;
   cursor: pointer
}

.filterByBrandBtn b {
   width: 7px;
   height: 6px;
   display: inline-block;
   background: url(/assets/front-end/images/v3/filter-brand-arrow.png) no-repeat top center;
   margin-left: 12px;
   vertical-align: middle
}

.filterByBrandBtn:hover {
   border: 1px solid #e11717;
   color: #e11717
}

.filterByBrandBtn:hover b {
   background-position: bottom center
}

.filtertopsearch {
   width: 272px;
   height: 51px;
   line-height: 51px;
   color: #464646;
   font-size: 16px;
   font-weight: 700;
   padding-left: 24px;
   border: 1px solid #d9d9d9;
   display: inline-block;
   text-align: left;
   cursor: pointer;
   text-transform: uppercase;
   background: url(/assets/front-end/images/v3/topsearcharrow.png) no-repeat right center
}

.filtertopsearch:hover {
   border: 1px solid #e11717;
   color: #e11717
}

.brandHead .viewcontrols a {
   top: 12px
}

.viewcontrols a {
   display: inline-block;
   width: 24px;
   height: 24px;
   position: absolute;
   top: 6px
}

.viewcontrols a.gridview {
   background: url(/assets/front-end/images/v3/grid-view.png) no-repeat center top;
   right: 30px
}

.viewcontrols a.listview {
   background: url(/assets/front-end/images/v3/list-view.png) no-repeat center top;
   right: 0
}

.viewcontrols a.gridview.active {
   background: url(/assets/front-end/images/v3/grid-view.png) no-repeat center bottom;
   right: 30px
}

.viewcontrols a.listview.active {
   background: url(/assets/front-end/images/v3/list-view.png) no-repeat center bottom;
   right: 0
}

/* FORM CONTACT */
.collectionForm {
   background: #4d5256;
   height: 100%;
}

.formBox {
   padding: 42px 34px 34px;
   position: relative;
}

.field-row {
   margin-bottom: 10px;
}

#coreloader,
#poploader,
#popreloader {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.98);
   text-align: center;
   padding-top: 15px;
}

#poploader,
#popreloader {
   padding-top: 48%;
}

.searchResultCars ul.list .formBoxHead {
   float: left;
   width: 35%;
   padding-top: 21px
}

.searchResultCars ul.list .formBoxBody {
   float: left;
   width: 65%
}

.searchResultCars ul.list .formBoxBody .field-row {
   float: left;
   width: 50%;
   padding: 0 10px;
   margin-bottom: 15px
}

.searchResultCars ul.list .formBoxBody input[type="text"] {
   width: 100%
}

.searchResultCars ul.list .formBoxBody a.registration {
   margin-top: 0
}

.searchResultCars ul.list .formBox {
   padding: 58px 34px;
   position: relative
}

.collectionForm h4,
.collectionForm span.heading4 {
   color: #eaeaea;
   font-size: 20px;
   font-weight: 500;
   text-transform: uppercase;
   margin-bottom: 5px;
   display: block
}

.collectionForm h5,
.collectionForm span.heading5 {
   color: #eaeaea;
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase;
   margin-bottom: 16px;
   display: block
}

.collection-fields {
   margin-bottom: 15px
}

.collectionForm input[type="text"] {
   background: #717578;
   width: 100%;
   height: 47px;
   line-height: 47px;
   color: #c3c4c5;
   font-size: 14px;
   font-weight: 400;
   font-family: 'Roboto', sans-serif;
   padding: 0 42px 0 24px;
   border-radius: 3px;
   border: 1px solid #717578
}

.collectionForm input[type="text"]:focus {
   border-color: #f6f6f6;
}

.collectionForm input[type="text"]:focus {
   border: 1px solid #d3dbe1
}

.collectionForm input[type="text"].namefield {
   background: #717578 url(/assets/front-end/images/v3/collection-form-icon.png) no-repeat right 12px
}

.collectionForm input[type="text"].emailfield {
   background: #717578 url(/assets/front-end/images/v3/collection-form-icon.png) no-repeat right -48px
}

.collectionForm input[type="text"].phonefield {
   background: #717578 url(/assets/front-end/images/v3/collection-form-icon.png) no-repeat right -108px
}

.collectionForm a.check-rate,
.collectionForm a.registration {
   background: #e11717;
   width: 100%;
   height: 47px;
   line-height: 47px;
   color: #fff;
   font-size: 15px;
   font-weight: 500;
   font-family: 'Roboto', sans-serif;
   cursor: pointer;
   border-radius: 3px;
   margin-top: 20px;
   outline: 0;
   border: 0;
   padding: 0
}

.collectionForm a.registration:hover {
   background: #cc1313;
}

.collectionForm a.check-rate {
   background: transparent;
   border: 2px solid #fff;
}

.collectionForm a.tra-gop {
   background: #e11717;
   border: 0;
}

.collectionForm a.check-rate:hover {
   border-color: #e36e43;
   color: #e36e43;
}

.collectionForm a.tra-gop:hover {
   background: #cc1313;
   color: #fff
}

/* BLOGS ARCHIVES */
.blog-saperate {
   margin: 15px 0;
   border-top: 2px solid #e36e43;
}

.blog-primary .blogs-archives .archive-item {
   clear: both;
   border-bottom: 1px solid #ccc;
   padding: 15px 0
}

.blog-primary .blogs-archives .archive-item .blog-info .excerpt {
   overflow: hidden;
   font-size: 14px;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;
   /* fallback */
   max-height: 48px;
   /* fallback */
   -webkit-line-clamp: 3;
   /* number of lines to show */
   -webkit-box-orient: vertical;
}

.blog-primary .blogs-archives .archive-item::after {
   content: "";
   display: table;
   clear: both;
}

.blog-primary .blogs-archives .archive-item figure.feature-img {
   float: left;
   margin-right: 15px;
}

.blog-primary .blogs-archives .archive-item figure.feature-img img {
   max-width: 262px;
   height: 161px;
   object-fit: cover;
   object-position: center
}

.blog-primary .blogs-archives .archive-item .blog-info a .blog-title {
   margin-top: 0;
   font-size: 16px;
   color: #000
}

.blog-primary .blogs-archives .archive-item .blog-info a:hover .blog-title {
   color: #e36e43;
}

.blog-primary .blogs-archives .view-more {
   display: table;
   margin: auto;
   padding: 10px 25px;
   background: #e36e43;
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   border: 0;
   min-width: 150px;
   margin-top: 15px
}

.blog-primary .blogs-archives .view-more:hover {
   background: #ffc600;
}

.blog-primary .sticky-blogs .sticky-feature .first figure img {
   width: 100%;
   height: 343px;
   object-fit: cover;
   object-position: center;
}

.blog-primary .sticky-blogs .sticky-feature .second figure img {
   width: 100%;
   height: 343px;
   object-fit: cover;
   object-position: center;
}

.blog-wrapper {
   margin: 30px 0;
}

.blog-wrapper h1 {
   margin-bottom: 10px;
   margin-top: 0;
   /*text-transform: uppercase;*/
}

.blog-wrapper .entry-header {
   margin-bottom: 24px;
   border-bottom: 1px solid #d9d9d9;
}

.blog-wrapper .sticky-slider .blog-title {
   font-size: 20px;
}

.blog-wrapper .sticky-feature .blog-title {
   font-size: 20px;
}

.blog-primary .sticky-blogs .sticky-feature {
   margin-bottom: 30px;
   display: flex
}

.blog-primary .sticky-blogs .sticky-feature .first h1 {
   font-size: 24px;
   margin: 15px 0
}

.blog-primary .sticky-blogs .sticky-feature .first a {
   color: #000;
}

.blog-primary .sticky-blogs .sticky-feature .first a:hover {
   color: #e36e43;
}

.blog-primary .sticky-blogs .sticky-feature .second {
   background: #f6f6f6;
   height: 100%;
}

.blog-primary .sticky-blogs .sticky-feature .second .info {
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 5px
}

.blog-primary .sticky-blogs .sticky-feature .second h2 {
   font-size: 18px;
   margin: 15px 0;
   line-height: 1.6;
}

.blog-primary .sticky-blogs .sticky-feature .second a {
   color: #000;
}

.blog-primary .sticky-blogs .sticky-feature .second a:hover {
   color: #e36e43;
}

.blog-primary .sticky-blogs .sticky-feature .first .excerpt {
   font-size: 18px;
}

.price-sliders .slick-dots,
.relate-phukien-sliders .slick-dots,
.landingpage-slider .slick-dots,
.relate-cars-sliders .slick-dots,
.relate-posts-slider .slick-dots,
.sticky-slider .slick-dots {
   display: inline-block !important;
   margin-top: 15px;
}

.relate-posts .relate-heading {
   color: #000;
   font-size: 24px;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 24px;
   font-weight: 600;
   padding-top: 3px;
   margin-bottom: 20px;
   margin-top: 20px
}

.price-sliders .slick-dots:after,
.landingpage-slider .slick-dots:after,
.relate-cars-sliders .slick-dots:after,
.relate-phukien-sliders .slick-dots:after,
.relate-posts-slider .slick-dots:after,
.sticky-slider .slick-dots:after {
   content: '';
   display: block;
   clear: both;
}

.price-sliders .slick-dots:before,
.landingpage-slider .slick-dots:before,
.relate-cars-slider .slick-dots:before,
.relate-posts-slider .slick-dots:before,
.sticky-slider .slick-dots:before {
   content: '';
   display: block;
   clear: both;
}

.price-sliders .slick-dots li,
.landingpage-slider .slick-dots li,
.relate-cars-slider .slick-dots li,
.relate-posts-slider .slick-dots li,
.sticky-slider .slick-dots li {
   display: inline-block;
   float: left;
   list-style: none;
   margin: 0 8px 0 7px;
}

.price-sliders .slick-dots li button,
.landingpage-slider .slick-dots li button,
.relate-cars-slider .slick-dots li button,
.relate-posts-slider .slick-dots li button,
.sticky-slider .slick-dots li button {
   background: #e36e43;
   border: 0 none;
   color: transparent;
   cursor: pointer;
   display: block;
   font-size: 0;
   height: 6px;
   line-height: 0;
   outline: medium none;
   padding: 0px;
   margin: 4px 0;
   width: 6px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
}

.price-sliders .slick-dots li.slick-active button,
.landingpage-slider .slick-dots li.slick-active button,
.relate-cars-slider .slick-dots li.slick-active button,
.relate-posts-slider .slick-dots li.slick-active button,
.sticky-slider .slick-dots li.slick-active button {
   width: 14px;
   height: 14px;
   margin: 0;
}

.landingpage-slider,
.relate-cars-slider,
.relate-posts-slider,
.sticky-slider {
   text-align: center;
}

.landingpage-slider .relate-title,
.relate-cars-sliders .relate-title,
.relate-phukien-sliders .relate-title,
.relate-posts-slider .relate-title,
.relate-posts-slider p.time,
.sticky-slider .blog-title {
   text-align: left
}

.landingpage-slider .slick-dots {
   margin-top: -30px;
   position: absolute;
}

.blog-sidebar .ads-banner {
   margin-bottom: 15px
}

.blog-sidebar .ads-banner img {
   width: 100%;
   height: auto;
}

.blog-primary .single-detail .heading {
   margin-top: 0;
   font-size: 28px;
}

.blog-primary .single-detail .blog-header p.time {
   font-style: italic;
   color: #999
}

.blog-primary .single-detail .excerpt {
   color: #000;
   font-weight: 600;
   font-size: 18px;
   margin-bottom: 15px;
   border-top: 1px solid #bbb;
   padding-top: 15px;
}

.blog-primary .single-detail .relation {
   padding: 20px 0;
}

.blog-primary .single-detail .relation ul li a {
   color: #777;
   font-size: 16px;
   line-height: 1.5;
}

.blog-primary .single-detail .relation ul li a:hover {
   color: #e36e43;
}

.blog-primary .single-detail .relation ul li::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   content: "\f111";
   -webkit-font-smoothing: antialiased;
   margin-right: 10px;
   font-size: 12px;
   vertical-align: baseline;
   color: #e36e43;
}

.blog-primary .single-detail .the-content p,
.blog-primary .single-detail .the-content {
   font-size: 14px;
}

.blog-primary .single-detail .the-content h2 {
   font-size: 24px;
}

.blog-primary .single-detail .the-content {
   border-bottom: 1px solid #ccc;
}

.blog-primary .single-detail .blog-header {
   /*border-bottom: 1px solid #ccc;*/
   margin-bottom: 15px
}

.blog-primary .single-detail .the-content img {
   max-width: 100%;
   display: block;
   /* margin:auto; */
   margin-top: 15px;
   margin-bottom: 15px;
}

.blog-primary .single-detail .the-content ul {
   list-style: initial;
   padding: 0 0 5px 30px;
   margin: 0 0 5px;
}

.blog-primary .single-detail .the-content ul li {
   list-style: initial;
   margin-bottom: 5px;
}

.relate-posts .relate-item .relate-title {
   font-size: 16px;
}

.relate-posts .relate-item h3 a {
   color: #555;
   text-decoration: none;
   font-size: 16px;
}

.relate-posts .relate-item h3 a:hover {
   color: #e36e43;
}

.relate-posts .relate-item p.time {
   font-style: italic;
   color: #777;
   font-size: 14px;
}

.blog-primary .blogs-archives .archive-item figure.feature-img img {
   object-fit: cover;
   object-position: center;
   width: 100%;
   /*height: auto;*/
}

.sticky-slider .sticky-item img,
.relate-posts .relate-item img {
   object-fit: cover;
   object-position: center;
   width: 100%;
   height: auto;
}

.blog-navigation .next-blog a h3 {
   color: #1459a0;
   font-size: 24px;
   padding: 20px 0;
}

.blog-navigation .next-blog .fa {
   font-size: 24px;
}

.blog-navigation .next-blog a:hover h3 {
   color: #e36e43;
}

.the-tags {
   padding: 30px 0;
   padding-bottom: 15px
}

.the-tags a.tag {
   padding: 7px 15px;
   background: #ebebeb;
   font-size: 14px;
   margin-right: 10px;
   text-decoration: none;
   color: #333;
   display: inline-block;
   margin-bottom: 10px;
}

.the-tags a.tag:hover {
   background: #e36e43;
   color: #fff;
}

/*COMMENTS*/
.share-footer-blog-detail {
   display: table;
   clear: both;
}

.share-footer-blog-detail .facebook,
.share-footer-blog-detail .google-plus {
   margin-top: 10px;
   margin-bottom: 10px;
   float: left;
   text-align: center;
   margin-right: 15px;
}

/*COMMENTS*/
.list-reply .instant-image,
.comments .comment-images {
   border: 1px solid #c6c6c6;
   overflow: hidden;
   padding: 5px;
   border-radius: 3px;
   margin: 5px 20px;
}

.list-reply .instant-image,
.comments .comment-images .img-item {
   display: inline-block;
   margin-right: 10px;
   position: relative;
   overflow: hidden;
   /*position: relative;*/
}

.comments .comment-images .img-item img {
   margin: 0 5px;
   max-height: 120px;
   max-width: 100%;
   object-fit: cover;
   border: 1px solid #aaa;
}

.ui-tooltip {
   display: inline-block;
   position: fixed !important;
   padding: .5em 1em;
   background-color: #f1f1f1;
   max-width: 600px;
   height: auto;
}

label.bought {
   cursor: pointer;
   color: #2ba832;
   font-size: 13px;
   padding-left: 15px;
}

.qtv {
   background: #f1c40f;
   border-radius: 2px;
   padding: 2px 5px 0px;
   margin: 4px 0 4px 10px;
   line-height: normal;
   border: 1px solid #f1c40f;
   font-size: 11px;
   color: #333;
   font-weight: normal;
   display: inline-block;
   margin: 5px 0 0 10px;
   line-height: 10px;
}

/*PHU KIEN*/
.list-phukien .phukien-item img {
   width: 100%;
   max-height: 186px;
   min-height: 186px;
   object-fit: cover;
   object-position: center;
}

.list-phukien .phukien-item h2 {
   font-size: 16px;
   color: #333;
}

.list-phukien .phukien-item a:hover h3 {
   color: #e36e43;
}

.list-phukien .phukien-item p.price .origin del {
   color: #666;
   margin-right: 15px;
}

.list-phukien .phukien-item p.price .sale {
   color: #e36e43;
   font-size: 18px;
   font-weight: bold;
}

.list-phukien .phukien-item p.price {
   text-align: center;
}

.pk-overview .check-rate-form {
   padding: 15px;
   color: #fff;
   line-height: 1.5;
   min-height: 458px;
   overflow: hidden;
}

.pk-overview .check-rate-form p {
   line-height: 1.5;
}

.phukien-action .book-car-now {
   background: #e36e43;
}

.phukien-action .book-car-now .fa {
   font-size: 20px;
   margin-right: 15px;
}

.phukien-action .book-car-now:hover {
   background: #ffc600;
}

/*UPLOAD COMMENT*/
.comments .btn-send-image {
   background: #00632c;
   color: #fff;
   border: none;
   box-shadow: none;
   text-transform: uppercase;
   width: 160px;
   height: 45px;
   font-size: 20px;
   border-radius: 5px;
   padding: 10px;
}

.upload-image-box .btn-reply-image {
   background: #00632c;
   color: #fff;
   border: none;
   box-shadow: none;
   text-transform: uppercase;
   width: 150px;
   height: 40px;
   font-size: 16px;
   border-radius: 3px;
   padding: 10px;
}

.upload-image-box .btn-reply-image:hover,
.comments .btn-send-image:hover {
   background: #ffc600 !important;
}

.upload-image-box .btn-reply-image .fa,
.comments .btn-send-image .fa {
   font-size: 20px;
}

.upload-image-box .reply-image-preview,
.comments .image-preview {
   padding: 10px;
   border-bottom: 1px solid #eee;
   display: none;
}

.instant-image .thumbnail,
.upload-image-box .reply-image-preview .thumbnail,
.comments .image-preview .thumbnail {
   padding: 0;
   position: relative;
   display: inline-block;
   margin-right: 15px;
   margin-bottom: 15px;
   max-height: 123px;
}

.comments .image-preview .thumbnail img {
   max-height: 123px;
}

.instant-image .thumbnail img,
.upload-image-box .reply-image-preview .thumbnail img {
   max-height: 123px;
}

.upload-image-box .reply-image-preview .rep-remove-img,
.comments .image-preview .remove-img {
   position: absolute;
   top: 5px;
   right: 5px;
   background: #000;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   color: #fff;
   text-align: center;
   line-height: 20px;
   font-size: 12px;
   cursor: pointer;
}

.instant-image .thumbnail .instant-remove-img,
.upload-image-box .reply-image-preview .remove-img,
.comments .image-preview .remove-img {
   position: absolute;
   top: 5px;
   right: 5px;
   background: #000;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   color: #fff;
   text-align: center;
   line-height: 20px;
   font-size: 12px;
   cursor: pointer;
   max-height: 123px;
}

.comments a.reply-comment {
   background: #e36e43;
   color: #fff;
   border: 0;
   text-transform: uppercase;
   padding: 10px;
   width: 150px;
   height: 40px;
   font-size: 16px;
   border-radius: 3px;
}

/* DETAIL PRODUCT */
.product-wrapper {
   margin: 30px 0;
}

.product-header h1.heading {
   color: #000;
   font-size: 24px;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 1.33;
   font-weight: 600;
   padding-top: 2px;
   margin-bottom: 15px;
   margin-top: 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.product-header p span {
   display: inline-block;
}

.product-header .short-desc p {
   margin-bottom: 0;
}

.product-header .short-desc p .label-name {
   width: 80px;
   text-transform: uppercase;
   font-weight: 600;
}

.product-header .short-desc p.price .detail-value {
   font-weight: 600;
   font-size: 24px;
   color: #e11717
}

.select-area .chosen-container {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   width: 100% !important;
   text-align: left
}

.select-area .chosen-container .chosen-drop {
   position: absolute;
   top: 95%;
   left: -9999px;
   z-index: 1010;
   width: 100%;
   border: 1px solid #d3d3d3;
   border-top: 0;
   background-color: #fff
}

.select-area .chosen-container.chosen-with-drop .chosen-drop {
   left: 0
}

.select-area .chosen-container a {
   cursor: pointer
}

.select-area .chosen-container-single .chosen-single {
   position: relative;
   display: block;
   overflow: hidden;
   padding: 0 30px;
   height: 47px;
   background: #fff;
   /* border: solid 1px #d3d3d3; */
   border-radius: 4px;
   color: #a8a8a8;
   font-weight: 400;
   font-size: 18px;
   text-decoration: none;
   white-space: nowrap;
   line-height: 47px;
   background: #717578;
}

.select-area .chosen-container-single .chosen-default {
   color: #b7b7b7
}

.select-area .chosen-container-single .chosen-single span {
   display: block;
   overflow: hidden;
   margin-right: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 400;
   font-size: 18px;
   line-height: 47px;
}

.select-area .chosen-container-single .chosen-single-with-deselect span {
   margin-right: 0
}

.select-area .chosen-container-single .chosen-single abbr {
   position: absolute;
   top: 6px;
   right: 26px;
   display: block;
   width: 12px;
   height: 12px;
   /*background: url(chosen-sprite.png) -42px 1px no-repeat;*/
   font-size: 1px
}

.select-area .chosen-container-single .chosen-single abbr:hover {
   background-position: -42px -10px
}

.select-area .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
   background-position: -42px -10px
}

.select-area .chosen-container-single .chosen-single div {
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 48px;
   height: 47px
}

.select-area .chosen-container-single .chosen-single div b {
   display: block;
   width: 100%;
   height: 100%;
   background: url(/assets/front-end/images/v3/explore-brand-icon.png) right center no-repeat
}

.select-area .chosen-container-single .chosen-search {
   position: relative;
   z-index: 1010;
   margin: 0;
   padding: 0;
   white-space: nowrap
}

.select-area .chosen-container-single .chosen-search input[type="text"] {
   background: transparent;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0 30px;
   width: 98%;
   height: 50px;
   outline: 0;
   border: 1px solid #dbdbdb;
   /*background: url(chosen-sprite.png) no-repeat 100% -20px;*/
   font-size: 16px;
   margin: 1%
}

.select-area .chosen-container-single .chosen-drop {
   margin-top: 0;
   border-radius: 0 0 4px 4px;
   -o-border-radius: 0 0 4px 4px;
   -moz-border-radius: 0 0 4px 4px;
   -ms-border-radius: 0 0 4px 4px;
   -webkit-border-radius: 0 0 4px 4px
}

.select-area .chosen-container-single.chosen-container-single-nosearch .chosen-search {
   position: absolute;
   left: -9999px
}

.select-area .chosen-container .chosen-results {
   width: 100%;
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
   margin: 0;
   max-height: 240px;
   -webkit-overflow-scrolling: touch
}

.select-area .chosen-container .chosen-results li {
   display: none;
   margin: 0;
   padding: 0 30px;
   border-top: 1px solid #fff;
   list-style: none;
   font-size: 16px;
   line-height: 36px;
   -webkit-touch-callout: none;
   color: #000;
   font-weight: 300
}

.select-area .chosen-container .chosen-results li:first-child {
   border-top: 0 solid #d6dadc
}

.select-area .chosen-container .chosen-results li.active-result {
   display: list-item;
   cursor: pointer
}

.select-area .chosen-container .chosen-results li.disabled-result {
   display: list-item;
   color: #b7b7b7;
   cursor: default
}

.select-area .chosen-container .chosen-results li.highlighted {
   color: #000;
   background-color: #f0f0f0
}

.select-area .chosen-container .chosen-results li.no-results {
   display: list-item;
   background: #f0f0f0
}

.select-area .chosen-container .chosen-results li.group-result {
   display: list-item;
   cursor: default
}

.select-area .chosen-container .chosen-results li.group-option {
   padding-left: 15px
}

.select-area .chosen-container .chosen-results li em {
   font-style: normal;
   text-decoration: underline
}

.select-area .chosen-container-active.chosen-with-drop .chosen-single {
   border: 0
}

.select-area .chosen-container-active.chosen-with-drop .chosen-single div {
   border-left: none;
   background: transparent
}

.select-area .chosen-container-active.chosen-with-drop .chosen-single div b {
   background-position: right bottom
}

.select-area .chosen-container-active .chosen-choices {
   border: 1px solid #5897fb
}

.select-area .chosen-container-active .chosen-choices li.search-field input[type="text"] {
   color: #b7b7b7 !important
}

.select-area .chosen-disabled {
   opacity: .5 !important;
   cursor: default
}

.select-area .chosen-disabled .chosen-single {
   cursor: default
}

.select-area .chosen-disabled .chosen-choices .search-choice .search-choice-close {
   cursor: default
}

.price-box-calc {
   color: #fff;
   margin-top: 20px
}

.price-box-calc p {
   border-bottom: 1px solid #666;
   margin-bottom: 10px;
}

.price-box-calc p.total {
   text-transform: uppercase
}

.price-box-calc p.note {
   font-style: italic;
   color: #b1c3c1;
   border: 0
}

.calculator-price {
   margin: 15px 0
}

.calculator-price .formBox {
   padding: 15px 30px 10px;
}

.promotion-accessories {
   background: #f6f6f6;
   padding: 30px 0;
}

.promotion-accessories h2.heading {
   color: #000;
   font-size: 24px;
   font-weight: 300;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 24px;
   font-weight: 600;
   padding-top: 3px;
   margin-bottom: 30px;
   margin-top: 20px;
}

.promotion-accessories h3 {
   font-size: 15px;
}

.promotion-accessories p.price .origin del {
   color: #666;
   margin-right: 15px
}

.promotion-accessories p.price .sale {
   color: #e36e43;
   font-size: 18px;
   font-weight: bold;
}

.accessories-total {
   text-align: center
}

.accessories-total p.total {
   font-weight: 600;
   font-size: 16px;
}

.accessories-total span.sale-price {
   font-weight: 600;
   font-size: 20px;
   color: #e11717
}

.accessories-total span.origin-price {
   color: #666
}

.accessories-total .save-btn {
   border: 0;
   color: #fff;
   background: #e36e43;
   font-size: 20px;
   padding: 10px 20px;
}

.accessories-total .save-btn p {
   margin: 0;
   font-size: 18px;
   text-transform: uppercase
}

.accessories-total {
   padding: 15px 0
}

.carOverview .carDetailTab.tabbingCont .tabbingHead ul {
   overflow: hidden;
   padding-top: 3px
}

.carOverview .carDetailTab.tabbingCont .tabbingHead li {
   width: 50%;
   float: left;
}

.carOverview {
   padding: 50px 0 30px
}

.overviewBoxCont {
   padding-top: 30px;
   clear: both;
}

.overviewBoxCont > ul > li {
   float: left;
   width: 25%;
   padding: 0 12px;
   margin-bottom: 28px
}

.overviewBoxCont > ul > li .overviewBox {
   width: 100%;
   background: #f0f0f0;
   border: 1px solid #e3e3e3;
   height: 200px;
   text-align: center;
   color: #545454;
   font-size: 18px;
   line-height: 18px;
   height: 170px;
   padding-top: 25px
}

.overviewBoxCont > ul > li .overviewBox:hover {
   border: 1px solid #d0d0d0
}

.overviewBoxCont > ul > li .overviewBox p {
   margin-top: 15px;
   font-size: 16px;
}

.overviewBoxCont > ul > li .overviewBox p.spec-title {
   color: #000;
   font-size: 20px;
   font-weight: 500;
   margin-top: 14px;
   margin-bottom: 12px;
   line-height: 30px
}

.overviewBoxCont > ul > li .overviewBox img {
   vertical-align: bottom;
   height: 30px;
}

.overviewTextCont {
   padding: 48px 0 10px;
   color: #4b4b4b;
   font-size: 18px;
   font-weight: 300;
   line-height: 33px
}

.overviewTextCont h2 {
   color: #2a2a2a;
   font-size: 25px;
   font-weight: 500;
   margin-bottom: 18px
}

.overviewImgCont ul li {
   float: left;
   padding: 0 10px
}

.overviewImgCont ul li.overviewFirstImg {
   width: 40%
}

.overviewImgCont ul li.overviewSecImg {
   width: 20%
}

.overviewImgCont ul li.overviewThirdImg {
   width: 40%
}

.overviewImgCont ul li img {
   width: 100%;
   height: auto
}

.overviewBoxCont > ul > li .overviewmoreBox {
   background: #e11717;
   color: #fff;
   font-size: 18px;
   height: 170px;
   line-height: 18px;
   padding-top: 64px;
   text-align: center;
   width: 100%;
   border: 1px solid #e3e3e3;
   cursor: pointer;
   font-weight: 500
}

.overviewBoxCont > ul > li .overviewmoreBox:hover {
   background: #c90b0b
}

.overviewBoxCont > ul > li .overviewmoreBox span {
   margin-bottom: 18px;
   display: inline-block;
   font-weight: 400;
   font-size: 16px
}

.overviewBoxCont > ul > li .overviewmoreBox span.icon {
   background: url(/assets/front-end/images/v3/overview-box-icon.png) no-repeat top center;
   height: 48px;
   width: 47px;
   display: block;
   margin: 0 auto 28px
}

.overviewBoxCont > ul > li .overviewmoreBox span.icon.viewless {
   background: url(/assets/front-end/images/v3/overview-box-icon.png) no-repeat bottom center
}

.specifiction .tabbingCont .tabbingHead li {
   background: transparent;
}

.specifiction .tabbingCont {
   margin: 0
}

.specifiction .overviewBoxCont {
   margin-left: -12px;
   margin-right: -12px;
}

/* LIST GRID VIEW */
.paging {
   text-align: center;
   font-size: 0;
}

.paging .off {
   display: none;
}

.paging .current {
   padding: 20px 25px;
   background-color: #e36e43;
   color: #fff;
   line-height: 1;
}

.paging > span a,
.paging > div a {
   text-decoration: none;
   color: #555;
   font-size: 20px;
}

.paging > span a:hover,
.paging > div a:hover {
   background: #e36e43;
   color: #fff;
}

.paging > span,
.paging > div {
   display: inline-block;
   vertical-align: middle;
   font-size: 20px;
   margin-right: 1px;
}

.paging a {
   display: block;
   line-height: 1;
   padding: 20px 25px;
   background-color: #f0f0f0;
}

.lexus-pagination .pagination > .active > a,
.lexus-pagination .pagination > .active > a:focus,
.lexus-pagination .pagination > .active > a:hover,
.lexus-pagination .pagination > .active > span,
.lexus-pagination .pagination > .active > span:focus,
.lexus-pagination .pagination > .active > span:hover {
   padding: 20px 25px;
   background-color: #e36e43;
   color: #fff;
   line-height: 1;
   border: 0
}

.lexus-pagination .pagination > li > a,
.lexus-pagination .pagination > li > span {
   vertical-align: middle;
   color: #555;
   font-size: 20px;
   margin-right: 2px;
   display: block;
   line-height: 1;
   padding: 20px 25px;
   background-color: #f0f0f0;
   border: 0
}

.lexus-pagination .pagination > li > a:focus,
.lexus-pagination .pagination > li > a:hover,
.lexus-pagination .pagination > li > span:focus,
.lexus-pagination .pagination > li > span:hover {
   z-index: 2;
   color: #fff;
   background-color: #e36e43;
   border-color: #ddd;
}

.product-list .loop.list {
   padding-left: 15px;
   padding-right: 15px;
}

.product-list .loop.list .item-wrapper {
   width: 100%;
   padding: 0;
   background: #f0f0f0;
   margin-bottom: 20px;
}

.product-list .loop.list .carDetails {
   padding: 0;
   float: left;
   display: table;
   vertical-align: top;
   margin-bottom: 0;
   width: 100%;
}

.product-list .loop.list .carDetails a.carImg {
   width: 25%;
   display: table-cell;
   float: none;
   vertical-align: top;
}

.product-list .loop.list .hover-wrapper {
   width: 100%;
   display: table;
   float: none;
}

.product-list .loop.list .carDetails .carDesc {
   width: 75%;
   display: table-cell;
   float: none;
   vertical-align: top;
   position: relative;
   padding-top: 15px;
   /* padding-bottom: 60px; */
}

.product-list .loop.list .carDetails a.carImg span.carName {
   display: none;
}

.product-list .loop.list .carDetails .carDesc .carlistDesc {
   display: inline-block;
   width: 100%;
   text-align: left;
   padding: 6px 34px;
}

.product-list .loop.list .carDetails .carDesc .carlistDesc a:hover p {
   color: #e36e43;
}

.product-list .loop.list .carDetails .carDesc .carDescTop ul {
   border-top: 1px solid #d9d9d9;
}

.product-list .loop.list p.carListName {
   font-size: 20px;
   font-weight: 400;
   color: #000;
}

.product-list .loop.list .carDesc .carDescTop > ul > li {
   padding: 10px 0;
   font-size: 13px;
   line-height: 15px;
}

.product-list .loop.list .formBoxHead {
   float: left;
   width: 35%;
   padding-top: 21px;
}

.product-list .loop.list .formBox {
   padding: 58px 34px;
   position: relative;
}

.product-list .loop.list .formBoxBody {
   float: left;
   width: 65%;
}

.product-list .loop.list .formBoxBody .field-row {
   float: left;
   width: 50%;
   padding: 0 10px;
   margin-bottom: 15px;
}

.product-list .loop.list .formBoxBody input[type="text"] {
   width: 100%;
}

.product-list .loop.list .formBoxBody a.registration {
   margin-top: 0;
   border: 1px solid #e11717;
}

/* BLOG */
.relate-phukien-sliders .slick-dots,
.relate-cars-sliders .slick-dots,
.sticky-slider .slick-dots {
   display: inline-block !important;
   margin-top: 15px;
}

.relate-phukien-sliders .slick-dots:after,
.relate-cars-sliders .slick-dots:after,
.sticky-slider .slick-dots:after {
   content: '';
   display: block;
   clear: both;
}

.relate-phukien-sliders .slick-dots:before,
.relate-cars-sliders .slick-dots:before,
.sticky-slider .slick-dots:before {
   content: '';
   display: block;
   clear: both;
}

.relate-phukien-sliders.slick-dots li,
.relate-cars-sliders .slick-dots li,
.sticky-slider .slick-dots li {
   display: inline-block;
   float: left;
   list-style: none;
   margin: 0 8px 0 7px;
}

.relate-phukien-sliders .slick-dots li button,
.relate-cars-sliders .slick-dots li button,
.sticky-slider .slick-dots li button {
   background: #e36e43;
   border: 0 none;
   color: transparent;
   cursor: pointer;
   display: block;
   font-size: 0;
   height: 6px;
   line-height: 0;
   outline: medium none;
   padding: 0px;
   margin: 4px 0;
   width: 6px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
}

.relate-phukien-sliders .slick-dots li.slick-active button,
.relate-cars-sliders .slick-dots li.slick-active button,
.sticky-slider .slick-dots li.slick-active button {
   width: 14px;
   height: 14px;
   margin: 0;
}

.relate-phukien-sliders,
.relate-cars-sliders,
.sticky-slider {
   text-align: center;
}

.relate-phukien-sliders .blog-title,
.relate-cars-sliders .blog-title,
.sticky-slider .blog-title {
   text-align: left
}

.sticky-slider a {
   color: #333;
}

.sticky-slider a:hover {
   color: #e36e43;
}

/*  POLICY */
.side-menu {
   /* position: fixed; */
   /* width: 300px; */
   height: 100%;
   background-color: #f8f8f8;
   border-right: 1px solid #e7e7e7;
}

.side-menu .navbar {
   border: none;
}

.side-menu .navbar-header {
   width: 100%;
   border-bottom: 1px solid #e7e7e7;
}

.side-menu .navbar-nav .active a {
   background-color: transparent;
   margin-right: -1px;
   border-right: 5px solid #e7e7e7;
}

.side-menu .navbar-nav li {
   display: block;
   width: 100%;
   border-bottom: 1px solid #e7e7e7;
}

.side-menu .navbar-nav li a {
   padding: 15px;
}

.side-menu .navbar-nav li a .glyphicon {
   padding-right: 10px;
}

.side-menu #dropdown {
   border: 0;
   margin-bottom: 0;
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
}

.side-menu #dropdown .caret {
   float: right;
   margin: 9px 5px 0;
}

.side-menu #dropdown .indicator {
   float: right;
}

.side-menu #dropdown > a {
   border-bottom: 1px solid #e7e7e7;
}

.side-menu #dropdown .panel-body {
   padding: 0;
   background-color: #f3f3f3;
}

.side-menu #dropdown .panel-body .navbar-nav {
   width: 100%;
}

.side-menu #dropdown .panel-body .navbar-nav li {
   padding-left: 15px;
   border-bottom: 1px solid #e7e7e7;
}

.side-menu #dropdown .panel-body .navbar-nav li:last-child {
   border-bottom: none;
}

.side-menu #dropdown .panel-body .panel > a {
   margin-left: -20px;
   padding-left: 35px;
}

.side-menu #dropdown .panel-body .panel-body {
   margin-left: -15px;
}

.side-menu #dropdown .panel-body .panel-body li {
   padding-left: 30px;
}

.side-menu #dropdown .panel-body .panel-body li:last-child {
   border-bottom: 1px solid #e7e7e7;
}

.side-menu #search-trigger {
   background-color: #f3f3f3;
   border: 0;
   border-radius: 0;
   position: absolute;
   top: 0;
   right: 0;
   padding: 15px 18px;
}

.side-menu .brand-name-wrapper {
   min-height: 50px;
   background: #e36e43;
   color: #fff;
}

.side-menu .brand-name-wrapper .navbar-brand {
   display: block;
}

.side-menu .brand-name-wrapper .navbar-brand {
   color: #fff;
   font-size: 22px;
   font-weight: bold;
}

.side-menu .brand-name-wrapper .navbar-brand .fas {
   font-size: 22px;
   margin-right: 15px;
   margin-left: 5px;
}

.side-menu #search {
   position: relative;
   z-index: 1000;
}

.side-menu #search .panel-body {
   padding: 0;
}

.side-menu #search .panel-body .navbar-form {
   padding: 0;
   padding-right: 50px;
   width: 100%;
   margin: 0;
   position: relative;
   border-top: 1px solid #e7e7e7;
}

.side-menu #search .panel-body .navbar-form .form-group {
   width: 100%;
   position: relative;
}

.side-menu #search .panel-body .navbar-form input {
   border: 0;
   border-radius: 0;
   box-shadow: none;
   width: 100%;
   height: 50px;
}

.side-menu #search .panel-body .navbar-form .btn {
   position: absolute;
   right: 0;
   top: 0;
   border: 0;
   border-radius: 0;
   background-color: #f3f3f3;
   padding: 15px 18px;
}

/* Main body section */
.side-body {
   margin-left: 310px;
}

/* small screen */
@media (max-width: 768px) {
   .side-menu {
      position: relative;
      width: 100%;
      height: 50px;
      border-right: 0;
      border-bottom: 1px solid #e7e7e7;
      margin-bottom: 30px
   }

   .side-menu .brand-name-wrapper .navbar-brand {
      display: inline-block;
   }

   /* Slide in animation */
   @-moz-keyframes slidein {
      0% {
         left: -300px;
      }

      100% {
         left: 10px;
      }
   }

   @-webkit-keyframes slidein {
      0% {
         left: -300px;
      }

      100% {
         left: 10px;
      }
   }

   @keyframes slidein {
      0% {
         left: -300px;
      }

      100% {
         left: 10px;
      }
   }

   @-moz-keyframes slideout {
      0% {
         left: 0;
      }

      100% {
         left: -300px;
      }
   }

   @-webkit-keyframes slideout {
      0% {
         left: 0;
      }

      100% {
         left: -300px;
      }
   }

   @keyframes slideout {
      0% {
         left: 0;
      }

      100% {
         left: -300px;
      }
   }

   /* Slide side menu*/
   /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
   .side-menu-container > .navbar-nav.slide-in {
      -moz-animation: slidein 300ms forwards;
      -o-animation: slidein 300ms forwards;
      -webkit-animation: slidein 300ms forwards;
      animation: slidein 300ms forwards;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      z-index: 999;
   }

   .side-menu-container > .navbar-nav {
      /* Add position:absolute for scrollable menu -> see top comment */
      position: fixed;
      left: -300px;
      width: 300px;
      top: 0;
      height: 100%;
      margin-top: 0;
      border-right: 1px solid #e7e7e7;
      background-color: #f8f8f8;
      -moz-animation: slideout 300ms forwards;
      -o-animation: slideout 300ms forwards;
      -webkit-animation: slideout 300ms forwards;
      animation: slideout 300ms forwards;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
   }

   /* Uncomment for scrollable menu -> see top comment */
   /*.absolute-wrapper{
          width:285px;
          -moz-animation: slideout 300ms forwards;
          -o-animation: slideout 300ms forwards;
          -webkit-animation: slideout 300ms forwards;
          animation: slideout 300ms forwards;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
      }*/
   @-moz-keyframes bodyslidein {
      0% {
         left: 0;
      }

      100% {
         left: 300px;
      }
   }

   @-webkit-keyframes bodyslidein {
      0% {
         left: 0;
      }

      100% {
         left: 300px;
      }
   }

   @keyframes bodyslidein {
      0% {
         left: 0;
      }

      100% {
         left: 300px;
      }
   }

   @-moz-keyframes bodyslideout {
      0% {
         left: 300px;
      }

      100% {
         left: 0;
      }
   }

   @-webkit-keyframes bodyslideout {
      0% {
         left: 300px;
      }

      100% {
         left: 0;
      }
   }

   @keyframes bodyslideout {
      0% {
         left: 300px;
      }

      100% {
         left: 0;
      }
   }

   /* Slide side body*/
   .side-body {
      margin-left: 5px;
      margin-top: 70px;
      position: relative;
      -moz-animation: bodyslideout 300ms forwards;
      -o-animation: bodyslideout 300ms forwards;
      -webkit-animation: bodyslideout 300ms forwards;
      animation: bodyslideout 300ms forwards;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
   }

   .body-slide-in {
      -moz-animation: bodyslidein 300ms forwards;
      -o-animation: bodyslidein 300ms forwards;
      -webkit-animation: bodyslidein 300ms forwards;
      animation: bodyslidein 300ms forwards;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
   }

   /* Hamburger */
   .navbar-toggle {
      border: 0;
      float: right;
      padding: 18px;
      margin: 0;
      border-radius: 0;
      background-color: #f3f3f3;
   }

   .navbar-header {
      /* position: fixed;
      z-index: 3;
      background-color: #f8f8f8; */
   }

   /* Dropdown tweek */
   #dropdown .panel-body .navbar-nav {
      margin: 0;
   }
}

.policy-primary .policy-detail .heading {
   margin-top: 0;
   font-size: 32px;
}

.policy-primary .policy-detail .policy-header p.time {
   font-style: italic;
   color: #999;
}

.policy-primary .policy-detail .the-content p,
.policy-primary .policy-detail .the-content {
   font-size: 14px;
}

.policy-primary .policy-detail .the-content img {
   max-width: 100%;
   display: block;
   /* margin: auto; */
   margin-top: 15px;
   margin-bottom: 15px;
}

.booking-action .book-car-now {
   background: #4d5256;
   border-radius: 0;
   border: 0;
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   /*margin-top: 30px;*/
   padding: 15px 20px 12px;
   transition: 444ms all ease-in-out;
}

.booking-action .drive-car-now {
   background: #e36e43;
   border-radius: 0;
   border: 0;
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   margin-top: 15px;
   padding: 15px 20px 12px;
   transition: 444ms all ease-in-out;
}

.booking-action .drive-car-now:hover,
.booking-action .book-car-now:hover {
   background: #ffc600;
}

.booking-action .hover-icon {
   max-height: 20px;
   width: auto;
   float: left;
   display: inline-block;
   margin-right: 10px;
   margin-top: 4px
}

.booking-action span {
   display: inline-block;
   font-size: 20px;
   /* font-weight: 600; */
}

.contact-form .try-to-drive thead.try-head {
   background: #e36e43;
   height: 50px;
   color: #fff;
}

.contact-form .try-to-drive {
   border-bottom: 1px solid #ccc;
}

.contact-form .try-to-drive td h3.car-title {
   font-weight: bold;
   font-size: 18px;
   margin: 0;
}

.contact-form .try-to-drive td {
   vertical-align: middle !important;
   font-size: 16px;
   /* font-weight: bold; */
}

.contact-form .try-to-drive td:first-child {
   padding-left: 0;
}

.contact-form .try-to-drive td:last-child {
   padding-right: 0;
}

.table td {
   position: relative;
}

.product-video {
   padding-bottom: 50px;
}

.product-video figure {
   position: relative;
}

.product-video figure img.video-feature-img {
   width: 100%;
   height: 510px;
   object-fit: cover;
   object-position: center;
   border: 1px solid #ccc;
}

.product-video img.video-play-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.product-video .video-tab {
   color: #000;
   font-size: 24px;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 24px;
   font-weight: 600;
   padding-top: 3px;
   margin-bottom: 30px;
   margin-top: 0;
}

.relate-cars .carDetails {
   padding: 0
}

.relate-cars {
   margin-bottom: 30px
}

.relate-cars h2.heading {
   color: #000;
   font-size: 24px;
   font-weight: 300;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 24px;
   font-weight: 600;
   padding-top: 3px;
   margin-bottom: 30px;
   margin-top: 0;
}

/* BOOKING */
.contact-form {
   margin: 30px 0;
}

.contact-form input.form-control {
   border-radius: 0;
   height: 40px;
}

.contact-form .form-group {
   margin-bottom: 30px
}

.contact-form h2.heading {
   color: #000;
   font-size: 24px;
   font-weight: 300;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 24px;
   font-weight: 600;
   padding-top: 3px;
   margin-bottom: 30px;
   margin-top: 0;
}

.contact-form .label-wrapper {
   width: 145px;
   float: left;
}

.contact-form .content-wrapper {
   padding-left: 160px;
   padding-right: 15px
}

.contact-form .booking-action button {
   margin-top: 0;
}

.contact-form .booking-action {
   margin-bottom: 30px
}

.contact-form p.note {
   padding: 10px 0
}

.booking-action .drive-car-send {
   background: #e36e43;
   border-radius: 0;
   border: 0;
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   margin-top: 30px;
   padding: 10px 20px 12px;
   transition: 444ms all ease-in-out;
   min-width: 220px;
   height: 50px;
   border-radius: 3px;
}

.right-form.try-drive h3 {
   border-bottom: 2px solid #e36e43;
   margin: 0;
   margin-bottom: 10px;
   padding-bottom: 10px;
   font-size: 22px;
}

.booking-action .book-car-cancel {
   background: #4d5256;
   border-radius: 0;
   border: 0;
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   margin-top: 30px;
   padding: 10px 20px 12px;
   transition: 444ms all ease-in-out;
   min-width: 220px;
   height: 50px;
   border-radius: 3px;
}

.booking-action button:hover,
.booking-action a:hover {
   background: #ffc600;
}

#snackbar {
   visibility: hidden;
   min-width: 250px;
   text-align: center;
   border-radius: 3px;
   padding: 16px;
   position: fixed;
   z-index: 1;
   right: 15px;
   font-size: 16px;
   bottom: 234px
}

#snackbar.show {
   visibility: visible;
   -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
   animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.top-footer .widget .email {
   word-break: break-all;

}

/*  LIDO */

.top-lido {
   padding: 40px 0;
}

.top-lido h3.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.top-lido p.sub {
   font-weight: 600;
   margin-bottom: 30px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.top-lido h3.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%)
}

.top-lido .top-content {
   display: flex;
   justify-content: flex-start;
}

.top-lido .top-content .left-img {
   flex-basis: 450px;
   /* height: 100%; */
}

.top-lido .top-content ul.lido {
   padding-left: 30px;
   flex: 1
}

.top-lido .top-content ul.lido li {
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: 500;
   color: #181818;
   display: flex;

}

.top-lido .top-content ul.lido li:last-child {
   margin-bottom: 0
}

.top-lido .top-content ul.lido li span {
   width: 24px;
   height: 24px;
   background: #ff7133;
   color: #fff;
   text-align: center;
   font-size: 16px;
   line-height: 24px;
   display: inline-block;
   border-radius: 50px;
   margin-right: 10px;
   flex: 0 0 24px;

}

/* BILLGATE */

.bill-gate {
   padding: 50px 0 50px;
}

.bill-gate .bill-quote {
   border: 3px solid #fff;
   padding: 30px 0;
   position: relative;
   border-top: 0;
}

.bill-gate .bill-quote::after {
   content: "";
   height: 3px;
   width: 380px;
   position: absolute;
   top: -3px;
   right: -3px;
   background: #fff;
}

.bill-gate .bill-quote::before {
   content: "";
   height: 3px;
   width: 380px;
   position: absolute;
   top: -3px;
   left: -3px;
   background: #fff;
}

.bill-gate .bill-quote blockquote {
   font-size: 32px;
   font-weight: 500;
   color: #fff;
   margin: 0;
}

.bill-gate .bill-quote h3.heading {
   font-size: 50px;
   color: #ff7133;
   font-weight: 500;
   position: absolute;
   left: 50%;
   top: -30px;
   transform: translateX(-50%);
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
   font-weight: bold;
}

/* PRICE SLIDER */

.price-slider {
   padding: 40px 0;
   background: #f1f1f1;

}

.price-slider .inner {
   max-width: 1440px;
   margin: auto
}

.price-slider h2.heading {
   font-size: 24px;
   font-weight: 600;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.price-slider h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.price-slider p.sub {
   font-weight: 600;
   margin-bottom: 30px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.price-slider .inner .item {
   padding-left: 15px;
   padding-right: 15px;
}

.price-slider .inner .item figure {
   position: relative;
   margin: 0;
   overflow: hidden;

}

.price-slider .inner .item figure .info {
   position: absolute;
   left: 10px;
   right: 10px;
   display: flex;
   justify-content: space-between;
   bottom: 10px;
}

.price-slider .inner .item figure .info .name {
   flex: 1 1 30%;
   color: #181818;
   font-size: 20px;
   position: relative;
   z-index: 1;
}

.price-slider .inner .item figure .info .name::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 80%;
   bottom: 1px;
   background: #fff;
   /* transform: skewX(-30deg); */
   z-index: -1;
}

.price-slider .inner .item figure .info .name::after {
   content: "";
   position: absolute;
   left: 50%;
   top: 0;
   right: 5px;
   bottom: 1px;
   background: #fff;
   transform: skewX(-30deg);
   z-index: -1;
}

.price-slider .inner .item figure .info .name h3 {
   font-size: 22px;
   font-weight: 600;
   padding-left: 10px;
   color: #181818;
   margin-top: 5px;
   margin-bottom: 5px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;

}

.price-slider .inner .item figure .info .name p {
   font-size: 22px;
   font-weight: 600;
   padding-left: 10px;
   color: #181818;
   margin-top: 0;
   margin-bottom: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.price-slider .inner .item figure .info .price {
   flex: 1 1 30%;
   color: #fff;
   font-size: 20px;
   /* background: #ff7133; */
   position: relative;
   z-index: 1;
}

.price-slider .inner .item figure .info .price p:first-child {
   text-align: center;
}

.price-slider .inner .item figure .info .price p:first-child del {
   font-size: 20px;
   text-align: center;
   margin-bottom: 0;
   margin-top: 5px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.price-slider .inner .item figure .info .price p:last-child {
   font-size: 24px;
   text-align: center;
   margin-bottom: 0;
   letter-spacing: -1;
   font-weight: 600;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.price-slider .inner .item figure .info .price::after {
   content: "";
   position: absolute;
   left: 5px;
   top: 0;
   right: 5px;
   bottom: 0;
   background: #ff7133;
   transform: skewX(-30deg);
   z-index: -1;
}

.price-slider .inner .item figure .info .year {
   flex: 1 1 30%;
   color: #fff;
   font-size: 20px;
   position: relative;
   z-index: 1;
}

.price-slider .inner .item figure .info .year::after {
   content: "";
   position: absolute;
   left: 5px;
   top: 0;
   right: 15px;
   bottom: 0;
   background: #21292c;
   transform: skewX(-30deg);
   z-index: -1;
}

.price-slider .inner .item figure .info .year p:first-child {
   font-size: 18px;
   text-align: left;
   margin-bottom: 8px;
   margin-top: 5px;
   padding-left: 30px;
   font-weight: 600;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;

}

.price-slider .inner .item figure .info .year p:last-child {
   font-size: 18px;
   text-align: left;
   margin-bottom: 0;
   letter-spacing: -1;
   font-weight: 600;
   padding-left: 30px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;

}

/* AWARD */

section.award {
   padding: 40px 0;
}

section.award h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

section.award h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

section.award p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

section.award p.sub:last-child {
   margin-bottom: 20px;

}

section.award .ranking-chart h3 {
   color: #115b9b;
   font-weight: 500;
   font-size: 18px;

}

section.award .ranking-chart .score-wrap {
   display: flex;
   flex-flow: row;
   align-items: center;
   margin-bottom: 12px;
}

section.award .ranking-chart .score-wrap:last-child {
   margin-bottom: 0;
}

section.award .ranking-chart .score-wrap .label {
   flex-basis: 108px;

}

section.award .ranking-chart .score-wrap .label span {
   font-size: 16px;
   font-weight: 500;
   color: #181818;

}

section.award .ranking-chart .score-wrap .label span.lexus {
   color: #115b9b
}

section.award .ranking-chart .score-wrap .progress {
   flex: 1
}

section.award .ranking-chart .progress {
   background-color: transparent;
   height: 25px;
   border-radius: 0 !important;

}

section.award .ranking-chart .progress .progress-bar {
   height: 25px;
   border-radius: 0 !important;
}

section.award .ranking-chart .progress .progress-bar {
   background-color: #cfd0d2 !important;
   text-align: right;
   padding-right: 50px;
   border-radius: 0 !important;
   color: #000
}

section.award .ranking-chart .progress .progress-bar.lexus-win {
   background-color: #115b9b !important;
   text-align: right;
   padding-right: 50px;
   color: #fff
}

section.award .ranking-chart .view-more {
   max-width: 400px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin: auto;
   border-radius: 0;
   margin-top: 12px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

section.award .ranking-chart .view-more:hover {
   background: rgba(255, 113, 51, 0.85);
}

/* CHUYEN VIEN */

.chuyen-vien {
   padding: 40px 0;
}

.chuyen-vien h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.chuyen-vien h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.chuyen-vien p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.chuyen-vien .info-wrap {
   display: flex;
   flex-flow: wrap;
   margin-top: 30px
}

.chuyen-vien .info-wrap .about {
   flex: 1 1 30%;
   padding-right: 40px;
}

.chuyen-vien .info-wrap .skills {
   flex: 1 1 30%;
   padding-left: 20px;
}

.chuyen-vien .info-wrap .img-profile {
   flex: 1 1 40%;
   padding-left: 20px;
}

.chuyen-vien .info-wrap .skills h3.heading,
.chuyen-vien .info-wrap .about h3.heading {
   font-size: 20px;
   font-weight: 600;
   color: #1e2029;
   margin: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.chuyen-vien .info-wrap .skills p.job,
.chuyen-vien .info-wrap .about p.job {
   font-size: 16px;
   font-weight: 600;
   color: #1e2029;
   position: relative;
   margin-bottom: 5px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.chuyen-vien .info-wrap .skills p.job::after,
.chuyen-vien .info-wrap .about p.job::after {
   content: "";
   width: 200px;
   height: 2px;
   background: #ff7133;
   position: absolute;
   left: 0;
   bottom: 0;
}

.chuyen-vien .info-wrap .about .excerpt {
   line-height: 1.5;
   font-size: 15px;
   color: #1e2029;
   margin-bottom: 40px;
   margin-top: 20px
}

.chuyen-vien .info-wrap .about .contact-me {
   max-width: 168px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin-top: 12px;
   border-radius: 0;
}

.chuyen-vien .info-wrap .about .contact-me:hover {
   background: rgba(255, 113, 51, 0.85);
}

.chuyen-vien .info-wrap .skills .list {
   margin-top: 20px
}

.chuyen-vien .info-wrap .skills .list .item {
   display: flex;
   margin-bottom: 20px;
}

.chuyen-vien .info-wrap .skills .list .item .img {
   flex: 0 0 58px;
}

.chuyen-vien .info-wrap .skills .list .item .skill {
   flex: 1 1 auto;
}

.chuyen-vien .info-wrap .skills .list .item .skill h3 {
   font-size: 15px;
   font-weight: bold;
   text-transform: uppercase;
   color: #1e2029;
   margin: 0;
}

.chuyen-vien .info-wrap .skills .list .item .skill p {
   font-size: 15px;
   color: #1e2029;
   margin: 0;
}

/* TECHNIC TEAM */

.technic-team {
   padding: 30px 0;

}

.technic-team .team-slider {
   margin-left: -12px;
   margin-right: -12px;
   margin-top: 20px;
}

.technic-team h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.technic-team h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.technic-team p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.technic-team p.sub.slogan {
   text-transform: uppercase;
   font-size: 18px;
}

.technic-team .team-slider .partner {
   padding: 0 12px;
}

.technic-team .team-slider .partner .info {
   background: #f4f8fb;
   color: #fff;
   padding: 12px;
}

.technic-team .team-slider .partner img {
   height: 244px;
   object-fit: cover;
   width: 100%;
   object-fit: cover;
   object-position: top;
}

.technic-team .team-slider .partner .info h3.name {
   font-size: 18px;
   margin: 0;
   margin-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.technic-team .team-slider .partner .info p.job {
   font-size: 14px;
   margin: 0;
   margin-bottom: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

/* CUSTOMER TESTIMONIAL */

.customer-testimonial {

   margin: 30px 0;
   background: #111111;
   max-width: 1440px;
   margin: auto;
}

.customer-testimonial .container {
   position: relative;
}

.customer-testimonial h2.heading {
   position: absolute;
   top: 15px;
   left: 15px;
   font-size: 26px;
   font-weight: bold;
   color: #ff7133;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif

}

.customer-testimonial .test-slider .info,
.customer-testimonial .test-slider .excerpt {
   color: #fff;
   font-size: 15px;
}

.customer-testimonial .test-slider .excerpt {
   margin-bottom: 15px;
}

.customer-testimonial .test-slider .info p.name {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 0;
}

.customer-testimonial .test-slider .info p.jpb {
}

.customer-testimonial .test-slider .item {
   display: flex;
   flex-flow: nowrap
}

.customer-testimonial .test-slider .content {
   flex: 1 1 auto
}

.customer-testimonial .test-slider .content {
   padding-left: 166px;
   padding-top: 65px;
   padding-right: 40px;
}

.customer-testimonial .test-slider .cus-img {
   flex: 0 0 495px;
   max-height: 250px;
   -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

.customer-testimonial .test-slider .cus-img img {
   width: 100%;
   height: auto;
   object-fit: cover;
   object-position: center;
}

/* TAKE CARE */

.take-care {
   padding: 30px 0;
}

.take-care h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.take-care h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.take-care p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.take-care .care-list {
   display: flex;
   flex-flow: wrap;
   margin-top: 20px;
}

.take-care .care-list .left {
   flex: 1 1 50%;
   border-right: 1px solid #000;
   padding-right: 33px;

}

.take-care .care-list .right {
   flex: 1 1 50%;
   padding-left: 33px;
}

.take-care .care-list h3.heading {
   font-size: 20px;
   font-weight: bold;
   color: #1e2029;
   padding-bottom: 5px;
   text-transform: uppercase;
   position: relative;
   margin-bottom: 22px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.take-care .care-list h3.heading::after {
   content: "";
   width: 200px;
   height: 2px;
   background: #ff7133;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.take-care .care-list ul > li {
   background: #111111;
   margin-bottom: 12px;
   color: #fff;
   font-size: 15px;

}

.take-care .care-list ul > li img {
   margin-right: 30px;
}

/* FORM TU VAN */

.tuvan-laithu {
   padding: 30px 0;

}

.tuvan-laithu h2.heading {
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif

}

.tuvan-laithu h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #f1f1f1;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.tuvan-laithu p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #f1f1f1;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.tuvan-laithu .form-contact {
   display: flex;
   justify-content: center;
   margin-top: 25px;
}

.tuvan-laithu .form-contact form {
   max-width: 540px;
   padding: 20px 25px;
   background: #e8e8e9;
   flex: 1 1 100%;
}

.tuvan-laithu .form-contact form input {
   height: 40px;
   border-radius: 0;
}

.tuvan-laithu .form-contact form h3 {
   font-size: 26px;
   border-bottom: 2px solid #fff;
   padding-bottom: 5px;
   margin-bottom: 15px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.tuvan-laithu .form-contact form .reg-button {
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin: auto;
   border-radius: 0;
   margin-top: 12px;
   max-width: 400px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.tuvan-laithu .form-contact form .reg-button:hover {
   background: rgba(255, 113, 51, 0.85);
}

/* QUESTION */

.quest-title > a {
   display: block;
   position: relative;
}

.quest-title > a:after {
   content: "\f078";
   /* fa-chevron-down */
   font-family: 'FontAwesome';
   position: absolute;
   right: 0;
}

.quest-title > a[aria-expanded="true"]:after {
   content: "\f077";
   /* fa-chevron-up */
}

.question-answer {
   padding: 30px 0;
}

.question-answer h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.question-answer h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.question-answer p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.question-answer #question-accordion .card {
   border: none;
}

.question-answer #question-accordion .card-header {
   background: transparent;
   padding-left: 0;
   padding-right: 0;

}

.question-answer #question-accordion .card-header .quest-title a {
   text-transform: uppercase;
   color: #1e2029;
   font-weight: bold;
   font-size: 15px;
}

.question-answer #question-accordion .card-header .quest-title a:hover {
   color: #ff7133;
}

.question-answer #question-accordion .card-body {
   padding-left: 0;
   padding-right: 0;
   font-size: 15px;
}

.question-answer .view-more {
   max-width: 400px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin: auto;
   margin-top: 12px;
   border-radius: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.question-answer .view-more:hover {
   background: rgba(255, 113, 51, 0.85);

}

/* INFO CAR POPUP*/

.info-answer {
   padding: 10px 0;
}

.info-answer h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.info-answer h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.info-answer p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.info-answer .car-accordion .card {
   border: none;
}

.info-answer .car-accordion .card-header {
   background: transparent;
   padding-left: 0;
   padding-right: 0;

}

.info-answer .car-accordion .card-header .quest-title a {
   text-transform: uppercase;
   color: #1e2029;
   font-weight: bold;
   font-size: 15px;
}

.info-answer .car-accordion .card-header .quest-title a:hover {
   color: #ff7133;
}

.info-answer .car-accordion .card-body {
   padding-left: 0;
   padding-right: 0;
   font-size: 15px;
}

.info-answer .view-more {
   max-width: 400px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin: auto;
   margin-top: 12px;
   border-radius: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.info-answer .view-more:hover {
   background: rgba(255, 113, 51, 0.85);

}

/*/POP UP*/

#car-info .modal-content .modal-body {
   max-height: 650px;
   overflow-y: scroll;
}

#car-info .modal-header .close {
   right: -24px;
   top: -26px;
   position: absolute;
}

#car-info .modal-header {
   position: relative;
}

#car-info h2.title {
   font-size: 22px;
   font-weight: 600;
   margin-top: 0;
   margin-bottom: 15px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

#car-info p.price {
   font-size: 18px;
   margin-top: 12px;
}

#car-info p.price span {
   color: #cf021b;
   font-size: 30px;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
   margin-left: 10px;
   font-weight: 600;

}

#car-info .info-table {
   display: flex;
   flex-flow: wrap;

}

#car-info .info-table .right {
   flex: 1 1 45%;
   padding-left: 12px;
}

#car-info .info-table .left {
   flex: 1 1 45%;
   padding-right: 12px;
}

#car-info .info-table .right .online h3 {
   background: #ff7133;
   font-size: 17px;
   color: #fff;
   line-height: 40px;
   margin-bottom: 0;
   padding-left: 10px;
   padding-right: 10px;
}

#car-info .info-table .right .online .view {
   border: 1px solid #cecece;
   border-top: 0;
   padding: 12px;
   font-weight: 500;

}

#car-info .info-table .right .online .view span img {
   margin-right: 12px;
}

#car-info .info-table .right .online .view p {
   margin-bottom: 5px;
   line-height: 32px;
}

#car-info .info-table .right .contact {
   display: flex;
   flex-flow: wrap;
   flex-direction: column;
}

#car-info .info-table .right .contact {
   padding-top: 10px;
}

#car-info .info-table .right .contact a:hover {
   background: #ff7133;
}

#car-info .info-table .right .contact a {
   display: inline-block;
   width: 100%;
   background: #337ab8;
   color: #fff;
   font-size: 20px;
   line-height: 45px;
   text-align: center;
   text-transform: uppercase;
   border-radius: 5px;
   margin-top: 10px;
}

#car-info .info-table .right .contact a .fas {
   font-size: 20px;
}

#car-info .left ul li {
   display: flex;
   padding-left: 24px;
   padding-top: 9px;
   padding-bottom: 9px;
   align-items: center;
}

#car-info .left ul li .left {
   flex: 1;
   font-size: 15px;
   font-weight: 500;
}

#car-info .left ul li .left .fas {
   margin-right: 15px;
   font-size: 16px;
}

#car-info .left ul li .right {
   flex: 0 0 40%;
}

#car-info .left ul li:nth-of-type(2n+1) {
   background: #f7f7f7;
}

#top-banner .landingpage-slider .slick-track {
   display: flex;
}

.test-slider .slick-track {
   display: flex;
}

.test-slider .controlBtn {
   position: absolute;
   top: 50%;
   width: 25px;
   height: 50px;
   margin-top: -14px;
   z-index: 99;
}

.test-slider .controlBtn.btnLeft {
   left: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 0;
   cursor: pointer;
   background-size: 50px;
}

.test-slider .controlBtn.btnLeft:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat 0 -80px;
}

.test-slider .controlBtn.btnRight:hover {
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -48px -80px;
}

.test-slider .controlBtn.btnRight {
   right: 48px;
   background: url(/assets/front-end/images/v3/controlbtn.png) no-repeat -25px 0;
   cursor: pointer;
   background-size: 50px;
}

/* BEST CHOICE */

.best-choice {
   max-width: 1440px;
   margin: auto;
   display: flex;
   background: #2a2c36;

}

.best-choice figure {
   flex-basis: 520px;
   margin: 0;
}

.best-choice .your-choice {
   flex: 1 1 auto;
   padding: 40px;
   padding-bottom: 0;
   color: #fff
}

.best-choice .your-choice h3 {
   font-size: 24px;
   font-weight: 600;
   text-transform: uppercase;
   line-height: 1.45;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif

}

.best-choice .your-choice .contact-now {
   max-width: 400px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin-top: 12px;
   border-radius: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.best-choice .your-choice .contact-now:hover {
   background: rgba(255, 113, 51, 0.85);
}

/* CAR PARTNER */
.car-partner {
   background: #111111;
   padding: 30px 0;
}

.car-partner .partner-slider {
   /*background: #fff;*/
   margin-top: 20px;
}

.car-partner .partner-slider .item {
   display: flex;
   justify-content: center;
}

.car-partner h2.heading {
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.car-partner h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #f1f1f1;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.car-partner p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #f1f1f1;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

/* MoRE ABOUT US */

.more-about-us {
   padding: 30px 0;
}

.more-about-us h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.more-about-us h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #333;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.more-about-us p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.more-about-us .wrap {
   margin-top: 20px;
   display: flex;
}

.more-about-us .wrap .left {

   background: #1e2029;
   color: #fff;
   flex: 1 1 45%;
   -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
   margin-right: -50px;
   padding: 30px;
   padding-right: 60px;
}

.more-about-us .wrap .left h4.heading {
   font-size: 24px;
   color: #ff7133;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 30px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.more-about-us .wrap .left .excerpt {
   line-height: 1.6;
   font-size: 15px;
}

.more-about-us .wrap .left .view-more {
   max-width: 400px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin-top: 24px;
   border-radius: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.more-about-us .wrap .left .view-more:hover {
   background: rgba(255, 113, 51, 0.85);
}

.more-about-us .wrap .right {
   padding-top: 20px;
   padding-bottom: 20px;
   flex: 1 1 55%;
}

/* NHAN THONG TIN */

.nhan-thong-tin {
   max-width: 1440px;
   margin: auto;
   display: flex;
   background: #2a2c36;

}

.nhan-thong-tin figure {
   flex-basis: 520px;
   margin: 0;
}

.nhan-thong-tin .get-info {
   flex: 1 1 auto;
   padding: 30px;
   padding-bottom: 0;
   color: #fff;
   padding-right: 163px;
}

.nhan-thong-tin .get-info h3 {
   font-size: 24px;
   font-weight: 600;
   text-transform: uppercase;
   line-height: 1.45;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif

}

.nhan-thong-tin .get-info input {
   height: 45px;
   border-radius: 0;
}

.nhan-thong-tin .get-info .reg-now {
   max-width: 400px;
   height: 45px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0;
   margin-top: 12px;
   border-radius: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.nhan-thong-tin .get-info .reg-now:hover {
   background: rgba(255, 113, 51, 0.85);
}

/* VIDEO TEST XE */

.video-slider {
   padding: 30px 0;
   background: #111111;
   max-width: 1440px;
   margin: auto;
}

.video-slider h2.heading {
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.video-slider h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #f1f1f1;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.video-slider p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #f1f1f1;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

/* SWIPER */

[class^="swiper-button-"],
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
   transition: all .3s ease;
}

*,
*:before,
*:after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

.swiper-container {
   width: 100%;
   height: 28vw;
   transition: opacity .6s ease;
}

.swiper-container.swiper-container-coverflow {
   padding-top: 2%;
}

.swiper-container.loading {
   opacity: 0;
   visibility: hidden;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   opacity: 1;
   visibility: visible;
}

.swiper-slide {
   background-position: center;
   background-size: cover;
}

.swiper-slide .entity-img {
   display: none;
}

.swiper-slide .content {
   position: absolute;
   top: 40%;
   left: 0;
   width: 50%;
   padding-left: 5%;
   color: #fff;
}

.swiper-slide .content .title {
   font-size: 2.6em;
   font-weight: bold;
   margin-bottom: 30px;
}

.swiper-slide .content .caption {
   display: block;
   font-size: 13px;
   line-height: 1.4;
}

[class^="swiper-button-"] {
   width: 44px;
   opacity: 0;
   visibility: hidden;
}

.swiper-button-prev {
   -webkit-transform: translateX(50px);
   transform: translateX(50px);
}

.swiper-button-next {
   -webkit-transform: translateX(-50px);
   transform: translateX(-50px);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 9px;
   position: relative;
   width: 12px;
   height: 12px;
   background-color: #fff;
   opacity: .4;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 18px;
   height: 18px;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border: 0px solid #fff;
   border-radius: 50%;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
   opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   border-width: 1px;
}

@media (max-width: 1199px) {
   .swiper-slide .content .title {
      font-size: 25px;
   }

   .swiper-slide .content .caption {
      font-size: 12px;
   }
}

@media (max-width: 992px) {
   .swiper-container {
      height: 40vw;
   }

   .swiper-container.swiper-container-coverflow {
      padding-top: 0;
   }
}

/* QUY TRINH TEST */

.quytrinh-test {
   padding: 30px 0;
   background: #111111;

}

.quytrinh-test h2.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   padding-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.quytrinh-test h2.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #fff;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.quytrinh-test p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.quytrinh-test .step-list {
   border: 1px solid #fff;

}

.quytrinh-test .step-list .header {
   border-bottom: 1px solid #fff;
}

.quytrinh-test .step-list .footer {
   padding: 20px;
   padding-top: 0;
}

.quytrinh-test .step-list .footer p {
   color: #d6d6d6;
   font-size: 15px;
   font-style: italic;
   margin: 0
}

.quytrinh-test .step-list .body {
   padding: 20px 20px;
}

.quytrinh-test .step-list .body .top {
   display: flex;
   flex-flow: wrap;
   color: #d6d6d6;
   font-size: 15px;
}

.quytrinh-test .step-list .body .top .left {
   flex: 0 0 280px;
   display: flex;

}

.quytrinh-test .step-list .body .top .left figure {
   margin-right: 15px;
   margin-bottom: 0;
   max-width: 100%;
}

.quytrinh-test .step-list .body .top .left .profile {
   flex: 1;
}

.quytrinh-test .step-list .body .top .left .profile .name {
   font-size: 20px;
   font-weight: 500;
   margin: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.quytrinh-test .step-list .body .top .left .profile .job {
   font-size: 15px;
   font-weight: 500;
   margin: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.quytrinh-test .step-list .body .top .left .profile .contact-me {
   max-width: 100%;
   height: 40px;
   display: block;
   width: 100%;
   background: #ff7133;
   color: #fff;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   line-height: 40px;
   padding: 0;
   margin-top: 5px;
   border-radius: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;

}

.quytrinh-test .step-list .body .top .right {
   flex: 1;
   padding-left: 30px;

}

.quytrinh-test .step-list .body .middle {
   display: flex;
   flex-flow: wrap;
   padding-top: 20px;
}

.quytrinh-test .step-list .body .middle .step {
   flex: 1 1 30%;
   color: #d6d6d6;
   border-right: 1px solid #fff;
   padding: 10px;
}

.quytrinh-test .step-list .body .middle .step li {
   display: flex;

}

.quytrinh-test .step-list .body .middle .step li span:last-child {
   margin-left: 10px;
}

.quytrinh-test .step-list .body .middle .step li span:first-child {
   flex: 1
}

.quytrinh-test .step-list .body .middle .step:nth-of-type(3n) {
   border: 0
}

.quytrinh-test .step-list .body .middle .step:last-child {
   border: 0
}

.quytrinh-test .step-list .body .middle .step h4.heading {
   font-size: 15px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 15px;
}

.quytrinh-test .step-list .body .middle .step ul > li span.icon {
   min-width: 20px;
   display: inline-block;
   margin-left: 5px;
}

.quytrinh-test .step-list .header {
   display: flex;
   flex-flow: wrap;
   justify-content: space-between;
   padding: 20px 40px 0;
   align-items: flex-start;
}

.quytrinh-test .step-list .header .left {
   flex: 1 1 40%;

}

.quytrinh-test .step-list .header .right {
   flex: 1 1 60%;
   display: flex;
   flex-flow: wrap;
   justify-content: space-between;
}

.quytrinh-test .step-list .header .right .box {
   display: flex;
   flex: 1 1 30%;
   align-items: center;
   color: #d6d6d6;
}

.quytrinh-test .step-list .header .right .box img {
   max-height: 50px;
   width: auto;
   margin-right: 10px;
}

.quytrinh-test .step-list .header .right .box p {
   margin-bottom: 0;
   font-size: 13px;
}

.quytrinh-test .step-list .header .left {
   display: flex;
}

.quytrinh-test .step-list .header .left img {
   height: initial;
   margin-top: -15px;
   margin-right: 5px;
}

.quytrinh-test .step-list .header .left .test h3 {
   font-size: 26px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 0;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
   padding-top: 10px
}

.quytrinh-test .step-list .header .left .test p {
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 0;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.quytrinh-test .step-list .header h3.heading {
   flex: 1 1 100%;
   font-size: 20px;
   color: #fff;
   margin-bottom: 0;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
   margin-top: -40px

}

.quytrinh-test .step-list .view-more-step {
   font-weight: bold;
   color: #ff7133;
   cursor: pointer;
   text-decoration: underline;
}

.quytrinh-test .step-list .view-more-step:hover {
   color: #fff;
}

#test-step .modal-content .md-header {
   display: flex;

}

#test-step .modal-content .md-header h2.title {
   font-size: 20px;
   font-weight: bold;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   padding-left: 30px;

}

#test-step .modal-content .modal-body {
   max-height: 450px;
   overflow-y: scroll;
}

#test-step .modal-content .modal-body ul.list-step {
   display: flex;
   flex-flow: wrap;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;

}

#test-step .modal-content .modal-body ul.list-step li {
   padding: 15px;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   flex: 1 1 33%
}

#test-step .modal-footer a {
   color: #ff7133;
}

#test-step .modal-footer p {
   margin: 0;
}

#test-step .modal-header {
   position: relative;
}

#test-step .modal-header .close {
   right: -24px;
   top: -26px;
   position: absolute;
}

.fomo-notification.fomo-notification-animation-vertical {
   -webkit-animation-fill-mode: forwards;
   -o-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

.fomo-notification {
   border-radius: 5px !important;
}

.fomo-notification em {
   font-size: 12px;
   font-weight: 400;
}

.fomo-notification {
   display: none;
   width: 280px;
   border: 0;
   bottom: 20px;
   left: 80px;
   position: fixed;
   text-align: left;
   z-index: 99999;
   font-family: National, arial, sans-serif;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-weight: 400;
   border-radius: 6px;
   -webkit-box-shadow: 2px 2px 10px 2px hsla(0, 0%, 60%, .2);
   box-shadow: 2px 2px 10px 2px hsla(0, 0%, 60%, .2);
   background-color: #ff7133;
}

.fomo-notification .fomo-notification-container {
   height: auto;
   padding: 6px;
}

.fomo-notification .fomo-notification-container {
   display: table !important;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 99px;
}

.fomo-notification *, .fomo-notification :after, .fomo-notification :before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.fomo-notification .fomo-notification-image-wrapper {
   padding: 10px !important;
}

.fomo-notification-v2-curved .fomo-notification-image-wrapper {
   padding: 4px;
}

.fomo-notification-v2-curved .fomo-notification-image-wrapper {
   border-radius: 40px 0 0 40px;
   padding: 4px;
}

.fomo-notification .fomo-notification-image-wrapper {
   max-height: 80px;
   width: 80px;
   overflow: hidden;
   display: table-cell !important;
   vertical-align: middle;
   border-radius: 6px 0 0 6px;
}

.fomo-notification-v2-curved .fomo-notification-image-wrapper img {
   border-radius: 50%;
}

.fomo-notification .fomo-notification-image-wrapper img {
   max-width: 100% !important;
   max-height: 100% !important;
   width: 100%;
   height: auto;
   vertical-align: middle;
   display: block;
   margin: 0 auto;
}

.fomo-notification-v2-curved:not(.fomo-notification-no-image) .fomo-notification-content-wrapper {
   padding: 0 20px;
}

.fomo-notification .fomo-notification-content-wrapper {
   padding-left: 5px !important;
   padding-right: 10px !important;
}

.fomo-notification-v2-curved .fomo-notification-content-wrapper {
   border-radius: 0 40px 40px 0;
}

.fomo-notification #popup-buy-product,
.fomo-notification #popup-user-order {
   text-transform: uppercase;
}

.fomo-notification #popup-user-order {
   text-transform: uppercase;
}

.fomo-notification .fomo-notification-content-wrapper {
   margin: 0;
   height: 100%;
   color: #fff;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 0 6px 6px 0;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: table-cell !important;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   vertical-align: middle;
}

.fomo-notification-v2-curved #fomo-close {
   right: 12px;
   top: calc(50% - 1px);
   -webkit-transform: rotate(45deg) translateY(-50%);
   -o-transform: rotate(45deg) translateY(-50%);
   transform: rotate(45deg) translateY(-50%);
}

.fomo-notification #fomo-close {
   position: absolute;
   top: 8px;
   right: 8px;
   height: 12px;
   width: 12px;
   cursor: pointer;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .2s ease-in-out;
   -o-transition: .2s ease-in-out;
   transition: .2s ease-in-out;
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

.fomo-notification .fomo-notification-content-wrapper .fomo-notification-content {
   line-height: 1.45 !important;
   font-family: 'Montserrat', sans-serif !important;
   font-weight: 600;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 14px;
}

.fomo-notification .fomo-notification-content-wrapper small {
   font-size: 11px !important;
   font-weight: 400;
   display: block;
   margin-right: 6px;
   vertical-align: middle;
}

.price-slider figure {
   max-height: 400px;
}

.price-slider figure img {
   max-height: 400px;
   height: 100%;
   width: 100%;
   object-position: center;
   object-fit: cover;
}

/* PAGINATION */

.pagination-box {
   padding: 15px 0;
}

.pagination-box .pagination {
   display: inline-block;
   padding-left: 0;
   margin: 20px 0;
   border-radius: 4px;
}

.pagination-box ul li {
   display: inline-block;
   float: left;
}

.pagination-box ul li a {
   /*padding: 2px;*/
   /*border: 1px solid #ccc;*/
   /*font-size: 16px;*/
   /*display: inline-block;*/
   /*width: 30px;*/
   /*height: 30px;*/
   /*text-align: center;*/
   margin-right: 15px;
   color: #333;

   position: relative;
   display: block;
   padding: .5rem .75rem;
   margin-left: -1px;
   line-height: 1.25;
   background-color: #fff;
   border: 1px solid #dee2e6;
}

.pagination-box ul li a .fa {
   padding: 5px;
}

.pagination-box ul li.active a {
   background: #d6ae35;
   color: #fff;
   border: 0
}

.pagination-box ul li a:hover {
   background: #d6ae35;
   color: #fff;

}

/*SU MENH*/

.su-menh {

   padding: 35px 0;

}

.su-menh h3.heading {
   font-size: 25px;
   font-weight: 600;
   color: #ff7133;
   text-transform: uppercase;
   margin-bottom: 25px;
   position: relative;
   padding-bottom: 20px;
   text-align: center;
}

.su-menh h3.heading::after {
   content: "";
   position: absolute;
   width: 300px;
   height: 2px;
   background: #ff7133;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.su-menh p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.su-menh .profile h3.name {
   font-size: 20px;
   font-weight: 500;
   color: #1e2029;
}

.su-menh .profile p.sub {
   font-weight: 600;
   color: #1e2029;
   position: relative;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.su-menh .profile p.sub:after {
   content: "";
   width: 200px;
   height: 2px;
   background: #ff7133;
   position: absolute;
   left: 0;
   bottom: 0;
}

.su-menh .profile .short-desc p {
   font-size: 16px;
   line-height: 2;
}

.su-menh .profile .short-desc p.signature {
   align-self: flex-end;
   text-align: right;
}

/* TECHNIC TEAM */

.technic-team {
   padding: 30px 0;

}

.technic-team .team-slider {
   margin-left: -12px;
   margin-right: -12px;
   margin-top: 20px;

   display: flex;
}

.technic-team .team-slider .slick-track {
   display: flex;
}

.technic-team h3.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   margin-top: 0;
   position: relative;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.technic-team h3.heading::after {
   content: "";
   width: 300px;
   height: 1px;
   background: #ff7133;
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.technic-team p.sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.technic-team p.sub.slogan {
   text-transform: uppercase;
   font-size: 18px;
}

.technic-team .team-slider .partner {
   padding: 12px 12px;
   height: auto;
}

.technic-team .team-slider .partner .inner {
   height: 100%;
   background: #f4f8fb;
   overflow: hidden;
}

.technic-team .team-slider .partner .info {
   background: #f4f8fb;
   color: #000;
   padding: 12px;
   height: 100%;
}

.technic-team .team-slider .partner img {
   height: 244px;
   object-fit: cover;
   width: 100%;
   object-fit: cover;
   object-position: top;
}

.technic-team .team-slider .partner .info h3.name {
   font-size: 18px;
   margin: 0;
   margin-bottom: 5px;
   text-transform: uppercase;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.technic-team .team-slider .partner .info p.job {
   font-size: 14px;
   margin: 0;
   margin-bottom: 0;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif
}

.technic-team .team-slider .partner .inner:hover {
   box-shadow: 0 0 15px #ffb494;
   -webkit-box-shadow: 0 0 15px #ffb494;
}

.policy-list {
   padding: 50px 0;
   padding-top: 0;
}

.policy-list h3.heading {
   font-size: 24px;
   font-weight: 600;
   color: #ff7133;
   text-transform: uppercase;
   margin-bottom: 20px;
   position: relative;
   padding-bottom: 20px;
   text-align: center;

}

.policy-list h3.heading:after {

   content: "";
   position: absolute;
   width: 300px;
   height: 2px;
   background: #ff7133;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.policy-list .list {
   -webkit-box-shadow: 0 0 11px 2px #ddd;
   -moz-box-shadow: 0 0 11px 2px #ddd;
   box-shadow: 0 0 11px 2px #ddd;
   padding: 15px 20px;
   display: flex;
   overflow: hidden;
}

.policy-list .list .item {
   min-width: 150px;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   transition: 333ms all ease;
   cursor: pointer;
}

.policy-list .list .item:hover {
   transform: scale(1.12);
}

.policy-list .list .slick-track {
   display: flex;
}

.policy-list .list img {
   max-height: 50px;
   width: auto;
   max-width: 100%;
}

.policy-list .list .item p {
   text-align: center;
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 600;
   margin-top: 15px;
   margin-bottom: 0;
}

@media (max-width: 576px) {
   .fix-row.reverse {
      display: flex;
      flex-direction: column-reverse;
   }
}

.customer-buy {
   position: relative;
   padding-top: 55px;
   padding-bottom: 55px;
}

.customer-buy .heading {
   font-size: 30px;
   font-weight: bold;
   color: white;
   margin: 0;
   margin-bottom: 20px;
}

.customer-buy .xem-them {
   border: 0;
   background: #ff7133;
   color: #fff;
   padding: 20px;
   max-width: 400px;
   width: 100%;
   font-size: 16px;
   font-style: italic;
}

.customer-buy .xem-them:hover {
   opacity: 0.8;
}

.customer-buy {
   background-size: cover !important;
   background-position: top center !important;
}

/*==================================================== NEW LANDING PAGE===================================*/

.chung-toi-block {
   background: #2a2c36;
   color: #fff;
   clear: both;
   overflow: hidden;
}

.chung-toi-block figure {
   width: 100%;
   overflow: hidden;
   margin: 0;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
   padding-bottom: 56.56%;
   height: 0;
   position: relative;
}

.chung-toi-block figure img {
   position: absolute;
   top: 50%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   -webkit-transform: rotate(0) scale(1);
   transform: rotate(0) scale(1);
   transition: .3s ease-in-out;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
}

.chung-toi-block .text-content {
   padding: 45px;
}

.chung-toi-block .text-content h3 {
   font-size: 26px;
   font-weight: bold;
   position: relative;
   text-align: center;
   margin-bottom: 40px;
}

.chung-toi-block .text-content h3::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: -15px;
   width: 150px;
   height: 2px;
   background: #fff;
   transform: translateX(-50%);
}

.chung-toi-block .text-content .desc {
   line-height: 2.5;
   text-align: center;
   font-size: 16px;

}

.ldp-search-car {
   position: relative;
}

.ldp-search-car h1 {
   font-size: 40px;
   font-weight: bold;
   color: white;
}

.ldp-search-car img {
   object-fit: cover;
   width: 100%;
   height: auto;
}

.ldp-search-car .content-s {
   position: absolute;
   left: 50%;
   top: 50px;
   transform: translateX(-50%);
   width: 100%;
}

.ldp-search-car .ldp-view-all {
   color: #fff;
   max-width: 200px;
   width: 100%;
   height: 50px;
   line-height: 50px;
   background: #ff7133;
   padding: 0;
   font-style: italic;
   display: block;
}

.ldp-search-car .ldp-view-all:hover {
   opacity: 0.8;
}

.ldp-search-car .input-group {
   max-width: 800px;
   margin: auto
}

.ldp-search-car .input-group input {
   border-radius: 50px;
   height: 55px;
}

.ldp-search-car .input-group button {
   width: 100px;
   border-radius: 50px;
   background: #ff7133;
   color: #fff;
   font-size: 20px;
}

.ldp-search-car .input-group button:hover {
   opacity: 0.8;
}

.ldp-about .chung-toi-block figure {
   padding-bottom: 38.56%;
}

.ldp-about .chung-toi-block .text-content {
   text-align: left;
}

.ldp-about .chung-toi-block .text-content .desc {
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 2;
   text-align: left;

}

.ldp-about .chung-toi-block .text-content h3 {
   text-align: left;
}

.ldp-about .chung-toi-block .text-content h3::after {
   left: 0;
   transform: initial;
}

.ldp-policy .heading {
   font-size: 25px;
   font-weight: 600;
   color: #ff7133;
   text-transform: uppercase;
   margin-bottom: 25px;
   position: relative;
   padding-bottom: 20px;
   text-align: center;
}

.ldp-policy .heading::after {
   content: "";
   position: absolute;
   width: 250px;
   height: 2px;
   background: #000;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.ldp-policy .sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.ldp-policy .ldp-policy-slide .icon {
   max-height: 43px;
}

.ldp-service .heading {
   font-size: 25px;
   font-weight: 400;
   color: #ff7133;
   text-transform: uppercase;
   margin-bottom: 25px;
   position: relative;
   padding-bottom: 20px;
}

.ldp-service .heading::after {
   content: "";
   position: absolute;
   width: 250px;
   height: 2px;
   background: #000;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.ldp-service .sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #fff;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;

}

.ldp-service .sel-item {

   width: 100%;
   overflow: hidden;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
   padding-bottom: 47.88%;
   position: relative;

   background-position: center;
   background-size: cover;

   margin-bottom: 2em;

}

.ldp-service .sel-item h4 {
   font-size: 55px;
   color: #ff7133;

}

.ldp-service .sel-item .sub {
   font-size: 30px;
}

.ldp-service .sel-item .inner {
   z-index: 2;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height: 100%;
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
}

.ldp-service .sel-item:hover .over-lay {
   background: rgba(232, 105, 49, 0.77);
}

.ldp-service .sel-item .over-lay {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 1;
}

.product-galleries {
   position: relative;
}

/* Hide the slides by default */
.product-galleries .mySlides {
   /*display: none;*/
}

/* Next & previous buttons */
.product-galleries .prev,
.product-galleries .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
}

/* Position the "next button" to the right */
.product-galleries .next {
   right: 0;
   border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.product-galleries .prev:hover,
.product-galleries .next:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.product-galleries .numbertext {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
}

/* Caption text */
.product-galleries .caption-container {
   text-align: center;
   background-color: black;
   padding: 2px 16px;
   color: white;
}

.product-galleries img.demo {
   opacity: 0.6;
}

.product-galleries .mySlides img {
   height: 460px;
   object-fit: cover;
   object-position: center;
}

.product-galleries .active,
.product-galleries .demo:hover {
   opacity: 1;
}

.product-galleries img.hover-shadow {
   transition: 0.3s;
}

.product-galleries hover-shadow:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 768px) {
   .product-galleries .mySlides img {
      height: 250px;
      object-fit: cover;
      object-position: center;
   }
}

.ldp-testimonials {
   background: #ebebeb;
   padding: 30px 0;
}

.ldp-testimonials .heading {
   font-size: 25px;
   font-weight: 400;
   color: #ff7133;
   text-transform: uppercase;
   margin-bottom: 25px;
   position: relative;
   padding-bottom: 20px;
}

.ldp-testimonials .heading::after {
   content: "";
   position: absolute;
   width: 250px;
   height: 2px;
   background: #000;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.ldp-testimonials .sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #181818;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.ldp-testimonials .autoshowroom-quote-image-box {
   margin-bottom: 20px;
   width: 100%;
   overflow: hidden;
   padding-bottom: 41.88%;
   position: relative;
   background-position: center;
   background-size: cover;
}

.ldp-testimonials .autoshowroom-quote-image-box img {
   display: block;
   -o-object-position: center;
   object-position: center;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   height: 100%;
   width: 100%;
}

.ldp-testimonials .autoshowroom-quote-content {
   font-size: 16px !important;
   max-width: 660px;
   margin: auto;
   margin-bottom: 20px !important;
   font-style: normal;
!important;
   color: #232323;
   line-height: 1.8 !important;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
}

.ldp-testimonials .autoshowroom-quote-employment {
   color: #232323 !important;
}

.ldp-testimonials .slick-dots li {
   margin-left: 5px;
   margin-right: 5px;
}

.ldp-testimonials .slick-dots li button {
   width: 20px !important;
   height: 5px !important;
   border-radius: 0 !important;
   background: #ccc !important;
   margin: 0 !important;
   transform: skew(-15deg);

}

.ldp-testimonials .slick-dots li.slick-active button {
   background: #ff7133 !important;
}

.ldp-why-us {
   /*background-size: cover !important;*/
   /*background-repeat: no-repeat !important;*/
   /*background-position: center !important;*/
   padding: 30px 0;
   height: 720px;
   overflow: hidden;
   position: relative;
}

.ldp-why-us .head{
   z-index: 1;
}
.why-slider {
   width: 100%;
   height: 100%;
}

.ldp-why-us .parallax-bg {
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   width: 130%;
   height: 100%;
   -webkit-background-size: cover!important;
   background-size: cover!important;
   background-position: center!important;
}

.ldp-why-us .heading {
   font-size: 25px;
   font-weight: 400;
   color: #ff7133;
   text-transform: uppercase;
   margin-bottom: 25px;
   position: relative;
   padding-bottom: 20px;
}

.ldp-why-us .heading::after {
   content: "";
   position: absolute;
   width: 250px;
   height: 2px;
   background: #fff;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.ldp-why-us .sub {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 16px;
   color: #fff;
   font-family: "JosefinSans", Arial, Helvetica, sans-serif;
}

.ldp-why-us .left h4 {
   font-size: 60px;
   text-transform: uppercase;
   font-weight: 400;
   color: #ff7133;
   border-bottom: 2px solid #ff7133;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.ldp-why-us .left .slogan {
   text-transform: uppercase;
   font-size: 30px;
   text-transform: uppercase;
   font-weight: 400;
   color: #fff;
}

.ldp-why-us .left .view-this {
   color: #fff;
   max-width: 350px;
   width: 100%;
   height: 50px;
   line-height: 50px;
   background: #ff7133;
   padding: 0;
}

.ldp-why-us .left .view-this:hover {
   opacity: 0.8;
}