/*
Theme Name: Omoda
Theme URI: 
Description: A theme created for Stanmar Omoda.
Version: 1.7
Author: Willem Louw (for WSI Web Marketing)
Author URI: http://www.wsiwebmarketing.co.za/
*/

/* CSS Document */

/*-- General Style --*/

html {
overflow-x: hidden;
}

.mobilepromobanner {
display: none;
}

.mobilebanner {
display: none;
}

body {
/*--line-height: 21px;--*/
font-family: "Montserrat", sans-serif;
/*--font-size: 13px;--*/
min-height: 25px;
background: #fff;
line-height: 24px;
font-size: 18px;
}

.stickynavbar {
position: sticky !important;
top: 0;
background: #fff;
z-index: 999 !important;
}

.nobackground {
background: none;
}

.nowrap {
white-space: nowrap;
}

table {
width: 100%;
margin: 20px 0;
line-height: 30px;
}

a {
text-decoration: underline;
color: #000;
cursor: pointer;
}

a:hover {
text-decoration: none;
}

.elementor p a {
text-decoration: underline;
}

.elementor p a:hover {
text-decoration: none;
}

a, button {
cursor: pointer;
}

button {
border: 0;
outline: 0;
font-weight: bold;
color: #fff;
font-size: 22px;
font-family: "Montserrat", sans-serif;
padding: 12px 40px;
border-radius: 6px;

border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px;
}

button:hover, button:focus {
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

button:active {
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

button.smallerbutton {
font-size: 18px;
padding: 10px 30px;
margin-top: 8px;
margin-bottom: 30px;
}

button.flickity-button  {
padding: 0;
background: none;
border: none;
}

button.flickity-button:hover, button.flickity-button:focus {
border: none;
background: none;
}

button.flickity-button:active {
background: none;
}

button.flickity-button path {
stroke: #fff;
stroke-width: 3px;
}

.contentbutton {
margin: 20px 20px 20px 0px;
}

.servicespecial button {
margin-top: 20px;
}

.bannercontent button {
margin-top: 40px;
}

h1 {
/*--font-size: 22px;--*/
padding: 5px 0 10px 0;
font-weight: bold;

font-size: 38px;
line-height: 40px;
}

h2 {
/*--font-size: 18px;--*/
padding: 8px 0 8px 0;
font-weight: bold;

font-size: 34px;
line-height: 36px;
}

h3 {
/*--font-size: 16px;--*/
font-weight: bold;

font-size: 24px;
line-height: 30px;
}

h4 {
font-size: 14px;
font-weight: bold;
}

#bodycontent h3 {
padding: 6px 0 2px 0;
}

.styledh2 h2 {
font-size: 70px;
line-height: 63px;
font-weight: 300;
}

.styledh2 h2 span {
font-family: "Crimson Text", serif;
font-style: italic;
font-weight: 300;
}

.elementostyledheader {
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 400;
color: #30363A;
text-align: center;
padding: 60px;
}

p {
padding: 5px 0 5px 0;
/*--line-height: 18px;--*/
line-height: 24px;
font-size: 18px;
}

.contactdetails p {
font-size: 22px;
line-height: 28px;
}

hr {
margin: 0;
border: 0;
height: 1px;
background: rgba(166, 183, 190, .3);
}

th {
font-weight: bold;
}

.absolutecenter {
left: 0;
right: 0;
}

/*-- Home Page --*/

.specialhome {
position: absolute;
margin-top: -349px;
margin-left: 16px;
}

.specialcontent a, .specialcontent h2, .specialcontent p {
color: #fff;
text-decoration: none;
}

.specialcontent h2 {
font-size: 54px;
line-height: 58px;
padding: 0;
}

.specialcontent p {
font-weight: bold;
font-size: 24px;
line-height: 28px;
padding: 0;
}

.specialcontent p span {
color: #ffef07;
font-size: 48px;
line-height: 52px;
}

.specialcontent p.hometerms {
font-size: 12px;
line-height: 14px;
font-weight: normal;
}

.specialcontent p.hometerms a.termlink {
text-decoration: underline;
}

.homelinkwrap {
width: 100%;
max-width: 1920px;
display: flex;
margin: auto;
margin-top: -92px;
z-index: 9;
position: relative;
}

.homelinkwrap a.homelink {
width: 25%;
background: #efefef;
text-decoration: none;

text-align: center;
padding: 25px 0;

border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;

background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#a7a7a7));
background: -moz-linear-gradient(top, #efefef, #a7a7a7);
background: linear-gradient(to bottom, #efefef, #a7a7a7);
text-shadow: #ffffff 1px 1px 1px;
font: normal normal bold 20px 'Fira Sans', sans-serif;
color: #111111;
}

.homelinkwrap a.homelink:hover {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c8c8c8));
background: -moz-linear-gradient(top, #ffffff, #c8c8c8);
background: linear-gradient(to bottom, #ffffff, #c8c8c8);
color: #111111;
}

.homelinkwrap a.homelink h2 {
padding: 5px 0 0 0;
font-size: 24px;
line-height: 28px;
}

.homelinkwrap a.homelinkfirst {
border-radius: 6px 0 0 6px;
border-left: 1px solid #c7c7c7;
margin-left: 1px;
}

.homelinkwrap a.homelinklast {
border-radius: 0 6px 6px 0;
border-right: 1px solid #c7c7c7;
margin-right: 1px;
}

.introcontentarea {
text-align: center;
max-width: 1080px;
margin: auto;
padding-top: 40px;
}

.introcontentarea p {
font-size: 18px;
line-height: 32px;
max-width: 780px;
margin: auto;
}

.introcontentarea h1 {
font-size: 40px;
line-height: 46px;
font-weight: normal;
padding: 0;
padding-bottom: 10px;
}

.introcontentarea h2 {
font-size: 32px;
line-height: 32px;
font-weight: normal;
padding: 0;
padding-bottom: 10px;
}

.introcontentarea p {
font-size: 18px;
line-height: 32px;
}

.servicespecialwrap {
width: 100%;
max-width: 1920px;
display: flex;
justify-content: space-around;
margin: 60px auto;
}

.servicespecial {
text-align: center;
max-width: 30%;
}

.servicespecial img {
width: 100%;
max-width: 400px;
height: auto;
}

.servicespecial h2 {
font-size: 32px;
line-height: 32px;
}

.servicespecial h3 {
font-size: 22px;
line-height: 22px;
font-weight: normal;
}

.servicespecial h3 span {
color: #eb2029;
font-weight: bold;
}

.servicespecial p {
font-size: 16px;
line-height: 22px;
margin-top: 10px;
}

h2.serviceheading {
font-size: 32px;
line-height: 32px;
font-weight: normal;
padding: 0;
padding-top: 50px;
margin-bottom: -30px;
text-align: center;
}

.testimonialwrap {
background: #efefef;
padding: 40px;
}

.testimonial {
text-align: center;
max-width: 1080px;
margin: auto;
}

.testimonial h2, .testimonial h1 {
font-size: 32px;
line-height: 32px;
font-weight: normal;
padding: 0;
padding-bottom: 10px;
}

.testimonial h3 {
font-size: 22px;
margin-top: 16px;
}

.testimonial h2 span, .testimonial h1 span {
font-weight: bold;
color: #eb2029;
}

.testimonial p {
font-size: 18px;
line-height: 32px;
max-width: 780px;
margin: auto;
}

.lefttestimonialcontent {
text-align: left;
max-width: 850px;
margin: auto;
}

.lefttestimonialcontent .testimonial h2, .lefttestimonialcontent .testimonial h3 {
text-align: left;
max-width: 850px;
}

.lefttestimonialcontent .testimonial p {
text-align: left;
max-width: 850px;
}

.servicelimitationcontent {
background: #eb2029;
max-width: none;
}

.servicelimitationcontent h2 {
color: #fff;
text-align: center !important;
font-weight: bold;
font-size: 28px;
line-height: 36px;
padding: 0;
}

.servicelimitationcontent .testimonial {
max-width: 850px;
}

.contentarea {
padding: 80px;
text-align: center;
}

.contentarea h2 {
font-size: 32px;
line-height: 32px;
font-weight: normal;
padding: 0;
padding-bottom: 10px;
}

.contentarea h2 span {
font-weight: bold;
color: #eb2029;
}

.thirdcontentwrap {
width: 100%;
max-width: 1920px;
margin: auto;
display: flex;
justify-content: space-between;
padding: 0;
padding-top: 40px;
}

.thirdcontent {
width: 30%;
text-align: center;
}

.thirdcontent h2 {
font-size: 26px;
line-height: 26px;
font-weight: normal;
padding: 8px 0 8px 0;
}

.thirdcontent h2 span {
font-weight: bold;
color: #eb2029;
}

.thirdcontent p {
font-size: 18px;
line-height: 32px;
}

.threecolumnwrap {
width: 100%;
max-width: 1920px;
margin: auto;
display: flex;
justify-content: center;
padding: 0;
padding-top: 40px;
flex-wrap: wrap;
}

.threecolumn {
width: 30.3%;
padding: 0 1.5%;
text-align: center;
margin-bottom: 40px;
}

.threecolumn h2 {
font-size: 26px;
line-height: 26px;
font-weight: normal;
padding: 8px 0 8px 0;
}

.threecolumn h2 span {
font-weight: bold;
color: #eb2029;
}

.threecolumn p {
font-size: 18px;
line-height: 32px;
}

.threecolumn ul {
text-align: left;
}

.threecolumn ul li {
font-size: 18px;
line-height: 30px;
}

.contentcolumnwrap {
justify-content: space-evenly;
margin-bottom: 40px;
}

.contentcolumnwrap .threecolumn {
padding: 20px;
box-sizing: border-box;
background: #efefef;
margin: 0;
}

.contentcolumnwrap .threecolumncontainsbutton {
position: relative;
padding-bottom: 80px;
}

.threecolumnbutton {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
text-align: center;
}

.contentcolumnwrap .threecolumn button.smallerbutton {
margin-bottom: 0;
}

.fullservicetypewrap {
margin: 20px;
}

.servicetypewrap {
width: 100%;
max-width: 1920px;
margin: auto;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
display: flex;
justify-content: space-between;
}

.servicetype {
width: 48%;
text-align: center;
background: #efefef;
padding: 20px;
box-sizing: border-box;
margin: 20px 0;
}

.singleservicetype {
width: 100%;
}

.servicetype ul {
text-align: left;
display: flex;
flex-wrap: wrap;
}

.servicetype li {
width: 50%;
list-style: none;
margin: 0;
font-size: 16px;
line-height: 28px;
}

.singleservicetype li {
width: 33.3%;
}

.servicetype li:before {
content: "•";
padding-right: 7px;
}

.servicetype a {
text-align: center;
}

.servicetype h3 {
margin-top: 15px;
font-size: 20px;
line-height: 22px;
font-weight: normal;
}

.servicetype h3 span {
font-weight: bold;
color: #eb2029;
}

.servicetype button.smallerbutton {
margin-top: 20px;
margin-bottom: 0;
}

.listwrap {
display: flex;
justify-content: space-between;
}

.quartercontentwrap {
width: 100%;
max-width: 1920px;
margin: auto;
display: flex;
justify-content: space-between;
padding: 0;
padding-top: 40px;
}

.quartercontent {
width: 24%;
text-align: center;
}

.quartercontent h2 {
font-size: 26px;
line-height: 26px;
font-weight: normal;
padding: 8px 0 8px 0;
}

.quartercontent h2 span {
font-weight: bold;
color: #eb2029;
}

.quartercontent p {
font-size: 18px;
line-height: 32px;
}

/*-- Main Style --*/

.mobile {
display: none;
}

#container {

}

#headbg {
width: 100%;
background: #fff;
height: 100px;
}

#navbg {
width: 100%;
background: #30363a;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

.plaincontent {
width: 100%;
max-width: 1920px;
text-align: center;
margin: 40px auto;
}

.plaincontent h1 {
font-size: 40px;
line-height: 46px;
padding: 0;
margin: 20px 0;
font-weight: normal;
}

.plaincontent h2 {
font-size: 30px;
line-height: 36px;
padding: 0;
margin: 20px 0;
font-weight: normal;
}

.plaincontent h1, .plaincontent h2, .plaincontent h3 {
font-weight: normal;
}

.plaincontent h1 span, .plaincontent h2 span, .plaincontent h3 span {
font-weight: bold;
color: #eb2029;
}

.widecontent {
padding: 40px 0;
}

.brands {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.brands img {
width: 100px;
height: 100px;
margin: 15px 10px;
}

/*-- JAECOO Styling --*/

.headervideobackground {
height: 100vh !important;
}

.jaecoospecs .elementor-widget-text-editor {
width: 50% !important;
}

.jaecoospecs .jaecoospecheading {
width: 100% !important;
}

.faqaccordion .eael-accordion-content {
border-radius: 0 0 10px 10px !important;
}

.promodealhook h2, .promodealhook h3 {
background: #fff;
color: #0D171A !important;
padding: 10px;
}

/*-- Locate Workshop --*/

.locatewrap {
display: flex;
justify-content: space-around;
margin-bottom: 30px;
}

.locatecontent {
width: 35%;
}

.locatecontent p {
text-align: left;
font-size: 24px;
line-height: 30px;
padding-top: 0;
padding-bottom: 20px;
}

.locatecontent p:last-of-type {
padding-bottom: 0;
}

.locatemap {
width: 49%;
}

.locatemap iframe {
max-width: 100%;
}

/*-- CTA Bar --*/

.ctabar {
padding: 40px;
text-align: center;
background-color: #999;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.ctabar h1, .ctabar h2 {
padding-top: 0;
font-size: 28px;
line-height: 30px;
margin-bottom: 20px;
color: #fff;
}

/*-- Header --*/

#fixedhead {
width: 100%;
position: fixed;
z-index: 9999;
}

#header {
width: 100%;
max-width: 1920px;
margin: auto;
/*--margin-top: -25px;--*/
/*--background: #fff;--*/
}

#logo {
display: inline;
float: left;
margin-top: 9px;
}

#space {
height: 132px;
width: 100%;
max-width: 1920px;
margin: auto;
}

#callnow {
width: 100%;
max-width: 1920px;
margin: auto;
z-index: 9999;
}

#callnow a {
color: #eb2029;
}

#callnow .headercontent {
margin: -65px 0px 0px 0px;
float: right;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #888;

display: flex;
}

#callnow .headercontent h2 {
display: inline;
font-size: 24px;
line-height: 26px;
padding: 0;
margin: 0;
vertical-align: middle;
font-weight: normal;
color: #eb2029;
}

