@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
* {
box-sizing: border-box; }
@media (min-width: 1400px) {
.container {
max-width: 1340px; } }
h1, h2, h3, h4, h5, h6, p, ul, header, nav, section, footer {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6{
font-family: "Raleway", sans-serif;
}
html {
scroll-behavior: smooth;
}
html, body {
max-width: 100%;
overflow-x: hidden;
font-size: 16px; }
body {
padding: 0;
margin: 0;
min-height: 100vh;
font-family: "Open Sans", sans-serif;
position: relative; }
#body {min-height:70vh;}
object, embed {
pointer-events: none; }
a:hover {
text-decoration: none; }
select::-ms-expand {
display: none; }
input:disabled {
-webkit-opacity:1
}
button.submit {
background: #05141F;
color: #FFFFFF;
border-radius: 100px;
border: 0;
}
button.submit:hover{
background: #133560;
color: #FFFFFF;
}
.header-font-family{
font-family: "Raleway", sans-serif;
}
.m-top-10 {
margin-top: 10px; }
.m-top-100 {
margin-top: 107px; }
.form-group__reviews.phone{
display: none;
}
.red {
color: #BD1316; }
.homepage #special-offers-section .owl-carousel.owl-special-offers.owl-loaded.owl-drag {
max-height: 380px; }
#homepage {
overflow: hidden; }
#homepage #banner {
min-height: 970px;}
/* max-height: 600px; } */
#homepage #banner #banner-image {
overflow: hidden;
max-height: 600px;
min-height: 500px;
display: flex;
justify-content: center;
align-items: center; }
#homepage #banner #banner-image img {
position: absolute;
top: 59%;
left: 50%;
margin-right: 50%;
transform: translate(-50%, -46%); }
@media (min-width: 1700px) {
#homepage #banner #banner-image img {
width: 100%; } }
@media (min-width: 2000px) {
#homepage #banner #banner-image img {
transform: translate(-50%, -40%); } }
.header.topnav {
background: #222222;
color: #ffffff;
position: fixed;
width: 100%;
z-index: 11111; }
.upper-half-header {
padding: 0.5% 0 0.5% 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.title-logo {
text-transform: uppercase;
font-size: 1.625rem;
letter-spacing: 1px;
font-weight: 700;
}
.titles-logo {
padding-left: 0;
padding-right: 5%;
margin-right: 9%; }
.titles-logo img {
width: 100%; }
.motors-title-logo {
color: #005EAA; }
.motors-title-logo .text-title-address {
text-transform: uppercase;
font-size: 1rem;
font-weight: 400;
margin-bottom: 0;
line-height: 1.1rem;
margin-left: 2px; }
.title-address img, .title-contact img {
margin-right: 6px; }
.title-address img {
width: 7%; }
.title-contact img {
width: 16%; }
.number-phone h4 {
margin-bottom: 0; }
.title-address, .title-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
padding: 0; }
.title-address h4, .title-contact h4 {
font-size: 1.05rem; }
.stars-block {
color: #FFA500;
font-size: 1.25rem; }
.title-logo-bottom {
margin: 0 1.5rem;
font-size: 1.188rem;
font-weight: 600; }
.number-phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 2px; }
.upper-half-header .col-md-2 {
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%;
margin-right: 1vw; }
.sales-text {
font-weight: 400;
font-size: 0.95rem;
text-transform: uppercase;
line-height: 0.7rem; }
.sales-number {
font-weight: 500;
font-size: 18px;
color: white; }
.sales-number:hover {
color: white; }
.navbar-collapse.phonebar {
display: none !important; }
.social-icon img {
pointer-events: none;
cursor: pointer;
width: 61%; }
.social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-end; }
.social-icon ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none; }
.social-icon ul li {
margin-right: 17px;
transition: 0.4s; }
.social-icon ul li:last-child {
margin-right: 0; }
.social-icon ul a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center; }
.social-icon.stars-block.col-md-1 {
justify-content: flex-start; }
@media (max-width: 991px) {
.upper-half-header .sales-number {
white-space: nowrap; }
.upper-half-header .text-title-address {
font-size: 14px; } }
.bottom-half-header {
background-color: #FFFFFF; }
#navbarSupportedContent {
width: 100%; }
.navbar {
padding: 0; }
.navbar ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
list-style-type: none;
margin-bottom: 0;
width: 100%; }
.navbar ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: 0.5s;
flex-direction: column;}
.navbar ul .nav-link {
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
color: #000000;
text-align: center;
display: inline-block; }
.indexcity {
z-index: 100; }
@media (min-width: 768px) {
.navbar-expand-md {
width: 100%;
justify-content: space-between; } }
.right {
right: 0 !important;
left: 30% !important; }
.left-search {
right: 30% !important;
left: 0 !important; }
.homepage .featured .title-featured {
text-align: left; }
@media (max-width: 767px) {
.header.topnav {
position: absolute; } }
@media (min-width: 768px) {
.mobile-block, .mobile-section-under-header, .accordion__wrapper, .darck-btn {
display: none !important; }
.mobile-close-btn {
display: none; }
.navbar-expand-md .navbar-nav .nav-link {
padding: 13px 0; }
.top-img-mobile {
display: block; } }
@media (min-width: 768px) and (max-width: 991px) {
.navbar .nav-link {
font-size: 9px !important; }
.navbar-expand-md .navbar-nav .nav-link {
padding: 1vw 0.75vw; }
.social-icon img {
width: 100%; } }
@media (min-width: 1000px) and (max-width: 1200px) {
.navbar-expand-md .navbar-nav .nav-link {
padding: 13px 5px; } }
@media (min-width: 1400px) {
.navbar-expand-md .navbar-nav .nav-link {
padding: 15px 21px; } }
@media only screen and (max-width: 767px) {
.upper-half-header {
display: none; }
.mobile-block, .darck-btn {
display: flex; }
.mobile-section-under-header {
display: flex;
justify-content: center;
align-items: center; }
.mobile-close-btn {
display: flex; }
.navbar {
background-color: #ebedf0;
position: fixed;
padding: 0;
z-index: 1030;
right: 0;
left: 0;
border-radius: 0;
top: 0;
border-width: 0 0 1px;
width: 100%;
}
.mobile-block-items .navbar-toggler {
outline: none;
padding: 0;
width: 100%;
text-align: center;
font-size:17px;}
.mobile-block-items .far, .mobile-block-items .fas, .mobile-block-items .fa {
display: block;
color: #ffffff;
font-size: 20px;
margin-bottom:1vw;}
.mobile-block-items .fas.fa-star {
color: #ffffff;
font-size: 18px; }
.mobile-block-items span {
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
width: 100%;
display: inline-block;
margin-top: 10px; }
.navbar-header {
display: flex;
width: 100%;
}
.mobile-menu, .mobile-search, .mobile-reserve, .mobile-phone, .mobile-favourite {
padding-top: 5px; }
.mobile-menu {
background: #657786;
width: 20%;
border: 1px solid #ffff; }
.mobile-search {
background: #000000;
width: 20%;
border: 1px solid #ffff; }
.mobile-reserve {
background: #000000;
width: 19%;
border: 1px solid #ffff; }
.mobile-phone {
background: #000000;
width: 19%;
border: 1px solid #ffff; }
.mobile-favourite {
background: #000000;
width: 22%;
border: 1px solid #ffff; }
.menubar, .phonebar {
background-color: #000000;
position: fixed;
top: 0;
height: 100%;
width: 100%;
left: 100%;
overflow-y: scroll; }
.menubar:not(.show), .phonebar:not(.show) {
display: block; }
.menu-search {
position: fixed;
top: 0;
background-color: #3C4A52;
height: 100%;
width: 100%;
left: -100%;
overflow-y: scroll;
z-index: 1200; }
.menu-search:not(.show) {
display: block; }
#hero-image{
background-image: url(/images/home/mobile-hero.png) !important;
height: 45vh !important;
}
.navbar-nav .nav-item .nav-link {
color: #ffffff; }
.navbar ul {
align-items: flex-start; }
.navbar ul li {
padding: 0;
width: 100%; }
.mobile-close-btn {
display: flex;
justify-content: flex-end;
padding: 13px 23px 13px 14px !important;
border-radius: 0; }
.mobile-close-btn span {
text-transform: uppercase;
color: #ffffff;
font-size: 13px !important;
vertical-align: middle;
padding: 3vw 1vw 3vw 0; }
.mobile-close-btn .fa-times {
padding-right: 1vw; }
.phonebar {
background-color: #F7F7F9; }
.phonebar .mobile-close-btn {
background-color: #333333 !important;
padding: 13px 10px 13px 14px !important;
border-radius: 0; }
.phonebar .cross-img-mob {
margin-right: 5px; }
.phonebar .cross-img-mob img {
width: 60%; }
.navbar .navbar-collapse.phonebar {
display: block !important; }
.navbar .navbar-collapse.phonebar .mobile-close-btn span {
font-size: 0.8rem !important;
}
.navbar .navbar-collapse.phonebar ul li {
border: 0; }
.navbar .navbar-collapse.phonebar ul li:hover {
background-color: initial; }
.navbar .navbar-collapse.phonebar ul li .office-text {
color: #333333;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 600;
font-size: 14px; }
.navbar .navbar-collapse.phonebar ul li .text-numb {
color: #D10609;
font-weight: 700;
margin-top: 20px; }
.navbar .navbar-collapse.phonebar .column-content {
display: flex;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid #D1D3D4;
border-bottom: 1.5px solid #D1D3D4;
margin-top: 55px;
padding: 5%; }
.mobile-section-under-header {
padding: 60px 2vw 2vw 2vw; }
.active-menu {
position: fixed; }
.active-search {
position: fixed; }
.accordion__title {
background-image: url("/images/home/arrow-down.png");
background-position: center right 10px;
background-repeat: no-repeat;
background-size: 4%; }
.menu-search .card {
border-radius: 0;
border: none;
border-bottom: 1px solid #DADCDD !important; }
.menu-search .mobile-accordion-filter-value {
color: #BBB;
font-size: 12px;
margin-right: 10px; }
.menu-search .card-header {
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #D1D3D4; }
.menu-search .accordion__button {
padding: 0.75rem 1.25rem;
text-transform: uppercase;
width: 100%;
text-align: left; }
.menu-search .mobile-search-btn {
background: #0C0E23;
display: flex;
justify-content: space-between;
padding: 13px 10px 0 14px !important;
border-radius: 0;
border: none;
text-transform: uppercase; }
.menu-search .mobile-search-btn span {
font-size: 0.8rem;
vertical-align: middle; display: none;}
.menu-search .btn.shadow-none.accordion__button {
background-color: #F7F7F9;
color: #333; }
.menu-search .accordion__wrapper {
margin-top: 0; }
.menu-search .first-card .accordion__button {
border-top: 1.5px solid #D1D3D4; }
.menu-search .accordion .card-search {
border: 0 !important; }
.menu-search .accordion .card-search .accordion__button {
border: 0; }
.menu-search .accordion .card {
border: 0 !important; } }
@media (orientation: landscape) {
.mobile-section-under-header {
padding: 70px 2vw 2vw 2vw;
justify-content: center; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.mobile-close-btn {
padding: 15px 38px 15px 32px !important; }
.phonebar .mobile-close-btn {
padding: 15px 38px 15px 32px !important; }
.menu-search .mobile-search-btn {
padding: 15px 15px 15px 15px !important; } }
@media only screen and (max-width: 320px) {
.mobile-close-btn {
padding: 12px 23px 12px 14px !important; } }
@media (min-width: 768px) and (max-width: 1000px) {
.titles-logo {
margin-right: 0; }
.sales-number {
font-size: 1.5vw; }
.upper-half-header .col-md-2 {
margin-right: 3vw; }
.social-icon .stars-block .fas.fa-star {
font-size: 14px; } }
@media (max-width: 320px) {
.mobile-block-items span {
color: #ffffff;
font-size: 9px; } }
@media (max-width: 767px) {
.navbar-collapse.menu-search .navbar-toggler.mobile-search-btn .cross-img-mob, .navbar-collapse.menubar .mobile-menu-btn .cross-img-mob {
display: flex;
align-items: center;
justify-content: flex-end; }
.navbar-collapse.menu-search .navbar-toggler.mobile-search-btn .cross-img-mob img, .navbar-collapse.menubar .mobile-menu-btn .cross-img-mob img {
width: 60%; }
.menu-search .btn.shadow-none.accordion__button {
background-image: url(/images/chevron-up.png);
background-position: center left 10px;
background-size: 14px;
background-repeat: no-repeat;
padding: 1rem 3rem; }
.menu-search .btn.shadow-none.accordion__button:hover {
text-decoration: initial; }
.menu-search .btn.shadow-none.accordion__button.collapsed {
background-image: url(/images/chevron-down.png);
background-position: center left 10px;
background-size: 14px;
background-repeat: no-repeat;
padding: 1rem 3rem; }
.menu-search-results .mobile-accordion-filter {
display: flex;
justify-content: space-around;
margin-top: 30px;
margin-bottom: 20px; }
.menu-search-results .mobile-accordion-filter .reset-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #D20709;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
cursor: pointer; }
.menu-search-results .mobile-accordion-filter .reset-block img {
margin-right: 5px;
width: 20px; }
.menu-search-results .mobile-accordion-filter .button-done-block {
background: #D20709;
color: white;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
border: 0;
border-radius: 3px;
padding: 12px 30px;
cursor: pointer; }
.menu-search-results .accordion .card-body {
background-color: #0C0E23;
border-top: 0;
padding: 15px 20px 30px 20px; }
.menu-search-results .accordion .card-body label {
color: #D20709;
font-size: 16px;
font-weight: 300;
margin-top: 15px; }
.menu-search-results #make-select, .menu-search-results #make-select-mob,.menu-search-results #make-model, .menu-search-results #make-model-mob,.menu-search-results #year-from-select, .menu-search-results #colour, .menu-search-results #doors, .menu-search-results #seats, .menu-search-results #safety-from-select, .menu-search-results #body-type-select,.menu-search-results #transmission, .menu-search-results #year-to-model, .menu-search-results #price-from-select, .menu-search-results #price-to-model, .menu-search-results #deposit-amount-select, .menu-search-results #price-from-monthly-select, .menu-search-results #price-to-monthly-select, .menu-search-results #mileage-select, .menu-search-results #capacity-from-select, .menu-search-results #capacity-to-model, .menu-search-results #mpg-from-select, .menu-search-results #mpg-to-model, .menu-search-results #acceler-from-select, .menu-search-results #power-from-select, .menu-search-results #env-from-select, .menu-search-results #fuel_type {
width: 100%;
height: 40px;
background-color: white;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/chevron-down.png);
background-position: center right 10px;
background-size: 6.5%;
background-repeat: no-repeat;
border-radius: 5px;
padding-left: 10px;
border: 1px solid #808080;
color: #828282;
font-size: 16px;
font-weight: 400; }
.menu-search-results #collapse-body-type .checkbox-container, .menu-search-results #collapse-fuel-type .checkbox-container, .menu-search-results #collapse-Gearbox .checkbox-container, .menu-search-results #collapse-colour .checkbox-container, .menu-search-results #collapse-doors .checkbox-container, .menu-search-results #collapseSeats .checkbox-container, .menu-search-results #collapseSafety .checkbox-container, .menu-search-results #collapseAcceleration .checkbox-container, .menu-search-results #collapseEngine .checkbox-container, .menu-search-results #collapseEnvironmental .checkbox-container {
color: black;
border: 1px solid #CCCCCC;
padding: 5px 15px;
font-weight: 400;
font-size: 14px;
line-height: 25px; }
.menu-search-results .button-show {
background: none;
border: 0;
margin-top: 10px;
font-size: 14px;
width: 100%;
text-align: right; }
.menu-search-results .button-show .fas.fa-arrow-down {
margin-left: 5px; }
.navbar-collapse.menubar.menubar-navbar .nav-link {
width: 100%;
color: white;
text-transform: none !important;
font-weight: 500;
font-size: 15px;
display: inline-block;
transition: 0.3s;
padding: 4vw 0vw 4vw 0vw;
/* text-align: justify; */
}
.navbar-collapse.menubar.menubar-navbar .nav-link:hover {
background-color: #005EAA; }
.navbar-collapse.menubar.menubar-navbar .nav-link li {
border-bottom: 0;
font-weight: 600;
font-size: 12px; }
.navbar-collapse.menubar.menubar-navbar .nav-link .navbar ul li:hover {
background-color: initial; } }
#banner {
order: 1;
position: relative;
text-align: center; }
#banner .top-img {
position: absolute;
top: -25%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
#banner .top-img img {
max-width: 560px;
position: relative; }
#banner .top-img .title-top-img {
color: white;
text-transform: uppercase;
position: absolute;
z-index: 1;
top: 60%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%); }
#banner #banner-image {
text-align: center; }
#banner .advanced-text {
color: white;
text-align: right;
margin-top: 30px;
position: absolute;
width: 100%;
text-decoration: underline;
padding: 0 15px; }
#banner .search-box {
width: 100%;
height: 200px;
position: relative;
margin-top: -200px;
bottom: 0;
left: 0;
right: 0;
background: rgba(34, 34, 34, 0.85);
display: flex;
align-items: center; }
#banner .search-box .container {
position: relative; }
#banner .search-box .container .row {
display: flex;
justify-content: center; }
#banner .search-box h3 {
color: #fff;
text-align: left;
margin: 13px 0 7px 0;
font-size: 1.5rem;
}
#banner .search-box h3 img {
height: 20px; }
#banner .search-box .col-md-3 {
text-align: center;
padding: 0 1px; }
#banner .search-box .col-md-3 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/home/arrow-down.png);
background-position: center right 10px;
background-size: 6%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
padding-left: 20px;
}
#banner .search-box .col-md-3 select img {
width: 25px;
position: relative;
top: -1px;
left: -15px; }
#banner .search-box .col-md-3 button, #banner .search-box .col-md-3 select {
width: 100%;
height: 55px;
border: 0; }
#banner .search-box .col-md-3 button .mobile-word, #banner .search-box .col-md-3 select .mobile-word {
display: none; }
#banner .search-box .col-md-2 {
text-align: center;
padding: 0 1px; }
#banner .search-box .col-md-2 button {
background: #D10609;
border: none;
border-radius: 0;
color: white;
text-transform: uppercase;
width: 100%;
height: 55px;
border: 0; }
#banner .search-box .col-md-2 button .mobile-word {
display: none; }
#banner .search-box .col-md-2 button img {
width: 25px; }
@media only screen and (max-width: 768px) {
#new-car-finance-enquiry-modal .modal-body, #new-car-test-drive-modal .modal-body, #new-car-register-interest-modal .modal-body{
flex-direction: column;
}
#new-car-finance-enquiry-modal h6, #new-car-test-drive-modal h6, #new-car-register-interest-modal h6{
margin-top: 20px !important;
}
#banner #banner-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#banner #banner-image img {
height: 200px;
width: auto; }
#banner .search-box {
position: static;
background: black;
padding: 2% 5% 2%; }
#banner .search-box .container {
padding: 0; }
#banner .search-box .container h3 {
font-weight: 400;
font-size: 22px;
margin-bottom: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#banner .search-box .container h3 img {
margin-right: 9px; }
#banner .search-box .container form {
padding: 0 7px; }
#banner .search-box .container .col-md-3 {
margin-bottom: 16px; }
#banner .search-box .container .col-md-3 select {
font-size: 12.5px;
height: 43px;
background-image: none;
border-radius: 7px; }
#banner .search-box .container .col-md-3 button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase;
font-weight: 600; }
#banner .search-box .container .col-md-3 button .mobile-word {
display: block;
margin-left: 5px; }
#banner .search-box .container .col-md-3 button img {
display: none; } }
.featured .title-featured {
/* text-transform: uppercase; */
text-align: left;
width: 100%;
font-weight: bold;
font-size: 1.4rem;
padding: 0 0 3% 0; }
#special-offers {
order: 3;
/* background-color: #F5F5F5; */
padding: 20px 0 80px;
}
#special-offers .title-special-offer {
font-size: 36px;
font-weight: 700;
text-align: center;
margin: 5% 0; color: #3C4A52; margin-top: 60px;
}
#special-offers .owl-carousel {
padding: 0 1%;
display: flex;}
#special-offers .owl-special-offers {
display: flex;
}
#special-offers .owl-carousel .owl-nav.disabled {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
justify-content: space-between;
pointer-events: none;
display: none; }
#special-offers .owl-carousel .owl-nav.disabled button {
pointer-events: auto; }
#special-offers .owl-carousel .owl-nav.disabled button img {
pointer-events: none;
width: 65px;
height: 65px; }
#special-offers .owl-carousel .owl-stage-outer {
width: 102%;
height: auto !important; }
.owl-carousel {
display: block; }
.fas.fa-star {
color: #FA9917; }
.fas.fa-star.fa-star-empty {
color: gray; }
#special-offers .owl-carousel .owl-stage-outer {
width: 102%; }
.car-tile {
border-radius: 7px;
padding: 10px; }
.car-tile a, .car-tile a:hover {
color: black;
text-decoration: initial; }
.car-tile .car-title {
padding: 8px 3px 0 3px;
margin-top: 1px;
/* border: 1px solid #808080; */
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px; }
.car-tile .car-title .titles-car-card {
padding: 0 7px; }
.car-tile .car-title h2, .car-tile .car-title p {
font-size: 16px;
white-space: nowrap; }
.car-tile .car-title h2 {
font-weight: 700;
text-align: start; }
.car-tile .car-title p {
line-height: 21px;
font-size: 14px;
margin-bottom: 5px;
font-weight: 400; }
.car-tile .car-image {
position: relative; }
.car-tile .car-image .car-image-wrap {
position: relative; }
.car-tile .car-image .car-image-wrap .car-image-gradient:before {
content: "";
position: absolute;
width: 100%;
height: 45%;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 4, 4, 0)), to(rgba(0, 0, 0, 0.9)));
background: -o-linear-gradient(rgba(4, 4, 4, 0), rgba(0, 0, 0, 0.9));
background: linear-gradient(rgba(4, 4, 4, 0), rgba(0, 0, 0, 0.9)); }
.car-tile .car-image img {
width: 100%; }
.car-tile .car-image .car-image-counter {
position: absolute;
bottom: 6px;
left: 5px; }
.car-tile .car-image .car-like {
position: absolute;
text-align: right;
right: 7px;
bottom: 8px;
border-radius: 50px;
background: #000000CC;
z-index: 101;
cursor: pointer;}
/* width: auto;
display: flex;
justify-content: flex-end;
top: 0;
margin: 0 auto; } */
.car-tile .car-image .car-like div {
display: flex;
align-items: flex-end; }
.car-tile .car-image .car-like img {
max-height: 14px;
max-width: 16px;
margin: 8px; }
.car-tile .car-image .car-image-counter {
color: #fff;
padding: 6px 9px; }
.car-tile .car-image .car-image-counter-home {
display: flex;
align-items: center;
border-radius: 5px;
background: #000000CC;}
.car-tile .car-image .car-image-counter-home img {
margin-right: 4px;
width: 17px; height: 17px; }
.car-tile .car-price {
font-size: 27px;
border-bottom: 2px solid rgba(0, 0, 0, 0); }
.car-tile .car-price .row {
margin: 0;
flex-direction: row-reverse; }
.car-tile .car-price .col-6 {
background: #ECEBE9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 4% 0; }
.car-tile .car-price .col-6:first-child {
border-color: transparent;
border-right: 2px solid rgba(0, 0, 0, 0);
font-weight: 500;
font-family: Arial Rounded MT Bold, sans-serif;
border-top-right-radius: 7px; }
.car-tile .car-price .col-6:last-child {
border-color: transparent;
border-right: 2px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
color: #D10609;
font-weight: 500;
font-family: Arial Rounded MT Bold, sans-serif;
line-height: 22px;
border-top-left-radius: 7px;
font-size: 27px; }
.car-tile .car-price .col-6:last-child p {
font-size: 11px;
font-weight: 600;}
.car-tile .car-desc {
padding: 1% 0 2% 0;
}
.car-tile .car-desc .row {
margin: 0; }
.car-tile .car-desc .col-6 {
margin: 1% 0;
padding: 0 4%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.car-tile .car-desc .col-6 h6{
margin-left: 8px;
font-size: 11px;
color: #777777;
/* text-transform: capitalize; */
}
.car-tile .car-desc .col-6 h6:before{
content : '• '
}
.car-tile .car-desc .col-6 ul {
margin: 0;
padding: 0; }
.car-tile .car-desc .col-6 ul li {
font-size: 16px; }
.car-tile .price-section {
padding: 1% 7px 2%;}
.car-tile .price-section .row{
margin : 0;}
@media only screen and (max-width: 768px) {
.owl-nav {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
pointer-events: none; }
.owl-nav button {
pointer-events: auto; }
.owl-nav button img {
pointer-events: none; }
.m-top-100 {
margin-top: 108px; }
#special-offers {
/* padding: 0 7px; */
margin-top: 0; }
#special-offers .owl-carousel{
display:flex;
}
#special-offers .owl-carousel .owl-stage-outer {
height: auto; }
#special-offers .title-special-offer {
font-weight: 600;
text-align: start;
font-size: 22px;
text-align: center;
padding-top: 25px;
padding-bottom: 15px;}
#special-offers .car-tile .car-desc{
/* padding: 25% 30% 2% 0 !important; */
}
#opening-hours-section .opening-hours-details{
margin-left: 0;
margin-bottom: 30px;
padding: 20px;
width: 100%;
}
.car-monthly-price{
padding-top: 5px !important;
}
.car-tile .car-desc .col-6 {
padding-left: 7%; } }
@media (min-width: 1000px) and (max-width: 1200px) {
.car-tile .car-price .col-6:last-child p {
font-size: 0.75vw; } }
@media (min-width: 992px) and (max-width: 1250px) {
/*.car-title h2 {
font-size: 13px !important; }*/
.car-tile .car-desc .col-6 ul li {
font-size: 14px; } }
.apply {
background-image: url("/images/home/ban.png");
min-height: 700px;
background-size: contain;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: bottom;
background-repeat: no-repeat; }
.text-half-apply {
padding-left: 20%; }
.button-half-apply, .text-half-apply {
padding-bottom: 13%; }
.button-half-apply button {
background: #D10609;
padding: 15px 75px;
text-transform: uppercase;
color: white;
border: 0;
border-radius: 7px; }
.button-half-apply {
padding-top: 11%;
padding-left: 5%; }
.title-apply {
font-weight: 800;
margin-bottom: 40px;
font-size: 21px;
padding-top: 2rem; }
.text-p-apply {
font-weight: 700;
font-size: 19px;
padding-right: 5%; }
.apply-description {
background-color: #3C3C40;
min-height: 300px;
display: flex;
align-items: center;
padding-top: 5%; }
.apply-description .text-half-apply-description {
color: white; }
.under-apply-section {
padding: 3% 0; }
.under-apply-section .text-half-under-apply-section {
display: flex;
flex-direction: column;
justify-content: center; }
.under-apply-section .text-half-under-apply-section p {
margin-bottom: 20px;
font-size: 16px;
}
.under-apply-section .img-under-apply-section img {
width: 100%; }
.pay-us-visit.selling-section {background: #ffffff;}
.pay-us-visit {
background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url("/images/contact/background.map.png");
color: #3C4858;
padding: 2% 0 5% 0; }
.pay-us-visit .container-section {
display: flex;
justify-content: space-around; }
.pay-us-visit .title-pay-us-visit {
font-size: 18px;
text-transform: uppercase;
text-align: center;
font-weight: 600; }
.pay-us-visit .col-lg-6 {
margin-top: 35px; }
.pay-us-visit .col-lg-6 p, .pay-us-visit .col-lg-6 h6 {
text-align: center;
padding-right: 15px; }
.pay-us-visit .col-lg-6 img {
width: 70%; }
.pay-us-visit .col-lg-6 p {
margin-bottom: 15px;
font-weight: 300;
font-size: 17px; }
.pay-us-visit .col-lg-6 h6 {
text-transform: uppercase;
font-size: 18px; }
.pay-us-visit .col-lg-6 p.text-under-hours {
font-size: 16px;
font-weight: 300;
}
.pay-us-visit .card-body {
padding: 1.25rem 0;
padding-left: 6vw; }
.pay-us-visit .card-body ul {
list-style: none;
color: #ffffff; }
.pay-us-visit .card-body ul li {
font-size: 18px;
margin-bottom: 18px; }
.pay-us-visit .card-body ul li .col-6 {
text-transform: uppercase;
font-size: 17px; }
.pay-us-visit .col-12.col-md-12.col-lg-6.text-img-pay-us-visit {
text-align: center; }
@media (max-width: 768px) {
.pay-us-visit .card-body {
padding-left: 0; } }
@media (min-width: 1600px) {
.apply {
background-size: cover;
min-height: 80vh; } }
@media (min-width: 2000px) {
.apply {
min-height: 100vh; } }
.footer {
background-color: #333;
color: #ffffff;
padding: 4% 0; }
.footer .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.footer .container .established {
font-family: "Times New Roman", sans-serif;
margin-top: 7px; }
.footer .container .title-number, .footer .container .title-address {
}
.footer .container .title-number {
color: white;
margin-top: 20px; }
.footer .container .title-number * {
color: white; }
.footer .container .title-address {
margin: 15px 0;
text-align: center; }
.footer .container .img-fluid {
width: 33%;
height: 20%; }
.footer .container .footer-facebook {
width: 5%;
height: 1%; }
@media (max-width: 768px) {
#banner .top-img {
bottom: initial;
margin-bottom: 0;
margin-top: -7.4vw; }
#banner .top-img .title-top-img {
font-size: 5vw; }
#banner .top-img img {
width: 92%; }
#banner .top-img .advanced-text {
display: none; }
#banner .search-box {
background-color: #222;
padding: 7% 5% 9% 5%; }
#banner .search-box .col-md-2 {
margin-bottom: 20px; }
#banner .search-box .col-md-2 select {
background-image: none;
border-radius: 7px; }
#banner .search-box .body-type {
display: none; }
#banner .search-box .col-md-2 button {
display: flex;
justify-content: center;
font-size: 18px;
border-radius: 7px; }
#banner .search-box .col-md-2 button .mobile-word {
display: block;
margin-left: 5px; }
.advanced-text {
display: none; }
/*#special-offers-section {
background-color: #47494A; }*/
#special-offers.featured {
padding: 0 0 20% 0; }
#special-offers.featured .title-featured {
margin: 0;
padding: 10% 0;
color: #ffffff;
font-size: 1.1rem;
text-align: center; }
#special-offers .owl-carousel {
padding: 0 2%; }
/* #feedback .container h4.feedback-title {
display: none; }*/
.car-tile .car-title {
background-color: #ffffff; }
.apply, .apply-description {
background-size: 200%;
align-items: initial;
padding: 0 20px; }
.apply .button-half-apply, .apply .text-half-apply, .apply-description .button-half-apply, .apply-description .text-half-apply {
top: 0;
padding-left: 15px; }
.apply .title-apply, .apply-description .title-apply {
margin-top: 40px;
font-size: 5vw; }
.apply .text-p-apply, .apply-description .text-p-apply {
font-weight: 400;
font-size: 5vw; }
.apply .button-half-apply button, .apply-description .button-half-apply button {
width: 100%;
padding: 15px 50px;
font-size: 4.5vw; }
.apply {
min-height: 60vh; }
.apply-description {
padding: 2% 20px 15% 20px; }
.img-under-apply-section {
display: none; }
.under-apply-section {
padding: 8% 0; }
.under-apply-section .text-half-under-apply-section p {
font-size: 3.5vw; }
.pay-us-visit {
padding-top: 10%; }
.pay-us-visit .col-lg-6 p.text-under-hours {
font-size: 4.5vw; }
.pay-us-visit .title-pay-us-visit {
text-align: left; }
.pay-us-visit .text-img-pay-us-visit {
display: flex;
flex-direction: column;
background-color: #515151; }
.pay-us-visit .text-img-pay-us-visit p {
order: 1;
font-size: 4.5vw; }
.pay-us-visit .text-img-pay-us-visit p br {
display: none; }
.pay-us-visit .col-lg-6 {
margin-top: 15px; }
.pay-us-visit .col-lg-6 h6 {
font-weight: 600;
font-size: 5.5vw; }
.pay-us-visit .col-lg-6 p {
padding-right: 0;
margin-top: 5px; }
.pay-us-visit .col-lg-6 img {
width: 100%; }
.pay-us-visit .card-body.card-body-opening-hours ul li .row .col-6:last-child {
text-align: right; }
.pay-us-visit .card-body.card-body-opening-hours ul li .row .col-6 {
font-size: 4.5vw;
font-weight: 600; } }
@media (min-width: 450px) and (max-width: 768px) {
#banner #banner-image img {
height: 50vh; }
.footer .container .img-fluid {
width: 55%; } }
@media (min-width: 769px) and (max-width: 1000px) {
#banner .search-box .col-md-2 button, #banner .search-box .col-md-2 select, #banner .search-box .col-md-3 button, #banner .search-box .col-md-3 select {
height: 45px; }
#banner .search-box .col-md-2 button img {
left: -3px; }
#banner .top-img img {
width: auto; }
#banner .advanced-text {
margin-top: 15px; }
.apply .text-half-apply, .apply-description .text-half-apply {
padding-left: 0; }
.under-apply-section .container {
padding: 0; }
.under-apply-section .img-under-apply-section {
display: flex;
align-items: center; }
.under-apply-section .img-under-apply-section img {
width: 110%; }
.pay-us-visit .col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
#banner .top-img {
margin-bottom: 15%; } }
@media (min-width: 1000px) and (max-width: 1200px) {
#banner .top-img .title-top-img {
font-size: 1.3rem; }
.titles-logo.col-md-5 {
padding-right: 4%;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%; }
.title-contact {
margin-right: 20px; }
.bottom-half-header .container ul li a .h6-title {
font-size: 0.7rem; }
#banner .advanced-text {
margin-top: 15px; } }
@media (min-width: 320px) and (max-width: 600px) {
.apply {
min-height: 100vh; } }
/*.shortlist {
background-color: #47494A; }*/
.shortlist .car-tile .car-title {
background-color: #ffffff; }
.shortlist .featured .title-featured, .shortlist h6 {
color: #3C4858;
font-weight: 400; }
.shortlist .title-desc {
margin-bottom: 5%;
padding: 0 50% 0 0; }
.shortlist #special-offers {
padding: 0;
padding-bottom: 15%;
padding-top:2%;}
/*#used-cars.main-wrapper.short-list-items {
background: #47494A; }*/
.shortlist .empty-shortlist-message {
display: none;
color: #000;
font-size: 22px;
text-align: left;
padding: 2% 0;
background: #EEEEEC;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.shortlist .empty-shortlist-message .container {
padding: 0; }
@media (max-width: 768px) {
.shortlist #special-offers-section {
background-color: white !important;
padding-bottom: 15%; }
.shortlist #special-offers-section #special-offers {
background-color: white !important;
margin-bottom: 0; }
.shortlist #special-offers-section .featured .title-featured {
background-color: white;
color: #000000;
font-size: 22px; }
.shortlist #special-offers-section .short-list-title {
padding: 10% 0 7% 0 !important; }
.shortlist #special-offers-section .title-desc {
color: #000000;
margin-bottom: 0;
line-height: 24px;
font-size: 19px;
padding: 10px 10px 30px 10px; }
#used-cars.main-wrapper.short-list-items {
background: white; }
#used-cars.main-wrapper.short-list-items .title-featured {
background: white; } }
/*.about-title-section {
background-color: #47494A; }*/
.about-title-section .container {
padding: 0; }
.about-title-section h5 {
font-family: "SF Pro Display", sans-serif;
text-transform: capitalize;
color: white; }
.height-60 {
height: 60vh;
/* background-color: #47494A;*/ }
.finance-title-section .about-title {
padding-bottom: 3%; }
.about-title {
text-transform: uppercase;
color: white;
padding: 5% 0 5% 0;
font-size: 1.9rem;
text-align: left;
font-weight: 400; }
@media (max-width: 768px){
.about-title.workshop-mobile{
display:none;}}
.workshop.valeting .about-title {
padding: 3% 0; }
.workshop-section.valeting-section {
padding: 4% 0 2%; }
.about .about-section {
background-image: url("/images/about/banner.png?v=2");
background-repeat: no-repeat;
padding: 7% 0 13% 0;
background-position: center;
background-size: cover; }
.about .about-section .text-about-section {
padding-left: 10px; }
.about .about-section p {
color: white;
font-weight: 300;
margin-bottom: 20px;
padding-right: 15px; }
.about .about-section .name {
margin-top: 50px; }
.about .mobile-title {
display: none;
background-color: initial;
font-weight: 600;
font-size: 5.5vw;
text-transform: uppercase;
color: white;
padding: 10%;
text-align: center; }
.about .img-about-section img {
width: 110%; }
.mobile-header-img {
display: none;
/*background-color: #47494A;*/ }
@media (max-width: 768px) {
.finance-title-section {
padding: 13% 5%; }
.about .about-title {
display: none; }
.about .mobile-title {
display: block;
padding: 3% 0 7% 0; }
.about .about-section {
background-image: url("/images/about/cars-dark.png");
padding: 7% 0 30% 0; }
.about .about-section p {
padding: 8px;
font-size: 4.5vw;
margin-bottom: 10px; }
.about .about-section .name {
margin-top: 25px;
margin-left: 7px; }
.img-about-section {
display: none; }
.mobile-header-img {
display: block;
background-color: #1f1f1f;
padding: 15px; }
.mobile-header-img img {
width: 95%;
text-align: center; } }
@media (min-width: 450px) and (max-width: 768px) {
.about .about-section p {
font-size: 3vw; } }
@media (min-width: 769px) and (max-width: 1000px) {
.about .about-section .container .row {
display: flex;
flex-direction: column;
align-items: center; }
.about .about-section .container .row .col-md-6 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.about .about-section .container .row .img-about-section {
margin-top: 50px; }
.about .img-about-section img {
width: 100%; }
.about .about-section .container .row .img-about-section {
padding: 0; } }
.mobile-title-workshop-section {
display: none;
font-size: 5.3vw;
text-align: center;
margin: 15px 0 20px 0;
padding: 0 3%;
text-transform: uppercase;
font-weight: 600; }
.workshop-section {
background-image: url("/images/workshop/ban.png");
background-repeat: no-repeat;
padding: 4% 0 13% 0;
background-position: center;
background-size: cover;
}
.workshop-section .container {
padding: 0; }
.workshop-section .text-top-workshop-section {
padding: 0; }
.workshop-section .item-text {
padding-right: 0;
padding-left: 25px; }
.workshop-section .item-text h6 {
font-size: 17px;
margin-bottom: 9px; }
.workshop-section .item-text p {
font-size: 15px; }
.workshop-section .item-img img {
width: 100%;
margin-top: 10px; }
.workshop-section .block-workshop-section {
display: flex;
margin-top: 60px; }
.workshop-section .left-block-workshop-section {
margin-right: 8%; }
.workshop-section .left-block-workshop-section p {
margin-bottom: 20px; }
.workshop-section .right-block-workshop-section ul {
padding-left: 18px;
padding-top: 3px; }
.workshop-section .right-block-workshop-section ul li {
list-style-type: disc;
list-style-image: url("/images/workshop/circle.png");
margin-bottom: 6px; }
@media (max-width: 768px) {
.workshop.workshop-page .workshop-section {
padding: 6% 0 15% 0; }
.workshop.workshop-page .workshop-section .left-block-workshop-section, .workshop.workshop-page .workshop-section .right-block-workshop-section {
margin: 0;
padding: 0 25px; }
.workshop.workshop-page .workshop-section .item-img-block {
width: 40%; }
.workshop.workshop-page .workshop-section .block-workshop-section-first, .workshop.workshop-page .workshop-section .text-under-block-workshop-section-first {
order: -1; }
.workshop.workshop-page .workshop-section .col-md-4.block-workshop-section.down-block-workshop-section {
display: none; }
.workshop.workshop-page .workshop-section .block-workshop-section:nth-child(2n) {
flex-direction: row; }
.workshop.workshop-page .workshop-section .block-workshop-section {
margin-top: 0;
padding: 0 25px; }
.workshop.workshop-page .workshop-section .block-workshop-section-first, .workshop.workshop-page .workshop-section .block-workshop-section-second {
margin-top: 80px; }
.workshop.workshop-page .workshop-section .block-workshop-section-second .item-text, .workshop.workshop-page .workshop-section .block-workshop-section-second .item-img-block {
border-bottom: 0; }
.workshop.workshop-page .workshop-section .text-under-block-workshop-section {
margin-top: 15px; }
.valeting-mobile {
display: none; }
.workshop-section .item-text {
padding-left: 10px; }
.workshop-section .item-text h6 {
font-size: 3.3vw; }
.workshop-section .item-text p {
font-size: 4.5vw; }
.workshop-section .item-img {
padding-right: 5px; }
.workshop-section .text-top-workshop-section {
padding: 0 3%;
font-size: 4vw; }
.workshop-section .block-workshop-section:nth-child(2n) {
flex-direction: row-reverse; }
.workshop-section .block-workshop-section:nth-child(2n) .item-text {
padding-left: 0;
padding-right: 10px; }
.workshop-section .block-workshop-section:nth-child(2n) .item-img {
padding-left: 10px; }
.mobile-title-workshop-section {
display: block; } }
@media (min-width: 769px) and (max-width: 1000px) {
.workshop-section .text-top-workshop-section {
padding: 0 21%; }
.workshop-section .block-workshop-section {
flex-direction: row;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.workshop-section .block-workshop-section .col-md-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.workshop-section .block-workshop-section .item-img {
text-align: center; }
.workshop-section .block-workshop-section .item-img img {
width: 100%; }
.workshop-section .block-workshop-section.down-block-workshop-section, .workshop-section .text-under-block-workshop-section {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.workshop-section .block-workshop-section.down-block-workshop-section .img-left, .workshop-section .text-under-block-workshop-section .img-left {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; } }
@media (min-width: 1000px) and (max-width: 1200px) {
.workshop-section .item-text {
padding-left: 0; } }
.button-homepage-none {
display: none; }
.homepage-1 #banner .search-box.search-box-1 {
height: 20%; }
.homepage-1 #banner .search-box.search-box-2 {
padding-bottom: 10%; }
.homepage-1 #banner .top-img {
margin-bottom: 39.94%; }
.homepage-1 #banner .search-box.search-box-1 {
margin-bottom: 26.66%; }
.homepage-1 #banner .search-box form .col-md-2 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.homepage-1 #banner .search-box .col-md-2.button-homepage-1 {
display: flex;
justify-content: center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 50px; }
.homepage-1 #banner .search-box .col-md-2.button-homepage-1 button {
width: 20%;
border-radius: 4px; }
@media (max-width: 768px) {
.homepage-1 #banner .search-box.search-box-2 {
display: none; }
.button-homepage-none {
display: block; }
.homepage-1 #banner #banner-image img {
height: 300px; }
.homepage-1 #banner .search-box form .col-md-2 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.homepage-1 #banner .top-img {
margin-top: -9vw; }
.homepage-1 #banner .top-img img {
width: 95%; }
.homepage-1 #banner .search-box.search-box-1 {
margin-bottom: 5%; } }
@media (max-width: 768px) and (min-width: 450px) {
.homepage-1 #banner #banner-image img {
height: 550px; }
.homepage-1 #banner .top-img {
margin-top: -8.5vw; } }
@media (min-width: 768px) and (max-width: 1000px) {
.homepage-1 #banner .top-img {
margin-bottom: 40.7%; } }
.contact-us .form-check-label {
font-size: 13px;
line-height: 16px; }
.contact-us .form-check-agree {
margin-left: 30px;
margin-bottom: 15px; }
.contact-us .form-check-agree .form-check-input {
margin-left: -1.5rem; }
.contact-us .pay-us-visit-contact {
/* background-color: #47494A;*/ }
.contact-us .pay-us-visit .col-md-4 {
padding: 0 18px; }
.contact-us .pay-us-visit .col-md-4:first-child {
padding-left: 0; }
.contact-us .pay-us-visit .form-section {
background-color: #828282;
padding: 20px 23px; }
.contact-us .pay-us-visit .form-section .form-control {
font-weight: 400;
color: #777;
border-radius: 5px !important; }
.contact-us .pay-us-visit .form-section .btn.btn-primary.accordion-used-car__form-button {
background-color: #454146;
border: 0;
padding: 13px 60px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
margin-top: 3px; }
.contact-us .pay-us-visit .form-section .button-section {
display: flex;
justify-content: center; }
.contact-us .pay-us-visit .text-img-pay-us-visit img {
width: 100%; }
.contact-us .pay-us-visit .text-container {
background-color: #828282;
padding: 20px 10px 50px 10px;
height: 100%; }
.contact-us .pay-us-visit .text-container h6 {
text-align: center;
margin-top: 15px; }
.contact-us .pay-us-visit .opening-hours {
background-color: #828282;
padding: 20px 17px;
height: 100%; }
.contact-us .pay-us-visit .card-body {
padding-left: 0;
padding-bottom: 0; }
.contact-us .pay-us-visit .card-body ul li .col-6 {
font-weight: 600;
font-size: 17.5px; }
.contact-us .pay-us-visit .card-body ul li .row .col-6:last-child {
text-align: right; }
.contact-us .pay-us-visit .text-under-hours {
text-align: center;
margin-top: 45px;
font-size: 18px; }
.contact-us .title-form-section {
font-weight: 600;
text-align: center;
margin: 10px 0 30px 0;
text-transform: uppercase; }
.contact-us .map-block-visit .title-form-section {
margin: 10px 0 60px 0; }
@media (max-width: 768px) {
.contact-us .pay-us-visit .col-4.col-md-4.col-lg-4.text-img-pay-us-visit .text-container, .contact-us .pay-us-visit .col-4.col-md-4.col-lg-4.opening-hours, .contact-us .pay-us-visit.pay-us-visit-contact {
background-color: #515151; } }
.search-used-cars {
display: none; }
#used-cars.main-wrapper {
background-color: white;
/*background-image: url("/images/used-cars/bg-used-cars.png");*/
background-repeat: no-repeat;
background-size: 100% 40%;
overflow: hidden;
display: block;
position: relative; }
#used-cars.main-wrapper .search-box {
width: 100%;
height: 40%;
margin: 0 auto;
align-items: center; }
#used-cars.main-wrapper .search-box h3 {
color: #fff;
text-align: left;
margin: 13px 0 7px 0;
font-size: 1.5rem;
}
#used-cars.main-wrapper .search-box h3 img {
height: 20px; }
#used-cars.main-wrapper .search-box .col-md-3 {
-ms-flex: 0 0 27.75%;
flex: 0 0 27.75%;
max-width: 27.75%; }
#used-cars.main-wrapper .search-box .mobile-sort-cars {
display: none; }
#used-cars.main-wrapper .search-box .col-md-3, #used-cars.main-wrapper .search-box .col-md-2 {
text-align: center;
padding: 0 1px; }
#used-cars.main-wrapper .search-box .col-md-3 .first-select-used-cars, #used-cars.main-wrapper .search-box .col-md-2 .first-select-used-cars {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px; }
#used-cars.main-wrapper .search-box .col-md-3 select, #used-cars.main-wrapper .search-box .col-md-2 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/home/arrow-down.png);
background-position: center right 10px;
background-size: 6%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
padding-left: 20px;
}
#used-cars.main-wrapper .search-box .col-md-3 button, #used-cars.main-wrapper .search-box .col-md-2 button {
background: #D10609;
border: none;
border-radius: 0;
color: white;
text-transform: uppercase;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px; }
#used-cars.main-wrapper .search-box .col-md-3 button img, #used-cars.main-wrapper .search-box .col-md-2 button img {
width: 25px;
position: relative;
top: -1px; }
#used-cars.main-wrapper .search-box .col-md-3 button, #used-cars.main-wrapper .search-box .col-md-3 select, #used-cars.main-wrapper .search-box .col-md-2 button, #used-cars.main-wrapper .search-box .col-md-2 select {
width: 100%;
height: 55px;
border: 0; }
#used-cars.main-wrapper .search-box .col-md-3 button .mobile-word, #used-cars.main-wrapper .search-box .col-md-3 select .mobile-word, #used-cars.main-wrapper .search-box .col-md-2 button .mobile-word, #used-cars.main-wrapper .search-box .col-md-2 select .mobile-word {
display: none; }
#used-cars.main-wrapper .search-box .search-box-info-padding {
padding: 0; }
#used-cars.main-wrapper .search-box .search-box-info {
color: #D2D2D2;
padding-top: 15px;
font-size: 17px;
display: flex;
justify-content: space-between; }
#used-cars.main-wrapper .car-tile {
max-width: 24%;
margin-left: 1%;
margin-bottom: 1%; }
#used-cars.main-wrapper .car-tile .car-title {
background: #ffffff; }
#used-cars.main-wrapper .used-cars-title {
margin-bottom: 1vw; }
#used-cars.main-wrapper .filter-navigation-menu {
margin: 2vw 0 3vw 0; }
#used-cars.main-wrapper .filter-navigation-menu .pagination-bottom {
display: flex;
justify-content: flex-end;
padding: 0; }
#used-cars.main-wrapper .filter-navigation-menu .col-md-6 {
display: flex;
justify-content: flex-end;
padding: 0; }
#used-cars.main-wrapper .filter-navigation-menu ul {
list-style: none;
display: flex; }
#used-cars.main-wrapper .filter-navigation-menu ul li {
background: #C8C8C8;
color: #000;
font-size: 20px;
padding: 15px 15px;
line-height: 24px;
margin-right: 6px;
border-radius: 5px;
cursor: pointer; }
#used-cars.main-wrapper .filter-navigation-menu .pagination-active-item {
background: #54C8E3; }
#used-cars.main-wrapper .filter-navigation-menu .more-pages {
display: none; }
.wrapper-title .container {
padding: 0 10px; }
#used-cars.main-wrapper .car-tile:nth-child(1) {
margin-left: 0; }
#used-cars.main-wrapper .car-tile:nth-child(4n-7) {
margin-left: 0; }
@media (min-width: 769px) and (max-width: 992px) {
#used-cars.main-wrapper .car-tile {
max-width: 48%; }
#used-cars.main-wrapper .car-tile:nth-child(1) {
margin-left: 1%; }
#used-cars.main-wrapper .car-tile:nth-child(4n-7) {
margin-left: 1%; }
#used-cars.main-wrapper .search-box .col-md-2 button img {
width: 22px; } }
@media (max-width: 767px) {
.search-used-cars {
position: absolute;
display: flex;
justify-content: space-between;
padding: 7px 0; }
.search-used-cars .navbar-toggler.custom-toggler.btn-search {
width: 70%;
color: #000;
font-size: 15px;
display: flex;
justify-content: flex-start;
align-items: center; padding-right: 25px; flex-direction: column;}
.search-used-cars .navbar-toggler.custom-toggler.btn-search img {
margin-right: 0; width: 30px;
margin-bottom: 5px;}
.search-used-cars .contact-section-header {
display: flex;
justify-content: flex-end;
width: 60%;
padding: 0.25rem 0.75rem; }
.search-used-cars .contact-section-header img {
margin-right: 5px; }
.search-used-cars .contact-section-header .contact-text {
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
.search-used-cars .contact-section-header .sales-number {
font-size: 18px;
font-weight: 700; }
#used-cars.main-wrapper .car-tile:nth-child(1) {
margin: 10px auto; }
#used-cars.main-wrapper .car-tile:nth-child(4n-7) {
margin: 10px auto; }
#used-cars.main-wrapper {
background-image: none; }
#used-cars.main-wrapper .wrapper-title {
margin-bottom: 8%; }
#used-cars.main-wrapper .car-tile {
max-width: 95%;
margin: 10px auto; }
#used-cars.main-wrapper .about-title {
color: #000;
text-align: center;
padding: 8% 0 6% 0; }
#used-cars.main-wrapper .search-box {
position: static; }
#used-cars.main-wrapper .search-box .container {
padding: 0; }
#used-cars.main-wrapper .search-box .container h3 {
font-weight: 400;
font-size: 22px;
margin-bottom: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#used-cars.main-wrapper .search-box .container h3 img {
margin-right: 9px; }
#used-cars.main-wrapper .search-box .container form {
padding: 0 7px; }
#used-cars.main-wrapper .search-box .container .search-box-info {
margin: auto;
padding: 6% 0;
font-size: 20px; }
#used-cars.main-wrapper .search-box .container .desktop-sort-cars {
display: none; }
#used-cars.main-wrapper .search-box .container .mobile-sort-cars {
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 0; }
#used-cars.main-wrapper .search-box .container .mobile-sort-cars p {
font-size: 19px;
font-weight: 600;
color: #D10609;
margin-right: 9px; }
#used-cars.main-wrapper .search-box .container .mobile-sort-cars select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("/images/used-cars/caret-down.png");
background-position: center right 10px;
background-size: 15px;
background-repeat: no-repeat;
background-color: white;
padding-left: 20px;
border: 1px solid #808080;
color: #515151;
font-size: 20px;
height: 54px;
width: 70%;
border-radius: 5px; }
#used-cars.main-wrapper .search-box .container .col-md-3 {
margin-bottom: 16px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
#used-cars.main-wrapper .search-box .container .col-md-3 select {
font-size: 12.5px;
height: 43px;
background-image: none; }
#used-cars.main-wrapper .filter-navigation-menu {
margin: 9% 0 13% 0; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 {
justify-content: center; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul li {
background: #C8C8C8;
/* color: white; */
font-size: 16px;
padding: 20px 14px;
margin-right: 5px; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul li:nth-child(2) {
display: none; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul li:nth-child(6) {
display: none; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul li:nth-child(7) {
display: none; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul li:last-child {
margin-right: 0; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul .pagination-active-item {
background: #54C8E3; }
#used-cars.main-wrapper .pagination-bottom .col-md-6 ul .more-pages {
display: flex; } }
@media (max-width: 768px) {
.contact-us .about-title {
display: none; }
.contact-us .pay-us-visit.pay-us-visit-contact {
padding: 0; }
.contact-us .pay-us-visit .form-section {
/* background-color: #47494A;*/ }
.contact-us .pay-us-visit .form-section .btn.btn-primary.accordion-used-car__form-button {
background: #D10609; }
.contact-us .pay-us-visit .col-md-4 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.contact-us .pay-us-visit .text-container {
/* background-color: #47494A;*/
margin-top: 10px;
padding: 20px 10px 0 10px; }
.contact-us .pay-us-visit .text-container .title-form-section {
text-align: left; }
.contact-us .pay-us-visit .opening-hours {
background-color: #515151; }
.contact-us .pay-us-visit .text-container h6, .contact-us .pay-us-visit .text-under-hours {
font-size: 18px; }
.contact-us .pay-us-visit .col-md-4, .contact-us .pay-us-visit .col-md-4:first-child {
padding: 0; } }
@media (min-width: 769px) and (max-width: 1000px) {
.contact-us .pay-us-visit .container-section {
display: flex;
flex-direction: column;
align-items: center; }
.contact-us .pay-us-visit .col-md-4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
/* background-color: #47494A;*/ }
.contact-us .pay-us-visit .text-container {
/* background-color: #47494A; */} }
@media (min-width: 450px) and (max-width: 769px) {
.contact-us .pay-us-visit.pay-us-visit-contact {
padding-top: 10%; }
.pay-us-visit .card-body.card-body-opening-hours ul li .row .col-6 {
font-size: 3vw; } }
@media (min-width: 1000px) and (max-width: 1200px) {
.contact-us .pay-us-visit .col-4.col-md-4.col-lg-4.text-img-pay-us-visit {
padding: 0 10px; }
.contact-us .pay-us-visit .col-4.col-md-4.col-lg-4.text-img-pay-us-visit .text-container {
padding: 20px 3px 50px 3px; }
.contact-us .pay-us-visit .card-body ul li .col-6 {
font-size: 18px; }
.contact-us .pay-us-visit .col-md-4 {
padding: 0 1px; }
.contact-us .pay-us-visit .form-section, .contact-us .pay-us-visit .col-4.col-md-4.col-lg-4.text-img-pay-us-visit .text-container, .contact-us .pay-us-visit .opening-hours {
padding: 5px 10px; }
.contact-us .form-check-label {
font-size: 11px; }
.pay-us-visit.pay-us-visit-contact .container {
padding: 0;
max-width: 920px; } }
.modal {
z-index: 11112;
padding-right: 0 !important; }
.modal .modal-body {
padding: 0; }
.modal-backdrop {
z-index: 11111; }
@media (min-width: 992px) {
.modal-dialog {
max-width: 1100px;
margin: 1.75rem auto; } }
.modal-one-style {
display: block;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
width: 100%;
background: white;
z-index: 101;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
background: white;
padding-top: 4%; }
@media (max-width: 991px) {
.modal-one-style {
overflow: scroll;
height: 100vh; } }
.modal-used-cars-one, .modal-used-cars-two {
display: block; }
.modal-used-cars-one .col-lg-4, .modal-used-cars-two .col-lg-4 {
float: left;
padding: 35px 20px;
overflow: hidden; }
.modal-used-cars-one .col-lg-4 img, .modal-used-cars-two .col-lg-4 img {
width: 100%; }
.modal-used-cars-one .modal-used-cars-container.container, .modal-used-cars-two .modal-used-cars-container.container {
padding: 0; }
.modal-used-cars-one .modal-used-cars-container.container .block-ul-modal, .modal-used-cars-two .modal-used-cars-container.container .block-ul-modal {
color: #171717; }
.modal-used-cars-one .modal-used-cars-container.container .title-cross-block, .modal-used-cars-two .modal-used-cars-container.container .title-cross-block {
background-color: #DBDBDB;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 17px; }
.modal-used-cars-one .modal-used-cars-container.container .title-cross-block embed, .modal-used-cars-two .modal-used-cars-container.container .title-cross-block embed {
width: 25px; }
.modal-used-cars-one .modal-used-cars-container.container .title-modal-used-cars, .modal-used-cars-two .modal-used-cars-container.container .title-modal-used-cars {
text-transform: uppercase;
font-weight: 300;
display: flex;
align-items: center;
color: #2D2D2D; }
.modal-used-cars-one .modal-used-cars-container.container h6, .modal-used-cars-two .modal-used-cars-container.container h6 {
font-size: 18px;
font-weight: 400; }
.modal-used-cars-one .modal-used-cars-container.container .first-title-modal, .modal-used-cars-two .modal-used-cars-container.container .first-title-modal {
margin-bottom: 15px; }
.modal-used-cars-one .modal-used-cars-container.container .second-title-modal, .modal-used-cars-two .modal-used-cars-container.container .second-title-modal {
text-transform: uppercase;
font-weight: 700;
font-size: 21px; }
.modal-used-cars-one .modal-used-cars-container.container p, .modal-used-cars-two .modal-used-cars-container.container p {
margin-bottom: 15px; }
.modal-used-cars-one .modal-used-cars-container.container ul, .modal-used-cars-two .modal-used-cars-container.container ul {
list-style-type: none; }
.modal-used-cars-one .modal-used-cars-container.container ul li hr, .modal-used-cars-two .modal-used-cars-container.container ul li hr {
margin: 0 15px;
color: #C8C8C8;
width: 100%; }
.modal-used-cars-one .modal-used-cars-container.container ul li, .modal-used-cars-two .modal-used-cars-container.container ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 0; }
.modal-used-cars-one .modal-used-cars-container.container ul li h6, .modal-used-cars-two .modal-used-cars-container.container ul li h6 {
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif; }
.modal-used-cars-one .modal-used-cars-container.container .row.modal-used-cars-blocks, .modal-used-cars-two .modal-used-cars-container.container .row.modal-used-cars-blocks {
padding: 7px; }
.modal-used-cars-one .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance, .modal-used-cars-two .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
margin-left: 21%;
padding: 0;
font-family: "Arial Rounded MT Bold", sans-serif;
font-weight: 600;
font-size: 22px; }
.modal-used-cars-one .card.accordion-used-car__card, .modal-used-cars-two .card.accordion-used-car__card {
border: 0; }
.modal-used-cars-one .card.accordion-used-car__card .card-header:first-child, .modal-used-cars-two .card.accordion-used-car__card .card-header:first-child {
border: 0;
border-radius: 7px;
padding: 1.5rem 1.25rem;
background-color: #DBDBDB; }
.modal-used-cars-one .modal-used-cars__payments, .modal-used-cars-two .modal-used-cars__payments {
font-family: "Arial Rounded MT Bold", sans-serif; }
.modal-used-cars__title {
font-size: 20px;
color: #171717;
display: inline-block;
padding-bottom: 0.8rem; }
.modal-used-cars__description {
font-size: 14px;
color: #666666; }
.modal-used-cars__payments {
padding: 1rem 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #39F;
font-weight: bold; }
.modal-used-cars__value-text {
font-size: 20px; }
.modal-used-cars__value {
font-size: 50px; }
.modal-used-cars__finance {
font-size: 16px; }
.car-modal-close {
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-end; }
.car-modal-close img {
width: 72%; }
@media (min-width: 2000px) {
.modal-used-cars-one .modal-used-cars-container {
width: 60%; }
.footer {
padding: 2% 0; } }
@media (min-width: 1650px) {
.mechanic-image img {
top: 20%; } }
@media (min-width: 2320px) {
.mechanic-image img {
top: 27%; } }
@media (min-width: 1650px) {
.mechanic-image img {
top: 20%; } }
@media (max-width: 768px) {
.modal-used-cars-one .col-md-4 {
padding: 15px 10px; }
.modal-used-cars-one .modal-used-cars-container.container .title-modal-used-cars {
text-transform: capitalize;
font-size: 17px; }
.modal-used-cars-one .modal-used-cars-container.container .second-title-modal {
margin-bottom: 5px; }
.modal-used-cars-one .modal-used-cars-container.container ul hr {
display: none; }
.modal-used-cars-one .modal-used-cars-container.container .modal-used-cars__payments {
padding-top: 0; }
.modal-used-cars-one .modal-used-cars-container.container .first-title-modal {
display: none; }
.modal-used-cars-one .modal-used-cars-container.container .row.modal-used-cars-blocks {
padding: 7px 15px; }
.modal-used-cars-one .modal-used-cars-container.container .title-cross-block {
padding: 10px 7px; }
.modal-used-cars-one .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
font-size: 20px; } }
@media (max-width: 768px) {
.card-header.accordion-used-car__card-header.finance-icon {
background-image: url("/images/finance-icon-white.png");
background-color: #39F !important; }
.card-header.accordion-used-car__card-header.finance-icon .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
color: white; }
.btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
font-size: 15px; } }
@media (min-width: 769px) and (max-width: 1000px) {
.modal-used-cars-one .col-md-4 img, .modal-used-cars .modal-used-cars-container.container {
width: 100%; }
.modal-used-cars-one .modal-used-cars-container.container ul li h6, .modal-used-cars .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
font-size: 14px; }
.finance-icon {
background-size: 16%; }
.modal-used-cars-one .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
margin-left: 30%; }
.modal-used-cars-one .card.accordion-used-car__card .card-header:first-child {
padding: 1.5rem 1rem; } }
.finance-icon {
background-image: url("/images/finance-icon.png");
background-repeat: no-repeat;
background-position: 1.1rem center;
background-size: 9%; }
.previously {
background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url("/images/previously/background.png");
text-align: center; }
.previously .footer {
margin-top: 6%; }
#flickrembed_72 {
padding-top:50px;
padding-bottom:50px;
}
.mobile-title {
display: none; }
@media (max-width: 768px) {
.previously .footer {
margin-top: 0; }
.previously iframe.flickr-embed-frame {
width: 100% !important; }
.previously .mobile-header-img {
margin-top: 15%; }
.previously .about-title-none {
display: none; }
.previously .about-title {
font-size: 1.3rem;
font-weight: 600;
padding: 10% 0 0 0; }
.previously .fotorama-container {
margin-top: 0; }}
.customer-reviews {
text-align: center; }
.customer-reviews .footer {
margin-top: 6%; }
@media (max-width: 768px) {
.customer-reviews .footer {
margin-top: 0; }
.customer-reviews iframe.flickr-embed-frame {
width: 100% !important; }
.customer-reviews .mobile-header-img {
margin-top: 15%; }
.customer-reviews .about-title-none {
display: none; }
.customer-reviews .about-title {
font-size: 1.3rem;
font-weight: 600;
padding: 10% 0 0 0; }
.customer-reviews .fotorama-container {
margin-top: 0; }}
.workshop-page .text-item-img {
color: white; }
.workshop-page .block-workshop-section .item-text, .workshop-page .block-workshop-section .item-img-block {
border-top: 1px solid #000;
border-bottom: 1px solid #000; }
.workshop-page .title-block-workshop-section {
color: #D10609;
position: absolute;
margin-top: -12%;
text-transform: uppercase;
font-weight: 600; }
.workshop-page .block-workshop-section .img-left {
padding: 0 5px; }
.workshop-page .block-workshop-section .img-left img {
width: 100%; }
.workshop-page .block-workshop-section .item-text p {
padding-right: 15px; }
.workshop-page .text-under-block-workshop-section {
padding: 0 25px 0 15px; }
.workshop-page .text-under-block-workshop-section p {
font-size: 14px;
text-align: right;
}
.workshop-page .workshop-section {
padding: 4% 0 3% 0; }
.workshop-page .workshop-section .block-workshop-section {
margin-top: 40px; }
.from {
}
.valeting {
color: #ffffff;
font-weight: 400; }
.valeting .workshop-section .text-top-workshop-section, .valeting .valeting-section .text-top-workshop-section {
padding-right: 50%; }
.valeting .workshop-section .down-block-workshop-section, .valeting .valeting-section .down-block-workshop-section {
margin-top: 0; }
.valeting .workshop-section .down-block-workshop-section .img-left, .valeting .valeting-section .down-block-workshop-section .img-left {
padding: 0; }
.valeting .workshop-section .down-block-workshop-section .img-left img, .valeting .valeting-section .down-block-workshop-section .img-left img {
width: 100%; }
.valeting .workshop-section .down-block-workshop-section .text-block-auto, .valeting .valeting-section .down-block-workshop-section .text-block-auto {
padding-right: 0; }
.valeting .workshop-section .down-block-workshop-section .text-block-auto p, .valeting .valeting-section .down-block-workshop-section .text-block-auto p {
font-size: 13px; }
.valeting .workshop-section .text-right-block, .valeting .valeting-section .text-right-block {
margin-top: 0;
display: flex;
justify-content: flex-end; }
.valeting .workshop-section .text-right-block p, .valeting .valeting-section .text-right-block p {
font-size: 13px;
padding-left: 15px; }
.workshop.valeting .valeting-section {
background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url("/images/valeting/valeting.jpg"); }
.workshop-section {
background-image: url("/images/workshop/work.jpg"); }
.block-workshop-section {
padding: 25px;
margin-top: 30px; }
.block-workshop-section .img-text-cover {
position: relative;
display: flex;
justify-content: center;
align-items: center; }
.block-workshop-section .item-text, .block-workshop-section .item-img-block {
border-top: 1px solid white;
border-bottom: 1px solid white;
padding-top: 15px; }
.block-workshop-section .item-text {
padding-left: 0;
padding-bottom: 10px; }
.block-workshop-section .item-text h6 {
margin-bottom: 0;
text-transform: uppercase; }
.block-workshop-section .item-text p {
font-size: 14px;
line-height: 16px; }
.block-workshop-section .item-img-block {
padding: 15px 0 15px 10px; }
.block-workshop-section .item-img {
display: flex;
align-items: center;
justify-content: center; }
.block-workshop-section .item-img img {
position: relative;
margin-top: 0; }
.block-workshop-section .item-img .text-item-img {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%); }
.block-workshop-section .item-img .text-item-img p {
font-size: 11px; }
.block-workshop-section-first {
padding-left: 15px; }
@media (max-width: 768px) {
.valeting .workshop-section .text-top-workshop-section, .valeting .valeting-section .text-top-workshop-section {
padding-right: 15px;
margin-bottom: 15%; }
.valeting .valeting-section .block-workshop-section {
margin-top: 0;
padding-top: 0;
padding-bottom: 0; }
.valeting .valeting-section .block-workshop-section .item-img-block {
width: 40%; }
.valeting .valeting-section .block-workshop-section .item-img-block .item-img {
display: flex;
justify-content: flex-end;
padding-right: 0; }
.valeting .valeting-section .block-workshop-section .item-img-block .item-img img {
width: 90%; }
.valeting .valeting-section .block-workshop-section:nth-child(2n) {
flex-direction: row; }
.valeting .valeting-section .block-workshop-section.down-block-workshop-section {
order: 1; }
.valeting .valeting-section .block-workshop-section.text-right-block {
margin: 10px 0 50px 0; }
.valeting .valeting-section .block-workshop-section.text-right-block .col-md-6 {
padding: 0; }
.valeting .valeting-section .block-workshop-section.text-right-block .col-md-6 p {
padding-left: 0; }
.valeting .workshop-section .block-workshop-section .item-text, .valeting .workshop-section .block-workshop-section .item-img-block, .valeting .valeting-section .block-workshop-section .item-text, .valeting .valeting-section .block-workshop-section .item-img-block {
border-top: 0; }
.valeting .workshop-section .down-block-workshop-section .img-left, .valeting .valeting-section .down-block-workshop-section .img-left {
width: 40%; }
.workshop-page .about-title-section {
display: none; } }
@media (min-width: 769px) and (max-width: 1000px) {
.valeting .workshop-section .text-top-workshop-section, .valeting .valeting-section .text-top-workshop-section {
padding: 0 21%; }
.valeting .workshop-section .block-workshop-section, .valeting .valeting-section .block-workshop-section {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
flex-direction: row; }
.valeting .workshop-section .block-workshop-section .item-img img, .valeting .valeting-section .block-workshop-section .item-img img {
width: 100%; } }
.section__title-blue {
width: 100%;
background: #47494a;
color: #FFFFFF;
padding: 20px 0 0 16px; }
.section__title-blue-container {
padding: 0 60px; }
.faq .title-blue {
font-weight: 400;
color: black;
font-size: 1.45rem;
padding-bottom: 8px;
text-align: center;
margin: 40px 0; }
.descripton-blue {
font-size: 0.75rem; }
.descripton-blue {
font-size: 0.75rem; }
.accordion__wrapper-faq {
background-color: #c8c8c8;
padding-bottom: 100px; }
.accordion {
padding: 0 3.1rem; }
.accordion > .card .card-header {
padding: 0 0; }
.accordion__button {
font-size: 16px;
float:left;
border-radius: 0;
text-align: left;
background-color: #FFFFFF;
color: #3C4858;
text-transform: capitalize; }
.accordion__button:hover {
color: white; }
.accordion__title {
position: relative;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.accordion__icon-wrapper {
position: absolute;
top: 0;
bottom: 0;
right: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
pointer-events: none; }
.accordion__icon-wrapper img {
width: 23px;
height: 23px; }
.accordion__down-icon {
transform: rotate(0deg); }
.accordion__up-icon {
transform: rotate(180deg); }
.accordion > .card {
cursor: pointer;
border: 1px solid #CCCCCC;
border-radius: 0; }
.accordion .card-body {
background: #c8c8c8;
font-size: 16px;
padding: 15px 50px;
font-weight: 700;
border-top: 2px solid #c0c0c0;
line-height: 20px; }
.accordion__card-items {
padding-left: 0;
list-style-type: none;
margin-bottom: 0; }
.accordion__card-items li {
padding-bottom: 6px; }
.accordion__card-items li:last-child {
padding-bottom: 0; }
.card-header {
padding:0;
padding-right: 21px;
background-color: #Ffffff;
display: flex;
align-items: center;
justify-content: space-between;
background-image: url("../images/used-cars/arrow-down-blue.png");
background-position: center right 22px;
background-repeat: no-repeat;
background-size: 13px;
height:52px;}
.card-header a{
width: 100% !important;
}
.modal-used-cars .card.accordion-used-car__card {
border-radius: 7px; }
@media only screen and (max-width: 767px) {
.section__title-blue {
padding-bottom: 31px;
margin-top: 0; }
.footer .container .img-fluid {
width: 80%; }
.footer .container .footer-facebook {
width: auto; }
.section__title-blue .container, .accordion__wrapper .container {
padding: 0;
max-width: 100%; }
.title-blue {
font-size: 26px; }
.section__title-blue-container {
padding: 0; }
.descripton-blue {
font-size: 14px; }
.accordion__wrapper {
margin-top: 10px; }
.accordion {
padding: 0;
margin-bottom: 0; }
.accordion__button {
font-size: 18px;
text-align: left;
padding: 1.1rem 3rem; }
.accordion .card-body {
font-size: 15px;
padding-left: 27px; }
.card-header {
padding: 11px 18px; }
.accordion__wrapper-faq .container {
padding: 0; } }
@media (min-width: 500px) and (max-width: 767px) {
.footer .container .img-fluid {
width: 60%; }
.footer .container .footer-facebook {
width: 7%; } }
@media only screen and (max-width: 390px) {
.title-blue {
font-size: 1.35rem; }
.descripton-blue {
font-size: 0.8rem; }
.accordion__button {
font-size: 15px; }
.accordion .card-body {
font-size: 14px; } }
@media only screen and (max-width: 320px) {
.title-blue {
font-size: 1.2rem; }
.descripton-blue {
font-size: 0.7rem; }
.accordion__button {
font-size: 12px; }
.accordion .card-body {
font-size: 12px; } }
.selling-title-container {
background: #515151;
color: #ffffff; }
.selling-title-container .selling-title {
background: #515151;
text-align: left;
padding-left: 0;
padding-bottom: 2%; }
.selling-title-container .selling-title-desc {
font-size: 17px; }
.selling-title-container .selling-checkbox {
margin: 2rem 0 2.5rem 0;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.selling-title-container .selling-checkbox input {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
background-color: #fff; }
.selling-title-container .checkbox-text {
font-size: 13.5px;
font-weight: 300;
vertical-align: text-top; }
.selling-title-padding {
padding: 0; }
.selling-form {
padding: 0;
font-size: 16px; }
.selling-form .form-row {
margin-bottom: 1rem; }
.selling-form .form-control {
height: calc(2.1em + .75rem + 2px);
padding-left: 1rem;
font-size: 16px;
color: #777; }
.selling-form .image-input-container input[type='file'] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.selling-form .image-input-container .image-input {
width: 92%;
color: #4DA6FF;
text-align: center;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.selling-form .image-input-container .image-input div {
padding: 2rem 0; }
.selling-form .image-input-container .image-input img {
display: block;
margin: 0 auto;
pointer-events: none;
width: 5%; }
/*.selling-form .image-input-container .image-input .image-input-description {
padding: 10px;
display: block;
font-size: 18px;
}*/
@media only screen and (min-width: 769px) {
.selling-form .image-input-container .image-input .image-input-description-lg {
padding: 10px;
display: block;
font-size: 18px;
}
.selling-form .image-input-container .image-input .image-input-description-sm {
display:none;}
}
@media only screen and (max-width: 768px){
.selling-form .image-input-container .image-input .image-input-description-sm {
padding: 10px;
display: block;
font-size: 18px;
}
.selling-form .image-input-container .image-input .image-input-description-lg{
display:none;}
}
.selling-form .button-block {
width: 100%; text-align: center;}
.selling-form .button-block button {
background: #05141F;
text-transform: uppercase;
padding: 12px 50px;
font-weight: 500;
border: none; }
.selling-form .button-block button:focus {
box-shadow: none; }
.selling-form .button-block button:active {
box-shadow: none;
background-color: #890204 !important;
border: 0; }
.selling-form .radio-inline {
display: block;
position: relative;
padding-left: 1rem;
margin-bottom: 12px;
cursor: pointer;
font-size: 17px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: 0.5rem; }
.selling-cat-img {
position: absolute;
top: -4.5%; }
.selling-cat-img ul {
list-style: none;
margin: 0;
padding: 0; }
.selling-cat-img ul li {
padding: 0.4rem 1rem 0.7rem 0;
font-size: 22px; }
.selling-cat-img ul li:before {
content: "";
display: inline-block;
height: 10px;
width: 10px;
vertical-align: middle;
border-radius: 50%;
background-color: #ffffff;
margin-right: 20px; }
.selling-cat-img ul li:first-child {
padding-top: 0; }
.selling-cat-img img {
margin-top: 3rem; }
.radio {
}
.radio input {
position: absolute;
z-index: -1;
opacity: 0;
margin: 10px 0 0 7px; }
.radio__text {
position: relative;
padding: 0 0 0 35px;
cursor: pointer;
display: block; }
.radio__text:before {
content: "";
position: absolute;
left: 0;
width: 22px;
height: 22px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #ffffff; }
.radio__text:after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #4A4747;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 0.2s; }
.radio input:checked + .radio__text:after {
opacity: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.selling-section .selling-form .col-form-label {
display: none; }
.selling-section .selling-form .radio-mobile {
display: block !important; }
.selling-form .image-input-container .image-input {
width: 100%; }
.selling-form .button-block {
width: 100%;
display: initial; } }
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.selling-form {
font-size: 17px; }
.selling-form .form-control {
font-size: 17px; }
.selling-section {
padding-top: 1%; } }
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.m-top-100 {
margin-top: 120px; }
.about-section .row {
display: flex;
justify-content: center; }
.about-section .row .col-md-6.text-about-section {
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%; } }
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
.m-top-100 {
margin-top: 123px; }
.about .img-about-section img {
width: 100%; }
.car-tile .car-price .col-6:first-child, .car-tile .car-price .col-6:last-child {
font-size: 23px; } }
@media only screen and (max-width: 767px) {
.selling-title-container {
padding: 0 1rem; }
.selling-title-container .selling-title {
text-align: center;
font-size: 5.3vw;
margin: 0 0 20px 0;
text-transform: uppercase;
font-weight: 600; }
.selling-section {
padding: 0 1.7rem; }
.selling-form {
padding-bottom: 2rem; }
.selling-form .col-form-label {
display: none; }
.selling-form .image-input-container .image-input {
width: 100%; }
.selling-form .image-input-container .image-input img {
width: 10%; }
.selling-form .button-block {
display: flex;
justify-content: center; }
.selling-form .button-block button {
background: #05141F;
margin-bottom: 3rem; }
.selling-form .form-control {
height: calc(1.6em + .75rem + 2px); }
.selling-form .form-row {
margin-bottom: 1.5rem; }
.selling-form .radio-mobile {
display: contents; }
.selling-form .radio-mobile:first-child {
padding-right: 20px; }
.selling-form .hidden-block {
display: none; }
.selling-form .radio-inline {
margin: 0; }
.selling-form .radio-first {
margin-left: 80px !important; }
.selling-form .radio-last {
margin-left: 58px !important; }
.selling .selling-title-container .selling-title {
padding-top: 10%; } }
@media only screen and (max-width: 577px) {
.selling-form .radio-first {
margin-left: 40px !important; }
.selling-form .radio-last {
margin-left: 18px !important; } }
@media only screen and (max-width: 360px) {
.selling-title-container {
padding: 0 8px; }
.selling-title-container .container {
padding-right: 10px;
padding-left: 10px; }
.selling-form .radio-last {
margin-left: 16px !important; }
.selling-form .radio__text {
font-size: 14px; }
.selling-form .radio__text {
padding: 0 0 0 29px; } }
#feedback.feedback-home .feedback-body {
line-height: 19px; }
#feedback.feedback-home .feedback-item {
min-height: 230px; }
#feedback {
order: 2;
background: #EEEEEE;
background-size: cover;
background-repeat: no-repeat;
padding: 2% 0 0 0;
text-align: center; }
#feedback h3.feedback-rating, #feedback h4.feedback-title {
text-transform: uppercase;
margin-bottom: 2%; }
/*#feedback .feedback-item {
background: #fff;
text-align: left;
padding: 15px 15px 25px 15px;
position: relative;
width: 100%;
margin-bottom: 1rem; }
#feedback .feedback-item .feedback-title h3 {
font-family: Arial, sans-serif;
color: #000000;
font-weight: 700;
font-size: 22px;
clear:both;
margin-top:30px;}
#feedback .feedback-item .feedback-body {
color: #525252;
font-family: "Open Sans", sans-serif; }
#feedback .feedback-item .feedback-date {
font-family: "Arial", sans-serif;
color: #CCCCCC; }
/* #feedback .feedback-item .feedback-stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5px;
position: absolute;
top: 14px;
right: 10px;
}*/
#feedback .feedback-item .feedback-stars .fas.fa-star {
font-size: 22px; }
#feedback .feedback-item .feedback-author {
margin-top: 15px; }
#feedback .button-feedback {
color: white;
border: none;
text-transform: uppercase;
margin: 2% 0 3% 0;
background: #D10609;
padding: 1.5% 5%;
border-radius: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
#feedback .feedback-item .feedback-stars .fas.fa-star {
font-size: 18px; } }
@media only screen and (max-width: 768px) {
/* #feedback {
padding-top: 20%; }*/
#feedback .container {
padding: 0 5px; }
#feedback .container h4.feedback-title {
text-align: center;
font-weight: 700;
text-transform: none;
font-size: 22px;
/* font-family: "Kia"; */
/* padding: 50px 5px 30px 0; */
}
#feedback-test .feedback-top-title, .opening-hours-top-title {
margin: 30px 70px !important;
}
#feedback .container h3.feedback-rating {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#feedback .container .owl-feedback {
border-top: none;
padding: 0 1.5% 3% 1.5%;
display: block; }
#feedback .container .owl-feedback .feedback-item {
min-height: 170px;
padding: 10px 10px;
margin-bottom: 1rem; }
#feedback .container .owl-feedback .feedback-item .feedback-title h3 {
font-size: 20px; }
#feedback .container .owl-feedback .feedback-item .feedback-stars {
top: 8px;
right: 10px; }
#feedback .container .button-feedback {
margin: 6% 0 15% 0;
padding: 4% 10%;
display: none;}
#footer .footer-bottom{
/* flex-direction: column; */
margin-bottom: 40px;
margin-top: 30px;
}
#footer .footer-bottom img{
margin-bottom: 35px;
}
#footer .footer-header{
margin-bottom: 20px;
text-align: center;
}
.title-top-img{
display: none;
}
.title-top-img-mobile{
display: block !important;
color: #FFFFFF;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
}
.search-box .home-js-select-row select{
border-radius: 9px !important;
height: 54px !important;
}
.search-submit-button-show{
display: none;
}
.search-submit-button-mobile{
display:block !important;
}
#feedback .container .five-stars {
margin: 0 15px 0 10px;
font-size: 35px;
font-weight: 400; }
#feedback .container .fas.fa-star {
font-size: 20px; } }
.fotorama-container {
display: flex;
justify-content: center;
padding-bottom: 3rem;
margin-top: 2rem; }
.fotorama-title {
text-align: left;
padding-left: 0.5vw; }
.fotorama-title-box {
background: #47494A; }
.fotorama-title-mobile {
display: none; }
@media screen and (max-width: 768px) {
.fotorama-title {
text-align: center; }
.fotorama-title-mobile {
display: block;
text-align: center; }
.fotorama__nav-wrap, .fotorama__caption, .fotorama__fullscreen-icon {
display: none; } }
.reserve-page__title-block {
align-items: flex-start;
margin: 10px 0 15px 0; }
.reserve-page__title {
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
margin-bottom: 6px; }
.reserve-page__desctiption-pay {
font-weight: 300;
margin-top: 20px;
margin-bottom: 15px !important; }
.reserve-page__pay {
font-size: 29px;
display: inline-block;
margin-bottom: 17px;
margin-top: 17px; }
.reserve-page__line {
border-top: 1px solid #808080;
width: 70%;
display: inline-block;
margin: 0;
margin-bottom: 3px; }
.reserve-page__line-half {
width: 42%;
margin: inherit;
display: block; }
.reserve-page__details-title {
display: inline-block;
padding-bottom: 10px;
font-size: 17px; }
.reserve-page__details-description {
font-size: 17px;
padding-bottom: 9%;
display: inline-block; }
.reserve-page__pay-value {
display: none; }
.reserve-page__summary-mobile {
display: none; }
.reserve-page__button {
background: #3399FF;
color: #ffffff;
border: none;
font-size: 25px;
font-weight: bold;
height: 80px;
width: 100%;
border-radius: 5px;
}
.reserve-page__button span {
display: none; }
.reserve-page__stripe-wrapper {
margin: 10px 0; }
.reserve-page__stripe-wrapper img {
width: 30% !important;
margin: auto; }
.reserve-page__details-description-third {
padding-bottom: 42px; }
.reserve-page__conditions {
color: #777777;
font-weight: bold;
font-size: 16px; }
.reserve-page__conditions:hover {
color: #777777;
text-decoration: none; }
.reserve-page__conditions img {
width: 25px !important; }
.padding-bottom-enquire {
padding-bottom: 17%; }
#EnquireTextArea {
resize: none;
color: #777;
border: 1px solid #808080;
font-size: 19px;
line-height: 23px; }
.reserve-page___stripe {
padding: 0; }
.reserve-page__checkbox-group {
position: relative; }
.reserve-page__checkbox {
position: absolute;
top: 17px;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px; }
.reserve-page__button-container {
margin-top: 1.3rem; }
.reserve-page__checkbox-confirm {
margin: 0.5rem 0 10px 0 !important;
color: #8C8C8C;
line-height: 23px;
font-size: 16px; }
.reserve-page__сonditions {
width: 100%;
padding: 0;
margin: 0;
border-top: 1px solid #808080; }
.title-reserve-page {
font-weight: bold; }
#inputLastName, #inputFirstName, #inputEmailAddress, #inputContactNumber, #cc-number, #cc-expiration, #cc-cvv {
height: calc(1.2em + 1.53rem + 2px);
border-radius: 0;
box-shadow: none; }
#cc-number, #cc-expiration, #cc-cvv {
height: calc(1.6em + 1.53rem + 2px); }
#cc-number {
margin-bottom: 1.5rem; }
#inputLastName::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#inputFirstName::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#inputEmailAddress::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#inputContactNumber::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#cc-number::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#cc-expiration::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#cc-cvv::-webkit-input-placeholder {
color: #777777;
font-size: 19px; }
#textareaReserve::placeholder {
color: #777777;
font-size: 19px; }
#inputLastName, #inputFirstName, #inputEmailAddress, #inputContactNumber {
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #808080;
padding-left: 0;
padding-bottom: 10px;
padding-top: 1.375rem;
color: #777777;
font-size: 20px; }
#cc-number, #cc-expiration, #cc-cvv {
border: 1px solid #808080;
color: #8C8C8C; }
.reserve-page-margin-padding {
margin: 0;
padding: 0; }
.modal-used-cars-two.reserve-car-modal .container {
width: 100% !important; }
.modal-used-cars-two.reserve-car-modal .container .col-lg-4 {
padding: 1% 1.5%; }
.modal-used-cars-two.reserve-car-modal .container .col-lg-4 {
float: left;
overflow: hidden; }
.modal-used-cars-two.reserve-car-modal .container .block-ul-modal {
color: #171717; }
.modal-used-cars-two.reserve-car-modal .container .row.modal-used-cars-blocks {
padding: 20px 14px 20px 7px; }
.modal-used-cars-two.reserve-car-modal .container .title-cross-block {
padding: 1% 1% 1% 1%; }
.modal-used-cars-two.reserve-car-modal .container .first-title-modal {
margin: 35px 0 15px 0;
font-size: 17px; }
.modal-used-cars-two.reserve-car-modal .container .second-title-modal {
font-size: 21px; }
.modal-used-cars-two.reserve-car-modal .container .third-title-modal {
font-size: 17px; }
.modal-used-cars-two.reserve-car-modal .container .form-group {
margin: 0; }
.modal-used-cars-two.reserve-car-modal .container .form-group input[type="text"] {
margin: 0 0 1rem 0; }
.modal-used-cars-two.reserve-car-modal .container label {
color: #8C8C8C;
margin-bottom: 0.4rem; }
.modal-used-cars-two.reserve-car-modal .container .img-block {
padding-left: 1.8rem;
line-height: 23px; }
.modal-used-cars-two.reserve-car-modal .container .hire-block {
padding-right: 1.8rem;
font-size: 19px;
line-height: 23px; }
.modal-used-cars-two.reserve-car-modal .container .block-ul-modal {
padding-right: 1.6rem;
padding-left: 0.8rem;
font-size: 19px; }
.modal-used-cars-two.reserve-car-modal .custom-control-label::before, .modal-used-cars-two.reserve-car-modal .custom-control-label::after {
top: 0.8rem;
left: -1.9rem;
width: 1.56rem;
height: 1.56rem; }
@media only screen and (max-width: 991px) {
.reserve-page__card-name {
font-size: 20px;
font-weight: bold; }
.form-group-mobile {
margin-bottom: 10px; }
.form-group-mobile-last {
margin-bottom: 0; }
.form-group-first {
margin-bottom: 0; }
.reserve-page__checkbox-confirm {
padding-bottom: 1rem; }
.reserve-page__button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1rem 0; }
.reserve-page__card-padding {
padding-right: 0; }
.reserve-page__stripe-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .hire-block, .modal-used-cars-two.reserve-car-modal .modal-used-cars-container .img-block, .modal-used-cars-two.reserve-car-modal .modal-used-cars-container .block-ul-modal {
padding: 0; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .img-block {
text-align: center; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .block-ul-modal {
padding-top: 20px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .hire-block {
padding-top: 20px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .title-cross-block {
display: none; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .title-cross-block {
padding: 0.5% 1% 1% 1%; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .first-title-modal {
margin: 15px 0 6px 0;
font-size: 15px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .second-title-modal {
font-size: 24px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .third-title-modal {
font-size: 16px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .row.modal-used-cars-blocks {
padding: 1rem 2.2rem; }
.reserve-page-padding {
padding: 8px; }
.modal-used-cars-two.reserve-car-modal .container .form-group {
margin: 0 8px; }
.reserve-page__title-block {
align-items: flex-start;
margin: 10px 0 15px 0; }
.reserve-page__title {
text-align: center; }
.reserve-page__desctiption-pay {
text-align: left; }
.reserve-page__pay {
text-align: left !important;
margin: 1rem 0;
font-size: 29px; }
.reserve-page__pay-block {
text-align: left; }
.reserve-page__line {
text-align: center;
width: 60%; }
.reserve-page__line-half {
width: 30%;
display: inline-block;
text-align: center;
margin-bottom: 16px; }
.reserve-page__card {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left; }
.reserve-page__card-title {
padding-left: 10px; }
.reserve-page__pay-value {
display: flex;
font-size: 33px;
padding-top: 1%; }
.reserve-page__card-top-container {
padding-bottom: 0.5rem; }
.reserve-page__button {
background: #00509F;
font-size: 20px;
height: 60px;
width: 100%;
border-radius: 0;
font-weight: 300; }
.reserve-page__button span {
display: inline; }
.reserve-page__conditions {
font-size: 16px; }
.reserve-page__summary {
display: none; }
.reserve-page__summary-mobile {
display: flex;
font-size: 25px;
font-weight: bold;
font-family: Arial Rounded MT, sans-serif; }
.reserve-page__summary-vehicle {
font-size: 20px;
font-weight: 500;
padding-top: 2%; }
.reserve-page__summary-title {
padding-top: 2%; }
.reserve-page__pay-value {
padding-top: 10%; } }
@media only screen and (max-width: 768px) {
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .first-title-modal {
font-size: 19px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .second-title-modal {
font-size: 18px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .third-title-modal {
font-size: 16px; }
.reserve-page__pay-value {
display: flex;
font-size: 30px !important; } }
@media only screen and (max-width: 320px) {
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .first-title-modal {
font-size: 16px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .second-title-modal {
font-size: 16px; }
.modal-used-cars-two.reserve-car-modal .modal-used-cars-container .third-title-modal {
font-size: 16px; }
.reserve-page__pay-value {
display: flex;
font-size: 17px !important; }
.reserve-page__pay-value {
padding-top: 1%; } }
#feedback.reviews-page {
padding: 2% 0.6%;
width: 100vw; }
#feedback.reviews-page .feedback-item-reviews-page {
display: inline-block;
width: 98%;
vertical-align: top;
background: #fff;
text-align: left;
padding: 20px 15px 25px 15px;
position: relative;
margin-bottom: 1rem;
border-radius: 4px; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-title h3 {
color: #000000;
font-weight: 700;
font-size: 22px; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-body {
color: #525252;
padding-left: 0;
line-height: 19px; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-date {
color: #CCCCCC; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5px;
position: absolute;
top: 14px;
right: 10px; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-stars .fas.fa-star {
font-size: 22px;
color: #FA9917; }
#feedback.reviews-page .feedback-item-reviews-page .reviews-page-title-block {
margin: 1% 0; }
.reviews-page-btn {
padding: 5% 0; }
.reviews-page-btn button {
border: none;
background: #D10609;
color: #ffffff;
text-transform: uppercase;
padding: 20px 80px;
border-radius: 4px;
font-weight: bold; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
#feedback.reviews-page .feedback-item-reviews-page .feedback-stars .fas.fa-star {
font-size: 20px; } }
@media only screen and (max-width: 991px) {
#feedback.reviews-page {
padding: 1% 0.6%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
width: 100vw; } }
@media only screen and (max-width: 768px) {
#feedback.reviews-page {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
width: 100vw; }
#feedback.reviews-page .feedback-item-reviews-page {
padding: 20px 15px 15px 15px; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-stars {
top: 13px; }
.reviews-page-title {
text-align: center; }
.reviews-page-btn {
margin-bottom: 20%;
margin-top: 10%; }
.reviews-page-btn button {
padding: 17px 45px; } }
.no-gatters-all {
padding: 0; }
.no-gatters-left {
padding-left: 0; }
.car-page .topnav.fullscreen {
display: none; }
.car-page .footer.fullscreen {
display: none; }
.car-page .overlay {
position: absolute;
background: black;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
@media (min-width:1300px) {
.car-page .fullscreen .container {max-width:80% !important;} }
#car-title {
display: flex;
justify-content: space-between; }
#car-title h2 {
font-size: 30px;
line-height: 37px;
color: #000; }
#car-title p {
font-size: 18px;
line-height: 22px;
padding: 10px 0 5px 0; text-transform: uppercase;}
#car-title .car-title-payment {
font-size: 14px; }
#car-title div.price-block {
display: flex;
justify-content: space-evenly;
align-items: center;
background: #EEEEEC;
padding: 0.1% 2.1%;
margin-bottom: 10px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
#car-title div.price-block .price-right {
color: #232323;
font-size: 35px;
line-height: 43px; }
#car-title div.price-block .price-left-block {
color: #D10609;
text-align: center; }
#car-title div.price-block .price-left {
font-size: 33px;
line-height: 40px; }
#car-title div.price-block div:first-child {
order: 1; }
#car-title.fullscreen {
color: #fff;
z-index: 1001;
position: relative;
width: 100%;
left: 0;
padding-top: 2%;
padding-bottom: 1%; }
#car-title.fullscreen h2,#car-title.fullscreen p {
color: #ffffff !important; }
#car-title.fullscreen .price-block {
display: block;
flex-direction: column-reverse;
background: none;
text-align: right;
position: absolute;
top: 10%;
right: 33%; }
#car-title.fullscreen .price-block .price-right {
color: #fff; }
#car-title.fullscreen .price-block .price-left-block {
color: #fff;
text-align: right;
align-items: baseline;
display: flex;
justify-content: flex-end; }
#car-title.fullscreen .price-block .price-left {
margin-left: 10px; }
#carousel-thumb {
display: flex;
z-index: 101;
width: 100%; }
#carousel-thumb .carousel-control-next-top, #carousel-thumb .carousel-control-prev-top {
display: none; }
#carousel-thumb.fullscreen {
display: block;
width: 100%;
position: relative; }
#carousel-thumb.fullscreen .carousel-control-prev {
left: -4%;
right: auto;
bottom: 354px;
transform: rotate(-90deg); }
#carousel-thumb.fullscreen .carousel-control-next {
top: -322px;
transform: rotate(-90deg); }
#carousel-thumb.fullscreen .carousel-indicators {
position: relative;
flex-direction: row; }
#carousel-thumb.fullscreen .carousel-indicators li {
margin: 0;
width: 14%; }
#carousel-thumb.fullscreen .carousel-indicators li:nth-child(-n+6) {
display: block; }
#carousel-thumb.fullscreen .carousel-inner-top {
position: initial;
height: 570px !important;}
/* .order-price .fullscreen{
margin-left: 100px !important;
} */
#carousel-thumb.fullscreen .carousel-inner-top .carousel-item img {
width: 50% !important;
margin: auto; }
#carousel-thumb.fullscreen .carousel-inner-top #slideshow-counter {
bottom: -15%;
left: -2%;
padding: 0 0 1% 0;
line-height: 25px; display: none !important;}
#carousel-thumb.fullscreen .carousel-control-prev-top, #carousel-thumb.fullscreen .carousel-control-next-top {
display: flex;
width: 9%; transform: rotate(-180deg);}
#carousel-thumb.fullscreen .carousel-control-prev-top{
top: 180px !important;
left: 70px;
}
#carousel-thumb.fullscreen .carousel-control-next-top{
top: -160px !important;
right: 95px;
}
#carousel-thumb.fullscreen #carousel-example-multi {
height: auto;
position: absolute;
margin-top: 7%;
overflow: visible; padding-left: 10%;}
#carousel-thumb.fullscreen #carousel-example-multi .carousel-inner {
width: 100%;
margin: 0 auto; }
#carousel-thumb.fullscreen #carousel-example-multi .carousel-control-prev {
right: auto;
left: 7%;
width: auto; }
#carousel-thumb.fullscreen #carousel-example-multi .carousel-control-next {
right: 8%;
left: auto;
width: auto; }
#carousel-thumb.fullscreen #carousel-example-multi .carousel-item img {
width: 12.0% !important;
margin-right: 0.6% !important;
margin-left: 0 !important;
margin-bottom: 0 !important; }
#carousel-thumb.fullscreen #carousel-example-multi .carousel-item img:first-child, #carousel-thumb.fullscreen #carousel-example-multi .carousel-item img:last-child {
margin: 0 !important; }
#carousel-thumb .carousel-inner {
/* flex: 0 0 80.2%; */
cursor: pointer; }
#carousel-thumb .carousel-inner #slideshow-counter {
position: absolute;
z-index: 10;
bottom: 20px;
left:20px;
color: #fff;
padding: 7px;
font-size: 22px;
font-weight: 700;
line-height: 25px;
display: flex;
align-items: center;
background:rgba(0,0,0,0.6);
border-radius:5px; width: 85px;}
#carousel-thumb .carousel-inner #slideshow-counter img {
padding-right: 5px; width: 25px; height: 25px;}
#carousel-thumb .carousel-inner #slideshow-shape {
position: absolute;
z-index: 10;
bottom: 0;
right: 0;
padding: 20px; }
#carousel-thumb .carousel-inner #slideshow-shape.fullscreen {
display: none; }
#carousel-thumb .carousel-control-next, #carousel-thumb .carousel-control-prev {
bottom: auto;
z-index: 101;
width: 19.7%; }
#carousel-thumb .carousel-control-prev {
right: 0;
left: auto;
top: 0; }
#carousel-thumb .carousel-control-next {
right: 0;
bottom: 0;
top: auto; }
#carousel-thumb .carousel-indicators {
position: static;
flex-direction: column;
flex: 0 0 19.7%;
margin: 0;
justify-content: space-between; }
#carousel-thumb .carousel-indicators li {
width: auto;
height: auto;
text-indent: 0;
margin-right: 0;
margin-left: 4.5%;
border: 0;
display: none;
opacity: 1; }
#carousel-thumb .carousel-indicators li:first-child {
border-top: 0; }
#carousel-thumb .carousel-indicators li:last-child {
border-bottom: 0; }
#carousel-thumb .carousel-indicators li:nth-child(-n+4) {
display: block; }
.vertical .carousel-inner {
height: 100%; }
.carousel-close {
display: none; }
.carousel-close.fullscreen {
display: flex;
background: url("/images/crossss-white.svg");
width: 28px;
background-repeat: no-repeat;
background-position: top;
cursor: pointer;
padding: 23px;
margin-top: 14px}
.car-detail-main-section {
/* padding-top: 150px; */
/* padding-top: 50px; */
/* padding-bottom: 60vh; */
}
.car-detail-main-section.fullscreen {
padding-top: 10px !important;
padding-bottom: 0; }
.carousel-close-mobile {
display: none; }
.carousel.vertical .carousel-item {
-webkit-transition: 0.6s ease-in-out top;
-moz-transition: 0.6s ease-in-out top;
-ms-transition: 0.6s ease-in-out top;
-o-transition: 0.6s ease-in-out top;
transition: 0.6s ease-in-out top; }
.carousel.vertical .active {
top: 0; }
.carousel.vertical .next {
top: 100%; }
.carousel.vertical .prev {
top: -100%; }
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
top: 0; }
.carousel.vertical .active.left {
top: -100%; }
.carousel.vertical .active.right {
top: 100%; }
.carousel.vertical .carousel-item {
left: 0; }
#carousel-example-multi {
overflow: hidden; }
#carousel-example-multi .carousel-control-next, #carousel-example-multi .carousel-control-prev {
bottom: auto;
right: 0;
left: 0;
width: 100%; }
#carousel-example-multi .carousel-control-prev {
top: 10px; }
#carousel-example-multi .carousel-control-next {
bottom: 10px;
top: auto; }
#carousel-example-multi .carousel-inner img {
cursor: pointer;
margin-left: 1.4%;
margin-bottom: 1.4%; }
#car-accordion {
display: flex;
z-index: 101;
display: block;
width: 100%;
/* position: absolute; */
top: 0;
right: 0;
overflow: hidden; }
#car-accordion #accordion-used-car {
background: #EEEEEE;
padding: 1rem;
margin-bottom: 14px; }
#car-accordion #accordion-used-car.fullscreen {
background-color: rgba(221, 221, 221, 0.5);
min-height: 520px;
padding-top: 10px; }
#car-accordion #accordion-used-car.fullscreen .card {
margin-bottom: 9px; }
#car-accordion #accordion-used-car.fullscreen .card-header {
padding: 0; }
#car-accordion #accordion-used-car.fullscreen .card-body {
padding: 1rem;
padding-top: 0;
padding-bottom: 10px; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-header {
background-size: 7%; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__title {
padding: 3%;
padding-left: 19%;
font-size: 18px;
line-height: 20px; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body .form-control {
font-size: 15px;
line-height: 13px; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body #InputName, #car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body #InputPhone, #car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body #InputEmail {
height: calc(1.2em + .75rem + 2px); }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body .form-group {
margin-bottom: 8px; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body .form-check {
padding-left: 0; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body .selling-checkbox {
margin: 0 0 5px 0;
padding-left: 25px;
line-height: 1; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body .selling-checkbox input {
height: 18px;
width: 18px; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body .checkbox-text {
font-size: 13px; }
#car-accordion #accordion-used-car.fullscreen .accordion-used-car__card-body button {
padding: 6px 41px; }
#car-accordion .card {
background: #DBDBDB;
border-radius: 5px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
margin-bottom: 1.1rem; }
#car-accordion .card:last-child {
margin-bottom: 0; }
#car-accordion .card .card-header:first-child {
border: 0; }
#car-accordion .card-header {
padding: 0; }
#car-accordion .heading-message {
background: url("/images/car-detail/massage.png"); }
#car-accordion .heading-finance {
background: url("/images/car-detail/finance.png"); }
#car-accordion .heading-reserve {
background: url("/images/car-detail/reserve.png"); }
#car-accordion .accordion-used-car__card-header {
text-transform: uppercase;
background-repeat: no-repeat;
background-position: 10px center;
background-size: 10%; }
#car-accordion .accordion-used-car__title {
padding: 5%;
padding-left: 23%;
width: 100%;
font-weight: 700;
font-size: 20px;
text-align: justify;
line-height: 25px;
cursor: pointer; }
#car-accordion .accordion-used-car__card-body {
}
#car-accordion .accordion-used-car__card-body .form-control {
font-size: 20px;
border-radius: 5px;
line-height: 23px; }
#car-accordion .accordion-used-car__card-body #InputName, #car-accordion .accordion-used-car__card-body #InputPhone, #car-accordion .accordion-used-car__card-body #InputEmail, #car-accordion .accordion-used-car__card-body #FormControlTextarea {
color: #777;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
border-radius: 5px !important; }
#car-accordion .accordion-used-car__card-body #FormControlTextarea {
resize: none;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
#car-accordion .accordion-used-car__card-body .form-check {
padding-left: 0; }
#car-accordion .accordion-used-car__card-body .selling-checkbox {
margin: 0 0 2rem 0;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#car-accordion .accordion-used-car__card-body .selling-checkbox input {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
background-color: #fff; }
#car-accordion .accordion-used-car__card-body .checkbox-text {
font-size: 14px;
line-height: 19px; }
#car-accordion .accordion-used-car__card-body .massege-btn-box {
display: flex;
justify-content: center; }
#car-accordion .accordion-used-car__card-body button {
padding: 10px 43px;
border-radius: 100px;
background-color: #454146;
text-transform: uppercase;
color: #FFFFFF; }
.car-page-container {
position: relative; }
#car-detail-value {
padding: 3% 0 6% 0.5%;
color: #432A49;
font-size: 20px;
line-height: 23px;
margin-right: 0; }
#car-detail-value.fullscreen, #reviews-car-detail.fullscreen, #description-car-detail.fullscreen {
display: none; }
.detailse-used-car__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
padding-right: 0; }
.detailse-used-car__value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 14px 0;
position: relative; }
.detailse-used-car__value .fas.fa-star {
font-size: 22px; }
.detailse-used-car__value .detailse-used-car__star-green .fas.fa-star {
color: #437824;
font-size: 22px;
line-height: 22px; }
.safety {
padding-left: 10px; }
.detailse-used-car__data {
font-size: 19px;
text-align: right;
display: flex; }
.detailse-used-car__name {
font-size: 19px;
text-align: left; }
.detailse-used-car__name-first {
font-weight: 700; }
.description-car-detail {
color: #000;
font-size: 20px;
line-height: 23px; }
.description-car-detail .description-car-detail-title {
padding: 2rem 0; }
#feedback.reviews-page.car-detail-feedback {
background: #EEEEEE;
padding: 2% 3%;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 3px;
-moz-column-gap: 3px;
column-gap: 3px;
width: 100vw; }
#feedback.reviews-page.car-detail-feedback .feedback-car-title {
font-size: 22px;
color: #2D2D2D;
line-height: 25px;
text-transform: uppercase;
text-align: left;
margin: 5% 0 6% 2%; }
#feedback.reviews-page.car-detail-feedback .reviews-page-btn button {
border-radius: 4px;
padding: 14px 60px; }
.car-detail-button-mobile {
display: none; }
.car-detail-button-mobile div {
display: none; }
.line-detailse-full {
border-top: 1px solid #CCC; }
.line-detailse-full.fullscreen {
display: none; }
.line-detailse-small {
height: 0.5em;
width: 80%;
text-align: center;
border-top: 1px solid #CCC;
margin: 0 auto; }
@media only screen and (max-width: 1025px) and (min-width: 993px) {
.car-detail-main-section {
padding-top: 120px; }
#car-title .car-title-payment {
font-size: 11px; }
#car-title div.price-block .price-right {
font-size: 33px; }
#car-detail-value .detailse-used-car__name, #car-detail-value .detailse-used-car__data, #car-detail-value .detailse-used-car__name-first, #car-detail-value .detailse-used-car__value .fas.fa-star {
font-size: 17px; }
.description-car-detail {
font-size: 17px; } }
.mobile-line {
display: none; }
@media only screen and (max-width: 1200px) and (min-width: 1025px) {
#car-title .car-title-payment {
font-size: 11px; } }
@media only screen and (max-width: 992px) {
.car-page .footer {
display: none; }
.car-page .car-detail-main-section {
padding-bottom: 0;
/* padding-top: 9%; */
}
.car-page .car-detail-main-section.fullscreen {
padding-bottom: 0;
padding-top: 2%; }
#car-title {
display: flex;
justify-content: space-between; }
#car-title.fullscreen {
display: none; }
#car-title .car-mobile-name {
padding-right: 15px;
padding-left: 15px; }
#car-title h2 {
font-size: 24px;
line-height: 29px; }
#car-title p {
font-size: 18px;
line-height: 20px;
padding: 5px 0 5px 0; }
#car-title div.price-block {
border-top-right-radius: 0;
border-top-left-radius: 0;
padding: 0;
flex: 0 0 15%;
max-width: 100%; }
#car-title .price-right {
color: #232323;
font-size: 35px;
line-height: 43px; }
#car-title .price-left-block {
color: #D10609;
text-align: center;
border-right: 1px solid #FFFFFF;
padding: 1% 2.1%;
flex: 0 0 50%;
max-width: 50%; }
#car-title .price-left {
font-size: 33px;
line-height: 40px; }
#car-title .price-right-block {
border-left: 1px solid #FFFFFF;
padding: 2.2% 2.1%;
text-align: center;
flex: 0 0 50%;
max-width: 50%; }
#carousel-thumb {
display: flex;
z-index: 101;
width: 100%;
height: calc(100vw/4*3);}
#carousel-thumb.fullscreen {
display: block;
width: 100%;
position: relative; }
#carousel-thumb.fullscreen .carousel-control-prev {
top: 45%;
left: 0;
bottom: auto;
transform: rotate(-90deg); }
#carousel-thumb.fullscreen .carousel-control-next {
top: 45%;
transform: rotate(-90deg); }
#carousel-thumb.fullscreen .carousel-inner-top .carousel-item img {
width: 95% !important;
margin: auto; }
#carousel-thumb.fullscreen #slideshow-counter img{
width: 20px !important;
height: 20px !important;
}
#carousel-thumb .carousel-control-prev {
top: 40%;
left: 0;
bottom: auto;
transform: rotate(-180deg); }
#carousel-thumb .carousel-control-next {
top: 0;
right: 0;
bottom: auto;
transform: rotate(-180deg); }
.order-accordion-mobile {
order: 6;
flex: 0 0 100%;
max-width: 100%; }
#car-accordion {
display: none;
overflow: visible; }
#car-accordion.fullscreen {
display: none; }
#car-accordion #accordion-used-car {
background: none;
display: flex; }
#car-accordion #accordion-used-car .order-heading-reserve {
order: 1; }
#car-accordion #accordion-used-car .order-heading-finance {
order: 3; }
#car-accordion #accordion-used-car .order-heading-message {
order: 2; }
#car-accordion .accordion-used-car__card-header {
background-position: top center; }
#reviews-car-detail {
display: none; }
#carousel-example-multi {
display: none; }
#carousel-thumb .carousel-inner {
flex: 0 0 100%; }
/* .order-price {
order: 1; } */
.order-carousel {
padding-right: 0;
order: 0; }
.order-value {
order: 2;
margin-right: -15px;
margin-left: -15px; }
#description-car-detail {
order: 3;
padding-bottom: 30%; }
.order-detail {
order: 2; }
/* #car-title {
padding-top: 10px;
flex-direction: column; } */
#car-title p {
padding-bottom: 10px; }
#car-detail-value .gatters-left {
padding-left: 15px; }
.description-car-detail {
padding-right: 15px;
padding-left: 15px; }
.car-detail-button-mobile {
margin: 0;
padding: 0;
text-align: center; }
.car-detail-button-mobile .row {
margin: 0;
padding: 0; }
.carousel-close-mobile {
display: none; }
.carousel-close-mobile.fullscreen {
display: flex;
background: url(/images/crossss-white.svg);
background-repeat: no-repeat;
position: absolute;
top: -36px;
right: 0;
padding: 20px;
z-index: 1001; }
#slideshow-counter.fullscreen {
/* position: relative !important; */
z-index: 1001; }
.car-detail-button-mobile {
display: flex;
position: fixed;
bottom: 0;
width: 100%;
background: #515151;
z-index: 11; }
.car-detail-button-mobile .container {
padding: 0; }
.car-detail-button-mobile.fullscreen {
display: none; }
.car-detail-button-mobile div {
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
min-height: 80px;
min-width: 125px;
color: #FFF;
font-size: 20px;
line-height: 23px;
text-transform: uppercase; }
.car-detail-button-mobile div a {
color: #FFF; }
.car-detail-button-mobile .car-detail-message {
background: url("/images/car-detail/massage-mobile.png");
background-repeat: no-repeat;
background-position: 50% 24%;
/*border-left: 1px solid #FFF; */
border-right: 1px solid #FFF; }
.car-detail-button-mobile .car-detail-finance {
background: url("/images/car-detail/finance-mobile.png");
background-repeat: no-repeat;
background-position: 50% 11%;
/* border-right: 1px solid #FFF;*/ }
.car-detail-button-mobile .car-detail-recerve {
background: url("/images/car-detail/reserve-mobile.png");
background-repeat: no-repeat;
background-position: 50% 11%;
border-left: 1px solid #FFF; }
.line-detailse-small.mobile-line {
display: block; }
.car-detail-hyperlink {
opacity: 0.3;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1; }
.modal-car-detail {
z-index: 100000;
}
.modal-car-detail .modal-content {
background-color: #515151; }
.modal-car-detail .modal-content .modal-header {
border-bottom: 0; }
.modal-car-detail .modal-content .modal-header .close {
opacity: 1; }
.modal-car-detail .modal-content .modal-close {
background-image: url("/images/car-detail/close.png");
width: 28px;
background-position: center;
padding: 20px;
background-repeat: no-repeat; }
.modal-form-car .form-control {
font-size: 20px;
border-radius: 5px;
line-height: 23px; }
.modal-form-car #InputNameModal, .modal-form-car #InputPhoneModal, .modal-form-car #InputEmailModal, .modal-form-car #FormControlTextareaModal {
color: #777;
border-radius: 5px !important; }
.modal-form-car #FormControlTextareaModal {
resize: none; }
.modal-form-car .form-check {
padding-left: 0; }
.modal-form-car .selling-checkbox {
margin: 0 0 2rem 0;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff; }
.modal-form-car .selling-checkbox input {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
background-color: #fff; }
.modal-form-car .checkbox-text {
font-size: 14px;
line-height: 19px;
display: flex; }
.modal-form-car .massege-btn-box {
display: flex;
justify-content: center;
margin-bottom: 2rem; }
.modal-form-car button {
height: 50px;
width: 150px;
border-radius: 5px;
background-color: #000;
text-transform: uppercase;
color: #fff; }
.modal-form-car button:hover {
color: #fff; }
#carousel-thumb .carousel-control-next-top, #carousel-thumb .carousel-control-prev-top {
display: flex; }
#carousel-thumb.fullscreen .carousel-control-prev-top{
width: 19.7%; transform: rotate(-180deg);top: 120px !important;}
#carousel-thumb.fullscreen .carousel-control-next-top{
width: 19.7%; transform: rotate(-180deg);bottom: 125px !important;right:2px;
}
#carousel-thumb.fullscreen .carousel-inner-top #slideshow-counter {
left: 5%;
bottom: -83% !important;
margin-bottom: 4%;
padding: 10px 0 0 0;
background: none !important;display: block !important;}
}
@media only screen and (min-width:825px) and (max-width:992px){
#carousel-thumb.fullscreen .carousel-control-next-top{
width: 19.7%; transform: rotate(-180deg);top: 0 !important;
}
}
@media only screen and (max-width: 992px) and (orientation: landscape) {
#carousel-thumb.fullscreen .carousel-inner-top .carousel-item img {
width: 61% !important;
margin: auto; } }
@media only screen and (max-width: 768px) {
#homepage {
overflow: initial; }
#homepage #banner {
min-height: initial;
max-height: initial; }
#homepage #banner #banner-image {
overflow: initial;
max-height: initial;
min-height: initial; }
#homepage #banner #banner-image img {
position: relative;
width: auto;
top: 0;
left: 0;
margin-right: 0;
transform: translate(0, 0); }
#homepage .search-box {
position: static;}
/* height: auto; clip-path: polygon(10% 0, 80% 0, 100% 0, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0 10%);} */
#banner .top-img {
top: initial;
z-index: 100; }
#banner .top-img.top-img-desktop {
display: none; }
.top-img-mobile {
display: block; }
.homepage .m-top-100 {
margin-top: 100px; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
#homepage #banner #banner-image img {
width: 100%; } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
.car-page .car-detail-main-section {
/* padding-top: 75px; */
} }
/* @media only screen and (max-width: 600px) {
.car-page .car-detail-main-section {
padding-top: 33.5%;
} } */
@media only screen and (min-width: 400px) and (max-width: 600px) {
.car-detail-button-mobile div {
min-width: 138px; } }
@media only screen and (max-width: 320px) {
.car-detail-button-mobile div {
min-width: 107px; }
.car-title-payment {
font-size: 12px !important; }
.car-page .car-detail-main-section {
padding-top: 34%; } }
@media (min-width: 768px) and (max-width: 1200px) {
.header.topnav .container {
padding: 0; } }
@media (min-width: 1000px) and (max-width: 1200px) {
.upper-half-header .col-md-2 {
-ms-flex: 0 0 14%;
flex: 0 0 14%;
max-width: 14%; }
.titles-logo {
margin-right: 2%; }
.title-address.col-md-3 {
-ms-flex: 0 0 27%;
flex: 0 0 27%;
max-width: 27%; }
.footer .container .img-fluid {
width: 40%; }
.modal-used-cars-one .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
margin-left: 15%; }
.finance-icon {
background-size: 11%; } }
@media (min-width: 769px) and (max-width: 1000px) {
.social-icon img {
width: 100%; } }
@media (min-width: 769px) and (max-width: 991px) {
.navbar-expand-md .navbar-nav .nav-link {
padding: 15px 6px; } }
@media (min-width: 767px) and (max-width: 1000px) and (orientation: portrait) {
.footer .container .img-fluid {
width: 57%; }
.footer .container .title-number, .footer .container .title-address {
font-size: 1.25rem; }
.footer .container .footer-facebook {
width: 7.5%; }
.established {
font-size: 1.45rem; }
.modal-used-cars .modal-used-cars-container.container {
width: 100%;
max-width: initial; }
.modal-used-cars .btn.shadow-none.accordion-used-car__title.modal-used-cars__finance {
margin-left: 17%;
font-size: 15px; }
.card-header.accordion-used-car__card-header.finance-icon {
background-position: 0.5rem;
background-size: 7%; } }
@media (max-width: 1024px) {
#feedback.reviews-page .feedback-item-reviews-page .feedback-stars .fas.fa-star {
font-size: 17px; }
#feedback.reviews-page .feedback-item-reviews-page .feedback-stars {
top: 17px; } }
@media (min-width: 500px) and (max-width: 768px) {
#used-cars.main-wrapper .car-tile {
max-width: 75%; }
.car-tile .car-price .col-6:last-child p {
font-size: 10px; }
.car-tile .car-price .col-6:last-child, .car-tile .car-price .col-6:first-child {
font-size: 27px;
line-height: 22px; }
.car-tile .car-title h2, .car-tile .car-title p {
font-size: 19px; }
.car-tile .car-desc .col-6 ul li, #banner .search-box .container .col-md-3 select {
font-size: 18px; }
.car-tile .car-image .car-like img {
max-height: 20px;
margin: 8px; }
.car-tile .car-image .car-image-counter-home img {
width: 30px;
margin: 8px; }
.car-tile .car-image .car-image-counter-home {
font-size: 21px; }
.car-tile .car-title p {
font-size: 17px;
line-height: 25px; }
.search-used-cars .navbar-toggler.custom-toggler.btn-search img {
width: 23px; }
/* was 19% above earlier */
.search-used-cars .navbar-toggler.custom-toggler.btn-search {
font-size: 18px; }
.mobile-title-workshop-section, .about .mobile-title, .selling-title-container .selling-title, #banner .top-img .title-top-img {
font-size: 4.2vw; }
.homepage #special-offers-section .owl-carousel.owl-special-offers.owl-loaded.owl-drag {
max-height: initial; }
.valeting .workshop-section .down-block-workshop-section .img-left, .valeting .valeting-section .down-block-workshop-section .img-left {
width: 25%; }
.valeting .valeting-section .block-workshop-section.text-right-block .col-md-6 p, .valeting .workshop-section .down-block-workshop-section .text-block-auto p, .valeting .valeting-section .down-block-workshop-section .text-block-auto p {
font-size: 16px; }
.workshop-section.valeting-section {
padding: 4% 0 5% 0; }
.block-workshop-section .item-text p {
font-size: 16px;
line-height: 18px; }
.shortlist #special-offers-section .featured .title-featured {
font-size: 27px; }
#banner .search-box {
padding: 7% 0 9% 0; }
.apply .title-apply, .apply-description .title-apply, .pay-us-visit .col-lg-6 h6 {
font-size: 4vw; }
.apply .text-p-apply, .apply-description .text-p-apply, .apply .button-half-apply button, .apply-description .button-half-apply button, .pay-us-visit .text-img-pay-us-visit p, .pay-us-visit .col-lg-6 p.text-under-hours {
font-size: 3.5vw; }
#feedback .container .owl-feedback .feedback-item .feedback-title h3, .pay-us-visit .title-pay-us-visit {
font-size: 23px; }
#feedback .feedback-item .feedback-date {
font-size: 18px; }
#feedback.feedback-home .title-feedback-body {
font-size: 19px;
line-height: 25px; } }
@media (min-width: 767px) and (max-width: 768px) and (orientation: portrait) {
#banner .search-box .col-md-3 {
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%; }
#banner .search-box .col-md-2 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.used-cars .m-top-100, .workshop .m-top-100, .valeting .m-top-100, .selling .m-top-100, .about .m-top-100, .contact-us .m-top-100 {
margin-top: 105px; }
.used-car-items .row {
display: flex;
justify-content: center; }
#used-cars.main-wrapper .car-tile {
margin-top: 15px; }
/*.used-cars #used-cars {
background-color: #47494a; }*/
#used-cars.main-wrapper .car-tile {
max-width: 70%; } }
.home-js-select-row .select2-container .select2-selection--single {
height: 55px !important;
}
.home-js-select-row .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 55px !important;
}
.home-js-select-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 55px !important;
}
.word_wrap_ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 250px;
}
.alert-success1 {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
#success-close{
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit;
background-color: transparent;
border: 0;
-webkit-appearance: none;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
text-transform: none;
}
#m_success-close{
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit;
background-color: transparent;
border: 0;
-webkit-appearance: none;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
text-transform: none;
}
#overlay, #overlay_tradein,#overlay_test_drive,#overlay_finance,#overlay_enquiry,#overlay_main_enquiry,#overlay_tradein_photo_submit,#overlay_parts, #overlay_requestVideo, #overlay_register,#overlay_subscribeEmail{
background: #ffffff;
color: #666666;
position: fixed;
height: 100%;
width: 100%;
z-index: 100001;
top: 0;
left: 0;
float: left;
text-align: center;
padding-top: 25%;
opacity: .80;
}
#overlay_img {
background: #ffffff;
color: #666666;
position: fixed;
height: 100%;
width: 100%;
z-index: 5000;
top: 0;
left: 0;
float: left;
text-align: center;
padding-top: 25%;
opacity: .80;
}
.spinner {
margin: 0 auto;
height: 64px;
width: 64px;
animation: rotate 0.8s infinite linear;
border: 5px solid firebrick;
border-right-color: transparent;
border-radius: 50%;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#bsimage_area { display: none }
#warnings {
width: 90%;
margin: 0 auto;
}
#success-alert {
display:none;
text-align: center;
width: 90%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
#m_success-alert {
display:none;
text-align: center;
/* width: 90%; */
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.row.pagination.pagination-bottom a {
color: black !important;
}
.highlighted {
color: #5f8fcc;
font-weight:800;
}
.btn-link {
cursor: pointer;
}
.information-not-available {
color: #bbb;
font-weight: 300;
}
.card-body .switcher {
font-size: 12px;
display: flex;
color: #333333;
margin-bottom: 3px;
/* font-weight: initial; */
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 26px;
margin: 0 8%; }
.switch input {
opacity: 0;
width: 0;
height: 0; }
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #00C4FC;
-webkit-transition: 0.4s;
transition: 0.4s; }
.slider:before {
position: absolute;
content: "";
height: 32px;
width: 32px;
left: 0;
bottom: -3px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
border: 1px solid #fff; }
/* input:checked + .slider {
background-color: #2196F3; }
input:focus + .slider {
box-shadow: 0 0 1px #2196F3; } */
input:checked + .slider:before {
-webkit-transform: translateX(28px);
-ms-transform: translateX(28px);
transform: translateX(28px); }
.slider.round {
border-radius: 34px; }
.slider.round:before {
border-radius: 50%; }
#accordion #collapseThree .monthly-price {
display: none; }
/*# sourceMappingURL=style.css.map */
.descripton-blue-items {
padding: 0.5rem 0 0 2rem;
font-weight: bold;
}
.finance-app-blue-title .descripton-blue {
font-size: 14px;
padding-top: 0.4rem;
}
.title-blue {
font-weight: bold;
font-size: 1.625rem;
padding: 8px 0;
}
/*.finance-apps {
margin-top: 130px;
}*/
.finance-apps .finance-app-application {
font-size: 14px;
padding: 20px 76px; }
.finance-apps .finance-app-application .finance-apps-block {
margin: 2% 0;
text-align: right;
padding: 3% 15%;
background: #F5F5F5; }
.finance-apps .finance-app-application .finance-apps-block input:not([type='checkbox']), .finance-apps .finance-app-application .finance-apps-block select {
width: 50%;
margin-left: 3%;
border: 1px solid #CCCCCC;
color: #333;
margin-bottom: 14px;
height: 29px;
padding-left: 10px; }
.finance-apps .finance-app-application .finance-apps-block textarea {
width: 50%;
padding-left: 10px;
margin-bottom: 14px;
border: 1px solid #CCCCCC;
margin-left: 3%;
color: #333; }
.finance-apps .finance-app-application .finance-apps-block select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("/images/finance-apps/arrow.png");
background-position: center right 10px;
background-size: 3%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
padding-left: 10px;
height: 29px;
color: #333;
margin-bottom: 14px; }
.finance-apps .finance-app-application .finance-apps-block input[type='file'] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.finance-apps .finance-app-application .finance-apps-block input:disabled, .finance-apps .finance-app-application .finance-apps-block select:disabled {
background-color: #bbb;
color: #000;
}
.finance-apps .finance-app-application .finance-apps-block:first-child {
padding: 3%;
text-align: left; }
.finance-apps .finance-app-application .finance-apps-block:first-child div {
text-align: right; }
.finance-apps .finance-app-application .finance-apps-block:last-child {
padding: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.finance-apps .finance-app-application h3 {
text-align: left;
font-size: 21px; }
.finance-apps .finance-app-application .image-input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.finance-apps .finance-app-application .image-input {
width: 50%;
padding: 2.8%;
text-align: center;
margin-left: 4%;
background: white;
border: 1px solid #CCCCCC; }
.finance-apps .finance-app-application .image-input div {
border: 1px dashed #CCCCCC;
padding: 1rem 0; }
.finance-apps .finance-app-application .image-input img {
display: block;
margin: 0 auto;
pointer-events: none;
width: 10%; }
.finance-apps .finance-app-application .agree {
background: #005EAA;
color: white;
padding: 1.4%; }
.finance-apps__button {
border: 0;
background: #005EAA;
color: white; }
.finance-apps__bold {
padding: 1rem 0;
display: inline-block; }
.finance-apps__items-top {
padding-left: 2rem; }
.finance-apps__button-subtitle {
text-align: left;
display: inline-block;
width: 80%; }
.finance-apps__button-car {
padding: 7px 52px; }
.finance-app-blue-title {
font-size: 14px;
padding-bottom: 1rem; }
.finance-app-descripton-blue {
padding-top: 0.4rem; }
.finance-app-blue-title .descripton-blue {
font-size: 14px; }
.finance-app__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.finance-app__card-car {
border: 1px solid #707070;
padding: 1rem 0 1rem 2rem;
max-width: 678px;
width: 678px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 1;
margin: 1rem 0 3rem 0; }
.finance-app__card-title {
display: inline-block;
font-size: 20px;
font-weight: 500;
padding-bottom: 10%; }
.finance-app__card-model {
display: block;
padding-bottom: 10%; }
.finance-app__card-price {
font-size: 31px;
font-weight: bold; }
@media only screen and (max-width: 767px) {
/*.finance-apps {
margin-top: 157px;
}*/
.finance-app-blue-title {
padding: 0 15px 0 0;
padding-bottom: 0; }
.finance-app__card {
padding-left: 0; }
.finance-app__card-car {
padding: 0.5rem 0;
display: block;
margin: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.finance-app__card-title {
padding-bottom: 5%; }
.finance-app__card-model {
display: block;
padding-bottom: 5%; }
.finance-apps .finance-app-application {
padding: 0 10px; }
.finance-apps .finance-app-application .finance-apps-block {
padding: 3%;
background: #F5F5F5; }
.finance-apps .finance-app-application .finance-apps-block input:not([type='checkbox']), .finance-apps .finance-app-application .finance-apps-block select {
width: 100%;
height: 32px;
margin-left: 0; }
.finance-apps .finance-app-application .finance-apps-block textarea {
width: 100%;
margin-left: 0; }
.finance-apps .finance-app-application .finance-apps-block:first-child {
padding: 3%;
text-align: left; }
.finance-apps .finance-app-application .finance-apps-block:last-child {
padding: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.finance-apps .finance-app-application h3 {
text-align: left;
font-size: 21px; }
.finance-apps .finance-app-application .image-input-container {
justify-content: end;
padding: 1rem 0; }
.finance-apps .finance-app-application .image-input {
width: 100%;
margin-left: 0;
margin-top: 1.4rem;
padding: 3%; }
.finance-apps .finance-app-application .image-input div {
padding-top: 1rem;
border: 3px dashed #CCCCCC; }
.finance-apps .finance-app-application label {
display: block;
text-align: left;
margin-bottom: 0;
padding-top: 1rem; }
.finance-apps .finance-app-application hr {
margin: 0; }
.finance-apps__button {
padding: 12px 80px;
font-size: 1.2rem;
margin: 1rem auto 3rem auto; }
.finance-apps__items-top {
list-style: none;
padding-left: 0; }
.agree-center {
text-align: center !important;
margin-bottom: 1rem; }
.finance-apps__button-subtitle {
padding-bottom: 0.5rem;
text-align: left;
display: block;
width: 100%; }
.agree {
width: 70%;
margin: auto; }
.finance-apps .finance-app-application .agree {
padding: 3%; }
}
@media only screen and (max-width: 991px) {
.finance-apps__button-subtitle {
padding-bottom: 0.5rem;
text-align: left;
display: block;
width: 100%; } }
.finance-apps span.select2.select2-container.select2-container--default.select2-container--focus {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: center right 10px;
background-size: 3%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
height: 29px;
color: #555555;
margin-bottom: 14px;
border: 1px solid #CCCCCC;
width: 50%!important;
}
.finance-apps .select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: center right 10px;
background-size: 3%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
height: 29px;
color: #555555;
margin-bottom: 14px;
border: 1px solid #CCCCCC;
width: 50%!important;
}
.finance-apps .select2-container--default .select2-selection--single {
background-color: transparent;
border: none;
border-radius: 0;
}
.select2-container--default .select2-selection--single {
border: 1px solid #E6ECF0;
border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top:25%;}
.finance-apps .select2-container {
margin: 0 0 15px 0;
}
@media only screen and (max-width: 767px) {
.finance-apps span.select2.select2-container.select2-container--default.select2-container--focus {
width: 100%!important;
height: 32px;
margin-left: 0;
}
.finance-apps .select2-container {
width: 100%!important;
height: 32px;
margin-left: 0;
}
}
div#warnings {
display:none;
}
.form-control:disabled,
.form-control[readonly],
.select2-container--default.select2-container--disabled .select2-selection--single{
background-color:#aaaaaa;
opacity:1
}
@media screen\0 { .contact-us .pay-us-visit-contact {height:70vh;}}
@supports (-ms-ime-align:auto) {
.contact-us .pay-us-visit-contact {
height:70vh;
}
}
#homepage #special-offers .price-section{
padding: 1% 15px 6% !important;
}
/* reservations begin */
div.content h1,
div.content h2 {
margin: 1.5em 0 0.5em 0;
}
div.content p {
margin: 0 0 0.5em 0;
}
.reserve-page__desctiption-pay strong {
font-weight: bold;
}
/* reservations end */
/* finance.blade.php */
::-webkit-input-placeholder {
font-size: 1rem;
color: #525252;
}
#finance-page .section__title-blue {
font-family: "Questrial", sans-serif;
min-height: 128px;
width: 100%;
background: #2777B7;
color: #FFFFFF;
padding: 60px 0 20px 16px;
/*margin-top: 18px;*/
}
#finance-page .section__title-blue-container {
padding: 0 60px;
}
#finance-page .title-blue {
font-weight: bold;
font-size: 1.625rem;
padding-bottom: 8px;
}
#finance-page .descripton-blue {
font-size: 0.75rem;
}
#finance-page .cash-for-cars .cash-for-car-application {
font-size: 14px;
padding: 0 76px;
}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block {
margin: 2% 0;
text-align: right;
padding: 3% 15%;
background: #F5F5F5;
}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block input:not([type='checkbox']), .cash-for-cars .cash-for-car-application .cash-for-cars-block select {
width: 50%;
margin-left: 3%;
border: 1px solid #CCCCCC;
color: #525252;
margin-bottom: 14px;
height: 29px;
padding-left: 10px;
}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../images/cash-for-cars/arrow.png");
background-position: center right 10px;
background-size: 3%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
padding-left: 10px;
height: 29px;
color: #555555;
font-family: "Questrial", sans-serif;
margin-bottom: 14px;
}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block:first-child {
padding: 3%;
text-align: left;
}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block:first-child div {
text-align: right;
}
#finance-page .cash-for-cars .cash-for-car-application h3 {
text-align: left;
font-size: 21px;
}
#finance-page .cash-for-cars .cash-for-car-application .agree {
background: #2777B7;
color: white;
padding: 1.4%;
}
#finance-page .cash-for-cars__button {
border: 0;
background: #2777B7;
color: white;
}
#finance-page .cash-for-cars__bold {
padding: 1rem 0;
display: inline-block;
}
#finance-page .cash-for-cars__items-top {
padding-left: 2rem;
}
#finance-page .cash-for-cars__button-subtitle {
text-align: left;
display: inline-block;
width: 80%;
}
#finance-page .cash-for-cars__button-car {
padding: 7px 52px;
}
#finance-page .agree-block {
display: inline-block;
padding-bottom: 2rem;
}
#finance-page .descripton-blue-items {
padding: 0.5rem 0 0 2rem;
font-weight: bold;
}
#finance-page .cash-for-car-blue-title {
font-size: 14px;
padding-bottom: 1rem;
}
#finance-page .cash-for-car-descripton-blue {
padding-top: 0.4rem;
}
#finance-page .agree-mobile-lable {
text-transform: uppercase;
}
#finance-page .cash-for-car-blue-title .descripton-blue {
font-size: 14px;
}
#finance-page .datepicker {
border-radius: 0 !important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;}
#finance-page .cash-for-cars .select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: center right 10px;
background-size: 3%;
background-repeat: no-repeat;
background-color: white;
border-radius: 0;
height: 29px;
color: #555555;
font-family: "Questrial", sans-serif;
margin-bottom: 14px;
border: 1px solid #CCCCCC;
width: 50%!important;
}
#finance-page .cash-for-cars .select2-container--default .select2-selection--single {
background-color: transparent;
border: none;
border-radius: 0;
}
#finance-page .cash-for-cars .select2-container {
margin: 0 0 15px 0;
}
#finance-page .alert-success1 {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
#finance-page #bsimage_area {
display: none
}
#finance-page #warnings {
width: 90%;
margin: 0 auto;
margin-top: 20px;
}
#finance-page #success-alert {
display: none;
text-align: center;
width: 96%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
#finance-page #overlay, #overlay_tradein, #overlay_trade_in_photo,#overlay_contactus,#overlay_subscribeEmail, #overlay_car-finder {
background: #ffffff;
color: #666666;
position: fixed;
height: 100%;
width: 100%;
z-index: 5000;
top: 0;
left: 0;
float: left;
text-align: center;
padding-top: 25%;
opacity: .80;
}
#finance-page #overlay_img {
background: #ffffff;
color: #666666;
position: fixed;
height: 100%;
width: 100%;
z-index: 5000;
top: 0;
left: 0;
float: left;
text-align: center;
padding-top: 25%;
opacity: .80;
}
@media (min-width: 1200px) {
#finance-page .previous-address-block {
margin: 2% 0;
text-align: right;
padding: 3% 15%;
background: #F5F5F5;
}
#finance-page .previous-address-block input:not([type='checkbox']), .previous-address-block select {
width: 50%;
margin-left: 3%;
border: 1px solid #CCCCCC;
color: #525252;
margin-bottom: 14px;
height: 29px;
padding-left: 10px;
}
}
#finance-page .previous-address-block {
background: #F5F5F5;
/*display: none;*/
}
#finance-page .cash-for-car-blue-title .descripton-blue {
font-size: 14px;
}
#finance-page .cash-for-car__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#finance-page .cash-for-car__card-car {
border: 1px solid #707070;
padding: 1rem 0 1rem 2rem;
max-width: 678px;
width: 678px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 1;
margin: 1rem 0 3rem 0;
}
#finance-page .cash-for-car__card-title {
display: inline-block;
font-size: 20px;
font-weight: 500;
padding-bottom: 10%;
}
#finance-page .cash-for-car__card-model {
display: block;
padding-bottom: 10%;
}
#finance-page .cash-for-car__card-price {
font-size: 31px;
font-weight: bold;
}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block input:not([type="checkbox"]):disabled, #finance-page .previous-address-block input:not([type="checkbox"]):disabled, #finance-page .form-control:disabled, #finance-page .form-control[readonly], #finance-page .select2-container--default.select2-container--disabled .select2-selection--single {
background:#cccccc;}
@media only screen and (max-width: 991px) {
#finance-page .cash-for-cars .cash-for-car-application {
padding:0;}
}
@media only screen and (max-width: 767px) {
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block input:not([type='checkbox']), .cash-for-cars .cash-for-car-application .cash-for-cars-block select {
width:100%;
height: 32px;
margin-left:0;}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block, #finance-page .previous-address-block {
padding:3%;}
#finance-page .cash-for-cars .cash-for-car-application .cash-for-cars-block input:not([type="checkbox"]), #finance-page .previous-address-block input:not([type="checkbox"]), #finance-page .form-control, #finance-page .form-control[readonly], #finance-page .select2-container--default.select2-container--disabled .select2-selection--single {
width:100%;
height: 32px;
margin-left:0;}
#finance-page .cash-for-cars .cash-for-car-application label {
display: block;
text-align: left;
margin-bottom: 0;
padding-top: 1rem; }
#finance-page .cash-for-cars .select2-container {
width:100% !important;}
#finance-page .cash-for-cars .cash-for-car-application .agree {
padding:3%;
width:70%;
margin:auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
}
#finance-page .agree-center {
display:flex;
margin-bottom:unset;}
#finance-page .cash-for-cars-block .agree-center .agree label {
padding-top:0;}
}
@media only screen and (max-width: 991px) {
#finance-page .cash-for-cars__button-subtitle {
padding-bottom: 0.5rem;
text-align: left;
display: block;
width: 100%;
}}
.privacy-notice h3,h4 {
padding: 0.5em 0;
}
.privacy-notice ul {
padding-left: 2em;
}
.privacy-notice ul li {
padding: 0.25em 0;
}