/*
    FONTS
*/

@font-face {
    font-family: 'JLREmeric-ExtraLight';
    src: url('../fonts/JLREmeric-ExtraLight.eot');
    src: local('☺'), url('../fonts/JLREmeric-ExtraLight.woff') format('woff'), url('../fonts/JLREmeric-ExtraLight.ttf') format('truetype'), url('../fonts/JLREmeric-ExtraLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JLREmeric-SemiBold';
    src: url('../fonts/JLREmeric-SemiBold.eot');
    src: local('☺'), url('../fonts/JLREmeric-SemiBold.woff') format('woff'), url('../fonts/JLREmeric-SemiBold.ttf') format('truetype'), url('../fonts/JLREmeric-SemiBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jaguar-Bold';
    src: url('../fonts/Jaguar-Bold.eot');
    src: local('☺'), url('../fonts/Jaguar-Bold.woff') format('woff'), url('../fonts/Jaguar-Bold.ttf') format('truetype'), url('../fonts/Jaguar-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jaguar-ExtraBold';
    src: url('../fonts/Jaguar-ExtraBold.eot');
    src: local('☺'), url('../fonts/Jaguar-ExtraBold.woff') format('woff'), url('../fonts/Jaguar-ExtraBold.ttf') format('truetype'), url('../fonts/Jaguar-ExtraBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jaguar-Regular';
    src: url('../fonts/Jaguar-Regular.eot');
    src: local('☺'), url('../fonts/Jaguar-Regular.woff') format('woff'), url('../fonts/Jaguar-Regular.ttf') format('truetype'), url('../fonts/Jaguar-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aaux-ProThin';
    src: url('../fonts/Aaux ProThin.eot');
    src: local('☺'), url('../fonts/Aaux ProThin.woff') format('woff'), url('../fonts/Aaux ProThin.ttf') format('truetype'), url('../fonts/Aaux ProThin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'FordAntenna-Bold';
    src: url('../fonts/FordAntennaWGL-Bold.eot');
    src: local('☺'), url('../fonts/FordAntennaWGL-Bold.woff') format('woff'), url('../fonts/FordAntennaWGL-Bold.ttf') format('truetype'), url('../fonts/FordAntennaWGL-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntenna-Medium';
    src: url('../fonts/FordAntennaWGL-Medium.eot');
    src: local('☺'), url('../fonts/FordAntennaWGL-Medium.woff') format('woff'), url('../fonts/FordAntennaWGL-Medium.ttf') format('truetype'), url('../fonts/FordAntennaWGL-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntenna-Regular';
    src: url('../fonts/FordAntennaWGL-Regular.eot');
    src: local('☺'), url('../fonts/FordAntennaWGL-Regular.woff') format('woff'), url('../fonts/FordAntennaWGL-Regular.ttf') format('truetype'), url('../fonts/FordAntennaWGL-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
    font-family: 'JLREmeric-ExtraLight', sans-serif;
}

header {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.header-logos {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-logos li:last-child img {
    width: 40%;
}

.header-logos li:last-child img:last-child {
    margin-left: 25px;
}

.top-banner--wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.top-banner--img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.car-filter--img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
}

.scroll-down--btn {
    position: absolute;
    bottom: -17%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 99999;
}

.top-banner--wrapper h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 165px;
    font-family: 'JLREmeric-SemiBold', sans-serif;
}

.action-banner {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 240px;
}

.action-banner p {
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'JLREmeric-ExtraLight', sans-serif;
}

.left-car--mask {
    float: left;
    width: 730px;
    height: 370px;
    position: absolute;
    left: 8%;
    top: 46%;
    z-index: 9999;
}

.right-car--mask {
    float: left;
    width: 780px;
    height: 450px;
    position: absolute;
    right: 8%;
    top: 40%;
    z-index: 9999;
}

.left-car--filter {
    float: left;
    width: 100%;
    background: no-repeat url('../images/filtro-jaguar.jpg');
    position: absolute;
    top: 0;
    z-index: 99;
    height: 100%;
    display: none;
    padding-top: 70px;
}

.left-car--filter .filter-title {
    float: left;
    width: 100%;
    margin: 30px 0 15px 0;
    font-family: 'Jaguar-Bold', sans-serif;
    font-size: 35px;
    color: #fff;
}

.left-car--filter .filter-text {
    float: left;
    width: 100%;
    font-family: 'Jaguar-Regular', sans-serif;
    font-size: 15px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.left-car--filter .filter-btn {
    float: left;
    width: 225px;
    height: 45px;
    background: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #1b1b1b;
    text-transform: uppercase;
    line-height: 45px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.left-car--filter .filter-btn:hover {
    text-decoration: none;
    background: #1b1b1b;
    color: #fff;
}

.left-car--filter .filter-text span {
    font-family: 'Jaguar-Bold', sans-serif;
    font-size: 28px;
}


.right-car--filter .filter-title {
    float: right;
    text-align: right;
    width: 100%;
    margin: 30px 0 15px 0;
    font-family: 'JLREmeric-SemiBold', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    color: #0c121c;
}

.right-car--filter .filter-text {
    float: right;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    font-family: 'JLREmeric-ExtraLight', sans-serif;
    font-size: 20px;
    color: #0c121c;
    margin: 0;
    padding: 0;
}

.right-car--filter .filter-btn {
    float: left;
    width: 225px;
    height: 45px;
    background: #0c121c;
    border: 1px solid #0c121c;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.right-car--filter .filter-btn:hover {
    text-decoration: none;
    color: #0c121c;
    background: #fff;
}

.right-car--filter .filter-text span {
    font-family: 'JLREmeric-SemiBold', sans-serif;
    font-size: 30px;
}

.right-car--filter {
    float: left;
    width: 100%;
    background: no-repeat url('../images/filtro-range.jpg');
    position: absolute;
    top: 0;
    z-index: 99;
    height: 100%;
    display: none;
    padding-top: 55px;
}

.align-end {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.opportunities-wrapper {
    float: left;
    width: 100%;
    margin-top: 145px;
}

.opportunities-title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    margin: 0;
    padding: 0;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.opportunities-text {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #444444;
    margin-top: 30px;
    font-weight: 300;
}

.sliders-wrapper {
    float: left;
    width: 100%;
    padding: 0 10%;
    margin-top: 110px;
    position: relative;
}

.slider-item {
    float: left;
    width: 100%;
    display: flex !important;
    position: relative;
}

.slider-item img {
    float: left;
    width: 100%;
    max-width: 700px;
}

.slider-description {
    float: left;
    width: 100%;
    margin-left: 30px;
    flex: 1;
}

.slider-title {
    float: left;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 35px;
    color: #444444;
    margin: -13px 0 25px 0;
    padding: 0;
}

.slider-caracteristics {
    float: left;
    width: 60%;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.slider-car--color {
    float: left;
    width: 100%;
}

.slider-color--title {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.color-label {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.color-label span {
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
}

.santorini-black {
    background: #000;
}

.indus-silver {
    background: #99a0a6;
}

.yulong-white {
    background: #ecf0f4;
}

.carpathian-grey {
    background: #292a25;
}

.loire-blue {
    background: #1b2d44;
}

.borasco-grey {
    background:  #626262;
}

.pricing-wrapper {
    float: left;
    width: 60%;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.pricing-year {
    float: left;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: #444444;
    font-weight: 200;
    margin: 0;
    padding: 0;
}

.pricing-total {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #444444;
    margin: 0;
    padding: 0;
}

.final-price {
    float: left;
    width: 60%;
    text-align: right;
    margin: 0;
    padding: 0;
    color: #444444;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.ask-btn--wrapper {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.left-slider--wrapper .ask-btn:hover {
    background: #0c121c;
    color: #fff;
    border: 1px solid #0c121c;
}

.right-slider--wrapper .ask-btn:hover {
    background: #9e1b32;
    color: #fff;
    border: 1px solid #9e1b32;
}

.ask-btn {
    float: left;
    width: 250px;
    height: 45px;
    line-height: 45px;
    background: #707070;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-left: 20px solid #0c121c;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ask-btn:hover {
    text-decoration: none;
    color: #fff;
}

.opportunity-price {
    float: left;
    width: 214px;
    height: 97px;
    border: 5px solid #ffffff;
    position: absolute;
    top: -13%;
    left: 20%;
    z-index: 9999;
}

.right-sliders--wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.price-inner--item {
    float: left;
    width: 100%;
    border-left: 25px solid #0c121c;
    background: #707070;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
}

.right-sliders--wrapper .opportunity-price {
    right: 20%;
    left: inherit
}

.right-sliders--wrapper .opportunity-price .price-inner--item {
    border-left: 25px solid #9e1b32;
}

.price-inner--item p {
    margin: 0;
    padding: 0;
}

.left-slider--wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.right-slider--wrapper {
    float: left;
    width: 100%;
}

.right-slider--wrapper .slider-description {
    padding: 0 50px 0 160px;
    margin-left: 0;
}

.right-slider--wrapper .slider-description {
    width: 70%;
}

.right-slider--wrapper .pricing-wrapper {
    width: 70%;
}

.right-slider--wrapper .final-price {
    width: 70%;
}

.right-slider--wrapper .ask-btn {
    float: right;
    border-left: 20px solid #9e1b32;
}

.right-slider--wrapper .ask-btn--wrapper {
    width: 70%;
}

.left-slider--wrapper .slick-dots, .right-slider--wrapper .slick-dots {
    display: flex;
    float: left;
    width: 46%;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    justify-content: flex-end;
}

.right-slider--wrapper .slick-dots {
    width: 67%;
}

.left-slider--wrapper .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #0c121c;
    background: none;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 20px;
}

.right-slider--wrapper .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #9e1b32;
    background: none;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 20px;
}

.left-slider--wrapper .slick-dots li button, .right-slider--wrapper .slick-dots li button {
    background: none;
    border: none;
}

.left-slider--wrapper .slick-dots .slick-active {
    background: #0c121c;
}

.right-slider--wrapper .slick-dots .slick-active {
    background: #9e1b32;
}

.left-prev--arrow, .right-prev--arrow {
    padding: 35px;
    background: #e4e8e8;
    border: 1px solid #e4e8e8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.left-next--arrow, .right-next--arrow {
    padding: 35px;
    background: #f8f9f9;
    border: 1px solid #f8f9f9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.left-prev--arrow:hover, .right-prev--arrow:hover  {
    background: #fff;
}

.left-next--arrow:hover, .right-next--arrow:hover {
    background: #fff;
}

.right-sliders--wrapper .custom-arrows {
    float: left;
    position: absolute;
    bottom: -23px;
    left: 64%;
    display: flex;
    align-items: flex-end;
}

.right-sliders--wrapper .custom-arrows p {
    margin-right: 20px;
}

.custom-arrows {
    float: left;
    position: absolute;
    bottom: 0;
    left: 19%;
    display: flex;
    align-items: flex-end;
}

.custom-arrows p {
    font-size: 16px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    margin-left: 20px;
}

.steps-wrapper {
    float: left;
    width: 100%;
    background: rgba(112, 112, 112, 0.1);
    margin-top: 110px;
    padding-top: 50px;
}

.steps-wrapper img {
    float: right;
}

.steps-content {
    float: left;
    width: 70%;
    background: #fff;
    padding: 30px;
    margin-top: 135px;
}

.content-wrapper {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.content-wrapper img {
    position: absolute;
    right: 0;
}

.steps-counter {
    color: rgba(68, 68, 68, 0.15);
    font-size: 95px;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    line-height: 1;
    font-family: 'Aaux-ProThin', sans-serif;
}

.steps-title {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.steps-text {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    height: 80px;
}

.section-form {
    float: left;
    width: 100%;
    padding: 70px 0 50px 0;
}

.form-title {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #444444;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.form-mcoutinho {
    float: left;
    width: 100%;
    margin-top: 45px;
}

.align-items--flex {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.align-items--flex > div {
    float: left;
    width: 100%;
}

.form-input, textarea {
    float: left;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 5px;
    border-bottom: 2px solid #444444;
    font-size: 16px;
    color: #444444;
    font-family: 'JLREmeric-ExtraLight', sans-serif;
    margin-bottom: 45px;
    resize: none;
}

.margin-right {
    margin-right: 15px;
}

.align-btn--center {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

.form-btn {
    float: left;
    width: 150px;
    height: 45px;
    line-height: 45px;
    background: #444444;
    border: 1px solid #444444;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-btn:hover {
    color: #444444;
    background: #fff;
}

footer {
    float: left;
    width: 100%;
    background: rgba(112, 112, 112, 0.1);
    padding: 20px 0;
}

.footer-items {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

.item-list--item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.no-margin {
    margin-bottom: 0;
}

.item-list--title {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.item-list--text {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}

.contacts-title {
    float: left;
    font-size: 16px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
}

.contacts-link {
    float: left;
    color: #9e1b32;
    border: 1px solid #9e1b32;
    padding: 10px;
}

.contacts-link:hover {
    text-decoration: none;
    color: #9e1b32;
}

.align-vertically {
    float: left;
    display: flex;
    flex-direction: column;
}

.call-me--btn {
    position: fixed;
    z-index: 9999;
    right: 2%;
    bottom: 2%;
    float: left;
    border-radius: 50%;
    background: #9e1b32;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.call-me--text {
    color: #fff;
    float: left;
    margin-left: 10px;
    font-family: 'FordAntenna-Regular', sans-serif;
    font-size: 16px;
    display: none !important;
}

.call-me--bigger {
    display: block !important;
}

.call-me--btn:hover {
    width: 230px;
    border-radius: 40px;
}

.img-web {
    float: left;
    width: 20px;
    height: 20px;
}

.img-mobile {
    display: none;
    width: 100%;
}

.display-div {
    display: block;
}

.top-banner--mobile {
    display: none;
}

.custom-arrows > div {
    float: left;
}

.custom-arrows > div a {
    float: left;
}

.go-back--mobile {
    position: absolute;
    bottom: 10px;
    left: 5%;
    z-index: 999999;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    color: #0c121c;
}

.go-back--mobile:hover {
    text-decoration: none;
    color: #fff;
}

.go-back--left {
    position: absolute;
    bottom: 10px;
    left: -5%;
    z-index: 999999;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-align: right;
    float: left;
    width: 100%;
}

.brands-img, .filter-brand--img {
    width: 98px !important;
}

@media screen and (max-width: 1440px) {
    .left-slider--wrapper .slider-description {
        width: 75%;
    }

    .left-slider--wrapper .slider-title, .right-slider--wrapper .slider-title {
        font-size: 30px;
        margin: -10px 0 15px 0;
    }

    .left-slider--wrapper .slick-dots {
        width: 55%;
    }

    .left-slider--wrapper .slider-caracteristics, .left-slider--wrapper .pricing-wrapper, .left-slider--wrapper .final-price {
        width: 90%;
    }

    .custom-arrows {
        left: 17%;
    }

    .right-slider--wrapper .slider-description {
        padding: 0 50px 0 0;
    }

    .right-slider--wrapper .slider-title, .right-slider--wrapper .slider-caracteristics, .right-slider--wrapper .slider-color--title, .right-slider--wrapper .final-price {
        text-align: right;
        width: 100%;
    }

    .right-slider--wrapper .ask-btn--wrapper {
        width: 100%;
    }

    .right-slider--wrapper .pricing-wrapper {
        width: 100%;
    }

    .right-slider--wrapper .color-label {
        justify-content: flex-end;
    }

    .right-slider--wrapper .slick-dots {
        width: 60%;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 58%;
    }

    .left-car--mask {
        left: -4%;
    }

    .right-car--mask {
        right: -7%;
    }
}

@media screen and (max-width: 1366px) {
    .left-slider--wrapper .slider-title {
        font-size: 25px;
        margin: -8px 0 15px 0;
    }

    .custom-arrows {
        left: 15%;
    }

    .color-label {
        margin: 5px 0;
    }
}

@media screen and (max-width: 1280px) {
    .pricing-wrapper {
        padding-bottom: 5px;
    }

    .pricing-year {
        font-size: 25px;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 58%;
    }

    .custom-arrows {
        left: 13%;
    }

    .custom-arrows p {
        font-size: 14px;
    }

    .right-slider--wrapper .slick-dots {
        width: 61%;
    }
}

@media screen and (max-width: 1024px) {
/*    .custom-arrows {
        left: 13%;
        bottom: 6%;
        flex-direction: column;
    }

    .custom-arrows p {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

    .left-prev--arrow, .right-prev--arrow, .left-next--arrow, .right-next--arrow {
        padding: 15px;
    }

    .left-slider--wrapper {
        position: absolute;
        bottom: 8%;
    }*/

    .steps-counter {
        font-size: 55px;
    }

    .content-wrapper img {
        width: 80%;
    }

    .steps-title {
        font-size: 20px;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 60%;
        bottom: -15px;
    }

    .custom-arrows {
        bottom: 9%;
        left: 11%;
    }

    .custom-arrows p {
        font-size: 12px;
    }

    .left-prev--arrow, .right-prev--arrow, .left-next--arrow, .right-next--arrow {
        padding: 15px;
    }

    .left-slider--wrapper .slick-dots {
        position: absolute;
        bottom: 8%;
    }

    .right-sliders--wrapper .custom-arrows p {
        margin-right: 0;
    }

    .right-slider--wrapper .slick-dots {
        width: 59%;
        position: absolute;
        bottom: 0;
    }

    .right-slider--wrapper .slick-dots li {
        margin-left: 10px;
    }
}

@media screen and (max-width: 991px) {
    .header-logo--img img {
        width: 89px;
    }

    .brands-img {
        width: 55px !important;
    }

    .top-banner--img {
        display: none;
    }

    .top-banner--mobile {
        display: block;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .top-banner--wrapper h1 {
        font-size: 24px;
        top: 105px;
    }

    header {
        padding: 20px 0;
    }

    .action-banner {
        top: 180px;
    }

    .action-banner p {
        margin-bottom: 5px;
    }

    .scroll-down--btn {
        display: none;
    }

    .opportunities-wrapper {
        margin-top: 20px;
    }

    .opportunities-title {
        font-size: 22px;
    }

    .opportunities-text {
        font-size: 14px;
    }

    .slider-item {
        flex-direction: column;
    }

    .sliders-wrapper {
        margin-top: 60px;
    }

    .opportunity-price {
        top: -4%;
        left: 15%;
        width: 135px;
        height: 54px;
    }

    .price-inner--item {
        font-size: 12px;
        padding: 5px;
    }

    .slider-description {
        width: 100% !important;
        margin: 70px 0 0 0;
    }

    .left-slider--wrapper .slick-dots {
        position: absolute;
        top: 48%;
        width: 100%;
    }

    .left-next--arrow, .right-next--arrow, .left-prev--arrow, .right-prev--arrow {
        padding: 15px;
    }

    .custom-arrows {
        top: 47%;
        bottom: inherit
    }

    .slider-caracteristics {
        font-size: 15px;
    }

    .slider-color--title {
        margin-bottom: 0;
        font-size: 12px;
    }

    .color-label, .pricing-year {
        font-size: 15px;
    }

    .pricing-total {
        font-size: 13px;
    }

    .final-price {
        font-size: 25px;
    }

    .color-label span {
        width: 16px;
        height: 16px;
    }

    .slider-car--color {
        margin-bottom: 20px;
    }

    .ask-btn {
        font-size: 13px;
        width: 190px;
        height: 35px;
        line-height: 36px;
    }

    .right-slider--wrapper .slider-item img {
        order: 1;
    }

    .right-slider--wrapper .slider-item div {
        order: 2;
    }

    .right-slider--wrapper .slider-description {
        padding: 0;
        width: 100%;
    }
    
    .right-slider--wrapper .slider-title, .right-slider--wrapper .slider-caracteristics, .right-slider--wrapper .slider-color--title {
        text-align: left;
    }

    .right-slider--wrapper .color-label {
        justify-content: flex-start;
    }

    .slider-caracteristics {
        width: 100% !important;
    }

    .pricing-wrapper, .final-price {
        width: 100% !important;
    }

    .right-slider--wrapper .slick-dots {
        position: absolute;
        top: 49%;
        width: 100%;
        justify-content: flex-start;
        left: -10px;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 47%;
        bottom: inherit
        top: 49%;
    }

    .right-sliders--wrapper .custom-arrows p {
        margin-right: 20px;
    }

    .content-wrapper img {
        width: 80%;
    }

    .steps-content {
        width: 90%;
        margin-top: 95px;
    }

    .steps-counter {
        font-size: 45px;
    }

    .steps-title {
        font-size: 15px;
        margin: 10px 0;
    }

    .steps-text {
        font-size: 12px;
    }

    .section-form {
        padding-top: 25px;
    }

    .form-title {
        font-size: 16px;
    }

    .form-mcoutinho {
        margin-top: 30px;
    }

    .align-items--flex {
        flex-direction: column;
    }

    .footer-items {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-items li:first-child {
        order: 2;
        margin-bottom: 0;
    }

    .footer-items li:last-child {
        order: 1;
        margin-bottom: 20px;
    }

    .items-list--text {
        font-size: 12px;
    }

    .form-input, textarea {
        margin-bottom: 20px;
    }

    .car-filter--img-mobile {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
    }

    .top-banner--wrapper {
        overflow: hidden;
    }

    .right-car--mask {
        width: 420px;
        height: 190px;
        top: 57%;
    }

    .left-car--mask {
        width: 390px;
        height: 180px;
        top: 59%;
    }

    .left-car--filter, .right-car--filter {
        padding-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .custom-arrows {
        height: 60px;
    }

    .slick-dots {
        height: 50px;
    }

    .call-me--btn {
        width: 100%;
        height: auto;
    }

    .call-me--btn:hover {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .custom-arrows {
        flex-direction: column;
        top: 25%;
    }

    .custom-arrows a {
        width: 60px;
    }

    .custom-arrows div, .custom-arrows img {
        width: 100%;
    }

    .left-slider--wrapper .slick-dots li, .right-slider--wrapper .slick-dots li {
        margin-left: 10px;
    }

    .custom-arrows p {
        margin: 0;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }

    .left-slider--wrapper .slick-dots {
        top: 27%;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 55%;
        top: 26%;
    }

    .right-sliders--wrapper .custom-arrows div {
        order: 1;
    }

    .right-sliders--wrapper .custom-arrows p {
        margin-right: 0;
        order: 2;
    }

    .right-slider--wrapper .slick-dots {
        top: 29%;
        left: -10px;
    }

    .right-content .img-wrapper img {
        left: 0;
    }

    .content-wrapper img {
        width: 75%;
    }

    .content-wrapper .steps-content {
        margin-top: 85px;
    }

    .right-content .steps-content {
        margin-left: 30px;
    }

    .right-content .steps-content p {
        text-align: right;
    }

    .call-me--btn {
        right: 0;
        left: 0;
        bottom: 0;
    }

    .img-web {
        display: none;
    }

    .img-mobile {
        display: block;
        width: 100%;
    }

    .left-car--filter .car-filter--img-mobile {
        position: absolute;
        left: -20px;
        transform: none;
        top: 0;
    }

    .right-car--filter .car-filter--img-mobile {
        position: absolute;
        right: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        left: 20px;
    }

    .right-car--filter .filter-title {
        font-size: 22px;
    }

    .right-car--filter .filter-text {
        font-size: 15px;
    }

    .right-car--filter .filter-text span {
        font-size: 23px;
    }

    .right-car--filter .filter-btn {
        margin-top: 10px;
    }

    .steps-wrapper {
        margin-top: 50px;
    }

    .left-car--filter .filter-title {
        font-size: 23px;
    }

    .left-car--filter .filter-text {
        font-size: 12px;
    }

    .left-car--filter .filter-text span {
        font-size: 19px;
    }

    .left-car--mask {
        width: 180px;
        height: 170px;
        top: 58%;
    }

    .right-car--mask {
        width: 200px;
        height: 180px;
        top: 57%;
    }

    footer {
        padding: 20px 0 70px 0;
    }
}

@media screen and (max-width: 640px) {
    .custom-arrows {
        top: 40%;
    }

    .right-sliders--wrapper .custom-arrows {
        top: 41%;
    }

    .right-slider--wrapper .slick-dots {
        top: 43%;
        left: -5px;
    }

    .left-slider--wrapper .slick-dots {
        top: 43%;
    }

    .content-wrapper img {
        width: 45%;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 69%;
    }

    .content-wrapper img {
        width: 45%;
    }
}

@media screen and (max-width: 480px) {
    .custom-arrows {
        top: 33%;
    }

    .left-slider--wrapper .slick-dots {
        top: 36%;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 60%;
        top: 34%;
    }

    .right-slider--wrapper .slick-dots {
        top: 36%;
        left: -5px;
    }

    .content-wrapper img {
        width: 60%;
    }
}

@media screen and (max-width: 375px) {
    .custom-arrows {
        top: 25%;
    }

    .left-slider--wrapper .slick-dots {
        top: 27%;
    }

    .right-sliders--wrapper .custom-arrows {
        left: 55%;
        top: 26%;
    }

    .right-slider--wrapper .slick-dots {
        top: 29%;
        left: -10px;
    }

    .content-wrapper img {
        width: 75%;
    }
}