#callnow .headercontent h2 span {
font-weight: bold;
}

#callnow .headercontent img {
display: inline;
line-height: 26px;
height: 26px;
vertical-align: middle;
margin-left: 20px;
margin-right: 5px;
}

#callnow a:hover {
color: #000;
}

/*-- Main Navigation --*/

#navwrap {
width: 100%;
max-width: 1920px;
margin: auto;
}

#mainnav {
line-height: 18px;
/*--margin: -13px 0 -13px 0;--*/
clear: both; /*--- Always after floated elements ---*/
}

.nolink a, a.nolink {
cursor: default !important;
}

.link a, a.link {
cursor: pointer !important;
}

ul#mainmenu {
height: 32px;
/*--margin-left: 0px;--*/
margin: 0px;
}

ul#mainmenu li {
float: left;
position: ;
padding: 5px 0px;
}

ul#mainmenu a {
padding: 2px 20px;
color: #ebebeb;
font-weight: bold;
/*--border-right: 1px solid #fff;--*/
text-decoration: none;
}

ul#mainmenu li.first a {
padding-left: 10px;
}

ul#mainmenu li.last a {
border-right: none;
}

ul#mainmenu li a.selected {

}

ul#mainmenu li a:hover {

}

ul#mainmenu li a:active {

}

ul#mainmenu ul {
width: 100%;
}

ul#mainmenu ul ul {
width: 210px;
}

/*--- Drop Down Menu ---*/

.sub-menu {
border-right: none;
}

ul#mainmenu ul ul {
display: none;
}

ul#mainmenu ul li:hover > ul {
display: block;
}

ul#mainmenu ul {
list-style: none;
position: relative;
display: inline-table;
}
ul#mainmenu ul:after {
content: ""; 
clear: both; 
display: block;
}

ul#mainmenu ul li {
float: left;
}
ul#mainmenu ul li:hover {

}
ul#mainmenu ul li:hover a {

}

ul#mainmenu ul li a {
display: block; 
text-decoration: none;
}

ul#mainmenu ul ul {
background: #30363a; /*///*/
padding: 0;
position: absolute; 
top: 100%;
}

ul#mainmenu ul ul li {
float: none; 
border-top: 1px solid 3d3d3d;
border-bottom: 1px solid 333333;
position: relative;
}
ul#mainmenu ul ul li a {
width: 170px;
border-right: none;
}
ul#mainmenu ul ul li a:hover {
color: #F4F6F7;
}

ul#mainmenu ul ul ul {
position: absolute; 
left: 100%; 
top:0;
}

/*-- CTA Navigation --*/

#fixedcta {
position: fixed;
margin: -31px 0 0 672px;
z-index: 9999;
}

#ctanav {
line-height: 20px;
margin: -13px 0 -13px 0;
clear: both; /*--- Always after floated elements ---*/
float: right;
}

ul#ctamenu {
height: 32px;
margin-left: 0px;
}

ul#ctamenu li {
float: left;
position: ;
padding: 5px 0px;
margin-left: 5px;
}

ul#ctamenu a {
padding: 4px 26px;
color: #fff;
font-weight: bold;
background: #777;
text-decoration: none;
}

ul#ctamenu a.focus {
padding: 4px 40px;
background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

ul#ctamenu li a.selected {

}

ul#ctamenu li a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

ul#ctamenu li a:active {

}
/*-- Secondary Navigation --*/

#secnav {
/*---clear: both;  Always after floated elements ---*/
float: right;
}

ul#secmenu {
height: 50px;
margin-left: 0px;
font-size: 12px;
}

ul#secmenu li {
float: left;
position: ;
}

ul#secmenu a {
padding: 4px 20px;
color: #888;
font-weight: bold;
border-right: 1px solid #000;
text-decoration: none;
}

ul#secmenu li.last a, a.last {
border-right: none !important;
padding-right: 0 !important;
}

ul#secmenu li a:hover {
color: #000;
}

/*-- New Car Header --*/

#modelpageformarea {
width: 215px;
height: 314px;
color: #fff;
padding: 5px 10px;
position: absolute;
}

h1.modelheader {
font-size: 14px;
color: #fff; 
font-weight: bold;
padding: 0;
}

.carmodel {
color: #fff; 
font-size: 30px;
}

p.modelsubtext {
padding: 0 0 13px 0;
}

.modelsubtext {
font-size: 12px;
color: #fff; 
font-weight: normal;
}

.bigsubtext {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}

.termstext {
font-size: 10px;
}

.termstext a {
color: #fff;
}

/*-- Promos Page --*/

.promocontent h1 {
font-size: 40px;
line-height: 46px;
padding: 0;
margin: 20px;
font-weight: normal;
}

h1 span {
font-weight: bold;
color: #eb2029;
}

.promoswrap {
width: 100%;
max-width: 1920px;
margin: auto;
display: flex;
justify-content: space-around;
margin: 20px auto;
text-align: center;
}

.promo {
margin-bottom: 40px;
}

.promo img {
max-width: 400px;
width: 100%;
height: auto;
}

.promo h2 {
font-size: 26px;
line-height: 30px;
}

.promo .list li {
font-size: 18px;
line-height: 30px;
list-style: none !important;
}

.promo .list li span {
font-weight: bold;
color: #eb2029;
}

.blogpostentry li {
list-style: disc !important;
margin-left: 18px;
}

/*-- Universal Gravity Form --*/

.gform_body {
text-align: left;
}

ul.gform_fields {
margin: 0;
}

.gform_hidden, .hidden_label {
display: none !important;
}

.gform_validation_container {
display: none !important;
}

.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {
width: inherit !important;
margin-left: 0 !important;
}

.gform_footer {
clear: both;
}

.gfield_label {
width: 100% !important;
text-align: left;
float: left;
font-weight: normal;
}

.gform_wrapper.gravity-theme .gfield_label {
font-weight: 600 !important;
}

.gform_wrapper .gfield_error .gfield_label {
color: #ff2d56 !important;
font-style: italic;
}

.gfield_required {
/*--color: #fff;--*/
font-weight: normal;
}

.gfield-choice-input {
margin-right: 5px;
}

.gfield .screen-reader-text {
display: none;
}

.ginput_container {
width: 100% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: none !important;
margin-bottom: 0px !important;
padding: 0px !important;
border-top: 0px !important;
border-bottom: 0px !important;
}

.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea {
border: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-left: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
max-width: 100% !important;
}

.gform_wrapper form {
overflow: visible !important;
/*--overflow: auto !important;--*/
}

.gform_wrapper ul li.gfield {
margin-bottom: 0px !important;
clear: both;
}

.gform_wrapper {
max-width: 100% !important;
margin: 0px !important;
/*--overflow: auto !important;--*/
}

input[type="text"], input[type="email"], textarea, select {
font-size: 22px;
line-height: 22px;
margin: 0px;
float: right;
padding: 5px !important;
margin-bottom: 10px !important;
height: 36px;
width: 100% !important;
box-sizing: border-box;
border: 1px solid #ccc;
}

textarea {
resize: none;
overflow: auto;
height: 60px !important;
}

fieldset p {
line-height: 25px;
}

label {
font-size: 16px;
line-height: 26px;
color: #000;
}

.ginput_container_fileupload {
display: flex;
justify-content: space-between;
clear: both;
margin-bottom: 2px;
}

.gform_fileupload_rules {
display: none;
}

input[type="submit"] {
border: 0;
outline: 0;
font-weight: normal;
color: #fff;
font-size: 22px;
font-family: "Montserrat", sans-serif;
padding: 12px 68px;
margin-top: 10px;
cursor: pointer;

background: #30363A;
}

input[type="submit"]:hover, input[type="submit"]:focus {

}

input[type="submit"]:active {
}

.gfield--type-captcha label {
display: none !important;
}

/*--- Sell Your Car Form --*/

#input_7_11 {
line-height: 0;
}

#input_7_20_1_container, #input_7_20_2_container {
width: 100%;
padding: 0;
}

.nolabelform .gfield_label {
display: none;
}


.box {
color: #fff;
}

textarea:focus, input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
background: #fff;
outline: none;

-moz-box-shadow: 0px 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 0px 1px 1px #ccc;
box-shadow: 0px 0px 1px 1px #ccc;
}

.gform_wrapper .gform_page_footer {
border-top: none !important;
}

.gform_next_button {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 190px !important;
height: 50px !important;
font-size: 16px;
line-height: 18px;
margin: -5px 0px 0px 0px !important;
border: none !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.gform_next_button:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.gform_previous_button {
height: 50px !important;
width: 190px !important;
font-size: 16px;
line-height: 18px;
margin: -5px 0px 0px 0px !important;
}

.sellyourcarform label {
display: none !important;
}

.sellyourcarform .gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 0px;
}

/*-- Gravity Form --*/

.validation_message {
display: none !important;
}

.validation_error {
display: none !important;
}

.formwrap {
width: 400px;
background: rgba(255, 255, 255, 0.4);
text-align: center;
align-self: center;
margin: auto;
padding: 45px 20px;
height: 510px;
background: #fff;
}

.formwrap h2 {
padding: 0;
margin-bottom: 15px;
font-size: 28px;
line-height: 28px;
background: #B92025;
color: #fff;
padding: 10px 0;
}

.termslink {
margin-top: 6px;
padding: 0;
}

/*--- Datepicker ---*/

/* General GF Date Picker */
#ui-datepicker-div          { background: #FFF; border: 1px solid #ddd; border-radius:4px; .box-shadow(0px 3px 5px 0px rgba(50, 50, 50, 0.75)); display:none; padding:20px;

  .ui-icon                  { color: transparent; cursor: pointer; font-size: 0px; }
  .ui-icon:before           { color: @anchor-color; font-family:"FontAwesome"; font-size: 18px; }

  .ui-datepicker-prev       { float: left; width: 10%;
    .ui-icon:before         { content:'\f060'; }
    &.ui-state-disabled     { display:none; }
  }
  .ui-datepicker-next       { float: right; width: 10%;
    .ui-icon:before         { content:'\f061'; float: right; }
    &.ui-state-disabled     { display:none; }
  }

  .ui-datepicker-title      { 
    select                  { float: left;  width: 70%; }

    .ui-datepicker-month    { margin: 0px 5% 6px; }
    .ui-datepicker-year     { margin: 0px 15% 6px; }
  }

  .ui-datepicker-today      { background-color: @primary-color; border-radius: 4px;
    a                       { color: #FFF; }
  }

  table                     { width: 100%; 
    td, th                  { text-align: center; }
    td                      {  
      a                     { display: block; padding: 5px; }
    }
  } 

}

/*--- Custom Date Picker ---*/

table.ui-datepicker-calendar {
background: #fff;
border-collapse: collapse;
color: #222;
font-family: "Montserrat", sans-serif;
font-size: 13px;
width: 100%;
}

table.ui-datepicker-calendar th {
border: 1px solid #ccc;
background: #eb2029;
color: #fff;
line-height: 22px;
text-align: center;
padding: 2px 4px 0px 4px;
}

table.ui-datepicker-calendar td {
border: 1px solid #ccc;
background: #fff;
color: #444;
line-height: 22px;
text-align: center;
padding: 2px 4px 0px 4px;
}

table.ui-datepicker-calendar td a {
color: #444;
text-decoration: none;
}

table.ui-datepicker-calendar td a:hover {
color: #000;
font-weight: bold;
}

.ui-datepicker-prev, .ui-datepicker-next {
display: none;
}

.ui-datepicker-month, .ui-datepicker-year {
width: 49% !important;
margin: 0 !important;
margin-bottom: 4px !important;
background: #dfdfdf;
border: 1px solid #ccc;
}

.ui-datepicker-month {
float: left !important;
}

.ui-datepicker-year {
float: right !important;
}

table.ui-datepicker-calendar {
margin-bottom: 2px;
}

#ui-datepicker-div {
padding: 5px;
border-radius: 0 0 4px 4px;
background: #f2f2f2;
width: 260px;
box-sizing: border-box;
}

/*-- Competition Banner --*/

.bannerwrap {
width: 100%;
max-width: 1900px;
display: flex;
}

.leftofformbanner {
width: calc(50% - 220px);

background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}

.leftofformbannerenter {

}

.rightofformbanner {
width: calc(50% - 220px);

background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}

/*-- Main --*/

#wrap {
width: 100%;
max-width: 1920px;
margin: auto;
}

#slider {
/*--height: 600px;
display: flex;
justify-content: center;
background: #B92025;--*/
}

#slider img {
/*--height: 700px;--*/
/*--width: 1920px;--*/
}

#slider {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

#slider .content {
background-color: #999;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

#slider.subpagebanner {
display: flex;
height: 600px;
}

.bannercontentwrap {
width: 100%;
height: 100%;
display: flex;
justify-content: space-around;
}

.bannercontent {
text-align: center;
align-self: center;
margin-top: -92px;
}

.bannercontent h1, .bannercontent h2 {
padding-top: 0;
font-size: 40px;
line-height: 46px;
color: #fff;
}

.bannercontent p, .bannercontent h3 {
padding: 0;
font-size: 22px;
line-height: 24px;
color: #fff;
}

.orbit-wrapper {
z-index: 0;
}

.content {
visibility: hidden; /*-- Hidden until site is fully loaded to solve images loading one after the other --*/
}

#bodycontent {
padding: 10px 0 0 0;
}

#content {
width: 635px;
float: left;
background: #fff;
padding: 10px 10px 10px 0;
}

#block {
background: #777;
padding: 10px;
margin: 10px 0 5px 0;
color: #fff;
}

.splitlist {
column-count: 2;
}

.list li {
list-style: disc !important;
margin-left: 18px;
}

.termlist {
padding: 10px 0;
}

.termlist li {
list-style: decimal !important;
margin-left: 18px;
padding: 5px 0;
}

.boldlist li {
list-style: disc !important;
margin-left: 30px;
font-style: normal !important;
font-weight: bold !important;
font-size: 14px;
margin-bottom: 12px;
}

.listleft {
float: left;
width: 230px;
}

.listright {
float: right;
width: 200px;
}

#block h2:first-child {
color: #fff;
padding: 0 0 8px 0;
}

#block h2 {
color: #fff;
}

#block a {
color: #ebebeb;
}

#block a:hover {
color: #fff;
}

#video {
float: left;
}

#videotext {
float: right;
width: 300px;
height: 360px;
padding: 0px 5px;
background: #ebebeb;
}

#imgtext {
float: right;
width: 300px;
min-height: 360px;
padding: 0px 5px;
background: #ebebeb;
}

#video, #videotext, #imgtext {
margin-bottom: 20px;
}

