/*
||===================================================||
|| ||
|| Table of Contents Page Builder ||
|| ||
|| 1. Title ||
|| 2. Text Block ||
|| 3. Icon Box ||
|| 4. Counter ||
|| 5. Team ||
|| 6. Fancy Text ||
|| 7. Testimonial Slider ||
|| 8. Home Page Blog Post ||
|| 9. Tabs ||
|| 10. Banner ||
|| 11. Accordion ||
|| 12. Resent Car ||
|| 13. Gallery ||
|| 14. Vehicle Search ||
|| 15. Button ||
|| 16. Phone Number ||
|| 17. Car Slider ||
|| 18. Partner ||
|| 19. Custom Banner ||
|| 20. Rev Slider ||
|| ||
|| ||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
|| ||
|| Other Style ||
|| ||
|| 1. Animation ||
|| 2. Extra class VC ||
|| 3. Responsive VC ||
|| ||
==================================================== ||
*/
/*============================================
== Title
==============================================*/
.fl-vc-custom-title-container .vc-default-title {
color: #2d3542; }
.fl-vc-custom-title-container .custom-title-content-wrapper {
color: #2d3542; }
.fl-vc-custom-title-container .custom-title-content-wrapper .fl-subtitle-vc {
font-size: 12px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .fl-title-vc {
font-size: 40px; }
/*============================================
== Text Block
==============================================*/
.fl_custom_text__block p:last-child {
margin-bottom: 0; }
/*============================================
== Icon Box
==============================================*/
.fl-vc-icon-box .icon-box-style-one {
text-align: center; }
.fl-vc-icon-box .icon-box-style-one .top-content {
margin-bottom: 30px; }
.fl-vc-icon-box .icon-box-style-one .top-content i {
font-size: 60px; }
.fl-vc-icon-box .icon-box-style-one .bottom-content .icon-title-content {
font-size: 15px;
line-height: 1.4;
margin-bottom: 0; }
.fl-vc-icon-box .icon-box-style-two {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
position: relative;
padding: 55px 40px;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06); }
.fl-vc-icon-box .icon-box-style-two:after {
position: absolute;
bottom: 5px;
left: 5px;
border-width: 7px;
border-style: solid;
border-color: transparent;
content: ''; }
.fl-vc-icon-box .icon-box-style-two .top-content {
margin-bottom: 35px; }
.fl-vc-icon-box .icon-box-style-two .top-content i {
font-size: 60px; }
.fl-vc-icon-box .icon-box-style-two .bottom-content .icon-title-content {
font-size: 18px;
line-height: 1.4;
margin-bottom: 17px; }
.fl-vc-icon-box .icon-box-style-two.primary-icon-box-style i {
color: #fff; }
.fl-vc-icon-box .icon-box-style-two.primary-icon-box-style .icon-title-content {
color: #fff; }
.fl-vc-icon-box .icon-box-style-two.primary-icon-box-style .bottom-content {
color: #fff; }
.fl-vc-icon-box .icon-box-style-three {
text-align: center; }
.fl-vc-icon-box .icon-box-style-three .top-content {
margin-bottom: 25px; }
.fl-vc-icon-box .icon-box-style-three .top-content i {
font-size: 50px; }
.fl-vc-icon-box .icon-box-style-three .bottom-content-wrap .icon-title-content {
text-transform: uppercase;
max-width: 180px;
margin: 0 auto;
font-size: 16px;
line-height: 1.4;
margin-bottom: 17px; }
.fl-vc-icon-box .icon-box-style-three .bottom-content-wrap .bottom-content {
max-width: 280px;
margin: 0 auto;
opacity: .8; }
.fl-vc-contact-icon-box .contact-icon-box-container {
text-align: center;
position: relative;
padding: 65px 15px 35px; }
.fl-vc-contact-icon-box .contact-icon-box-container .top-content {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
top: 0;
left: 50%;
position: absolute;
width: 80px;
height: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.fl-vc-contact-icon-box .contact-icon-box-container .top-content i {
color: #fff;
font-size: 25px; }
.fl-vc-contact-icon-box .contact-icon-box-container .bottom-content .icon-title-content {
font-size: 16px;
line-height: 1.4;
margin-bottom: 10px; }
.fl-vc-contact-icon-box .contact-icon-box-container .bottom-content .icon-bottom-content {
font-size: 14px; }
.fl-vc-contact-icon-box .contact-icon-box-container .bottom-content .icon-bottom-content a {
color: inherit;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-contact-icon-box .contact-icon-box-container .bottom-content .icon-bottom-content a:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-contact-icon-box .contact-icon-box-container:after {
position: absolute;
bottom: 5px;
left: 5px;
border-width: 5px;
border-style: solid;
content: ''; }
/*============================================
== Counter
==============================================*/
.fl-vc-counter-wrapper .fl-counter-wrapper-inner {
text-align: center;
padding: 45px 15px;
position: relative; }
.fl-vc-counter-wrapper .fl-counter-wrapper-inner .fl-counter-list__title {
font-size: 14px;
margin-bottom: 13px; }
.fl-vc-counter-wrapper .fl-counter-wrapper-inner .fl-counter-pref-styles {
font-size: 30px; }
.fl-vc-counter-wrapper .fl-counter-wrapper-inner .fl-counter-pref-styles .fl-counter {
margin: 0 10px; }
.fl-vc-counter-wrapper .fl-counter-wrapper-inner:after {
position: absolute;
bottom: 5px;
left: 5px;
border-width: 5px;
border-style: solid;
content: ''; }
/*============================================
== Team
==============================================*/
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content {
z-index: 3;
position: relative;
padding-right: 10px; }
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content .team-top-container-mask {
visibility: hidden;
opacity: 0;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
z-index: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content .team-social {
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
z-index: 2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
left: 0;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
text-align: center; }
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content .team-social li {
-webkit-transition: opacity .1s ease ,-webkit-transform .2s ease;
transition: opacity .1s ease ,-webkit-transform .2s ease;
-o-transition: opacity .1s ease ,transform .2s ease;
transition: opacity .1s ease ,transform .2s ease;
transition: opacity .1s ease ,transform .2s ease ,-webkit-transform .2s ease;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
opacity: 0;
list-style: none;
padding: 0;
margin: 0 7.5px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content .team-social li a {
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 0;
width: 34px;
height: 34px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
background: #fff; }
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content .team-social li a i {
font-size: 13px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-one .team-top-content .team-social li a:hover i {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-one .team-bottom-content {
padding-left: 10px;
margin-top: -30px; }
.fl-team-content-vc .fl-team-container.team-style-one .team-bottom-content .bottom-inner-content {
position: relative;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
padding: 50px 30px 25px 30px;
color: #fff; }
.fl-team-content-vc .fl-team-container.team-style-one .team-bottom-content .bottom-inner-content:before {
position: absolute;
right: 5px;
bottom: 5px;
border-width: 5px;
border-style: solid;
border-color: transparent #fff #fff transparent;
content: ''; }
.fl-team-content-vc .fl-team-container.team-style-one .team-bottom-content .bottom-inner-content .team-name {
font-size: 17px; }
.fl-team-content-vc .fl-team-container.team-style-one .team-bottom-content .bottom-inner-content .team-profession {
font-size: 13px;
line-height: 1;
margin-top: 8px; }
.fl-team-content-vc .fl-team-container.team-style-one .team-phone-number-container {
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid; }
.fl-team-content-vc .fl-team-container.team-style-one .team-phone-number-container i {
margin-right: 8px;
font-size: 17px;
position: relative;
top: 2px; }
.fl-team-content-vc .fl-team-container.team-style-one .team-phone-number-container a {
font-size: 15px;
color: inherit;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-one .team-phone-number-container a:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-one:hover .team-top-content .team-top-container-mask {
opacity: .75;
visibility: visible;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
.fl-team-content-vc .fl-team-container.team-style-one:hover .team-top-content .team-social {
opacity: 1;
visibility: visible;
-webkit-transition: .2s ease .3s;
-o-transition: .2s ease .3s;
transition: .2s ease .3s; }
.fl-team-content-vc .fl-team-container.team-style-one:hover .team-top-content .team-social li {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .3s ease .1s,-webkit-transform .3s ease .1s;
transition: opacity .3s ease .1s,-webkit-transform .3s ease .1s;
-o-transition: opacity .3s ease .1s,transform .3s ease .1s;
transition: opacity .3s ease .1s,transform .3s ease .1s;
transition: opacity .3s ease .1s,transform .3s ease .1s,-webkit-transform .3s ease .1s; }
.fl-team-content-vc .fl-team-container.team-style-one:hover .team-bottom-content .bottom-inner-content {
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content {
position: relative;
padding-right: 10px;
z-index: 3; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .team-top-container-mask {
visibility: hidden;
opacity: 0;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
z-index: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content {
z-index: 2;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-social {
width: 100%;
list-style: none;
padding: 0;
padding-top: 45px;
margin: 0;
text-align: center; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-social li {
-webkit-transition: opacity .1s ease ,-webkit-transform .2s ease;
transition: opacity .1s ease ,-webkit-transform .2s ease;
-o-transition: opacity .1s ease ,transform .2s ease;
transition: opacity .1s ease ,transform .2s ease;
transition: opacity .1s ease ,transform .2s ease ,-webkit-transform .2s ease;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
opacity: 0;
list-style: none;
padding: 0;
margin: 0 7.5px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-social li a {
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 0;
width: 34px;
height: 34px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
background: #fff; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-social li a i {
font-size: 13px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-social li a:hover i {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-phone-number-container {
width: 100%;
opacity: 0;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
color: #fff;
text-align: center;
padding-top: 25px; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-phone-number-container i {
margin-right: 8px;
font-size: 17px;
position: relative;
top: 2px; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-phone-number-container a {
font-size: 15px;
color: inherit;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-two .team-top-content .entry-top-content .team-phone-number-container a:hover {
opacity: .7;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-team-content-vc .fl-team-container.team-style-two .team-bottom-content {
padding-left: 10px;
margin-top: -30px; }
.fl-team-content-vc .fl-team-container.team-style-two .team-bottom-content .bottom-inner-content {
position: relative;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
padding: 50px 30px 25px 30px;
color: #fff; }
.fl-team-content-vc .fl-team-container.team-style-two .team-bottom-content .bottom-inner-content:before {
position: absolute;
right: 5px;
bottom: 5px;
border-width: 5px;
border-style: solid;
border-color: transparent #fff #fff transparent;
content: ''; }
.fl-team-content-vc .fl-team-container.team-style-two .team-bottom-content .bottom-inner-content .team-name {
font-size: 17px; }
.fl-team-content-vc .fl-team-container.team-style-two .team-bottom-content .bottom-inner-content .team-profession {
font-size: 13px;
line-height: 1;
margin-top: 8px; }
.fl-team-content-vc .fl-team-container.team-style-two:hover .team-top-content .team-top-container-mask {
opacity: .75;
visibility: visible;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
.fl-team-content-vc .fl-team-container.team-style-two:hover .team-top-content .team-social {
opacity: 1;
visibility: visible;
-webkit-transition: .2s ease .3s;
-o-transition: .2s ease .3s;
transition: .2s ease .3s; }
.fl-team-content-vc .fl-team-container.team-style-two:hover .team-top-content .team-social li {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .3s ease .1s,-webkit-transform .3s ease .1s;
transition: opacity .3s ease .1s,-webkit-transform .3s ease .1s;
-o-transition: opacity .3s ease .1s,transform .3s ease .1s;
transition: opacity .3s ease .1s,transform .3s ease .1s;
transition: opacity .3s ease .1s,transform .3s ease .1s,-webkit-transform .3s ease .1s; }
.fl-team-content-vc .fl-team-container.team-style-two:hover .team-top-content .team-phone-number-container {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .3s ease .1s,-webkit-transform .3s ease .1s;
transition: opacity .3s ease .1s,-webkit-transform .3s ease .1s;
-o-transition: opacity .3s ease .1s,transform .3s ease .1s;
transition: opacity .3s ease .1s,transform .3s ease .1s;
transition: opacity .3s ease .1s,transform .3s ease .1s,-webkit-transform .3s ease .1s; }
.fl-team-content-vc .fl-team-container.team-style-two:hover .team-bottom-content .bottom-inner-content {
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
/*============================================
== Fancy Text
==============================================*/
.fl-fancy-text-content-vc .fl-fancy-text-container {
max-width: 1430px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content {
width: 25%;
text-align: center;
padding: 0 45px; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content {
position: relative;
margin-bottom: 25px; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content .fancy-text-number {
font-size: 100px;
line-height: 1;
position: relative; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content .fancy-text-number:after {
opacity: 1;
content: '';
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 5px solid #fff;
width: 20px;
height: 20px;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content:before {
content: '';
position: absolute;
width: 160px;
top: 50%;
height: 2px;
left: -130px;
overflow: hidden;
background-position: bottom;
-webkit-background-size: 5px 3px;
background-size: 5px 3px;
background-repeat: repeat-x; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .bottom-content .fancy-title {
font-size: 17px; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .bottom-content .fancy-text-content {
margin-top: 10px; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content:first-child .top-content:before {
display: none; }
/*============================================
== Testimonial Slider
==============================================*/
.fl-vc-testimonial-slider-wrapper .icon-testimonial-wrap {
color: #fff;
margin-bottom: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.fl-vc-testimonial-slider-wrapper .icon-testimonial-wrap i {
color: #fff;
margin: 0 15px;
font-size: 20px; }
.fl-vc-testimonial-slider-wrapper .icon-testimonial-wrap span {
position: relative;
top: 1px;
height: 1px;
background: #cccccc;
width: 30px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider .slick-slide {
float: left; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one {
max-width: 1565px;
margin: 0 auto; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide {
color: #fff;
padding: 0 15px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .top-slider-content {
-webkit-border-radius: 3px;
border-radius: 3px;
background: #34404e;
padding: 40px 35px;
padding-bottom: 32px;
line-height: 32px;
font-size: 15px;
position: relative; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .top-slider-content:after {
position: absolute;
top: 100%;
right: 21%;
border-width: 15px;
border-style: solid;
border-color: #34404e transparent transparent #34404e;
content: ''; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .bottom-content {
padding-top: 50px;
text-align: right; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .bottom-content .bottom-entry-content {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 24%; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .bottom-content .bottom-entry-content .testimonial-slider-name {
font-size: 16px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .bottom-content .bottom-entry-content .testimonial-slider-under-name {
margin-top: 4px;
line-height: 1;
color: #a9aeb3;
font-size: 11px;
text-transform: uppercase; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .bottom-content .bottom-entry-content .testimonial-slider-image {
margin-left: 15px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide .bottom-content .bottom-entry-content .testimonial-slider-image img {
max-width: 55px;
-webkit-border-radius: 100%;
border-radius: 100%; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide.slick-current .top-slider-content {
background: #fff;
color: #333333; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .testimonial-slide.slick-current .top-slider-content:after {
border-color: #ffffff transparent transparent #ffffff; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .slick-dots {
margin-top: 50px;
text-align: center;
margin-bottom: 0; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .slick-dots li {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
list-style: none;
padding: 0;
background: none;
margin: 0 10px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .slick-dots li button {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
padding: 0;
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.45);
width: 12px;
height: 12px;
text-indent: -9999999px;
-webkit-border-radius: 50%;
border-radius: 50%; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .slick-dots li.slick-active button, .fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-one .slick-dots li:hover button {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two {
margin: 0 -15px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slide-content {
padding: 0 15px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slide-content .top-slider-content {
position: relative;
padding: 50px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slide-content .top-slider-content:after {
position: absolute;
top: 100%;
left: 67px;
border-width: 15px;
border-style: solid;
content: ''; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slide-content .bottom-slider-content {
padding-top: 40px;
padding-left: 70px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slide-content .bottom-slider-content .slider-name-content {
color: #253241;
font-size: 14px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slide-content .bottom-slider-content .slider-under-name-content {
line-height: 1;
margin-top: 3px;
font-size: 12px;
text-transform: uppercase; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slick-dots {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
padding-right: 10px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slick-dots li {
list-style: none;
margin: 0 5px; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slick-dots li button {
border: 2px solid #e7e8ec;
height: 10px;
width: 10px;
padding: 0;
margin: 0;
background: #eeeeee;
text-indent: -999999px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slick-dots li.slick-active button, .fl-vc-testimonial-slider-wrapper .testimonial-slider.testimonial-style-two .slick-dots li:hover button {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
/*============================================
== Home Page Blog Post
==============================================*/
.fl-home-page-posts-content-vc .home-page-post-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page {
width: 33.3333%; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page a {
color: #253241;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page a:hover {
color: #d01818;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content {
padding: 0 15px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-holder {
margin-bottom: 25px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-info {
opacity: .75;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
line-height: 1;
font-size: 11px;
text-transform: uppercase; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-info .post-date-info-content {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #253241; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-info .post-author-info-content .author-prefix {
margin-right: 3px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-title {
margin-bottom: 10px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-title a {
font-size: 17px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .post-bottom-content {
margin-bottom: 25px;
opacity: .8; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .left-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .left-content .post-link {
font-size: 12px;
text-transform: uppercase;
position: relative;
padding-bottom: 8px;
-webkit-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .left-content .post-link:before {
-webkit-transition: -webkit-transform .2s ease-out .2s;
transition: -webkit-transform .2s ease-out .2s;
-o-transition: transform .2s ease-out .2s;
transition: transform .2s ease-out .2s;
transition: transform .2s ease-out .2s, -webkit-transform .2s ease-out .2s;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
width: 100%;
height: 2px;
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
background-color: #253241; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .left-content .post-link:after {
background-color: #d01818;
content: '';
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
z-index: 2; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .left-content .post-link:hover:before {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .left-content .post-link:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .right-content {
position: relative;
top: 2px;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
font-size: 12px; }
.fl-home-page-posts-content-vc .home-page-post-container .blog-post-home-page .post-entry-content .bottom-link-post-content .right-content i {
font-size: 14px;
margin-right: 5px;
position: relative;
top: 2px; }
/*============================================
== Tabs
==============================================*/
.fl-vc-tabs .tabs-entry-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fl-vc-tabs .tab-content .tab-pane {
display: none; }
.fl-vc-tabs .tab-content .tab-pane.active {
display: block;
position: relative;
-webkit-animation: showTab 300ms ease-in-out both;
animation: showTab 300ms ease-in-out both; }
.fl-vc-tabs.tab-style-one .nav-tabs {
padding-left: 0;
margin: 0;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 45px; }
.fl-vc-tabs.tab-style-one .nav-tabs li {
position: relative;
counter-increment: figure;
cursor: pointer;
text-align: right;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 30px;
padding-top: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
margin: 0;
list-style: none;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-tabs.tab-style-one .nav-tabs li:before {
opacity: .6;
font-size: 16px;
position: absolute;
left: 30px;
top: 30px;
content: counter(figure,decimal-leading-zero); }
.fl-vc-tabs.tab-style-one .nav-tabs li .tab-link-content .tabs-icon {
opacity: .7;
font-size: 75px; }
.fl-vc-tabs.tab-style-one .nav-tabs li .tab-link-content .tab-title-content {
margin-top: 15px;
font-size: 17px; }
.fl-vc-tabs.tab-style-one .nav-tabs li.active {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
color: #fff; }
.fl-vc-tabs.tab-style-one .nav-tabs li.active .tab-link-content .tabs-icon {
opacity: 1; }
.fl-vc-tabs.tab-style-one .nav-tabs li.active:before {
opacity: .8;
font-size: 25px; }
.fl-vc-tabs.tab-style-two .nav-tabs {
margin: 0;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fl-vc-tabs.tab-style-two .nav-tabs li {
position: relative;
counter-increment: figure;
cursor: pointer;
text-align: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
padding: 30px;
padding-top: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
margin: 0;
list-style: none;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-tabs.tab-style-two .nav-tabs li:before {
opacity: .6;
font-size: 16px;
position: absolute;
left: 30px;
top: 30px;
content: counter(figure,decimal-leading-zero); }
.fl-vc-tabs.tab-style-two .nav-tabs li .tab-link-content .tabs-icon {
opacity: .7;
font-size: 75px; }
.fl-vc-tabs.tab-style-two .nav-tabs li .tab-link-content .tab-title-content {
margin-top: 15px;
font-size: 17px; }
.fl-vc-tabs.tab-style-two .nav-tabs li.active {
z-index: 2;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
color: #fff; }
.fl-vc-tabs.tab-style-two .nav-tabs li.active .tab-link-content .tabs-icon {
opacity: 1; }
.fl-vc-tabs.tab-style-two .nav-tabs li.active:before {
opacity: .8;
font-size: 25px; }
.fl-vc-tabs.tab-style-two .tab-content .tab-pane .fl_custom_text__block p {
margin-bottom: 15px; }
.fl-vc-tabs.tab-style-two .tab-content .tab-pane .fl_custom_text__block p:last-child {
margin-bottom: 0; }
.fl-vc-tabs.tab-style-two .tab-content .tab-pane .fl_custom_text__block p + p {
margin-top: 15px !important; }
@-webkit-keyframes showTab {
from {
opacity: 0;
top: 5px; }
to {
opacity: 1;
top: 0; } }
@keyframes showTab {
from {
opacity: 0;
top: 5px; }
to {
opacity: 1;
top: 0; } }
/*============================================
== Banner
==============================================*/
.fl-banner-content-vc .fl-banner-container {
overflow: hidden;
position: relative; }
.fl-banner-content-vc .fl-banner-container img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
-webkit-transition: -webkit-transform 0.55s;
transition: -webkit-transform 0.55s;
-o-transition: transform 0.55s;
transition: transform 0.55s;
transition: transform 0.55s, -webkit-transform 0.55s; }
.fl-banner-content-vc .fl-banner-container .banner-vc-link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 2; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content {
padding-left: 60px;
padding-bottom: 35px;
left: 0;
right: 0;
bottom: 0;
position: absolute; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .banner-label {
display: inline-block;
font-size: 10px;
text-transform: uppercase;
padding: 7px 13px;
color: #fff;
line-height: 1; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .banner-title {
margin-top: 25px;
color: #fff;
font-size: 30px; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .subtitle-additional-text-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
color: #fff;
font-size: 23px; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .subtitle-additional-text-container .additional-text-content {
font-size: 19px;
margin-left: 5px; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .banner-bottom-text-content {
margin-top: 20px;
width: 100%;
color: #fff; }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .banner-bottom-text-content .text-content {
line-height: 1;
font-size: 12px;
display: inline-block;
margin-right: 7px;
padding-right: 7px;
border-right: 1px solid rgba(221, 221, 221, 0.3); }
.fl-banner-content-vc .fl-banner-container.banner-style-one .banner-entry-content .banner-bottom-text-content .text-content:last-child {
border-right: 0; }
.fl-banner-content-vc .fl-banner-container.banner-style-two .banner-entry-content {
padding-left: 60px;
padding-bottom: 35px;
left: 0;
right: 0;
bottom: 0;
position: absolute; }
.fl-banner-content-vc .fl-banner-container.banner-style-two .banner-label {
position: relative;
left: -60px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
padding: 7px 13px;
color: #fff;
line-height: 1; }
.fl-banner-content-vc .fl-banner-container.banner-style-two .banner-sub-title {
font-size: 24px;
color: #fff;
margin-top: 18px; }
.fl-banner-content-vc .fl-banner-container.banner-style-two .banner-title {
margin-top: 18px;
color: #fff;
font-size: 30px; }
.fl-banner-content-vc .fl-banner-container.banner-style-two .additional-text-content {
color: #fff;
font-size: 17px;
margin-top: 25px;
letter-spacing: .4rem;
padding-left: 75px; }
.fl-banner-content-vc .fl-banner-container.banner-style-three .banner-entry-content {
padding-left: 60px;
padding-bottom: 35px;
left: 0;
right: 0;
bottom: 0;
position: absolute; }
.fl-banner-content-vc .fl-banner-container.banner-style-three .banner-sub-title {
font-size: 24px;
color: #fff;
margin-top: 25px; }
.fl-banner-content-vc .fl-banner-container.banner-style-three .additional-text-content {
color: #fff;
font-size: 17px;
margin-top: 25px;
letter-spacing: .4rem;
padding-left: 75px; }
.fl-banner-content-vc .fl-banner-container.banner-style-three .title-label-container {
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.fl-banner-content-vc .fl-banner-container.banner-style-three .title-label-container .banner-title {
color: #fff;
font-size: 30px; }
.fl-banner-content-vc .fl-banner-container.banner-style-three .title-label-container .banner-label {
margin-left: 7px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
padding: 7px 13px;
color: #fff;
line-height: 1; }
.fl-banner-content-vc .fl-banner-container:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
/*============================================
== Accordion
==============================================*/
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel {
border-top: 1px solid;
padding-top: 25px;
padding-bottom: 25px; }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
padding-top: 0;
padding-bottom: 0; }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
font-size: 16px; }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
padding-top: 0;
padding-bottom: 0;
padding-left: 0; }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .fl-tta-panel-icon i {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
padding-left: 33px;
padding-top: 15px; }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel.vc_active .fl-tta-panel-icon i {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1); }
.fl-accordion .vc_tta-container .vc_tta-panels .vc_tta-panel:last-child {
border-bottom: 1px solid; }
/*============================================
== Resent Car
==============================================*/
.fl-resent-cars-vc .resent-cars-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -15px;
margin-left: -15px;
margin-right: -15px; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item {
width: 33.333333%; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap {
padding: 15px; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap {
position: relative; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .image-grid-mask {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .auto-link-image-link {
z-index: 1;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap {
left: 0;
position: absolute;
top: 50%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
z-index: 2; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare {
visibility: hidden;
opacity: 0;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
line-height: 15px;
padding: 0;
background: transparent !important; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare span {
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 11px 18px; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare i {
margin-right: 5px; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare .add-cmpr {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
background: #fff; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare .add-cmpr:hover {
color: #fff;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare .rem-cmpr {
color: #fff;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare .rem-cmpr:hover {
opacity: .8;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .compare-car-wrap .add-to-compare .cmpr-btn-text {
display: inline-block; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap {
z-index: 2;
position: absolute;
right: 20px;
top: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a {
visibility: hidden;
opacity: 0;
width: 30px;
height: 30px;
background: transparent !important;
position: relative;
padding: 0; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a span {
left: 0;
top: 0;
position: absolute;
-webkit-border-radius: 2px;
border-radius: 2px;
width: 30px;
height: 30px;
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a span.add-fvrt {
background: #fff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a span.add-fvrt:hover {
color: #fff; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a span.rem-fvrt {
color: #fff; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a span.rem-fvrt:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
opacity: .8; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a.active-add-favorite {
visibility: visible;
opacity: 1; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a.active-add-favorite .rem-fvrt {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a.active-add-favorite .add-fvrt {
display: none; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
padding: 20px 0;
color: #fff;
text-align: center; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .title-content {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .title-content .card-auto-label {
margin-right: 7px;
line-height: 1;
font-size: 12px;
text-transform: uppercase;
color: #fff;
padding: 6px 10px;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .title-content .grid-auto-title {
color: #fff;
font-size: 18px; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .list-grid--info {
list-style: none; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .list-grid--info li {
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
line-height: 1;
list-style: none;
padding: 2px 13px 2px 0;
margin: 0 13px 0 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
border-right: 1px solid rgba(255, 255, 255, 0.3); }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .list-grid--info li i {
margin-right: 5px; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .list-grid--info li:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item .entry-auto-grid-wrap .bottom-content-wrap .price-auto-wrap {
font-size: 18px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.3); }
.fl-resent-cars-vc .resent-cars-container .resent-car-item:hover .entry-auto-grid-wrap .top-content-wrap .image-grid-mask {
opacity: .85;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item:hover .entry-auto-grid-wrap .top-content-wrap .favorite-car-wrap a {
visibility: visible;
opacity: 1; }
.fl-resent-cars-vc .resent-cars-container .resent-car-item:hover .entry-auto-grid-wrap .top-content-wrap .add-to-compare {
visibility: visible;
opacity: 1;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-resent-cars-vc .button-vc-car-wrapper {
margin-top: 45px; }
/*============================================
== Gallery
==============================================*/
.fl-gallery-wrapper .fl-gallery-slider .gallery-item-slider {
float: left; }
.fl-gallery-wrapper .fl-gallery-slider .gallery-item-slider img {
width: 100% !important; }
/*============================================
== Vehicle Search
==============================================*/
.fl-vc-vehicle-search .home-pixad-filter {
margin-bottom: 70px; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories {
text-align: center; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item input {
display: none; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item label {
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
padding: 10px 20px;
border: 2px solid transparent;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item label .body-icon-wrapper i {
font-size: 70px;
line-height: .8;
opacity: .4;
color: #ccc;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item label .body-icon-wrapper {
display: block; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item label .auto_body_name {
display: block;
line-height: 1;
font-size: 11px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item input[type=checkbox]:checked + label .body-icon-wrapper i {
opacity: 1;
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item:hover label {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-vc-vehicle-search .home-pixad-filter .list-categories .list-categories__item:hover .body-icon-wrapper i {
opacity: 1;
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.fl-vc-vehicle-search .vc-auto-search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 60px 50px;
background: #fff;
-webkit-box-shadow: 0 5px 35px 5px rgba(0, 0, 0, 0.12);
box-shadow: 0 5px 35px 5px rgba(0, 0, 0, 0.12);
border-bottom: 3px solid; }
.fl-vc-vehicle-search .vc-auto-search .select {
counter-increment: figure;
width: 100%;
margin-right: 5px; }
.fl-vc-vehicle-search .vc-auto-search .select .home-search-label {
font-size: 14px;
line-height: 1;
margin-bottom: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.fl-vc-vehicle-search .vc-auto-search .select .home-search-label:before {
margin-right: 7px;
color: #cccccc;
font-size: 17px;
content: counter(figure,decimal-leading-zero); }
.fl-vc-vehicle-search .vc-auto-search .select input.pix-input-time {
background: #f2f6f7 !important;
color: #666666;
border: none;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
min-height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0; }
.fl-vc-vehicle-search .vc-auto-search .select input.pix-input-time:hover {
-webkit-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.1) !important;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
background: #fff !important; }
.fl-vc-vehicle-search .vc-auto-search .select .jelect-current {
background: #f2f6f7 !important;
color: #666666;
border: none;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
min-height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.fl-vc-vehicle-search .vc-auto-search .select .jelect-current:after {
color: #222222; }
.fl-vc-vehicle-search .vc-auto-search .select .jelect-current:hover {
-webkit-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.1) !important;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
background: #fff !important; }
.fl-vc-vehicle-search .vc-auto-search .select .jelect-options li {
margin: 0; }
.fl-vc-vehicle-search .vc-auto-search .btn {
padding: 0;
margin: 0; }
.fl-vc-vehicle-search .vc-auto-search .btn button {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase;
min-height: 60px;
min-width: 175px; }
/*============================================
== Button
==============================================*/
.fl-button-wrapper-vc.inline-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-button-wrapper-vc a {
color: inherit; }
.fl-button-wrapper-vc .fl-vc-button:hover {
color: #ffffff !important; }
/*============================================
== Phone Number
==============================================*/
.fl-phone-number-wrapper-vc.inline-phone-wrap {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.fl-phone-number-wrapper-vc .top-content {
color: #b5bec9;
margin-bottom: 2px; }
.fl-phone-number-wrapper-vc .bottom-content {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.fl-phone-number-wrapper-vc .bottom-content i {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
font-size: 17px; }
.fl-phone-number-wrapper-vc .bottom-content .phone-number-link {
margin-left: 6px;
color: #fff;
font-size: 18px;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-phone-number-wrapper-vc .bottom-content .phone-number-link:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
/*============================================
== Car Slider
==============================================*/
.fl-cars-slider-wrap-vc {
position: relative; }
.fl-cars-slider-wrap-vc .cars-slider {
overflow: visible !important; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item {
padding: 0 10px;
float: left; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .top-content-wrap {
position: relative; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .top-content-wrap .item-car-slider-price {
z-index: 3;
position: absolute;
top: 20px;
left: 20px;
display: inline-block;
visibility: hidden;
opacity: 0;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .top-content-wrap .item-car-slider-price .slider-grid-price {
position: relative;
display: inline-block;
color: #fff;
padding: 4px 7px;
font-size: 17px;
-webkit-transform: translateX(-7px);
-ms-transform: translateX(-7px);
transform: translateX(-7px);
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .top-content-wrap .image-grid-mask {
z-index: 1;
background: #fff;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .top-content-wrap .auto-link-image-link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap {
padding-top: 20px;
padding-bottom: 20px;
background: #fff;
text-align: center; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .title-content {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .title-content .card-auto-label {
margin-right: 7px;
line-height: 1;
font-size: 12px;
text-transform: uppercase;
color: #fff;
padding: 6px 10px; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .auto-grid-list-content .list-grid--info {
margin: 0;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #dddddd; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .auto-grid-list-content .list-grid--info .list-grid-item {
font-size: 14px;
list-style: none;
line-height: 1;
padding: 2px 13px 2px 0;
margin: 0 13px 0 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
border-right: 1px solid #dddddd; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .auto-grid-list-content .list-grid--info .list-grid-item i {
margin-right: 5px; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .auto-grid-list-content .list-grid--info .list-grid-item:nth-child(4) {
display: none; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item .bottom-content-wrap .auto-grid-list-content .list-grid--info .list-grid-item:nth-child(3) {
border-right: 0;
margin-right: 0;
padding-right: 0; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item:hover .top-content-wrap .item-car-slider-price {
visibility: visible;
opacity: 1;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item:hover .top-content-wrap .item-car-slider-price .slider-grid-price {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .3s ease .1s;
-o-transition: .3s ease .1s;
transition: .3s ease .1s; }
.fl-cars-slider-wrap-vc .cars-slider .slider-car-item:hover .top-content-wrap .image-grid-mask {
opacity: .3;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
visibility: visible; }
.fl-cars-slider-wrap-vc .cars-slider.slider_style_one {
overflow: visible !important;
-webkit-clip-path: inset(-100vw -100vw -100vw 0);
clip-path: inset(-100vw -100vw -100vw 0);
margin: 0 -10px; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap {
visibility: hidden;
opacity: 0;
position: absolute;
left: -75px;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: 45px;
-webkit-transition: opacity .2s ease ,-webkit-transform .3s ease;
transition: opacity .2s ease ,-webkit-transform .3s ease;
-o-transition: transform .3s ease ,opacity .2s ease;
transition: transform .3s ease ,opacity .2s ease;
transition: transform .3s ease ,opacity .2s ease ,-webkit-transform .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div {
cursor: pointer;
background: white;
width: 45px;
height: 45px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div:first-child {
margin-bottom: 5px; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div.slider-arrow-left:before {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
margin-left: 5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
content: '';
color: white;
width: 10px;
height: 10px;
display: block;
border-left: 2px solid #253241;
border-top: 2px solid #253241; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div.slider-arrow-right:before {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
margin-right: 5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
color: white;
width: 10px;
height: 10px;
display: block;
border-right: 2px solid;
border-top: 2px solid;
border-top-color: #253241;
border-right-color: #253241; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
background: #d01818; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div:hover.slider-arrow-left:before {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
border-left-color: #ffffff;
border-top-color: #ffffff; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap .slider-arrow-wrap div:hover.slider-arrow-right:before {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
border-top-color: #ffffff;
border-right-color: #ffffff; }
.fl-cars-slider-wrap-vc.car-slider-style-one-wrap:hover .slider-arrow-wrap {
opacity: 1;
-webkit-transition: opacity .2s ease ,-webkit-transform .3s ease;
transition: opacity .2s ease ,-webkit-transform .3s ease;
-o-transition: transform .3s ease ,opacity .2s ease;
transition: transform .3s ease ,opacity .2s ease;
transition: transform .3s ease ,opacity .2s ease ,-webkit-transform .3s ease;
visibility: visible;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item .bottom-content-wrap {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item .bottom-content-wrap .auto-grid-list-content .list-grid--info .list-grid-item {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item .bottom-content-wrap .title-content {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item .bottom-content-wrap .title-content .grid-auto-title {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item .bottom-content-wrap .title-content .card-auto-label {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .bottom-content-wrap {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .bottom-content-wrap .title-content {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
color: #fff; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .bottom-content-wrap .title-content .grid-auto-title {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
color: #fff; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .bottom-content-wrap .title-content .card-auto-label {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .auto-grid-list-content .list-grid--info .list-grid-item {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
border-right-color: rgba(255, 255, 255, 0.2);
color: #fff; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .image-grid-mask {
opacity: .85;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-cars-slider-wrap-vc.car-slider-style-two-wrap .cars-slider .slider-car-item:hover .bottom-content-wrap .auto-grid-list-content .list-grid--info {
border-top-color: rgba(255, 255, 255, 0.2); }
.car-slider-arrow-style-two-wrap .slider-arrow-wrap {
position: relative;
margin-top: -45px;
top: -45px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.car-slider-arrow-style-two-wrap .slider-arrow-wrap .slider-arrow-left, .car-slider-arrow-style-two-wrap .slider-arrow-wrap .slider-arrow-right {
width: 45px;
height: 45px;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
font-size: 22px;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.car-slider-arrow-style-two-wrap .slider-arrow-wrap .slider-arrow-left:hover, .car-slider-arrow-style-two-wrap .slider-arrow-wrap .slider-arrow-right:hover {
color: #fff;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.car-slider-arrow-style-two-wrap .slider-arrow-wrap .slider-arrow-left {
margin-right: 7px; }
/*============================================
== Partner
==============================================*/
.fl-partner-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.fl-partner-wrapper .partner-content {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1550px; }
.fl-partner-wrapper .partner-content .partner-item {
width: 20%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 160px;
padding: 20px; }
.fl-partner-wrapper .partner-content .partner-item .static-image {
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-o-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95); }
.fl-partner-wrapper .partner-content .partner-item .hover-image {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-o-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: -1; }
.fl-partner-wrapper .partner-content .partner-item .hover-image img {
display: inline-block; }
.fl-partner-wrapper .partner-content .partner-item.hover_enable:hover .static-image {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-o-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95); }
.fl-partner-wrapper .partner-content .partner-item.hover_enable:hover .hover-image {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-o-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95); }
/*============================================
== Custom Banner
==============================================*/
.fl-custom-banner-content-vc .fl-custom-banner-container {
position: relative; }
.fl-custom-banner-content-vc .fl-custom-banner-container .custom-banner-entry-content {
color: #fff;
padding: 154px 0 55px;
background-repeat: no-repeat;
background-position: 50%;
-webkit-background-size: contain;
background-size: contain;
text-align: center; }
.fl-custom-banner-content-vc .fl-custom-banner-container .custom-banner-entry-content .banner-title {
font-size: 22px;
line-height: 1.6;
margin-bottom: 15px; }
.fl-custom-banner-content-vc .fl-custom-banner-container .custom-banner-entry-content .banner-content .custom_banner-vc-link {
color: #fff;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
border-bottom: 1px dotted #fff; }
.fl-custom-banner-content-vc .fl-custom-banner-container .custom-banner-entry-content .banner-content .custom_banner-vc-link:hover {
opacity: .8;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.fl-custom-banner-content-vc .fl-custom-banner-container.left-custom-banner-style:before {
position: absolute;
border-width: 17px;
border-style: solid;
content: '';
bottom: 0;
left: 0;
border-color: transparent transparent #fff #fff; }
.fl-custom-banner-content-vc .fl-custom-banner-container.right-custom-banner-style:before {
position: absolute;
border-width: 17px;
border-style: solid;
content: '';
top: 0;
right: 0;
border-color: #fff #fff transparent transparent; }
/*============================================
== Rev Slider
==============================================*/
.slide-one-content {
max-width: 1170px;
height: 100%;
margin: 0 auto;
padding: 0 15px; }
.slide-one-content br {
display: none; }
.slide-one-content .rev-slide-inner-content {
height: 100%;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 170px 245px 218px 189px;
z-index: 1; }
.slide-one-content .rev-slide-inner-content:after {
z-index: -1;
width: 100%;
position: absolute;
height: 100%;
content: '';
top: 0;
left: 0;
color: #fff;
background-color: rgba(18, 24, 32, 0.9);
-webkit-clip-path: polygon(0 0%, 68% 0, 100% 100%, 32% 100%);
clip-path: polygon(0 0%, 68% 0, 100% 100%, 32% 100%); }
.slide-one-content .rev-slide-inner-content .slide-top-content {
width: 100%; }
.slide-one-content .rev-slide-inner-content .slide-top-content .rev-slider-pre-title {
font-size: 16px;
text-transform: uppercase; }
.slide-one-content .rev-slide-inner-content .slide-top-content .bottom-title-info {
margin-top: 5px;
font-size: 77px;
line-height: 0.95; }
.slide-one-content .rev-slide-inner-content .slide-top-content .bottom-title-info .title-bottom-info {
font-size: 59px;
margin-left: 115px; }
.slide-one-content .rev-slide-inner-content .slide-top-content .bottom-title-info .title-bottom-info span {
font-size: 50px; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content {
width: 100%;
margin-top: 15px; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slider-price {
margin-left: 75px;
font-size: 45px; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slider-price .upper {
font-size: 25px;
vertical-align: super; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slider-price .down {
font-size: 25px;
vertical-align: middle; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slider-price .bottom-slide-price-content {
font-size: 15px;
margin-top: 6px; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slide-button-wrap {
margin-top: 20px;
margin-left: 75px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slide-button-wrap .slider-decor {
width: 100px;
height: 5px;
background: #d01818; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slide-button-wrap .button-slider-link {
color: #fff;
font-size: 16px;
margin-left: 10px;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.slide-one-content .rev-slide-inner-content .slide-bottom-content .slide-button-wrap .button-slider-link:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.slide-two-content {
max-width: 1170px;
height: 100%;
margin: 0 auto;
padding: 0 15px;
padding-left: 115px;
position: relative;
z-index: 6; }
.slide-two-content br {
display: none; }
.slide-two-content .rev-slide-inner-content {
height: 100%;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 170px 245px 218px 189px;
z-index: 1; }
.slide-two-content .rev-slide-inner-content:after {
z-index: -1;
width: 100%;
position: absolute;
height: 100%;
content: '';
top: 0;
left: 0;
color: #fff;
background-color: rgba(18, 24, 32, 0.9);
-webkit-clip-path: polygon(0 0%, 68% 0, 100% 100%, 32% 100%);
clip-path: polygon(0 0%, 68% 0, 100% 100%, 32% 100%); }
.slide-two-content .rev-slide-inner-content .slide-pre-title {
width: 100%;
font-size: 16px;
text-transform: uppercase; }
.slide-two-content .rev-slide-inner-content .slide-title {
margin-top: 10px;
width: 100%;
font-size: 45px;
line-height: 1; }
.slide-two-content .rev-slide-inner-content .slide-title .bottom-title {
margin-top: 5px; }
.slide-two-content .rev-slide-inner-content .slide-button-wrap {
margin-top: 20px;
margin-left: 75px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.slide-two-content .rev-slide-inner-content .slide-button-wrap .slider-decor {
width: 100px;
height: 5px;
background: #d01818; }
.slide-two-content .rev-slide-inner-content .slide-button-wrap .button-slider-link {
color: #fff;
font-size: 16px;
margin-left: 10px;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.slide-two-content .rev-slide-inner-content .slide-button-wrap .button-slider-link:hover {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
/*============================================
== Custom Container
==============================================*/
.fl-vc-content-container-wrapper .container-entry-content {
max-width: 1170px; }
/*============================================
== List
==============================================*/
.fl-list .fl-list-ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0; }
.fl-list .fl-list-ul li {
color: #253241;
display: inline-block;
width: 50%;
margin-left: 0;
list-style: none; }
.fl-list .fl-list-ul li i {
margin-right: 8px; }
/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
|| ||
|| Other Style ||
|| ||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/*============================================
== Animation
==============================================*/
@-webkit-keyframes loading_animation {
0% {
opacity: 1; }
50% {
opacity: 0.6; }
100% {
opacity: 1; } }
@keyframes loading_animation {
0% {
opacity: 1; }
50% {
opacity: 0.6; }
100% {
opacity: 1; } }
@-webkit-keyframes jelly {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
30% {
-webkit-transform: scale(1.05, 0.75);
transform: scale(1.05, 0.75); }
40% {
-webkit-transform: scale(0.75, 1.15);
transform: scale(0.75, 1.15); }
50% {
-webkit-transform: scale(1.05, 0.85);
transform: scale(1.05, 0.85); }
to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes jelly {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
30% {
-webkit-transform: scale(1.05, 0.75);
transform: scale(1.05, 0.75); }
40% {
-webkit-transform: scale(0.75, 1.15);
transform: scale(0.75, 1.15); }
50% {
-webkit-transform: scale(1.05, 0.85);
transform: scale(1.05, 0.85); }
to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes dots-scale {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes dots-scale {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes alertClose {
0% {
opacity: 1; }
50% {
opacity: 0.5; }
100% {
opacity: 0; } }
@keyframes alertClose {
0% {
opacity: 1; }
50% {
opacity: 0.5; }
100% {
opacity: 0; } }
/*============================================
== Extra class VC
==============================================*/
/*====================================================================
== Gradient Style
====================================================================*/
.vc_row-overlay {
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%; }
/*====================================================================
== Boxed Row Style
====================================================================*/
.vc_row[data-row-overflow-visible] {
overflow: visible !important; }
.vc_row[data-row-overflow-visible-auto] {
overflow: auto !important; }
.vc_row[data-row-overflow-visible-hidden] {
overflow: hidden !important; }
/*====================================================================
== Decor
====================================================================*/
.vc_row[data-row-decor] .decor-white-left {
-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
clip-path: polygon(0 0, 100% 0, 4% 100%);
right: 9%;
height: 52px;
position: absolute;
top: 0;
left: 9%;
display: block;
background: #fff; }
.vc_row[data-row-decor] .decor-white-right {
-webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 0 0);
clip-path: polygon(0 0, 100% 0, 94% 100%, 0 0);
position: absolute;
top: 0;
right: 84px;
left: 84px;
display: block;
background-color: #fff;
height: 47px; }
.vc_row[data-row-decor] .decor-main-cl-left {
right: 9%;
height: 52px;
-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
clip-path: polygon(0 0, 100% 0, 4% 100%);
position: absolute;
top: 0;
left: 9%;
display: block; }
.vc_row[data-row-decor] .decor-main-cl-right {
right: 9%;
height: 52px;
-webkit-clip-path: polygon(0 0, 100% 0, 96% 100%);
clip-path: polygon(0 0, 100% 0, 96% 100%);
position: absolute;
top: 0;
left: 9%;
display: block; }
/*====================================================================
== Decor Bottom
====================================================================*/
.vc_row[data-row-decor-bottom] .decor-white-bottom-left {
-webkit-clip-path: polygon(4% 0, 100% 100%, 0% 100%);
clip-path: polygon(4% 0, 100% 100%, 0% 100%);
top: auto;
bottom: -1px;
height: 52px;
position: absolute;
right: 0;
left: 9%;
display: block;
background: #fff; }
.vc_row[data-row-decor-bottom] .decor-main-cl-bottom-left {
-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
clip-path: polygon(0 0, 100% 0, 4% 100%);
height: 52px;
position: absolute;
top: auto;
bottom: -52px;
right: 0;
left: 9%;
display: block;
background-color: #22abc3; }
/*====================================================================
== Slider List category
====================================================================*/
.fl-woo-category-slider-list-container {
margin: 0;
padding: 0; }
.fl-woo-category-slider-list-container li {
margin: 0;
padding: 0 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.fl-woo-category-slider-list-container li a {
line-height: 1;
position: relative;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 10px;
-webkit-transition: 0.2s ease-in-out !important;
-o-transition: 0.2s ease-in-out !important;
transition: 0.2s ease-in-out !important; }
.fl-woo-category-slider-list-container li a:before {
transition: transform .2s ease-out .2s ,-webkit-transform .2s ease-out .2s;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.5);
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 1; }
.fl-woo-category-slider-list-container li a:after {
content: '';
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
transition: transform .2s ease-out,-webkit-transform .2s ease-out;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
z-index: 2; }
.fl-woo-category-slider-list-container li a:hover {
-webkit-transition: 0.2s ease-in-out !important;
-o-transition: 0.2s ease-in-out !important;
transition: 0.2s ease-in-out !important; }
.fl-woo-category-slider-list-container li a:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left; }
.fl-woo-category-slider-list-container li a:hover:before {
transition: transform .2s ease-out ,-webkit-transform .2s ease-out;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right; }
/*====================================================================
== Background position
====================================================================*/
.bg-position-left-top, .vc_row-has-fill.bg-position-left-top, .vc_col-has-fill .bg-position-left-top {
background-position: left top !important; }
.bg-position-left-center, .vc_row-has-fill.bg-position-left-center, .vc_col-has-fill .bg-position-left-center {
background-position: left center !important; }
.bg-position-left-bottom, .vc_row-has-fill.bg-position-left-bottom, .vc_col-has-fill .bg-position-left-bottom {
background-position: left bottom !important; }
.bg-position-center-top, .vc_row-has-fill.bg-position-center-top, .vc_col-has-fill .bg-position-center-top {
background-position: center top !important; }
.bg-position-center-center, .vc_row-has-fill.bg-position-center-center, .vc_col-has-fill .bg-position-center-center {
background-position: center center !important; }
.bg-position-center-bottom, .vc_row-has-fill.bg-position-center-bottom, .vc_col-has-fill .bg-position-center-bottom {
background-position: center bottom !important; }
.bg-position-right-top, .vc_row-has-fill.bg-position-right-top, .vc_col-has-fill .bg-position-right-top {
background-position: right top !important; }
.bg-position-right-center, .vc_row-has-fill.bg-position-right-center, .vc_col-has-fill .bg-position-right-center {
background-position: right center !important; }
.bg-position-right-bottom, .vc_row-has-fill.bg-position-right-bottom, .vc_col-has-fill .bg-position-right-bottom {
background-position: right bottom !important; }
/*====================================================================
== Decor
====================================================================*/
.fl-vc-decor-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.fl-vc-decor-wrapper .filter-decor {
display: inline-block;
width: 40px;
height: 1px;
opacity: .5;
background-color: #fff;
-webkit-box-shadow: 25px 5px 0 0 #fff, -25px 5px 0 0 #fff;
box-shadow: 25px 5px 0 0 #fff, -25px 5px 0 0 #fff; }
/*====================================================================
== Z index
====================================================================*/
.z-index-1 {
z-index: 1; }
.z-index-2 {
z-index: 2; }
.z-index-3 {
z-index: 3; }
.z-index-4 {
z-index: 4; }
.z-index-5 {
z-index: 5; }
.centered-column-content .wpb_wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.centered-column-content.text-right .wpb_wrapper {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media screen and (max-width: 720px) {
.centered-column-content.text-right.text-left-md .wpb_wrapper {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; } }
/*============================================
== Responsive VC
==============================================*/
/*-------------------------------------------------------------------
== max-width 1600px
-------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
.fl-action-content-wrapper-vc .vc-fl-action-content .action-image {
max-width: 28vw; } }
/*-------------------------------------------------------------------
== max-width 1170px
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
== max-width 1024px
-------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
.fl-action-content-wrapper-vc .vc-fl-action-content .action-image {
max-width: 26vw; }
.fl-services-slider-container-content {
margin: 60px -224px 30px 25px; } }
/*-------------------------------------------------------------------
== max-width 992px
-------------------------------------------------------------------*/
@media (max-width: 992px) {
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content .fancy-text-number {
font-size: 85px; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content {
margin-bottom: 15px; }
.disable-background-from-md.nk-awb .nk-awb-wrap {
display: none !important; }
.fl-vc-vehicle-search .vc-auto-search {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fl-vc-vehicle-search .vc-auto-search .select {
margin-top: 25px; }
.fl-vc-vehicle-search .vc-auto-search .select:first-child {
margin-top: 0; }
.fl-vc-vehicle-search .vc-auto-search .btn {
margin-top: 25px;
width: 100%; }
.vc-number-content-container .number-div-content.reflect-element .inner-content .number {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.vc-number-content-container .number-div-content.reflect-element .inner-content .number-content, .vc-number-content-container .number-div-content.reflect-element .inner-content .number-title {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.vc-number-content-container .number-div-content:nth-child(even) {
padding-top: 20px; }
.vc-number-content-container .number-div-content {
padding-top: 20px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .back-text {
font-size: 70px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .font-text {
font-size: 30px; }
.custom-title-cars .fl-title-vc {
margin-top: -30px !important; }
.fl-header-decor-text-wrapper-vc .decor-header-text {
font-size: 20px; }
.fl-phone-number-wrapper-vc.phone-style-two .phone-style-two-content {
margin-top: 15px; }
.fl-services-slider-container-content {
margin: 0 0 0 0; }
.fl-tabs .nav-tabs {
padding-left: 0;
padding-right: 0; }
.fl-tabs .nav-tabs li .tab-link-content {
margin-left: 20px; }
.fl-tabs .nav-tabs li:nth-child(2n+1) .tab-link-content {
margin-left: 0; }
.fl-tabs .tab-content {
padding-left: 0;
padding-right: 0; }
.fl-vc-tabs.tab-style-two .nav-tabs li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.fl-vc-tabs.tab-style-two .tabs-entry-content .nav-tabs li.active {
-webkit-box-shadow: none !important;
box-shadow: none !important; } }
/*-------------------------------------------------------------------
== max-width 870px
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
max-width 782px
-------------------------------------------------------------------*/
@media screen and (max-width: 782px) {
.car-slider-arrow-style-two-wrap {
display: none !important; }
.decor-main-cl-left, .decor-main-cl-right, .decor-white-bottom-left, .decor-white-left {
height: 22px !important; }
.vc-offer-slider .offer-slider-slide .offer-slide-inner-content .offer-slider-bottom-content .offer-slider-image {
display: none !important; }
.vc-offer-slider .slick-arrow {
display: none !important; }
.custom-title-cars .fl-title-vc {
margin-top: -20px !important; }
.fl-about-us-form .input-container {
width: 100%; }
.fl-vc-tabs.tab-style-two .nav-tabs li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; } }
/*-------------------------------------------------------------------
max-width 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.fl-list .fl-list-ul li {
width: 100%; }
.fl-fancy-text-content-vc .fl-fancy-text-container .fancy-text-item-content .top-content .fancy-text-number {
font-size: 70px; }
.fl-team-container {
max-width: 300px;
margin: 0 auto 0; }
.fl-team-content-vc .fl-team-container .team-top-content {
display: inline-block; }
.fl-tabs .nav-tabs li .tab-link-content {
margin-top: 20px; }
.fl-tabs .nav-tabs li:first-child .tab-link-content {
margin-top: 0 !important; }
.vc-offer-slider .offer-slider-slide .offer-slide-inner-content .offer-slider-bottom-content {
-webkit-clip-path: none;
clip-path: none;
padding-top: 0;
min-height: 220px; }
.vc-offer-slider .offer-slider-slide .offer-slide-inner-content .offer-slider-bottom-content .offer-slider-content {
padding-right: 35px;
padding-left: 35px; }
.vc-number-content-container .number-div-content:after {
display: none; }
.vc-number-content-container .number-div-content .inner-content .number {
font-size: 80px; }
.vc-number-content-container .number-div-content:first-child {
padding-top: 0; }
.fl-phone-number-wrapper-vc.phone-style-one .phone-text {
margin-right: 8px; }
.fl-phone-number-wrapper-vc.phone-style-one .phone-number-link {
font-size: 13px;
padding: 13px 17px; } }
/*-------------------------------------------------------------------
max-width 720px
-------------------------------------------------------------------*/
@media screen and (max-width: 720px) {
.home-page-post-container .blog-post {
margin-top: 25px; }
.home-page-post-container .blog-post:first-child {
margin-top: 0; }
.home-page-post-container .blog-post-default {
margin-top: 25px; }
.home-page-post-container .blog-post-default:first-child {
margin-top: 0; }
.fl-vc-custom-title-container .custom-title-content-wrapper .back-text {
font-size: 60px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .font-text {
font-size: 25px; } }
/*-------------------------------------------------------------------
== max-width 680px
-------------------------------------------------------------------*/
@media (max-width: 680px) {
.fl-action-content-wrapper-vc .vc-fl-action-content .action-image {
display: none; }
.fl-phone-number-wrapper-vc.phone-style-one {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fl-vc-car-detail-wrapper .car-detail-slider .car-detail-slide .slider-content {
padding-right: 30px;
padding-left: 30px; }
.fl-vc-car-detail-wrapper .car-detail-slider .car-detail-slide .slider-content .bottom-slide-content .bottom-car-info .icon-content-info-wrapper {
margin-top: 15px; }
.vc-number-content-container .number-div-content .inner-content .number:after {
display: none !important; }
.fl-header-decor-text-wrapper-vc .decor-header-text {
font-size: 17px; }
.fl-semi-circle-progress-container-content {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.fl-semi-circle-progress-container-content .semi-circle-progress-bar-wrapper-vc {
margin-top: 20px; }
.fl-tabs .nav-tabs li .tab-link-content {
margin-left: 0 !important; }
.fl-vc-tabs.tab-style-two .nav-tabs li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
/*-------------------------------------------------------------------
== max-width 630px
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
== max-width 570px
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
== max-width 500px
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
== max-width 400px
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
== max-width 360
-------------------------------------------------------------------*/