.fade_gallery .slide {
border: none !important;
}

#reviewingblocks {
clear: both;
}

.reviewblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 449px;
height: 220px;
padding: 10px 10px 14px 10px;
}

.reviewblocks:nth-of-type(2n+2) {
margin-right: 0px;
}

.reviewblocks h3 {
font-weight: bold;
text-align: center;
}

.reviewimg {
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px;
}

/*-- Parts Page --*/

#contact-thirds {
clear: both;
width: 630px;
margin: auto;
}

.thirds {
width: 210px;
float: left;
margin: -5px 0px 15px 0px;
}

/*-- Brochure Download Page --*/

.brochurecontainer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.brochureelement {
width: 23%;
margin: 20px 0;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 15px;
}

.brochureelement img {
max-width: 100%;
}

.brochureelement h2 {
font-size: 20px;
line-height: 22px;
}

.textcontainer .brochureelement h2::before {
width: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.onlytextcontainers .textcontainer  {
margin: 40px 0;
}

.plaintextcontainer {
margin-top: 40px;
margin-bottom: 40px;
}

/*-- New Car Page --*/

.newcarcontainer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.newcarcontainer a {
text-decoration: none;
}

.newcarelement {
width: 23%;
margin: 20px 0;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 15px;
}

.newcarelement img {
max-width: 100%;
}

.newcarelement h2 {
font-size: 20px;
line-height: 22px;
}

.textcontainer .newcarelement h2::before {
width: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.onlytextcontainers .textcontainer  {
margin: 40px 0;
}

/*-- Showroom Page  --*/

.showroomblock {
height: 311px;
margin: 10px 0;
}

.showroominfo {
float: left;
width: 469px;
border-right: 1px solid #999;
height: 295px;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 16px;
}

.showroommap {
float: right;
margin-bottom: 10px;
width: 470px;
}

.top15 {
margin-top: 15px;
}

.textleft {
float: left;
width: 470px;
margin-bottom: 15px;
clear: both;
}

.textright {
float: right;
width: 470px;
margin-bottom: 15px;
}

.textleft2 {
float: left;
width: 460px;
margin-bottom: 15px;
clear: both;
}

.textright2 {
float: right;
width: 480px;
margin-bottom: 15px;
}

.largetestimonial {
clear: both;
background: #ebebeb;
padding: 20px 140px;
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}

/*-- Pre-Footer --*/

.videoimage {
margin-right: 17px;
float: left;
}

.videoimage:nth-of-type(3n+3){
margin-right: 0 !important;
}

#contentblocks {
margin: 10px 0 30px 0;
height: 215px;
clear: both;
}

#specials, #tradein, #newsletter, #blog, #facebook, #misc, #modelblog {
display: inline;
float: left;
margin-bottom: 15px;
}

#blog {
padding: 0px 10px;
width: 460px;
height: 398px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#blog h3 {
font-weight: bold;
}

.titlelink {
font-size: 14px !important;
}

#facebook {
float: right;
height: 404px;
width: 460px;
}

#modelblog, #specials, #tradein {
margin-right: 22px;
}

#modelblog {
padding: 0px 10px;
width: 283px;
height: 200px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#micrafeed, #livinafeed, #jukefeed, #qashqaifeed, #muranofeed, #pathfinderfeed, #xtrailfeed, #patrolfeed, #gtrfeed, #370zfeed, #np200feed, #np300feed, #patrolpickupfeed, #navarafeed, #nv200panelvanfeed, #nv200combifeed, #nv350feed {
height: 200px;
}

.widgettitle {
padding-top: 0px;
}

/*-- Footer - Newsletter Sign Up Button --*/

.signupbuttonblock {
background: #ebebeb;
padding: 20px;
text-align: center;
}

.newsletterbutton {
text-align: center;
}

.newsletterbutton a {
margin: 20px auto 0 auto;
padding: 8px 30px;
border-radius: 6px;
color: #fff;
border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px !important;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}

.newsletterbutton a:hover, .newsletterbutton a:focus {
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.newsletterbutton a:active {
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

/*-- Footer --*/

.footbg {
width: 100%;
background: #30363a;
clear: both;
}

.darkfootbg {
background: #262626;
}

.footer {
font-size: 14px;
width: 100%;
max-width: 1440px;
margin: auto;
padding: 10px;
color: #fff;
margin-top: 0px;
padding-top: 15px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.footer p {
font-size: 14px;
}

.darkfooter {
/*padding-bottom: 10px;*/
/*padding-top: 10px;*/
height: 1px;
padding: 0;
}

#foot-image {
float: right;
width: 245px;
display: inline;
}

#foot-text {
float: right;
width: 840px;
display: inline;
margin-top: -6px;
}

.footer a {
font-weight: ;
color: #fff;
text-decoration: underline;
}

.footer a:hover {
text-decoration: none;
}

#group1branches {
overflow: auto;
display: flex;
margin-bottom: 12px;
margin-top: 8px;
float: left;
}

#group1branches img {
margin-right: 5px;
}

.dealer {
float: left;
margin-right: 50px;
}

.dealer p {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 22px;
}

.dealerlast {
float: left
}

#foot-links .menu ul {
display: flex;
}

#foot-links .menu ul li {
margin-right: 10px;
}

.fontcontentimage {
display: flex;
justify-content: space-between;
padding: 30px 0;
}

.fontcontentimage .footimage {
align-self: flex-start;
}

.footerbranchdetails {
display: flex;
}

.footerbranchdetails img {
margin-right: 8px;
width: 35px;
height: auto;
}

.footerbranchdetails p {
margin-left: 40px;
padding-top: 0;
}

.footerterms {
padding: 30px 0;
display: flex;
justify-content: space-between;
}

/*-- Footer Navigation --*/

#foot-links {
height: 40px;
line-height: 40px;
margin-left: 0px;
padding: 30px 0;
display: flex;
justify-content: space-between;
}

#foot-links ul {
margin: 0;
}

#foot-links li {
float: left;
position: ;
}

#foot-links a {
color: #fff;
text-decoration: none;
margin-right: 40px;
}

#foot-links a.footer__media-item {
margin-left: 20px;
margin-right: 0px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 100%;
background: #485054;
}

#foot-links li.first a {
padding-left: 0;
}

#foot-links li.last a {
border-right: none !important;
padding-right: 0 !important;
}

#foot-links li a:hover {
color: #efefef;
}

.footersocialswrap {
display: flex;
}

.footersocials {
display: flex;
margin-left: 40px;
}

.footersocials h4 {
font-weight: normal;
}

/*-- Sitemap --*/

.sitemap li, .sitemapsub li {
list-style: disc !important;
text-align: left;
font-size: 16px;
line-height: 28px;
}

.sitemap {
margin-left: 20px;
}

.sitemapsub {
margin-left: 30px;
}

/*-- Google --*/

iframe[name='google_conversion_frame'] { 
height: 0 !important;
width: 0 !important; 
line-height: 0 !important; 
font-size: 0 !important;
margin-top: -13px;
float: left;
}

/*-- Animated Promo Roller --*/

#roller {
width: 140px;
height: 28px;
position: absolute;
}

.faceplain {
line-height: 36px;
font-weight: bold;
color: #fff;
text-align: center;
height: 36px;
margin: 5px 0;

background: #ff2d56; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2d56 0%, #eb2029 100%); /* FF3.6+ */
background: -moz-gradient(linear, left top, left bottom, color-stop(0%,#ff2d56), color-stop(100%,#eb2029)); /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff2d56 0%,#eb2029 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d56', endColorstr='#eb2029',GradientType=0 ); /* IE6-9 */
}

.face1, .face2, .face3, .face4 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #fff;
text-align: center;
width: 140px;
height: 28px;
margin: -8px 0px 10px 157px;
position: absolute;

background: #ff2d56; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2d56 0%, #eb2029 100%); /* FF3.6+ */
background: -moz-gradient(linear, left top, left bottom, color-stop(0%,#ff2d56), color-stop(100%,#eb2029)); /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff2d56 0%,#eb2029 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d56', endColorstr='#eb2029',GradientType=0 ); /* IE6-9 */
}

#roller .face1 {
-moz-transform: translateZ(14px);
}

#roller .face2 {
-moz-transform: rotateX(90deg) translateZ(14px);
}

#roller .face3 {
-moz-transform: rotateX(180deg) translateZ(14px);
}

#roller .face4 {
-moz-transform: rotateX(270deg) translateZ(14px);
}

@-moz-keyframes spincube {
from,to { }
0% { -moz-transform: rotateX(0deg); }
14% { -moz-transform: rotateX(0deg); }
21% { -moz-transform: rotateX(-90deg); }
35% { -moz-transform: rotateX(-90deg); }
42% { -moz-transform: rotateX(-180deg); }
70% { -moz-transform: rotateX(-180deg); }
77% { -moz-transform: rotateX(-270deg); }
91% { -moz-transform: rotateX(-270deg); }
100% { -moz-transform: rotateX(-360deg); }
}

#roller {
-moz-animation-name: spincube;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 12s;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 7px 7px 0;
}

/*-- Animated Promo Roller --*/

#roller {
width: 140px;
height: 28px;
position: absolute;
}

.face1, .face2, .face3, .face4 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #fff;
text-align: center;
width: 140px;
height: 28px;
margin: -8px 0px 10px 157px;
position: absolute;

background: #ff2d56; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2d56 0%, #eb2029 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2d56), color-stop(100%,#eb2029)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff2d56 0%,#eb2029 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d56', endColorstr='#eb2029',GradientType=0 ); /* IE6-9 */
}

#roller .face1 {
-webkit-transform: translateZ(14px);
}

#roller .face2 {
-webkit-transform: rotateX(90deg) translateZ(14px);
}

#roller .face3 {
-webkit-transform: rotateX(180deg) translateZ(14px);
}

#roller .face4 {
-webkit-transform: rotateX(270deg) translateZ(14px);
}

@-webkit-keyframes spincube {
from,to { }
0% { -webkit-transform: rotateX(0deg); }
14% { -webkit-transform: rotateX(0deg); }
21% { -webkit-transform: rotateX(-90deg); }
35% { -webkit-transform: rotateX(-90deg); }
42% { -webkit-transform: rotateX(-180deg); }
70% { -webkit-transform: rotateX(-180deg); }
77% { -webkit-transform: rotateX(-270deg); }
91% { -webkit-transform: rotateX(-270deg); }
100% { -webkit-transform: rotateX(-360deg); }
}

#roller {
-webkit-animation-name: spincube;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 12s;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 7px 7px 0;
}

/*-- Animated Promo Roller --*/

#wideroller {
width: 140px;
height: 28px;
position: absolute;
}

.wideface1, .wideface2, .wideface3, .wideface4 {
font-size: 12px;
line-height: 28px;
font-weight: bold;
color: #000;
text-align: center;
width: 204px;
height: 28px;
margin: -8px 0px 10px 90px;
position: absolute;

background: #ff2d56; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2d56 0%, #eb2029 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2d56), color-stop(100%,#eb2029)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff2d56 0%,#eb2029 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff2d56 0%,#eb2029 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d56', endColorstr='#eb2029',GradientType=0 ); /* IE6-9 */
}

#wideroller .wideface1 {
-webkit-transform: translateZ(14px);
}

#wideroller .wideface2 {
-webkit-transform: rotateX(90deg) translateZ(14px);
}

#wideroller .wideface3 {
-webkit-transform: rotateX(180deg) translateZ(14px);
}

#wideroller .wideface4 {
-webkit-transform: rotateX(270deg) translateZ(14px);
}

@-webkit-keyframes spincube {
from,to { }
0% { -webkit-transform: rotateX(0deg); }
14% { -webkit-transform: rotateX(0deg); }
21% { -webkit-transform: rotateX(-90deg); }
35% { -webkit-transform: rotateX(-90deg); }
42% { -webkit-transform: rotateX(-180deg); }
70% { -webkit-transform: rotateX(-180deg); }
77% { -webkit-transform: rotateX(-270deg); }
91% { -webkit-transform: rotateX(-270deg); }
100% { -webkit-transform: rotateX(-360deg); }
}

#wideroller {
-webkit-animation-name: spincube;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 12s;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 7px 7px 0;
}

/*--- ZERO Deposit --*/

.zerodeposit {
position: absolute;
background: none;
color: #000;
margin: -10px 0px 10px 210px;
font-size: 13px;
font-weight: normal;
font-style: italic;
}

/*--- Misc ---*/

.infobox {
background: #ebebeb;
padding: 19px 20px 5px 20px;
}

.demoimg {
float: left;
margin: 10px 0px
}

.demotext {
width: 550px;
float: right;
margin: 10px 0px
}
/*--- Finance Page ---*/

table.finance {
margin: 10px 0px;
}

table.finance th, table.finance td {
padding: 5px;
border: 1px solid #ccc;
}

table.finance tr:nth-child(even) {
background-color: #f1f1c1;
}
table.finance tr:nth-child(odd) {
background-color: #fff;
}
table.finance th {
color: #fff;
background-color: #333;
}

.landwrap {
width: 700px;
margin: auto;
}

.landback {
background-color: #fff;
width: 700px;
height: 212px;
position: absolute;
z-index: -999;
opacity: 0.5;
}

/*-- Feed Header --*/

h2.feedheader {
background: transparent;
color: #000;
width: auto;
text-align: center;
padding: 0;
font-size: 28px;
font-weight: normal;
margin: 30px 0px 15px 0px;
}

h2.feedheader:hover {
background: transparent;
}

h2.feedheader span {
font-weight: bold;
}

h2.feedheader a {
color: #eb2029;
font-weight: bold;
text-decoration: none;
}

/*-- Used Feed --*/

.usedfeed {
margin-bottom: -12px;
z-index: 0;
position: relative;
}

.pagefeed {
margin-bottom: 10px;
}

.usedfeed iframe {
width: 100%;
height: 230px;
border: 0;
}

/*-- Feed Alternative --*/

.altslider {
line-height: 0;
}

.homesliderbar {
width: 100%;
background: #000;
padding: 10px;
box-sizing: border-box;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 22px;
font-weight: bold;
}

.homebutton {
background: #eb2029;
font-size: 18px;
line-height: 50px;
font-weight: bold;
float: left;
width: 48%;
margin: 1%;
text-decoration: none;
color: #fff;
text-align: center;
}

.homebutton:hover {
background: #ff2d56;;
}

/*---- 10 Years ----*/

.tenyearsbody {
text-align: center;
}

.tenyearsintro {
max-width: 700px;
margin: auto;
}

.tenyearswrap {
display: flex;
justify-content: space-between;
margin: 20px 0;
}

.tenyearsunit {
width: 49%;
background: #efefef;
border: 1px solid #ccc;
}

.tenyearsheader {
background: #eb2029;
}

.tenyearsheader h2 {
color: #fff;
padding: 10px 0px;
line-height: 26px;
}

.tenyearsheader h2 span {
font-size: 26px;
line-height: 30px;
}

.tenyearsblock {
padding: 10px;
box-sizing: border-box;
}

.tenyearsblock h3, #bodycontent .tenyearsblock h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.tenyearsblock .ctawrap {
display: flex;
justify-content: space-between;
}

.tenyearsblock .ctawrap a {
width: 49%;
}

.tenyearsblock a {
text-decoration: none;
}

.tenyearsblock a div {
background: #eb2029;
padding: 10px;
margin: 10px auto 0 auto;
max-width: 250px;
font-size: 18px;
font-weight: bold;
color: #fff;
}

.tenyearsblock a:hover div {
background: #ff3667;
}

/*-- Blog Feed --*/

.blogfeedwrap {
clear: both;
margin-bottom: 10px;
padding-bottom: 20px;
}

.blogfeedwrap .widget_better_rss_widget {
border: 1px solid #ccc;
}

.blogfeedwrap .widget_better_rss_widget h2 {
text-align: center;
background: #ebebeb;
padding: 10px;
}

.blogfeedwrap .widget_better_rss_widget ul {
display: flex;
justify-content: space-between;
}

.blogfeedwrap .widget_better_rss_widget ul li {
width: 32%;
margin: 0;
padding: 5px 15px;
}

.blogfeedwrap .widget_better_rss_widget ul li a {
font-weight: bold;
}

/*--- FAQ Expanding Content ---*/

.questionswrap {
clear: both;
width: 100%;
max-width: 1920px;
margin-bottom: 20px;
box-sizing: border-box;
}

.questionswrap h2 {
text-align: center;
padding-top: 0;
padding-bottom: 10px;
}

.question {
border: 1px solid #ccc;
margin-bottom: 8px;
}

.question .aj-collapse {
font-weight: normal;
color: #000;
text-align: unset;
text-decoration: none;
float: unset;
margin-top: 0px;
margin-left: 0px;
position: unset;

display: flex;
justify-content: space-between;
background: #ebebeb;
padding: 6px 12px;
}

.question .aj-collapse h3 {
font-size: 16px;
}

.question .aj-collapse span {
font-size: 16px;
}

.showanswer {
display: none;
}

.question .aj-collapse:hover .showanswer {
display: initial;
}

.question .aj-hidden {
padding: 5px 10px;
}

/*--- FAQ Static Content ---*/

.question .non-collapse {
font-weight: normal;
color: #000;
text-align: unset;
text-decoration: none;
float: unset;
margin-top: 0px;
margin-left: 0px;
position: unset;

display: flex;
justify-content: space-between;
background: #ebebeb;
padding: 6px 12px;

cursor: default;
}

.question .non-collapse h3 {
font-size: 16px;
}

.question .non-collapse:hover .showanswer, .non-collapse span {
display: none;
}

.question .non-hidden {
padding: 5px 10px;
}

.servicelistblockwrap {
margin: 20px;
} 

.servicelistblock {
text-align: center;
background: #efefef;
padding: 20px;
box-sizing: border-box;
margin: 20px 0;
}

.servicelistblock h2 {
font-size: 26px;
padding: 0;
padding-bottom: 15px;
}

.servicelistblock ul.list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.servicelistblock ul.list li {
list-style: none !important;
margin: 0 20px;
font-size: 18px;
line-height: 38px;
}

.columnlist {
text-align: left;
display: flex;
flex-wrap: wrap;
}

.columnlist li {
width: 30%;
}

.twocolumnlist {
text-align: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.twocolumnlist li {
width: 45%;
}

.servicecolumnlayout {
display: flex;
padding: 20px;
width: 100%;
max-width: 1920px;
margin: auto;
}

.servicecolumnlayout .servicelistblockwrap {
margin: 20px;
width: 50%;
background: #efefef;
}

.servicecolumnlayout .servicelistblock {
margin: 0;
}

.servicecolumnlayout  .servicelistblock ul.list {
display: block;
text-align: left;
margin: 0 20px;
}

.servicecolumnlayout .servicelistblock ul.list li {
list-style: disc !important;
margin: 0;
font-size: 18px;
line-height: 26px;
padding: 6px 0;
}

/*---- Thank You Pages ---*/

.thankyoubanner {
background: rgba(0,0,0,0.4);
}

.thankyoubanner .bannercontent {
max-width: 80%;
margin-top: 0;
}

.thankyoubanner .bannercontent h2 {
padding: 0;
margin-bottom: 15px;
font-size: 24px;
line-height: 24px;
color: #fff;
}

.thankyoubanner .bannercontent p {
padding-bottom: 15px;
}


/*---- Blog ----*/

#blogintro {
padding: 80px;
max-width: 1080px;
margin: auto;
}

#blogintro h1 {
text-align: center;
}

#blogintro h2 {
text-align: center;
font-weight: normal;
}

#blogintro p {
text-align: center;
}

.blogpostimage {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 52%;
}

.blogpostcontent h1 {
font-size: 48px;
line-height: 54px;
padding: 80px;
margin: auto;
font-weight: normal;
text-align: center;
max-width: 900px;
}

.blogpostentry {
padding: 80px;
margin: auto;
max-width: 900px;
}

.blogpostentry p {
padding: 20px 0;
}


.blogh2 {
font-size: 20px;
line-height: 20px;
font-weight: normal;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 20px 0;
}

.blogpreviewentry {
padding: 20px 0;
}

.blogpreviewblock a {
text-decoration: none;
}

.blogh2 a {
text-decoration: none;
}

.blogthumbimage {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 64%;
}

.blogpreviewwrap {
display: flex;
flex-wrap: wrap;
width: 90%;
margin: auto;
}

.blogpreviewblock {
width: 33.3%;
padding: 20px;
box-sizing: border-box;
margin-bottom: 30px;
}

.wp-caption {
width: 100% !important;
background: #efefef;
padding: 10px;
box-sizing: border-box;
/*--max-width: 1000px;--*/
margin: 10px 0;
}

.wp-caption img {
width: 100%;
}

.nocaption {
line-height: 0;
}

.nocaption .wp-caption-text {
display: none;
}

.blogcontent p.wp-caption-text {
padding: 0;
font-size: 15px;
text-align: center;
line-height: 20px;
margin-top: 3px;
}

.wideblogcontent {
display: flex;
justify-content: space-around;
margin: 40px;
}

.blogcontent {
text-align: left;
width: 60%;
padding: 0;
margin: 0;
}

.blogsidebar {
width: 30%;
}

.blogcontent h1 {
font-size: 32px;
line-height: 32px;
/*--font-weight: normal;--*/
padding: 0;
padding-bottom: 10px;
}

.blogcontent h2 {
font-size: 28px;
line-height: 28px;
/*--font-weight: normal;--*/
padding: 20px 0 10px 0;
}

.blogcontent p {
font-size: 18px;
line-height: 32px;
}

.blogsidebar h3 {
font-size: 18px;
}

.blogsidebar ul {
margin-top: 5px;
margin-bottom: 18px;
}

.blogsidebar li {
font-size: 16px;
}

.more-link {
border: 0;
outline: 0;
font-weight: bold;
color: #fff;
font-size: 16px;
font-family: "Montserrat", sans-serif;
padding: 7px 18px;
border-radius: 6px;
margin-top: 10px;
cursor: pointer;
text-decoration: none;
display: inline-block;

border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px;
}

.more-link:hover, .more-link:focus {
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.more-link:active {
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

textarea#comment {
width: 100% !important;
}

.comment-respond input[type="text"] {
width: calc(100% - 90px) !important;
}

.comment-respond label {
color: #000;
}

/*--- Inspection Table ---*/

.inspectiontablewrap {
margin: 30px;
}

.inspectiontable {
margin: auto;
max-width: 900px;
width: 100%;
}

.inspectiontable th, .inspectiontable td {
background: #efefef;
border: 1px solid #fff;
padding: 5px 10px;
font-size: 14px;
line-height: 26px;
width: 50%;
}

.inspectiontable th {

}

.inspectiontable th.mainth {
text-align: center;
font-size: 24px;
line-height: 40px;
width: 100%;
}

.inspectiontable th.priceth {
text-align: center;
font-size: 30px;
line-height: 44px;
color: #eb2029;
width: 100%;
}

.inspectiontable td {

}

/*--------*/

.midcontainer {
padding: 40px 0;
background: #efefef;
}

.midcontainer h2, .bottomcontainer h2 {
font-size: 34px;
line-height: 36px;
text-align: center;
}

.containerinner {
margin: 20px auto;
width: 1920px;
max-width: 100%;
}

.brandlogos {
display: flex;
justify-content: space-between;	
}

.brandlogos a {
width: auto;
width: 18%;
max-width: 250px;
}

.brandlogos img {
width: 100%;	
}

/*--------*/

.winnerphotos {
display: flex;
justify-content: space-between;
margin-top: 20px;
}

.winnerphotos img {
width: 32%;	
}

/*-------------- Special Blocks --------------*/

.promocontent {
padding: 40px 0;
background: #efefef;
}

.promocontent h2.h2head {
font-size: 34px;
line-height: 36px;
text-align: center;
padding-bottom: 20px;
}

#specialslider {
width: 960px;
margin: 0px auto;
}

#nospecials {
background: #777;
padding: 10px;
color: #fff;
font-weight: bold;
text-align: center;
}

#nospecials a {
color: #fff;
}

#nospecials .line1 {
font-size: 16px;
line-height: 24px;
}


#nospecials .line2 {
font-size: 20px;
line-height: 28px;
}

.specialwrap {
position: absolute;
margin-top: -349px;
margin-left: 8px;
}

.specialbg {
background: #000;
width: 235px;
height: 334px;
opacity: .8;
position: absolute;
}

.specialarea {
width: 215px;
height: 314px;
color: #fff;
padding: 10px;
position: absolute;
}

.specialblock {
margin-bottom: 5px;
width: 960px;
height: 350px;
}

.specialctabox {
position: absolute;
top: 218px;
margin-left: -3px;
}

h1.specialheader, h2.specialheader  {
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 0;
}

.specialmodel {
color: #fff;
font-size: 30px;
line-height: 32px;
}

p.specialsubtext {
padding: 0 0 20px 0;
}

.specialsubtext {
font-size: 12px;
color: #fff;
font-weight: normal;
}

.specialbigsubtext {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}

.specialtermstext {
font-size: 10px;
}

.specialtermstext a {
color: #fff;
z-index: 9;
position: relative;
}

.termsbar {
text-align: center;
padding: 5px;
background: #ebebeb;
color: #000;
margin-top: -12px;
margin-bottom: 12px;
}

.termsbar a {
color: #000;
}

.sharespecial {
margin: -36px 2px 0px 0px;
float: right;
}

.specialcta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;

/*--border: 1px solid #c61f24;--*/
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px;
}

.specialcta a:hover, .specialcta a:focus {
/*--border: 1px solid #e9242a;--*/
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.specialcta a:active {
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

.dealimg {
margin: -350px 0px 0px 784px;
}

.dealimg img {
width: 170px;
}

.lepopup-popup-overlay textarea, .lepopup-element div.lepopup-input textarea {
height: 160px !important;
}

.lepopup-form-13 .lepopup-element .lepopup-button {
font-weight: bold !important;
font-size: 18px !important;
}

.popmake-content {
outline: none;
}

.bannerpromo {
position: absolute;
bottom: 10px;
text-align: center;
left: 0;
right: 0;
}

.bannerpromo div {
background: rgba(0, 0, 0, 0.7);
display: inline-block;
padding: 10px 20px 12px 20px;
max-width: 100%;
box-sizing: border-box;
}

.bannerpromo h1 {
padding: 0;
font-size: 34px;
line-height: 36px;
}

.bannerpromo h2 {
font-size: 30px;
    line-height: 34px;
}

.bannerpromo h3 {
font-size: 26px;
line-height: 30px;
}

.bannerpromo h1, .bannerpromo h2, .bannerpromo h3 {
color: #fff;
}

.containerinner h3 {
font-size: 24px;
line-height: 30px;
}

.containerinner p {
line-height: 24px;
font-size: 18px;
}

.innercontentbox {
display: flex;
justify-content: space-around;
}

.innercontentbox div {

}

.secondbanner {
padding-top: 0;
padding-bottom: 0;
height: 600px;
box-sizing: border-box;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.secondbanner .containerinner {
margin-top: 0;
margin-bottom: 0;
}

.offroadbackground {

}

.marksmenaerobanner {

}

.winnerbannerimage {

background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 500px;
position: relative;
text-align: center;
}

.textbar {
top: 30px;
position: absolute;
left: 0;
right: 0;
}

.textbar div {
background: rgba(0, 0, 0, 0.7);
display: inline-block;
padding: 10px 30px;
max-width: 960px;
box-sizing: border-box;
}

.textbar h2 {
color: #FFEF07;
}

/*--- Header Update ---*/

.headerupdate {
line-height: 0;
}

.headerupdate #header {
justify-content: space-between;
display: flex;
}

.headerupdate #navwrap {
width: auto;
width: unset;
margin: 0;
float: right;
padding: 15px 0;
line-height: 21px;
width: 100%;
margin-left: 30px;
}

.headerupdate ul#mainmenu a {
color: #000;
font-size: 14px;
}

.headerupdate #logo {
height: 45px;
width: auto;
margin: 13px 0;
padding-right: 15px;
}

.headerupdate #brandlogo {
height: 57px;
width: auto;
margin: 7px 0;
padding-left: 15px;
}

.headerupdate #brandlogo.omodabrandlogo {

}

.headerupdate #brandlogo.smalleromodabrandlogo {
display: none;
}

.headerupdate #brandlogo.smallestomodabrandlogo {
display: none;	
}

.headerupdate #headbg {
height: 70px;
}

.headerupdate #mainnav {
margin: 0;
line-height: initial;
line-height: unset;
}

.headerupdate ul#mainmenu {
height: auto;
height: unset;
margin: 0;
}

.headerupdate ul#mainmenu li {
padding: 8px 0;
position: relative;
}

.headerupdate .menu-primary-menu-container {
height: 41px;
}

.headerupdate ul#mainmenu ul ul {
/*-- Align Dropdown to Right --*/
right: 0;
}

.headerupdatespace {
height: 70px !important;
}

.fixednavbg {

}

.fixednavbg .sub-menu, .fixednavbg ul#mainmenu ul ul {
z-index: 99999;
}

/*--- Finance Page ---*/

.finance table {
margin: 10px 0px;
clear: both;
}

.finance table th, .finance table td {
padding: 8px;
border: 1px solid #ccc;
}

.finance table tr:nth-child(even) {
background-color: #f1f1c1;
}

.finance table tr:nth-child(odd) {
background-color: #fff;
}

.finance table th {
color: #fff;
background-color: #333;
}

.finance table td {
white-space: nowrap;
}

/*-- New Vehicle Pages --*/

.imagecontainer {
line-height: 0;
}

.imagecontainer img {
max-width: 100%;
height: auto;
}

.headerbarextendedbg {
background: #000;
width: 100%;
}

.headerbar {
background: #000;
display: flex;
justify-content: space-between;
/*--padding: 20px 10px;--*/
padding: 20px;
width: 100%;
max-width: 1920px;
box-sizing: border-box;
margin: auto;
}

.headerbar h1, .headerbar h2, .headerbar h3, .headerbar p, .headerbar a {
color: #fff;
padding: 0;
}

.textcontainer .h2style {
position: relative;
padding-top: 15px;
margin-top: 20px;
padding: 8px 0 8px 0;
font-weight: bold;
font-size: 34px;
line-height: 36px;
}

.textcontainer .h2style:first-of-type {
margin-top: 0px;
}

.textcontainer .h2style::before {
border-top: 4px solid #ad1c21;
content: " ";
left: 0;
top: 0;
position: absolute;
width: 50px;
}

.textcontainer {
padding: 20px;
width: 100%;
max-width: 1920px;
box-sizing: border-box;
margin: auto;
}

.textcontainer h2 {
position: relative;
padding-top: 15px;
margin-top: 20px;
}

.textcontainer h2:first-of-type {
margin-top: 0px;
}

.textcontainer h2::before {
border-top: 4px solid #ad1c21;
content: " ";
left: 0;
top: 0;
position: absolute;
width: 50px;
}

.textcontainer img {
max-width: 100%;
}

.textcontentblocks {
margin: 0;
padding: 40px 40px !important;
}

.carouselcontainer {
padding: 20px;
width: 100%;
max-width: 1920px;
box-sizing: border-box;
margin: auto;
}

.pricingcontent {
font-size: 16px;
line-height: 28px;
color: #ad1c21;
}

.pricingcontent span {
font-size: 26px;
font-weight: bold;
}

.financeterms {
font-size: 14px;
line-height: 18px;
}

.formcontainer .forminner {
padding: 20px;
background: #ebebeb;
}

.formcontainer h2 {
font-size: 32px;
}

#contactform .formwrapper {
/*--padding: 120px 0 60px 0;--*/
padding: 60px 0;
}

#contactform .formcontainer {
width: 100%;
max-width: 630px;
margin: auto;
}

.textcontainer #contactform .formwrapper {
padding: 0;
}

.scrollmenu {
display: none;
}

.hovermenu {
position: fixed;
bottom: 0;
width: 100%;
display: flex;
z-index: 9999;
}

.hovermenu a {
width: 33.3%;
box-sizing: border-box;
text-align: center;
background: #ebebeb;
padding: 15px;
border: 1px solid #ccc;
text-decoration: none;
font-weight: bold;
}

.hovermenu a.primarylink {
color: #fff;
border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px;
}

.hovermenu a:hover, .hovermenu a:focus {
color: #fff;
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.hovermenu a:active {
color: #fff;
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

.ctablockswrap {
width: 90%;
max-width: 1920px;
margin: auto;
text-align: center;
padding: 30px;
background: #ebebeb;
margin-top: 30px;
box-sizing: border-box;
}

.ctablockswrap h2 {
margin-bottom: 15px;
}

.ctablocks {
display: flex;
justify-content: space-between;
}

.ctablocks a {
text-decoration: none;
width: 23%;
}

.ctablocks div {
padding: 40px 20px;
background: #ad1c21;
color: #fff;
}

.ctablocks div img {
margin-bottom: 15px;
}

.ctablocks div:hover {
background: #ff4650
}

.ctablocks div h3 {
color: #fff;
}

.dealandformcontainer {
max-width: 1920px;
margin: auto;
box-sizing: border-box;
display: flex;
justify-content: space-between;
padding: 20px 0px;
}

.dealcontainer {
padding: 0px 20px;
margin: 0;
}

.dealimage {
max-height: 424px;
max-width: 100%;
width: auto;
}

.dealcontainer h3 {

}

.dealpricing {
display: inline-block;
}

.dealmodelname {
font-weight: bold;
font-size: 24px;
line-height: 30px;
}

.splitcontent {
display: flex;
padding: 20px 0;
}

.splitcontent div:first-of-type {
margin-right: 40px;
}

.orbit-slides-container, div.orbit div.orbit-slide{
    height: auto !important;
}

.orbit-container .orbit-slides-container li.active{
    position:static;
}

div.orbit img.fluid-placeholder {
height: 0 !important;
padding-bottom: 47%;
}

.imageslider {
position: relative;
}

.imageslider h2 {
position: absolute;
bottom: 20px;
text-align: center;
left: 0;
right: 0;
color: white;
/*--text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;--*/
}

.imagestaticbox {
position: relative;
}

.imagestaticbox img {
max-width: 100%;
height: auto;
}

.imagestaticbox h2 {
position: absolute;
bottom: 20px;
text-align: center;
left: 0;
right: 0;
color: white;
text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
}

.imagestaticbox .formwrapper h2 {
position: static;
text-align: left;
text-shadow: none;
	
color: #000;
padding: 8px 0 8px 0;
font-weight: bold;
font-size: 34px;
line-height: 36px;
}

.imagestaticbox iframe {
width: 100%;
height: 100%;
min-height: 400px;
}

.fullheightiframe div {
height: 100%;
}

.fullheightiframe iframe {
width: 100%;
height: 100%;
min-height: 400px;
}

.models {
width: 450px;
height: 600px;
margin-right: 30px;
box-sizing: border-box;
}

.models h2 {
font-size: 30px;
padding: 0;
}

.modelimage {
width: 100%;
height: auto;
}

.models ul {
margin: 0;
}

.splitflexcontainer {
display: flex;
max-width: 1920px;
margin: auto;
}

.splitflexcontainer .imageslider, .splitflexcontainer .imagestaticbox, .splitflexcontainer .textcontainer, .desktopimagestack {
width: 50%;
}

.splitflexcontainer .textcontainer {
padding: 20px 40px;
}

.splitflexcontainer.threecontentrows {
padding: 0 20px 20px 20px;
}

.splitflexcontainer.threecontentrows .textcontainer {
padding: 20px;
margin: 0;
width: 33.3%;
}

.desktopimagestack {
line-height: 0;
}

.desktopimagestack img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.flexrowreverse {
flex-direction: row-reverse;
}

.imageslider h2, .imagestaticbox h2 {
display: none;
}

.imageslider .formwrapper h2, .imagestaticbox .formwrapper h2 {
display: block;
}

.splitflexdesktop {
display: block;
}

.splitflexmobile {
display: none;
}

.pricingheader {
height: 200px;
overflow: hidden;
}

.pricingheader img {
object-fit: cover;
object-position: center;
height: 200px;
width: 100%;
}

.pricingheader h2 {
display: block;
}

.headerimagecontainer {
height: 500px;
overflow: hidden;
position: relative;
}

.headerimagecontainer img {
object-fit: cover;
object-position: center;
height: 500px;
width: 100%;
}

.headerimagecontainer img.warrantyandserviceplanbadge {
object-fit: initial;
object-position: initial;
height: auto;
width: auto;
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
max-width: 80%;
}

.headerimagecontainer img.warrantyandserviceplanbadge.omodawarranty {
bottom: 10px;
left: 10px;
}

.bannerbadgewrap {
position: absolute;
max-width:1800px;
width: 100%;
height: 100%;
top: 0;
margin: auto;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}

.cotybadge, .headerimagecontainer img.cotybadge {
object-fit: initial;
object-position: initial;
height: auto;
width: auto;
position: absolute;
z-index: 9;
max-width: 80%;
right: 10px;
bottom: 10px;
}

.videobox {
width: 50%;
line-height: 0;
}

.videobox iframe {
width: 100%;
}

.ctabuttondesktop {
display: block !important;
}

.ctabuttonmobile {
display: none !important;
}

.explorearrow {
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
margin: 3px 5px;
/*-- Down Arrow --*/
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.rightarrow {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.leftarrow {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.uparrow {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

.downarrow {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

/* Dropdown Button */
.explorebutton {
color: white;
padding: 7px 20px;
font-weight: bold;
font-size: 16px;
border: 1px solid #000;
display: inline-block;
}

/* The container <div> - needed to position the dropdown content */
.explorenavigation {
position: relative;
display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.exploredropdownmenu {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 285px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 0;
}

/* Links inside the dropdown */
.exploredropdownmenu a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

/* Change color of dropdown links on hover */
.exploredropdownmenu a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.explorenavigation:hover .exploredropdownmenu {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.explorenavigation:hover .explorebutton {
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.explorenavigation:hover .explorebutton .down {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
margin: 2px 5px;
}

/*-- Home Page Promo Slider --*/

.homedealslider div.orbit img.fluid-placeholder {
/*-height: auto !important;-*/
/*-padding-bottom: 0;-*/
height: 0 !important;
padding-bottom: 28%;
}

.imageslider .homedealslider h2 {
display: block;
}

.homedealslider h2 a {
color: white;
/*--text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;--*/
}

.homedealslider .imagecontainer {
width: 60%;
}

.homedealslider .homedealcontent {
width: 40%;
box-sizing: border-box;
padding: 20px;
	
display: flex;
flex-direction: column;
justify-content: center;
}

.homedealslider .homedealcontent h2 {
display: block;
position: static;
}

.homedealslider .content {
display: flex !important;
background: #B92025 !important;
}

.imageslider .homedealmodel {
font-size: 42px;
line-height: 48px;
margin-top: -10px;
}

.imageslider .homedealtext {

}

.imageslider .homedealpricing {
font-size: 28px;
line-height: 32px;
}

.imageslider .homedealpricing span {
font-size: 54px;
line-height: 62px;
}

.imageslider .financelink {
text-decoration: underline !important;
}

.imageslider .financelink:hover {
text-decoration: none !important;
}

.imageslider .homedealpromo {
color: #FFEF07;
font-size: 40px;
line-height: 46px;
}

.homedealslider .content a {
text-decoration: none;
}

.imageslider .homedealbutton {
width: 350px;
margin: 20px auto 0 auto;
padding: 12px 68px;
border-radius: 6px;
color: #000;
	
border: 1px solid #b3a705;
background: #ffee07;
background: -webkit-gradient(linear, left top, left bottom, from(#ffee07), to(#b3a705));
background: -moz-linear-gradient(top, #ffee07, #b3a705);
background: linear-gradient(to bottom, #ffee07, #b3a705);
text-shadow: #ffff09 1px 1px 1px !important;
}

.imageslider .homedealbutton:hover, .imageslider .homedealbutton:focus {
border: 1px solid #ffee07;
background: #ffff08;
background: -webkit-gradient(linear, left top, left bottom, from(#ffff08), to(#d7c806));
background: -moz-linear-gradient(top, #ffff08, #d7c806);
background: linear-gradient(to bottom, #ffff08, #d7c806);
color: #111111;
}

.imageslider .homedealbutton:active {
background: #b3a705;
background: -webkit-gradient(linear, left top, left bottom, from(#b3a705), to(#b3a705));
background: -moz-linear-gradient(top, #b3a705, #b3a705);
background: linear-gradient(to bottom, #b3a705, #b3a705);
}

.splitflexaligncontenttop {
align-items: flex-start;
}

.splitflexaligncontenttop .textcontainer {
margin: initial;
}

h2.centeredcontentheading {
text-align: center;
color: #000;
font-weight: bold;
font-size: 34px;
line-height: 36px;
margin-bottom: 10px;
}

.textcontainer h2.centeredcontentheading::before {
border-top: none;
content: " ";
}

.ngg-galleryoverview {
margin-top: 0px !important;
}

/*-- Colour Selector Start --*/

.colourslider ul.orbit-bullets {
bottom: 0px;
}

.colourslider ul.orbit-bullets li {
background: #ccc;
width: 20px;
height: 20px;
}

.colourslider div.orbit.with-bullets {
margin-bottom: 0px;
}

/*-- i20 Colours --*/

.i20colours ul.orbit-bullets li:nth-of-type(1) {
background: #E4E5E4;	
}

.i20colours ul.orbit-bullets li:nth-of-type(2) {
background: #81181C;
}

.i20colours ul.orbit-bullets li:nth-of-type(3) {
background: #020406;
}

.i20colours ul.orbit-bullets li:nth-of-type(4) {
background: #363D43;
}

.i20colours ul.orbit-bullets li:nth-of-type(5) {
background: #A6A9AA;
}

.i20colours ul.orbit-bullets li:nth-of-type(6) {
background: #001121;
}

.i20colours ul.orbit-bullets li:nth-of-type(7) {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e4e5e4+0,e4e5e4+50,020406+50,020406+100 */
background: #e4e5e4; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e4e5e4 0%, #e4e5e4 50%, #020406 50%, #020406 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #e4e5e4 0%,#e4e5e4 50%,#020406 50%,#020406 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #e4e5e4 0%,#e4e5e4 50%,#020406 50%,#020406 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e4', endColorstr='#020406',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.i20colours ul.orbit-bullets li:nth-of-type(8) {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#81181c+0,81181c+50,020406+50,020406+100 */
background: #81181c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #81181c 0%, #81181c 50%, #020406 50%, #020406 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #81181c 0%,#81181c 50%,#020406 50%,#020406 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #81181c 0%,#81181c 50%,#020406 50%,#020406 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81181c', endColorstr='#020406',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*-- Venue Colours --*/

.venuecolours ul.orbit-bullets li:nth-of-type(1) {
background: #E4E5E4;
}

.venuecolours ul.orbit-bullets li:nth-of-type(2) {
background: #81181C;
}

.venuecolours ul.orbit-bullets li:nth-of-type(3) {
background: #1F334F;
}

.venuecolours ul.orbit-bullets li:nth-of-type(4) {
background: #363D43;
}

.venuecolours ul.orbit-bullets li:nth-of-type(5) {
background: #A6A9AA;
}

/*-- Tucson Colours --*/

.tucsoncolours ul.orbit-bullets li:nth-of-type(1) {
background: #1D5280;
}

.tucsoncolours ul.orbit-bullets li:nth-of-type(2) {
background: #973131;
}

.tucsoncolours ul.orbit-bullets li:nth-of-type(3) {
background: #525352;
}

.tucsoncolours ul.orbit-bullets li:nth-of-type(4) {
background: #0F120F;
}

.tucsoncolours ul.orbit-bullets li:nth-of-type(5) {
background: #B3B4AF;
}

/*-- Tiggo 4 Colours --*/

.tiggo4colours ul.orbit-bullets li:nth-of-type(1) {
background: #f5f5f3;
}

.tiggo4colours ul.orbit-bullets li:nth-of-type(2) {
background: #b90b29;
}

.tiggo4colours ul.orbit-bullets li:nth-of-type(3) {
background: #849aa9;
}

.tiggo4colours ul.orbit-bullets li:nth-of-type(4) {
background: #a6a8a7;
}

.tiggo4colours ul.orbit-bullets li:nth-of-type(5) {
background: #252120;
}

.tiggo4colours ul.orbit-bullets li:nth-of-type(6) {
background: #77a6c8;
}

/*-- Tiggo 7 Colours --*/

.tiggo7colours ul.orbit-bullets li:nth-of-type(1) {
background: #E3E6E5;
}

.tiggo7colours ul.orbit-bullets li:nth-of-type(2) {
background: #B3BBC3;
}

.tiggo7colours ul.orbit-bullets li:nth-of-type(3) {
background: #5E728A;
}

.tiggo7colours ul.orbit-bullets li:nth-of-type(4) {
background: #4974A4;
}

.tiggo7colours ul.orbit-bullets li:nth-of-type(5) {
background: #252120;
}

.tiggo7colours ul.orbit-bullets li:nth-of-type(6) {
background: #b90b29;
}

/*-- Colour Selector End --*/

.dealimagecontainer {
position: relative;
}

.dealimagecontainer .dealhook {
position: absolute;
bottom: 10px;
line-height: 36px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 30px;
margin: 5px 0;

transform: skew(20deg);
box-shadow: -4px 4px 0px 0px rgb(0 0 0 / 95%);
-webkit-box-shadow: -4px 4px 0px 0px rgb(0 0 0 / 95%);
-moz-box-shadow: -4px 4px 0px 0px rgba(0,0,0,0.75);
background: #fff000;
color: #000;
}

.dealimagecontainer .dealhook span {
transform: skew(-20deg);
display: block;
}

/*---- New Home Page Slider ----*/

.newhomedealslider {

}

.homedealslider.newhomedealslider .content {

}

.newhomedealslider .fullwidthimagecontainer {
width: 100%;
}

.newhomedealslider .newhomedealcontent {
position: absolute;
height: 100%;
background: rgba(0, 0, 0, 0.8);
right: 130px;
}

.imageslider .newhomedealslider .homedealpromo {
color: #fff;
}

.imageslider .newhomedealslider .homedealbutton {
color: #fff;
border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px !important;
}

.imageslider .newhomedealslider .homedealbutton:hover, .imageslider .newhomedealslider .homedealbutton:focus {
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.imageslider .newhomedealslider .homedealbutton:active {
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

/*---- Omoda Website ----*/

.widevideobox video {
width: 100%    !important;
height: auto   !important;
}

.omodafooterform {
/*--background: linear-gradient(180deg, #ad1c21 0%, #ad1c21 100%), url();--*/
background-blend-mode: multiply, normal;
}

.newsletterfooterform {
background: linear-gradient(180deg, #ad1c21 0%, #ad1c21 100%);
}

#contactform.omodafooterform .formwrapper {
padding: 60px 0;
/*--margin-top: 40px;--*/
}

#contactform.omodatestdriveform .formwrapper, #contactform.omodab40testdriveform .formwrapper {
padding: 60px 0;
}

.promodealhook h2, .promodealhook h3 {
background: #30363A;
padding: 20px 5px;
font-size: 23px !important;
color: #fff !important;
text-align: center;
}

.pagedealhook h2, .pagedealhook h3 {
font-size: 28px !important;
}

/*--------------------*/

#brandcarousel {
padding-bottom: 52px;
}

#brandcarousel .carousel-cell {
margin-right: 10px;
height: 280px;
}

.carousel-cell a {
height: 100%;
}

/*-------------------*/

.headerdlider .carousel-cell {
width: 100%;
}

.headerdlider .carousel-cell img {
max-width: none;
width: 100%;
}

/*-------------------*/

.omodaservices .textcontainer {
background: rgba(255,255,255,0.7);
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
}

.pipesignlist {
font-size: 22px;
line-height: 36px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.pipesignlist div {
display: flex;
flex-direction: column;
width: 33%;
}

.pipesignlist span {
padding: 0 20px;
}

/*--- 2022 Blog Additions ---*/

/*--- Specials Page ---*/

.specialspagebanners .content {
position: relative;
}

/*----------------------------*/
/*---- Expandable Content ----*/
/*----------------------------*/

input[type='checkbox'] {
display: none;
}

.wrap-collabsible1 .textcontainer, .wrap-collabsible2 .textcontainer, .wrap-collabsible3 .textcontainer {
margin: 0;
}

/*--- Expandable Content 1 ---*/

.wrap-collabsible1 {
margin-bottom: 1.2rem 0;
}

.lbl-toggle1 {
display: block;
font-weight: bold;
font-family: monospace;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 20px;
color: #000;
background: #ebebeb;
cursor: pointer;
transition: all 0.25s ease-out;
}

.lbl-toggle1:hover {
color: #333;
}

.lbl-toggle1::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid currentColor;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .2s ease-out;
transform: rotate(90deg) translateX(-3px);
}

.toggle1:checked + .lbl-toggle1::before {
transform: rotate(270deg) translateX(3px);
}

.collapsible-content1 {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}

.toggle1:checked + .lbl-toggle1 + .collapsible-content1 {
max-height: 100vh;
}

.hidetext1 {
display: none;
}

.toggle1:checked + .lbl-toggle1 {
background: #ccc;
}

.toggle1:checked + .lbl-toggle1 .hidetext1 {
display: inline;
}

.toggle1:checked + .lbl-toggle1 .expandtext1 {
display: none;
}

/*--- Expandable Content 2 ---*/

.wrap-collabsible2 {
margin-bottom: 1.2rem 0;
}

.lbl-toggle2 {
display: block;
font-weight: bold;
font-family: monospace;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 20px;
color: #000;
background: #ebebeb;
cursor: pointer;
transition: all 0.25s ease-out;
}

.lbl-toggle2:hover {
color: #333;
}

.lbl-toggle2::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid currentColor;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .2s ease-out;
transform: rotate(90deg) translateX(-3px);
}

.toggle2:checked + .lbl-toggle2::before {
transform: rotate(270deg) translateX(3px);
}

.collapsible-content2 {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}

.toggle2:checked + .lbl-toggle2 + .collapsible-content2 {
max-height: 100vh;
}

.toggle2:checked + .lbl-toggle2 {
background: #ccc;
}

.hidetext2 {
display: none;
}

.toggle2:checked + .lbl-toggle2 .hidetext2 {
display: inline;
}

.toggle2:checked + .lbl-toggle2 .expandtext2 {
display: none;
}

/*--- Expandable Content 3 ---*/

.wrap-collabsible3 {
margin-bottom: 1.2rem 0;
}

.lbl-toggle3 {
display: block;
font-weight: bold;
font-family: monospace;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 20px;
color: #000;
background: #ebebeb;
cursor: pointer;
transition: all 0.25s ease-out;
}

.lbl-toggle3:hover {
color: #333;
}

.lbl-toggle3::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid currentColor;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .2s ease-out;
transform: rotate(90deg) translateX(-3px);
}

.toggle3:checked + .lbl-toggle3::before {
transform: rotate(270deg) translateX(3px);
}

.collapsible-content3 {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}

.toggle3:checked + .lbl-toggle3 + .collapsible-content3 {
max-height: 100vh;
}

.toggle3:checked + .lbl-toggle3 {
background: #ccc;
}

.hidetext3 {
display: none;
}

.toggle3:checked + .lbl-toggle3 .hidetext3 {
display: inline;
}

.toggle3:checked + .lbl-toggle3 .expandtext3 {
display: none;
}

/*--- APP Page ---*/

.appdownload {
padding: 40px;
text-align: center;
}

.appdownload h1, .appdownload h2, .appdownload h3, .appdownload p {
color: #fff;
}

.appdownload h2 {
font-size: 46px;
line-height: 52px;
}

.appdownload a img {
padding: 10px;
}

/*-- Home Page Blog Feed --*/

.latestposts {
display: flex;
justify-content: space-between;
margin-top: 10px;
}

.eachpost {
width: 22%;
position: relative;
}

.eachpost h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}

.eachpost a {
text-decoration: none;
}

.eachpost p {
padding-bottom: 45px;
}

.blogfeaturedimage {
width: 100%;
height: 0;
padding-bottom: 60%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
margin-bottom: 5px;
}

.readmorebutton {
position: absolute;
text-align: center;
bottom: 0;
left: 0;
right: 0;
}

.readmorebutton a {
margin: 20px auto 0 auto;
padding: 5px 20px;
border-radius: 6px;
color: #fff;
border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px !important;
}

.readmorebutton a:hover, .readmorebutton a:focus {
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.readmorebutton a:active {
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

.newsmediablock {
padding: 20px 0;
}

.newsmediablock h2 {
text-align: center;
margin-bottom: 8px;
}

.newsmediablock h2::before {
border: none;
}

.newsmedialinks {
display: flex;
justify-content: space-between;
}

.newsmedialinks a {
box-sizing: border-box;
text-align: center;
background: #ebebeb;
padding: 15px;
border: 1px solid #ccc;
text-decoration: none;
font-weight: bold;
width: 19%;
/*--width: 24%;--*/
display: inline-block;
	
color: #fff;
border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px;
}

.newsmedialinks a:hover, .newsmedialinks a:focus {
color: #fff;
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.newsmedialinks a:active {
color: #fff;
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}

.modelblockwrap {
display: flex;
justify-content: space-between;
}

.modelblock {
width: 30%;
text-align: center;
}

.modelblock h2, .modelblock h3 {
text-align: center;
}

.textcontainer .modelblock h2::before {
border: none;
}

.modelblock p {
font-size: 14px;
}

.modelblockpromo {
background: #ad1c21;
color: #fff;
padding: 5px;
max-width: 380px;
margin: 5px auto;
}

.topbannertext {
position: absolute;
top: 15px;
width: 100%;
text-align: center;
}

.bottombannertext {
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
}

.topbannertext h2, .bottombannertext h2 {
padding: 0;
}

.topbannertext h2, .topbannertext h3 {
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 24px;
line-height: 30px;
}

.topbannertext h2 span {
font-size: 34px;
line-height: 36px;
}

.topbannertext h2 {
background: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 10px 20px;
display: inline-block;
}

.bottombannertext h2 {
background: #ad1c21;
color: #fff;
padding: 10px 20px;
display: inline-block;
}

/*-- OMODA Menu --*/

.c5image, .mega-c5image {
background-image: url("/wp-content/uploads/quick-view-model.webp") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}

.c5gtimage, .mega-c5gtimage {
background-image: url("/wp-content/uploads/c5-gt-quick-view-model.webp") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}

.c5ximage, .mega-c5ximage {
background-image: url("/wp-content/uploads/c5-x-quick-view-model.webp") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}

.c9image, .mega-c9image {
background-image: url("/wp-content/uploads/c9-quick-view-model.webp") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}

.j7image, .mega-j7image {
background-image: url("/wp-content/uploads/j7-quick-view-model.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}

.j5image, .mega-j5image {
background-image: url("/wp-content/uploads/j5-quick-view-model.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}

.mega-toggle-block .mega-toggle-label .mega-toggle-label-closed, .mega-toggle-block .mega-toggle-label .mega-toggle-label-open {
display: none;
}

.mega-hidden > a {
display: none !important;
}

.mega-services .mega-sub-menu {
display: flex !important;
}

.mega-services .mega-sub-menu .mega-sub-menu {
display: block !important;
}

.mega-allproducts ul.mega-sub-menu {
display: flex !important;
}

.mega-allproducts ul.mega-sub-menu ul.mega-sub-menu {
display: block !important;
}

.mega-indicator {
display: none !important;
}

.mega-services > .mega-sub-menu {
width: 100vw !important;
/*--left: calc(-55vw + 55%) !important;--*/
left: calc(-55vw + 48%) !important;
margin-top: 15px !important;
background: #fff !important;
padding-top: 30px !important;
padding-bottom: 40px !important;
border-top: 1px solid #dfe3e5 !important;
}

.mega-sub-menu a {
font-size: 13px !important;
font-weight: normal !important;
}

.mega-services > .mega-sub-menu > li {
border-left: 1px solid #dfe3e5 !important;
padding-left: 40px !important;
}

.mega-services > .mega-sub-menu > li.mega-c5image {
border-left: none !important;
padding-left: 0px !important;
margin-left: 30px !important;
margin-right: 30px !important;
}

.mega-services > .mega-sub-menu > li.mega-c5gtimage, .mega-services > .mega-sub-menu > li.mega-c9image, .mega-services > .mega-sub-menu > li.mega-c5ximage, .mega-services > .mega-sub-menu > li.mega-j7image, .mega-services > .mega-sub-menu > li.mega-j5image {
border-left: none !important;
padding-left: 0px !important;
margin-left: 30px !important;
margin-right: 30px !important;
}

.menutitle a {
font-size: 25px !important;
margin-bottom: 10px !important;
}

.menubutton a {
display: inline-block !important;
padding: 5px !important;
text-align: center !important;
border: 1px solid #30363A !important;
width: 100px !important;
}

.lastmenudiv, .mega-lastmenudiv {
margin-right: 40px !important;
}

.menubuttondark a {
color: #fff !important;
background-color: #30363A !important;
margin-top: 10px !important;
}

.omodafont h1, .omodafont h2, .omodafont h3, .omodafont p, .omodafont {
font-family: "pirulen", sans-serif !important;
}

.vehiclespectext {
width: calc(100% - 100px) !important;
}

.captionimage .wp-caption {
padding: 0;
background: none;
}

.captionimage .wp-caption .wp-caption-text {
position: absolute;
bottom: 40px;
left: 40px;
color: #fff;
text-align: left;
width: 70%;
}

.captionedslider figcaption {
color: #30363a;
font-family: "pirulen", sans-serif !important;
font-size: 20px;
line-height: 20px;
font-weight: 300;
text-align: left !important;
margin-top: 25px;
}

.modelspecaccordion .eael-adv-accordion .eael-accordion-list .eael-accordion-content {
border: none !important;
padding: 30px 0 !important;
}

.modelspecaccordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header,
.modelspecaccordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover,
.modelspecaccordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header:active {
background: none !important;
padding: 20px 0 !important;
}

.modelspecaccordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header span, .modelspecaccordion .eael-accordion-tab-title {
font-family: "pirulen", sans-serif !important;
font-size: 28px;
font-weight: 400;
line-height: 28px;
}

.modelspecaccordion  .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg {
fill: #fff !important;
color: #fff !important;
height: 30px;
width: 30px;
}

#mobilespace {
display: none;
}

#field_2_19 .gfield_label {
display: none;
}

.promocontent a, .elementor .financetermslink a {
text-decoration: underline;
}

.promocontent a, .elementor .whitefinancetermslink a {
color: #fff;
}

.promocontent a:hover, .elementor .financetermslink a:hover {
text-decoration: none;
}

/*--- J7 SHS ---*/

.shssepecs h2 {
color: #fff;
font-size: 34px;
line-height: 34px;
height: 34px;
padding: 0;
}

.shssepecs h2 small {
color: #626B6E;
font-size: 12px;
vertical-align: top;
}

.shssepecs {
color: #626B6E;
font-size: 14px;
}

.chargetime {
font-size: 72px;
line-height: 72px;
height: 86px;
}

.chargetime small {
font-size: 16px;
font-weight: normal;
}

.spectable p {
font-size: 12px;
line-height: 12px;
}

.spectable h2 {

font-size: 22px;
line-height: 28px;
}

.comparisontable th, .comparisontable td {
vertical-align: top;
padding: 10px;
border: 1px solid #ccc;
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*-------- Responsive Design - 1750px ---------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media only screen and (max-width : 1750px),
only screen and (max-device-width : 1750px) {

.imageslider .homedealmodel {
font-size: 42px;
line-height: 48px;
}

.imageslider .homedealtext {

}

.imageslider .homedealpricing {
font-size: 28px;
line-height: 32px;
}

.imageslider .homedealpricing span {
font-size: 46px;
line-height: 52px;
}

.imageslider .financelink {

}

.imageslider .homedealpromo {
font-size: 34px;
line-height: 40px;
}
	
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*-------- Responsive Design - 1600px ---------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media only screen and (max-width : 1600px),
only screen and (max-device-width : 1600px) {

.imageslider .homedealmodel {
font-size: 36px;
line-height: 40px;
}

.imageslider .homedealtext {

}

.imageslider .homedealpricing {
font-size: 26px;
line-height: 28px;
}

.imageslider .homedealpricing span {
font-size: 36px;
line-height: 40px;
}

.imageslider .financelink {

}

.imageslider .homedealpromo {
font-size: 26px;
line-height: 28px;
}
	
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---- Responsive Design - 1180px - 1440px ----*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media only screen and (max-width : 1440px),
only screen and (max-device-width : 1440px) {

.brochureelement {
width: 32%;
}
	
.imageslider .homedealmodel {
font-size: 30px;
line-height: 32px;
}

.imageslider .homedealtext {

}

.imageslider .homedealpricing {
font-size: 16px;
line-height: 21px;
}

.imageslider .homedealpricing span {
font-size: 30px;
line-height: 32px;
}

.imageslider .financelink {

}

.imageslider .homedealpromo {
font-size: 22px;
line-height: 24px;
}
	
.imageslider .homedealbutton {
font-size: 22px;
line-height: 24px;
width: 205px;
margin: 10px auto 0 auto;
padding: 10px 30px;
}
	
/*-----*/	
	
.headerimagecontainer {
height: 400px;
}

.headerimagecontainer img {
height: 400px;
}

.desktopbanner {
display: none !important;
}
	
.mobilepromobanner {
display: block;
}

.mobilepromobanner img {
width: 100%;
height: auto;
}

.dealimage {
max-width: 100%;
}
	
.mobilepromobanner .bannerpromo {
position: relative;
}
	
.mobilepromobanner .bannerpromo div {
background: #000;
width: 100%;
}

.ctablocks div h3 {
height: 60px;
}
	
.marksmenaerobanner {
padding-top: unset;
padding-bottom: unset;
height: auto;
padding: 0;
background: none !important;
}
	
.marksmenaerobanner .containerinner {
padding: 0;
}

.marksmenaerobanner .bannerpromo {
position: relative;
margin-bottom: -10px;
}
	
	.marksmenaerobanner .bannerpromo div {
background: #000;
width: 100%;
}
	
.homelinkwrap, .servicespecialwrap, .thirdcontentwrap, .threecolumnwrap, .quartercontentwrap, #header, #space, #callnow, #navwrap, .specialblock, #wrap, .footer, .plaincontent, .promoswrap, .servicetypewrap, .servicecolumnlayout {
width: 100%;
box-sizing: border-box;
}

.homelinkwrap, .servicespecialwrap, #header, #space, #callnow, #navwrap, .specialblock, #wrap, .footer, .plaincontent, .promoswrap, .servicetypewrap {
width: 100%;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}

.containerinner {
padding: 0 20px;
width: 100%;
box-sizing: border-box;
}

}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---- Responsive Design - 1220px - 1240px ----*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media only screen and (max-width : 1240px),
only screen and (max-device-width : 1240px) {

.footersocials h4 span {
display: none;
}
	
.blogpreviewwrap .blogpreviewblock {
width: 50%;
}
	
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---- Responsive Design - 1180px - 1220px ----*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px) {

.latestposts {
flex-wrap: wrap;
}
	
.eachpost {
width: 48%;
margin-bottom: 30px;
}

.newhomedealslider .newhomedealcontent {
right: 80px;
}
	
.dealmodelname {
display: block;
}

.headerupdate #brandlogo.omodabrandlogo {
display: none;
}

.headerupdate #brandlogo.smallestomodabrandlogo {
display: block;	
}	
	
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---- Responsive Design - 1080px - 1179px ----*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media only screen and (max-width : 1179px),
only screen and (max-device-width : 1179px) {


.headerupdate #brandlogo.omodabrandlogo {
display: block;	
}

.headerupdate #brandlogo.smallestomodabrandlogo {
display: none;
}	
	
.rightofformbanner {
display: none;
}

.leftofformbanner {
width: calc(100% - 440px);
}

.innercontentbox {
flex-direction: column;
}
	
.innercontentbox div {
margin: 10px 0;
}
	
#slider .bannerpromo {
/*--position: relative;
bottom: unset;--*/
}
	
#slider .bannerpromo div {
/*--display: block;--*/
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 960px - 1079px ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 1079px),
only screen and (max-device-width : 1079px) {

#mobilespace {
display: block;
}

.omodaservices .textcontainer {
top: 0;
bottom: 0;
}
	
.pipesignlist {
justify-content: center;
flex-direction: column;
}

.pipesignlist div {
width: 100%
}
	
.desktop {
display: none;
}
	
.topbannertext {
position: static;
}

.bottombannertext {
position: static;
}
	
.topbannertext h2 {
background: #000;
display: block;
font-size: 18px;
line-height: 24px;
}

.topbannertext h2 span {
font-size: 24px;
line-height: 28px;
}
	
.bottombannertext h2 {
display: block;
font-size: 24px;
line-height: 28px;
}
	
.onlytextcontainers .textcontainer {
margin: 0;
}
	
.onlytextcontainers {
margin: 20px 0;
}
	
.newcarcontainer {

}

.newcarelement {
width: 30%;
}
	
.flickity-prev-next-button {
width: 30px !important;
height: 30px !important;
}
	
.newhomedealslider .newhomedealcontent {
right: 40px;
}
	
.brochureelement {
width: 48%;
}

.headerimagecontainer img.warrantyandserviceplanbadge.omodawarranty {
width: 200px;
}
	
.imageslider .homedealmodel {
font-size: 24px;
line-height: 26px;
padding: 0;
margin: 0;
}

.imageslider .homedealtext {

}

.imageslider .homedealpricing {
font-size: 16px;
line-height: 18px;
padding: 0;
margin: 0;
}

.imageslider .homedealpricing span {
font-size: 24px;
line-height: 26px;
padding: 0;
margin: 0;
}

.imageslider .financelink {

}

.imageslider .homedealpromo {
font-size: 20px;
line-height: 22px;
padding: 0;
margin: 0;
}
	
.imageslider .homedealbutton {
font-size: 22px;
line-height: 24px;
width: 205px;
margin: 10px auto 0 auto;
padding: 10px 30px;
}
	
/*----------*/
	
.videobox {
width: 100%;
}

.headerimagecontainer {
height: auto;
}

.headerimagecontainer img {
height: auto;
}

.splitflexdesktop {
display: none;
}

.splitflexmobile {
display: block;
}

.splitflexcontainer {
display: block;
}
	
.splitflexcontainer.threecontentrows {
display: flex;
}

.splitflexcontainer.mobilereverseflex {
display: flex;
flex-direction: column-reverse;
}
	
.splitflexcontainer .imageslider, .splitflexcontainer .imagestaticbox, .splitflexcontainer .textcontainer {
width: 100%;
}

.splitflexcontainer .textcontainer {
padding: 20px;
}

.imageslider h2, .imagestaticbox h2 {
display: block;
}

.ctablocks {
flex-wrap: wrap;
}

.ctablocks a {
width: 48%;
margin-bottom: 40px;
}

.midsizefixedheader {
position: fixed;
width: 100%;
z-index: 99999;
}

.headerupdatespace {
height: 104px !important;
}

.rightofformbanner {
display: none;
}

.leftofformbanner {
width: calc(100% - 440px);
}

#bottom p {
font-size: 14px;
line-height: 22px;
}

.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 48%;
}
	
.main-carousel .prev, .main-carousel .next {
margin: 0;
height: 30px;
width: 30px;
}

.bannercontent h1, .bannercontent h2 {
font-size: 20px;
line-height: 22px;
}

.servicespecialwrap {
display: block;
}

.servicespecial {
margin-bottom: 20px;
max-width: 100%;
}

.thirdcontentwrap, .threecolumnwrap {
display: block;
}

.thirdcontent, .threecolumn {
width: 100%;
}

.contentcolumnwrap .threecolumn {
margin-bottom: 40px;
max-width: 100%;
}

.quartercontentwrap {
display: block;
}

.quartercontent {
width: 100%;
}

.promoswrap, .brands {
display: block;
}

.fullservicetypewrap {
margin: 0;
}

.servicetypewrap {
display: block;
}

.servicetype {
width: 100%;
}

.servicetype li, .singleservicetype li {
width: 50%;
}

.desktopmenu {
display: none;
}

.mobilemenu {
display: block;	
}

.threecolumn ul {
display: inline-block;
}

ul#mainmenu ul ul li a {
width: 100%;
}
	
#navwrap {
width: 100%;
padding-left: 0;
padding-right: 0;
}
	
/*-- Menu --*/

ul#mainmenu ul {
width: 100%;
}

ul#mainmenu ul li {
float: none;
width: 100%;
line-height: 30px;
padding: 0;
}
ul#mainmenu a {
border: none;
}
ul#mainmenu {
height: auto;
}
ul#mainmenu a {
padding-left: 10px;
}
ul#mainmenu li.first a {
padding-left: 10px;
}
ul#mainmenu ul ul {
position: static;
}
ul#mainmenu ul ul ul {
position: static;
}

}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*---- Responsive Design - 820px - 959px ----*/
/*-------------------------------------------*/
/*-------------------------------------------*/

@media only screen and (max-width : 959px),
only screen and (max-device-width : 959px) {

.blogpreviewwrap .blogpreviewblock {
width: 100%;
}
	
.gform_wrapper.gravity-theme .gform_footer.left_label, .gform_wrapper.gravity-theme .gform_footer.right_label, .gform_wrapper.gravity-theme .gform_page_footer.left_label, .gform_wrapper.gravity-theme .gform_page_footer.right_label {
padding: 0 !important;
}
	
input[type="submit"] {
padding: 12px;
width: 100%;
}
	
.mobile {
display: block;	
}

#navwrap {
width: 100%;
padding-left: 0;
padding-right: 0;
}
	
/*------------------*/
	
.homedealslider .content {
display: block !important;
}
	
.homedealslider div.orbit img.fluid-placeholder {
height: auto !important;
padding-bottom: 0;
}
	
.homedealslider .imagecontainer {
width: 100%;
}
	
.homedealslider .homedealcontent {
width: 100%;
}
	
/*------------------*/

.homedealslider.newhomedealslider {
height: auto;
}

.homedealslider.newhomedealslider .content {
display: flex !important;
}
	
.homedealslider.newhomedealslider div.orbit img.fluid-placeholder {
height: 0 !important;
padding-bottom: 28%;
}
	
.homedealslider.newhomedealslider .imagecontainer {
width: 100%;
}
	
.homedealslider.newhomedealslider .homedealcontent {
width: 40%;
min-width: 360px;
}

/*-- PPC Page --*/

.ctajumpbar {
display: none;
}

.gocontentsplit img {
margin-top: 10px;
}

.gofootertext span {
display: none;
}

.gofooterbar .gotestdrive, .gofooterbar .gofootertext {
margin-top: 0px;
width: 100%;
}

.gofootercontent {
text-align: center;
}

.gofootercontent img {
float: none;
}

.gocontentsplit {
width: 100% !important;
}

.mainbackground {
height: auto;
display: block;
}

.mainbgcontent {
margin-top: 0;
height: auto;
background: #000;
}

#goformwrap #formbg {
display: none;
}

#goformwrap #modelpageformarea {
background: #000;
position: relative;
display: inline-block;
height: auto;
padding-bottom: 10px;
box-sizing: border-box;
width: 100%;
}

/*---------*/

.landwrap {
width: 100%; 
float: none;
margin-top: 10px;
overflow: auto;
}

.landback {
display: none;
}

#headbg, #navbg, #fixedhead, #header, #space, #callnow, #navwrap, .specialblock, .contenttext, .tradetext, #wrap, #content, #content-thirds, #profiles, .showroomtext, .expanded, .collapsed, .expanderbar, .footbg, .footer, #foot-text, #terms, table  {
width: 100%;
}

.responsiveclear {
clear: both;
}

body, html {
width: 100%;
/*--overflow-x:hidden;--*/
}
body {
width: 100%;
/*--overflow-x: hidden;--*/
}
#container {
width: 100%;
}
#content {
width: 100%;
}
table  {

}
#headbg {
width: 100%;
}
#slider {
/*--width: 100%;
height: 500px;--*/
}
#ctanav, .specialtestdrive {
display: none;
}
#navbg {
width: 100%;
}
#navwrap {
width: 100%;
}
#secnav {
display: none;
}
#callnow {
display: none;
}
#fixedhead {
position: static;
width: 100%;
}
#space {
/*--display: none;--*/
}
#wrap {
width: 100%;
margin: 0px;
}
.jCarouselLite {
width: 100% !important;
}
ul.jCarouselLite {
width: 100% !important;
}
.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 46%;
}
.main-carousel .prev, .main-carousel .next {
margin: 0;
height: 30px;
width: 30px;
}
.nonav {
display: block;
}
#header {
width: 100%;
}
.footer {
width: 100%;
margin: 0px !important;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#foot-image {
float: left;
}
.bracnhestext, #group1branches, #foot-links {
display: none;
}
.darkfooter{
padding-bottom: 0px;
padding-top: 0px;
height: 2px;
}
.footbg {
width: 100%;
}
.expshare {
position: absolute;
}
.collapsed {
float: none;
width: 100%;
}
.aj-collapse{
margin-left: 0;
position: static;
padding: 2px;
float: right;
}
.expanded {
float: none;
width: 100%;
}
.expanderbar {
width: 100%;
}
.collapsed img {
width: 100%;
height: auto;
}
.leftcolumnimg {
width: 100%;
height: auto;
}
.rightcolumn, .leftcolumn {
width: 97%;
}
.halfcolumn-right, .halfcolumn-left {
width: 97%;
margin: 1%;
float: none;
}
#videotext, #imgtext {
width: 97%;
height: auto;
}
img {
max-width: 100%;
height: auto;
}
img#logo {
max-height: 80px;
}
iframe {
width: 100%;
}
#listingblocks, #tradein, #modelblog, #specials {
display: none;
}

/*-- Menu --*/

ul#mainmenu ul {
width: 100%;
}

ul#mainmenu ul li {
float: none;
width: 100%;
line-height: 30px;
padding: 0;
}
ul#mainmenu a {
border: none;
}
ul#mainmenu {
height: auto;
}
ul#mainmenu a {
padding-left: 10px;
}
ul#mainmenu li.first a {
padding-left: 10px;
}
ul#mainmenu ul ul {
position: static;
}
ul#mainmenu ul ul ul {
position: static;
}

/*-- Home Page --*/

#homectabox, .orbit-slide p, #sidebar, #blog, #facebook, .videoheader, .videoimage, .videoimage-last {
display: none;
}

.blogcontent {
width: 100%;
}

/*-- Model Info --*/

h1.modelheader {
font-size: 30px;
line-height: 38px;
}
.carmodel {
font-size: 60px;
line-height: 68px;
}
.carmodelsmaller {
font-size: 44px;
line-height: 68px;
}
.modelsubtext {
font-size: 22px;
}
.bigsubtext {
font-size: 34px;
line-height: 46px;
}
.smallerbigsubtext {
font-size: 30px;
line-height: 46px;
}
.termstext {
font-size: 14px;
}

/*-- Form Header --*/

.formheader {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}

.formheader h2,.formheader p {
width: 100%;
}

/*-- All Vehicles Page --*/

.alignmodel, .leftmodel, .rightmodel {
width: 100%;
margin: 0px 0px 10px 0px;
float: left;
}
.alignmodel img, .leftmodel img, .rightmodel img {
width: 30%;
}
.alignmodel p, .leftmodel p, .rightmodel p {
width: 68%;
}

/*-- Used Vehicles Page --*/

#used {
width: 100%;
}
#usedside {
display: none;
}
.textleft, .textright, .textleft2, .textright2, .branchtextleft, .branchtextright {
width: 98%;
margin: auto 0;
float: none;
}
#brochurehead {
float: none;
}

.locatewrap {
display: block;
}

.locatecontent, .locatemap {
max-width: 100%;
}

.locatecontent, .locatemap {
width: 100%;
}

.servicecolumnlayout {
display: block;
}

.servicecolumnlayout .servicelistblockwrap {
width: 100%;
margin: 0;
margin-bottom: 20px;
}
	
ul#mainmenu ul ul {
width: 100%;
}

.headerupdate #brandlogo {
max-width: none;
max-width: unset;
}
	
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 820px - 836px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 836px),
only screen and (max-device-width : 836px) {

.omodaservices {
height: auto;
}
	
.omodaservices .textcontainer {
position: static;
}
	
.homedealslider.newhomedealslider .content {
display: block !important;
}
	
.newhomedealslider div.orbit {
overflow: initial;
}

.homedealslider.newhomedealslider .homedealcontent {
position: static;
width: 100%;
height: 280px;
min-width: 0;
}
	
#slider.newhomedealslider {
padding-bottom: 280px;
}
	
.desktopbanner {
display: none;
}
	
.mobilebanner {
display: block;
}

	
}
	
/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 641px - 819px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 819px),
only screen and (max-device-width : 819px) {

.post {
display: flex;
flex-direction: column;
}
	
.dealandformcontainer {
order: -1;
text-align: center;
}
	
.dealandformcontainer .textcontainer h2::before {
border-top: 0px;
}
	
.newcarbannerimage {
display: none;
}
	
.modelblockwrap {
display: block;
}
	
.modelblock {
width: 100%;
margin-bottom: 20px;
}
	
.modelblock h2 {
padding-top: 0px;
}
	
.dealimagecontainer .dealhook {
position: initial;
margin: 0 20px 20px 20px;
}
	
.ctabuttondesktop {
display: none !important;
}

.ctabuttonmobile {
display: block !important;
}

.dealandformcontainer {
display: initial;
padding: 0px;
}

.dealcontainer {
padding: 20px;
margin: auto;
}

#slider {
/*--background: #ccc;--*/
}

.leftofformbanner {
display: none;
}

.mobilebanner {
height: 400px;
background: #B92025;

background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
	
.fontcontentimage {
flex-direction: column;
text-align: center;
}
	
.fontcontentimage .footimage {
align-self: center;
text-align: center;
}

.footerbranchdetails p {
margin: 0;
text-align: center;
width: 100%;
}
	
.footerterms {
flex-direction: column;
text-align: center;
}
	
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 600px - 640px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px) {

.newcarcontainer {

}

.newcarelement {
width: 48%;
}
	
.splitflexcontainer.threecontentrows {
display: block;
}
	
.splitflexcontainer.threecontentrows .textcontainer {
width: 100%;
}
	
.brochureelement {
width: 100%;
}	

.headerimagecontainer img.warrantyandserviceplanbadge.omodawarranty {
width: 150px;
}
	
.brandlogos {
flex-wrap: wrap;
justify-content: center;
}

.brandlogos a {
width: 30%;
box-sizing: border-box;
margin: 20px 1.5%;
}

#slider {
/*--width: 100%;
height: 300px;--*/
}
	
.bfdeals {
display: unset;
}
	
.bfpromo {
width: 96%;
max-width: unset;
margin-left: auto;
margin-right: auto;
}
	
.tenyearswrap {
display: unset;
}

.tenyearsunit {
width: 100%;
margin-bottom: 10px;
}

.listleft, .listright {
float: none;
}
#modelpageformarea {
width: 95%;
}
.rightcolumn, .leftcolumn {
width: 95%;
}
.halfcolumn-right, .halfcolumn-left {
width: 95%;
margin: 2%;
float: none;
}
#videotext, #imgtext {
width: 95%;
height: auto;
}
input[type="text"], input[type="email"], select, textarea {
width: 100% !important;
}
.textleft, .textright {
width: 96%;
}
#contact-thirds {
width: 100%;
}
.thirds {
float: none;
width: 96%;
}

/*-- Updated All Vehicles Page --*/

.newcarmodel {
margin-right: 10%;
width: 45%;
}

.newcarmodel:nth-of-type(3n+0) {
margin-right: 10%;
}

.newcarmodel:nth-of-type(2n+0) {
margin-right: -20px;
}

/*-- All Vehicles Page --*/

.leftmodel p, .rightmodel p {
width: 67%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 26%;
}

.contentarea {
padding: 40px 20px;
}
	
/*--------------------------------*/

.homelinkwrap {
display: block;
}

.homelinkwrap a.homelink {
display: inline-block;
width: 100%;
border-radius: 0;
border: 1px solid #c7c7c7;
margin: 0;
}

.homelinkwrap a.homelinkfirst {
border-radius: 6px 6px 0 0;
margin: 0;
}

.homelinkwrap a.homelinklast {
border-radius: 0 0 6px 6px;
margin: 0;
}

.servicetype ul {
display: block;
}

.servicetype li, .singleservicetype li {
width: 100%;
}

.ctablocks a {
margin-bottom: 20px;
}

.splitlist {
column-count: 1;
}
	
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 491px - 599px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px) {

.styledh2 h2 {
font-size: 50px;
line-height: 48px;
}
	
.topbannertext h2 {
font-size: 16px;
line-height: 22px;
}

.topbannertext h2 span, .bottombannertext h2 {
font-size: 20px;
line-height: 24px;
}
	
table {
font-size: 16px;
line-height: 28px;
}

.splitcontent {
display: block;
}

.splitcontent div:first-of-type {
margin-right: 0px;
}

.brandlogos a {
width: 46%;
box-sizing: border-box;
margin: 20px 2%;
}

.mobilebanner {
background: #B92025;

background-repeat: no-repeat;
background-position: center;
background-size: contain;

overflow: hidden;
height: 0;
padding-top: 62%;
}

.winnerphotos {
display: block;
}

.winnerphotos img {
width: 100%;
padding-top: 10px;
}

.ctablocks div {
padding: 20px 10px;
}

.ctablocks div img {
width: 50px;
height: 50px;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 461px - 490px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 490px),
only screen and (max-device-width : 490px) {

.eachpost {
width: 100%;
margin-bottom: 30px;
}
	
.models {
width: 100%;
margin: 0;
}

.carousel-cell {
width: 100%;
}
    
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 395px - 460px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px) {

.headerbar h1 {
font-size: 26px;
}
	
.headerupdate #brandlogo.omodabrandlogo {
display: none;	
}

.headerupdate #brandlogo.smallestomodabrandlogo {
display: block;
}
	
table {
font-size: 14px;
line-height: 26px;
}

.brandlogos a {
width: 100%;
margin: 20px 0;
}

.formwrap {
width: 100%;
box-sizing: border-box;
height: auto;
}    

.mapbutton, .branchbutton {
float: none;
margin: 10px auto;
width: 90%;
}

.wideblogcontent {
margin: 40px 30px;
}

/*-- Brochure Download Page --*/

.brochure {
width: 40%;
}

/*-- Updated All Vehicles Page --*/

.newcarmodel {
margin-right: 0;
width: 100%;
}

/*-- PPC Page --*/

.mainh1 {
font-size: 30px !important;
line-height: 36px !important;
}

.mainbgcontent h2.mainh2 span {
font-size: 24px;
}

.mainbgcontent h2.mainh2 {
font-size: 40px;
line-height: 46px !important;
}

.ctablocks div h3 {
font-size: 18px;
line-height: 24px;
height: 48px;
}
	
#header {
padding-left: 0px;
padding-right: 0px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---- Responsive Design - Device Width 440 Pixels and Less  ----*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 440px),
only screen and (max-device-width : 440px) {

.styledh2 h2 {
font-size: 40px;
line-height: 38px;
}
	
.headerimagecontainer img.warrantyandserviceplanbadge.omodawarranty {
width: 120px;
}
	
.models {
height: 568px;
}
	
}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---- Responsive Design - Device Width 395 Pixels and Less  ----*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 395px),
only screen and (max-device-width : 395px) {

.headerupdate #headbg {
display: flex;
justify-content: center;
}
	
.headerupdate #headbg a {
display: flex;
justify-content: center;
}
	
.headerupdate #brandlogo, .headerupdate #logo {
height: 30px;
margin: 0;
}
	
table {
font-size: 12px;
line-height: 24px;
}

.headerbar h1 {
font-size: 32px;
}

.explorearrow {
display: none;
}

.formwrap h2 {
font-size: 22px;
}

.formcontainer h2 {
font-size: 26px;
}

input[type="text"], input[type="email"], select, textarea {
width: 100% !important;
}
.aj-collapse{
margin-left: 0;
position: static;
width: 100%;
margin-top: 30px;
margin-bottom: 15px;
padding: 2px;
background: #eb2029;
}
.textleft, .textright {
width: 94%;
}
.thirds {
width: 94%;
}

.ctablocks div h3 {
font-size: 16px;
line-height: 22px;
height: 44px;
}

input[type="submit"] {
padding: 12px 30px;
}

}

@media only screen and (max-width : 959px),
only screen and (max-device-width : 959px) {

.homedealslider {
height: 676px;
background: #B92025 !important;
}
	
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

.homedealslider {
height: 648px;
}
	
}

@media only screen and (max-width : 820px),
only screen and (max-device-width : 820px) {

.homedealslider {
height: 612px;
}
	
}

@media only screen and (max-width : 780px),
only screen and (max-device-width : 780px) {

.homedealslider {
height: 592px;
}
	
}

@media only screen and (max-width : 740px),
only screen and (max-device-width : 740px) {

.homedealslider {
height: 575px;
}
	
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px) {

.homedealslider {
height: 566px;
}
	
}

@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px) {

.homedealslider {
height: 546px;
}
	
}

@media only screen and (max-width : 677px),
only screen and (max-device-width : 677px) {
	
.imageslider .homedealpromo {
min-height: 44px
}

}
	
@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px) {

.homedealslider {
height: 550px;
}
	
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {

.homedealslider {
height: 530px;
}
	
}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px) {

.homedealslider {
height: 522px;
}
	
}

@media only screen and (max-width : 540px),
only screen and (max-device-width : 540px) {

.homedealslider {
height: 504px;
}
	
}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

.homedealslider {
height: 484px;
}
	
}

@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px) {

.homedealslider {
height: 466px;
}
	
}

@media only screen and (max-width : 420px),
only screen and (max-device-width : 420px) {

.homedealslider {
height: 448px;
}
	
.explorebutton {
padding: 7px 12px;
}
	
}

@media only screen and (max-width : 380px),
only screen and (max-device-width : 380px) {

.homedealslider {
height: 430px;
}

.headerbar h1{
font-size: 24px;
}

}

@media only screen and (max-width : 367px),
only screen and (max-device-width : 367px) {

.newcarelement {
width: 100%;
}
	
.imageslider .homedealpromo {
min-height: 66px
}
	
.imageslider .homedealpricing span {
font-size: 23px;
}
	
}