f/*
Theme Name: Group 1 Nissan
Theme URI: http://www.group1nissan.co.za/
Description: A theme created for Group 1 Nissan.
Version: 1.4
Author: Willem Louw (for WSI Web Marketing)
Author URI: http://www.wsiwebmarketing.co.za/
*/

/* CSS Document */

/*-- Sticky CTA --*/

.hidecta {
display: none;
}

#stickycta {
z-index: 9999999999999;
position: fixed;
bottom: 0px;
right: 10%;
margin-bottom: 12px;
}

#stickycta a {
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
background: #c11e44;
border: 1px solid #fff;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding: 15px 30px;
}

.noclickiframe {
pointer-events: none;
}

/*-- 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;
}

.newcta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
padding: 14px 0;
color: #fff;
font-weight: bold;
background: #c11e44;
text-decoration: none;
display: block;
margin: 12px 0 0 0;
text-align: center;
-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.newcta a:hover {
background: #d71e44;
}

/*-- Testimonials --*/

#testimonials ul, #testimonials ul li {
margin: 5px 0 0 0 !important;
}

.widget_randomizer_widget {
background: #ebebeb !important;
width: 305px;
height: 422px;
margin: 0 !important;
padding: 5px 10px;
box-sizing: border-box;
}

/*-- General Style --*/

body { 
line-height: 21px; 
font-family: 'Droid Sans', Arial, Verdana, sans-serif; 
font-size: 13px; 
color: #000; 
min-height: 25px; 
background-color: #fff;
}

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

a:hover { 
text-decoration: none;
}

h1 { 
font-size: 22px;
color: #000; 
padding: 5px 0 10px 0;
font-weight: bold;
}

h2 { 
font-size: 18px;
color: #000;
padding: 10px 0 6px 0;
font-weight: bold;
}

h3 { 
font-size: 16px;
color: #000; 
}

h3.h3nice { 
font-size: 14px;
color: #000;
padding: 10px 0 2px 0;
font-weight: bold;
}

h4 { 
font-size: 14px;
color: #000; 
}

p { 
padding: 5px 0 5px 0;
line-height: 18px;
}

/*-- Main Style --*/

#container {
/*--margin-top: -21px;--*/
}

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

#navbg {
width: 100%;
background: #262626;
}

.clear {
clear: both;
}

/*-- Header --*/

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

#statichead {
width: 100%;
z-index: 9999;
}

#header {
width: 960px;
margin: auto;
/*--margin-top: -25px;--*/
background: #fff;
}

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

#space {
height: 132px;
width: 960px;
margin: auto;
}

#callnow {
width: 960px;
margin: auto;
z-index: 9999;
}

#callnow a {
margin: -60px 0px 0px 0px;
float: right;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #888;
}

#callnow span {
margin: -40px 0px 0px 0px;
float: right;
text-decoration: none;
font-size: 18px;
font-weight: bold;
color: #000;
}

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

/*-- Main Navigation --*/

#navwrap {
width: 960px;
margin: auto;
}

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

.nolink a {
cursor: default !important;
}

.link a {
cursor: pointer !important;
}

ul#mainmenu {
height: 32px;
margin-left: 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;
font-size: 14px;
}

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

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

ul#mainmenu li a.selected {

}

ul#mainmenu li a:hover {
color: #fff;
}

ul#mainmenu li a:active {

}

/*--- 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 {
background: #363636;
}
ul#mainmenu ul li:hover a {
color: #fff;
}

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

ul#mainmenu ul ul {
background: #2c2c2c; 
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: 200px;
border-right: none;
}
ul#mainmenu ul ul li a:hover {
background: #363636;
}

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

/*-- CTA Navigation --*/

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

.fixedctathreebuttons {
margin: -31px 0 0 626px !important;
}

#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-size: 14px;
font-weight: bold;
background: #777;
text-decoration: none;
}

ul.ctamenuthreebuttons a {
padding: 4px 14px !important;
}

ul#ctamenu a.focus {
padding: 4px 40px;
background: #c11e44;
}

ul.ctamenuthreebuttons a.focus {
padding: 4px 14px !important;
}

ul#ctamenu li a.selected {

}

ul#ctamenu li a:hover {
background: #d71e44;
}

ul#ctamenu li a:active {

}

/*-- CTA Buttons w/ Get Finance --*/

#fixedcta.fixedctafinance {
margin: -31px 0 0 613px;
}

#fixedcta.fixedctafinance ul#ctamenu a {
padding: 4px 16px;
}
	
/*-- 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, h2.modelheader {
font-size: 14px;
color: #fff; 
font-weight: bold;
padding: 0;
}

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

p.modelsubtext {
padding: 0 0 10px 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;
}

/*-- Specials Page --*/

#specialslider {
/*--height: 1050px;--*/
min-height: 10px;
}

#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: 217px;
margin-left: -3px;
}

.businessctabox {
position: absolute;
top: 164px;
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: 24px;
line-height: 30px;
font-weight: bold;
}

.specialtermstext {
font-size: 13px;
}

.specialtermstext a {
color: #fff;
}

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

.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;
background: #c11e44;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.specialcta a:hover {
background: #d71e44;
}

/*-- Specials Page Main Form --*/

#contactwrap {
width: 305px;
display: inline;
float: left;
}

#specialsform {
color: #fff !important;;
background: #777 !important;;
width: 275px !important;
padding: 15px 15px 0px 15px !important;
float: left;
height: 336px;
margin-bottom: 15px;
}

.financetext {
width: 620px;
min-height: 356px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

#specialsform img:nth-of-type(1) {
margin: 31px 0px 0px -15px;
}

#specialsform img {
margin: 8px 0px 0px -15px;
}

#specialsform input[type="text"], #specialsform input[type="email"], #specialsform textarea, #specialsform select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
height: 30px;
width: 169px !important
}

#specialsform select {
height: 30px;
width: 169px !important;
}

#specialsform input[type="submit"] {

}

.hidden_label {
display: none;
}

/*-- Landing Page Form --*/

.goppc #gform_submit_button_31 {
margin-top: 8px !important;
/*-- background: #000180 !important; --*/
background: #0000ff!important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#000080)) !important;
background: -moz-linear-gradient(top, #0000ff, #000080) !important;
background: linear-gradient(to bottom, #0000ff, #000080) !important;
text-shadow: #000040 1px 1px 1px !important;
}

.goppc #gform_submit_button_31:hover, .goppc #gform_submit_button_31:focus {
background: #0000ff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#00009a)) !important;
background: -moz-linear-gradient(top, #0000ff, #00009a) !important;
background: linear-gradient(to bottom, #0000ff, #00009a) !important;
}

.goppc #gform_submit_button_31:active {
background: #000080 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#000080), to(#000080)) !important;
background: -moz-linear-gradient(top, #000080, #000080) !important;
background: linear-gradient(to bottom, #000080, #000080) !important;
}

.nissanppc #gform_submit_button_43, .nissanppc #gform_submit_button_48 {
margin-top: 8px !important;
background: #ff306d;
background: -webkit-gradient(linear, left top, left bottom, from(#ff306d), to(#a41a3a));
background: -moz-linear-gradient(top, #ff306d, #a41a3a);
background: linear-gradient(to bottom, #ff306d, #a41a3a);
text-shadow: #610f22 1px 1px 1px;
}

.nissanppc #gform_submit_button_43:hover, .nissanppc #gform_submit_button_43:focus, .nissanppc #gform_submit_button_48:hover, .nissanppc #gform_submit_button_48:focus {
background: #ff3a83;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a83), to(#c51f46));
background: -moz-linear-gradient(top, #ff3a83, #c51f46);
background: linear-gradient(to bottom, #ff3a83, #c51f46);
}

.nissanppc #gform_submit_button_43:active, .nissanppc #gform_submit_button_48:active {
background: #a41a3a;
background: -webkit-gradient(linear, left top, left bottom, from(#a41a3a), to(#a41a3a));
background: -moz-linear-gradient(top, #a41a3a, #a41a3a);
background: linear-gradient(to bottom, #a41a3a, #a41a3a);
}

.deal {
position: absolute;
z-index: 9999;
right: 0;
margin-top: -75px;
}

.deal h2 {
background:-moz-linear-gradient(-70deg, #ffef07 355px, transparent 0px);
background:-webkit-linear-gradient(-70deg, #ffef07 355px, transparent 0px);
background:-o-linear-gradient(-70deg, #ffef07 355px, transparent 0px);
background:linear-gradient(-70deg, #ffef07 355px, transparent 0px);
font-size: 48px;
line-height: 50px;
padding: 10px 15px 10px 40px;
font-weight: bold;
font-style: oblique;
}

.deal h2:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -9999px;
right: 0;
box-shadow: 9999px 0 0 #ffef07;
}

/*-- Navigation Page --*/

.naviarrow {
width: 0;
height: 0;
border-top: 34px solid transparent;
border-bottom: 34px solid transparent;
border-right: 20px solid #000;
position: absolute;
}

.navibar {
position: absolute;
margin-left: 20px;
width: 610px;
height: 68px;
background: #000;
color: #fff;
line-height: 68px;
font-size: 24px;
text-align: center;
}

/*-- Misc Page --*/

.modelsliderheader {
text-align: center;
background: #777;
color: #fff;
}

/*-- Landing Page --*/

.pricingarrow {
width: 0; 
height: 0; 
border-top: 20px solid transparent;
border-bottom: 20px solid transparent; 
border-right:20px solid #000;

position: absolute;
margin-top: 294px;
margin-left: 245px;
}

.pricingbar {
position: absolute;
margin-top: 294px;
margin-left: 265px;
width: 680px;
height: 40px;
background: #000;
color: #fff;
line-height: 40px;
font-size: 24px;
text-align: center;
}

.bottombanner {
height: 150px;
background: #000;
clear: both;
margin-bottom: 20px;
margin-top: 40px;
}

.bannercontent {
width: 814px;
margin: auto;
}

.bannercontent img {
float: left;
margin-top: -44px;
}

.bannertext {
float: left;
margin-left: 30px;
margin-top: 20px;
}

.bannertext p {
color: #fff;
font-weight: bold;
font-size: 36px;
}

.testdrive {
font: normal 30px/46px 'helvetica', 'arial', sans-serif;
width: 360px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
background: #c11e44;
text-decoration: none;
display: block;
margin: 18px 0 0 0;
text-align: center;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.testdrive:hover {
background: #d71e44 !important;
}

.gotestdrive {
font: normal 30px/46px 'helvetica', 'arial', sans-serif;
width: 360px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
background: #000180;
text-decoration: none;
display: block;
margin: 18px 0 0 0;
text-align: center;
box-sizing: border-box;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;

background: #0000ff!important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#000080)) !important;
background: -moz-linear-gradient(top, #0000ff, #000080) !important;
background: linear-gradient(to bottom, #0000ff, #000080) !important;
text-shadow: #000040 1px 1px 1px !important;
}

.gotestdrive:hover {
background: #0000ff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#00009a)) !important;
background: -moz-linear-gradient(top, #0000ff, #00009a) !important;
background: linear-gradient(to bottom, #0000ff, #00009a) !important;
}

.nissantestdrive {
font: normal 30px/46px 'helvetica', 'arial', sans-serif;
width: 360px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
background: #000180;
text-decoration: none;
display: block;
margin: 18px 0 0 0;
text-align: center;
box-sizing: border-box;

border: 1px solid #a41a3a;
background: #ff306d;
background: -webkit-gradient(linear, left top, left bottom, from(#ff306d), to(#a41a3a));
background: -moz-linear-gradient(top, #ff306d, #a41a3a);
background: linear-gradient(to bottom, #ff306d, #a41a3a);
text-shadow: #610f22 1px 1px 1px;
}

.nissantestdrive:hover {
border: 1px solid #c11e44;
background: #ff3a83;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a83), to(#c51f46));
background: -moz-linear-gradient(top, #ff3a83, #c51f46);
background: linear-gradient(to bottom, #ff3a83, #c51f46);
color: #ffffff;
}

.datsun {
background: #000180 !important;
}

.datsunbutton {
background: #0000ff!important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#000080)) !important;
background: -moz-linear-gradient(top, #0000ff, #000080) !important;
background: linear-gradient(to bottom, #0000ff, #000080) !important;
text-shadow: #000040 1px 1px 1px !important;
}

.datsunbutton:hover, .datsunbutton:focus {
background: #0000ff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#00009a)) !important;
background: -moz-linear-gradient(top, #0000ff, #00009a) !important;
background: linear-gradient(to bottom, #0000ff, #00009a) !important;
}

.datsun #gform_submit_button_4, .datsun #gform_submit_button_5 {
background: #0000ff!important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#000080)) !important;
background: -moz-linear-gradient(top, #0000ff, #000080) !important;
background: linear-gradient(to bottom, #0000ff, #000080) !important;
text-shadow: #000040 1px 1px 1px !important;
}

.datsun #gform_submit_button_4:hover, .datsun #gform_submit_button_5:hover {
background: #0000ff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#00009a)) !important;
background: -moz-linear-gradient(top, #0000ff, #00009a) !important;
background: linear-gradient(to bottom, #0000ff, #00009a) !important;
}

.gomodelcontent button {
background: #0000ff!important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#000080)) !important;
background: -moz-linear-gradient(top, #0000ff, #000080) !important;
background: linear-gradient(to bottom, #0000ff, #000080) !important;
text-shadow: #000040 1px 1px 1px !important;

color: #fff !important;
font-weight: bold !important;
width: 140px !important;
height: 32px !important;
font: bold 14px/18px 'helvetica', 'arial', sans-serif !important;
margin: 8px 0px 0px 0px !important;
border: none !important;
}

.gomodelcontent button:hover {
background: #0000ff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#00009a)) !important;
background: -moz-linear-gradient(top, #0000ff, #00009a) !important;
background: linear-gradient(to bottom, #0000ff, #00009a) !important;
}

/*-- PPC Adds, Certifications & Features --*/

.ppcadds {
margin-top: -124px;
}

.certifications {
text-align: center;
}

.ppctextbox {
text-align: center;
background: #000;
margin: 20px 0px 12px 0;
padding: 8px;
}

.ppctextbox h2 {
color: #fff;
}

.ppcfin {
width: 100%;
max-width: 960px;
margin: auto;
}

/*-- Split Landing Page --*/

.quarterheader {
text-align: center;
padding: 20px;
height: 300px;
box-sizing: border-box;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
}

.quarterheader h1 {
color: #fff;
font-size: 32px;
line-height: 36px;
font-weight: normal;
background: rgba(0,0,0,0.6);
width: 500px;
padding: 15px;
margin: 195px auto 0 auto;
}

.quarterheader h1 span {
font-weight: bold;
}

.quarterlogo {
position: absolute;
margin: 5px;
}

.quarterdesktop {
display: flex;
}

.quartermobile {
display: none;
}

.quarterlink {
text-decoration: none;
}

.quartersplit {
width: 25%;
float: left;
text-align: center;
box-sizing: border-box;
padding: 20px;
color: #000;
}

.halfsplit {
width: 50%;
padding: 50px;
}

.quartersplit h1 {
color: #000;
font-size: 40px;
line-height: 42px;
padding: 0;
}

.quartersplit h2 {
color: #000;
font-size: 32px;
line-height: 34px;
padding: 0;
}

.quartersplit p {
font-size: 16px;
line-height: 18px;
color: #000;
}

.quartersplit:nth-of-type(odd) {
background: #eaeaea;
}

.quartersplit:nth-of-type(even) {
background: #f0efef;
}

.quartersplit img {
max-width: 100%;
height: auto;
padding: 10px 0;
}

.quartersplit button {
border: 1px solid #a41a3a;
border-radius: 0px;
background: #ff306d;
background: -webkit-gradient(linear, left top, left bottom, from(#ff306d), to(#a41a3a));
background: -moz-linear-gradient(top, #ff306d, #a41a3a);
background: linear-gradient(to bottom, #ff306d, #a41a3a);
text-shadow: #610f22 1px 1px 1px;
text-decoration: none;

color: #fff !important;
font-weight: bold !important;
width: 180px !important;
height: 42px !important;
font: bold 18px/22px 'helvetica', 'arial', sans-serif !important;
margin: 8px 0px 0px 0px !important;
border: none !important;
}

.quartersplit button:hover, .quartersplit button:focus  {
border: 1px solid #c11e44;
background: #ff3a83;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a83), to(#c51f46));
background: -moz-linear-gradient(top, #ff3a83, #c51f46);
background: linear-gradient(to bottom, #ff3a83, #c51f46);
color: #ffffff;
text-decoration: none;
}

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

/*---.quartersplit button {
border: 1px solid #6b7a25;
background: #aec63c;
background: -webkit-gradient(linear, left top, left bottom, from(#aec63c), to(#6b7a25));
background: -moz-linear-gradient(top, #aec63c, #6b7a25);
background: linear-gradient(to bottom, #aec63c, #6b7a25);
text-shadow: #434c17 1px 1px 1px;

border-radius: 8px;
-webkit-box-shadow: #000000 2px 2px 8px 0px;
-moz-box-shadow: #000000 2px 2px 8px 0px;
box-shadow: #000000 2px 2px 8px 0px;
}

.quartersplit button:hover, .quartersplit button:focus {
border: 1px solid ##86982e;
background: #d1ee48;
background: -webkit-gradient(linear, left top, left bottom, from(#d1ee48), to(#80922c));
background: -moz-linear-gradient(top, #d1ee48, #80922c);
background: linear-gradient(to bottom, #d1ee48, #80922c);
}

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

.quartersplit button {
	-moz-box-shadow: 3px 4px 0px 0px #309116;
	-webkit-box-shadow: 3px 4px 0px 0px #309116;
	box-shadow: 3px 4px 0px 0px #309116;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #afc63c), color-stop(1, #5ead34));
	background:-moz-linear-gradient(top, #afc63c 5%, #5ead34 100%);
	background:-webkit-linear-gradient(top, #afc63c 5%, #5ead34 100%);
	background:-o-linear-gradient(top, #afc63c 5%, #5ead34 100%);
	background:-ms-linear-gradient(top, #afc63c 5%, #5ead34 100%);
	background:linear-gradient(to bottom, #afc63c 5%, #5ead34 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc63c', endColorstr='#5ead34',GradientType=0);
	background-color:#afc63c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #189424;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.quartersplit button:hover, .quartersplit button:focus {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5ead34), color-stop(1, #afc63c));
	background:-moz-linear-gradient(top, #5ead34 5%, #afc63c 100%);
	background:-webkit-linear-gradient(top, #5ead34 5%, #afc63c 100%);
	background:-o-linear-gradient(top, #5ead34 5%, #afc63c 100%);
	background:-ms-linear-gradient(top, #5ead34 5%, #afc63c 100%);
	background:linear-gradient(to bottom, #5ead34 5%, #afc63c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ead34', endColorstr='#afc63c',GradientType=0);
	background-color:#5ead34;
}
.quartersplit button:active {
	position:relative;
	top:1px;
}--*/

.quartersplit .saving, .halfsplit .saving {
font-size: 32px;
line-height: 34px;
font-weight: bold;
color: #fff;
background: #c12f1c;
display: inline-block;
padding: 4px 8px;
margin: 8px 0px;
}

/*-- Student PPC Page --*/

.mainbackground {
display: flex;
justify-content: center;
height: 720px;
overflow: hidden;
background: #e8670c;
}

.nissanbackground {
background: #000;
}

.mainbackground img {
flex: none;
}

.mainbgcontent {
width: 100%;
max-width: 960px;
margin: auto;
height: 720px;
margin-top: -720px;
z-index: 99999;
position: relative;
}

.mainbgcontent h1.mainh1 {
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 100px;
line-height: 100px;
padding-top: 10px;
}

.mainbgcontent h2.mainh2 {
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 60px;
line-height: 60px;
margin-top: -20px;
margin-bottom: 6px;
}

.mainbgcontent h2.mainh2 span {
color: #fff;
font-size: 30px;
}

.mainbgcontent h2.comingsoon {
color: #fff;
font-size: 44px;
line-height: 44px;
margin-bottom: 6px;
background: #c11e44;
display: inline;
padding: 8px 20px;
position: absolute;
right: 0;
margin-top: -10px;
}

.ipsos {
float: right;
margin-top: 20px;
}

.ipsos img {
width: 250px;
height: auto;
}

.countdownppc {
margin-top: 340px;
font-size: 26px;
line-height: 30px;
width: 231px;
text-align: center;
background: rgba(0,0,0,0.6);
color: #fff;
padding: 8px 2px;
}

.gocontentbar {
background: #000180;
}

.nissancontentbar {
background: #b6b6c6;
}

.nissancontentbar .gocontentsplit {
color: #1d1e20;
}

.nissancontentbar .gocontentsplit h2 {
color: #1d1e20;
}

.gocontentcontent {
width: 100%;
max-width: 960px;
margin: auto;
text-align: justify;
}

.gocontentcontent > div {
width: 300px;
display: inline-block;
vertical-align: top;

/* IE fix. */
*display: inline;
zoom: 1;
}

.gocontentcontent:after {
content: "";
width: 100%;
display: inline-block;
}

.gocontentsplit {
width: 300px;
text-align: center;
color: #fff;


}

.gocontentsplit img {
width: 200px;
height: 200px;
margin-top: -100px;
}

.gocontentsplit h2 {
color: #fff;
}

.gobackground {
text-align: center;
background: #ccc;
}

.gobackground img {
width: 100%;
/*--max-width: 1500px;--*/
height: auto;
}

.gobackground iframe {
width: 100%;
height: 720px;
}

.ctajumpbar {
height: 104px;
background: #e8670c;
clear: both;
}

.nissanjumpbar {
background: #1d1e20 !important;
}

.ctajumpcontent {
width: 100%;
max-width: 960px;
margin: auto;
}

.ctajumpcontent span {
color: #000;
font-weight: bold;
font-size: 36px;
line-height: 104px;
float: left;
}

.nissanjumpbar span {
color: #fff !important;
}

.ctajumpcontent a {
float: right;
}

.gofooterbar {
height: 150px;
background: #e8670c;
clear: both;
margin-bottom: 20px;
margin-top: 40px;
position: relative;
z-index: 9;
}

.gofootercontent {
width: 100%;
max-width: 960px;
margin: auto;
}

.gofootercontent img {
float: left;
margin-top: -44px;
}

.gofootertext {
float: right;
margin-left: 30px;
margin-top: 20px;
text-align: right;
}

.gofootertext span {
color: #000;
font-weight: bold;
font-size: 36px;
text-align: right;
}

.goheading {
float: left;
}

img.freetablet {
position: absolute;
right: 0;
margin-top: 10px;
}

/*-- Universal Gravity Form --*/

ul.gform_fields {
margin: 0;
}

.gform_hidden, .gfield_visibility_hidden {
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 {
padding: 10px 0px !important;
}

.gfield_label {
width: auto !important;
float: left;
font-weight: bold;
}

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

.gfield_required {
color: #ccc !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: visible !important;
/*--overflow: auto !important;--*/
}

.gform_wrapper input[type=text] {
/*--padding: 5px 2px 5px 2px !important;--*/
}

/*-- Test Drive Form --*/

#formwrap {
position: absolute;
margin-top: -349px;
margin-left: 8px;
}

#form h2 {
color: #fff;
padding: 0 0 10px 0;
}

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

input[type="text"], input[type="email"], textarea, select {
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0;
float:right;
background: #ccc;
border: none;
padding: 2px !important;
margin-bottom: 8px !important;
height: 23px;
width: 129px !important;
box-sizing: border-box;
}

select {
height: 23px;
width: 129px !important;
}

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

fieldset p {
line-height: 25px;
}

label {
line-height: 25px;
}

input[type="submit"] {
color: #fff;
font-weight: bold;
background: #c11e44;
float: right;
text-indent: 0px;
width: 215px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;
/*--height: 50px;--*/
/*--margin: 6px 0px 0px 0px !important;--*/
height: 40px;
margin: 2px 0px 0px 0px !important;
}

.underbuttontext {
font-size: 11px;
text-align: center;
clear: both;
line-height: 14px;
color: #fff;
}

.underbuttontext a {
color: #fff;
}

input[type="submit"]:hover {
background: #d71e44 !important;
}

.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 5px 3px #c11e44;
-webkit-box-shadow: 0px 0px 5px 3px #c11e44;
box-shadow: 0px 0px 5px 3px #c11e44;
}

/*-- Specials Test Drive Form --*/

.specialtestdrive {
background: #262626;
margin: -5px 0px 8px 0px;
padding: 4px 9px 0px 9px;
border-top: 1px solid #000;
overflow: auto;
}

.specialtestdrive input[type="text"], .specialtestdrive input[type="email"], .specialtestdrive select {
float: left;
font: normal 12px/14px 'helvetica', 'arial', sans-serif !important;
background: #fff;
border: 1px solid #000;
height: 20px !important;
width: 130px !important;
}

.specialtestdrive select {
height: 20px !important;
width: 130px !important;
}

.specialtestdrive input[type="submit"] {
width: 234px;
height: 40px;
font: bold 16px/20px 'helvetica', 'arial', sans-serif !important;
margin-top: -8px !important;
}

.specialtestdrive input[type="submit"]:hover {
background: #d71e44 !important;
}

.specialtestdrive li.gfield {
float: left;
clear: none !important;
margin-right: 10px;
}

.specialtestdrive .gform_wrapper .gform_footer {
clear: none !important;
float: right;
margin: 2px 0px 0px 0px;
}

.specialtestdrive label {
font-size: 12px;
margin: 0px !important;
color: #fff;
}

/*-- Newsletter Signup Form --*/

#newsletter {
width: 305px;
height: 206px;
display: inline;
float: right;
}

#newsletter h2 {
color: #fff;
padding: 0 0 4px 0;
margin: -4px 0 0 0;
}

#newsinput {
color: #fff;
background: #777;
width: 275px !important;
height: 170px !important;
padding: 15px  !important;
}

#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 6px !important;
height: 24px !important;
width: 189px !important;
}

#newsinput select {
height: 24px !important;
width: 189px !important;
}

#newsinput input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44;
float: right !important;
text-indent: 0px !important;
width: 170px !important;
/*--height: 50px !important;--*/
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
/*--margin: 8px 0px 0px 0px !important;--*/
border: none !important;
height: 40px;
margin: 2px 0px 4px 0px !important;
}

#newsinput input[type="submit"]:hover {
background: #d71e44;
}

#newsinput li.gfield {
line-height: 21px !important;
}

/*-- Contact Page Form --*/

.formheader h2 {
color: #fff;
}

.formheader {
background: #515152 !important;
width: 275px !important;
padding: 5px 15px !important;
color: #fff;
}

.formheader p {
padding-bottom: 10px;
}

#contactwrap {
width: 305px;
display: inline;
float: left;
}

#contact {
color: #fff !important;;
background: #777 !important;;
width: 275px !important;
padding: 15px 15px 0px 15px !important;
float: left;
height: auto;
margin-bottom: 15px;
}

.contacttext {
width: 620px;
min-height: 386px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

#contact img:nth-of-type(1) {
margin: 31px 0px 0px -15px;
}

#contact img {
margin: 8px 0px 0px -15px;
}

#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 8px !important;
width: 169px !important;
height: 28px !important;
}

#contact select {
width: 169px !important;
height: 28px !important;
}

#contact input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44 !important;
float: right !important;
text-indent: 0px !important;
width: 170px !important;
/*--height: 50px !important;--*/
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
/*--margin: 6px 0px 0px 0px !important;--*/
border: none !important;
height: 50px;
margin: 6px 0px 6px 0px !important;
}

#contact .underbuttontext {
/*--margin-bottom: -18px;--*/
}

input[type="submit"]#gform_submit_button_34 {
width: 275px !important
}

#contact input[type="submit"]:hover {
background: #d71e44 !important;
}

#contact li.gfield {
line-height: 21px !important;
}

.mapbutton, .branchbutton {
font: normal 14px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 28px 0 0 0;
text-align: center;
-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.mapbutton:hover, .branchbutton:hover {
background: #d71e44;
}

.branchbutton {
background: #c11e44;
float: right;
margin-right: 5px;
}

.mapbutton {
background: #c11e44;
float: left;
margin-left: 5px;
}

/*-- Used Contact Form --*/

#usedform {
color: #fff !important;
background: #777 !important;
padding: 15px 15px 0px 15px !important;
height: auto;
margin-bottom: 15px;
overflow: auto;
}

#usedform input[type="text"], #usedform input[type="email"], #usedform select {
width: 124px !important;
height: 28px;
}

#usedform textarea {
width: 124px !important;
height: 56px;
}

#usedform select {
width: 124px !important;
height: 28px;
}

.usedheader h2 {
color: #fff;
}

.usedheader {
background: #515152 !important;
padding: 5px 15px !important;
color: #fff;
}

.usedheader p {
padding-bottom: 10px;
}

/*-- Test Drive Page Form --*/

#gform_submit_button_7 {
/*--margin-top: -6px !important;--*/
margin-top: -10px !important;
}

#testpagewrap {
width: 380px;
display: inline;
float: left;
margin: 15px 90px 20px 0;
}

#testpage {
color: #fff !important;;
background: #777 !important;;
width: 350px !important;
height: 344px;
padding: 15px 15px 0px 15px !important;
}

#testpage input[type="text"], #testpage input[type="email"], #testpage textarea, #testpage select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
height: 30px;
width: 254px !important;
}

#testpage select {
height: 30px;
width: 254px !important;
}

#testpage input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44 !important;
float: right !important;
text-indent: 0px !important;
width: 215px !important;
/*--height: 50px !important;--*/
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
/*--margin: 6px 0px 0px 0px !important;--*/
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

#testpage input[type="submit"]:hover {
background: #d71e44 !important;
}

#testpage li.gfield {
line-height: 21px !important;
}

/*-- Trade-in Page --*/

#tradeformwrap {
width: 345px;
display: inline;
float: left;
}

#tradeform {
color: #fff !important;
background: #777 !important;
width: 315px !important;
padding: 15px 15px 0px 15px !important;
float: left;
height: 443px;
margin-bottom: 15px;
}

.tradetext {
width: 580px;
min-height: 648px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

.tradetext2 {
width: 580px;
min-height: 463px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

#tradeformtext {
padding: 5px 10px;
background: #ebebeb;
}

#tradeform input[type="text"], #tradeform input[type="email"], #tradeform textarea, #tradeform select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
width: 165px !important;
float: right !important;
margin-bottom: 10px !important;
height: 24px;
}

#tradeform select {
height: 24px;
}

#tradeform input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44 !important;
float: right !important;
text-indent: 0px !important;
width: 170px !important;
/*--height: 50px !important;--*/
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
/*--margin: 6px 0px 0px 0px !important;--*/
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

#tradeform input[type="submit"]:hover {
background: #d71e44 !important;
}

#tradeform li.gfield {
line-height: 21px !important;
}

/*-- Animal Competition Form --*/

#animalform {
color: #fff !important;
background: #777 !important;
width: 200px !important;
padding: 10px !important
}

#animalform label {
font-size: 16px !important;
line-height: 32px;
}

#animalform input[type="text"], #animalform input[type="email"], #animalform textarea, #animalform select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
height: 30px;
width: 106px !important;
}

#animalform select {
height: 30px;
width: 106px !important;
}

#animalform input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44 !important;
float: right !important;
text-indent: 0px !important;
width: 198px !important;
/*--height: 50px !important;--*/
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
/*--margin: 6px 0px 0px 0px !important;--*/
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

#animalform input[type="submit"]:hover {
background: #d71e44 !important;
cursor: pointer;
}

#animalform li.gfield {
line-height: 21px !important;
}

/*-- Animal Competition --*/

.petbanner {

}

.petimg {
width: 960px;
height: 442px;
}

.mobile {
display: none;
}

.petsteps {
width: 297px;
overflow: auto;
margin-top: -440px;
margin-left: 655px;
position: absolute;
}

.petsteps h3 {
font-weight: bold;
font-size: 17px;
margin-bottom: 8px;
}

.petfbwrap {
overflow: auto;
margin-bottom: 10px;
padding: 8px;
background: #ebebeb;
}

.petfb {
float: right;
width: 220px;
}

.petfb iframe {
border: 1px solid #999 !important;
}

.petformwrap {
overflow: auto;
padding: 8px;
background: #ebebeb;
}

.petform {
float: right;
width: 220px;
}

.stepicon {
float: left;
width: 54px;
height: 84px;
}

.petcontent {
width: 630px;
float: left;
}

.petsidebar {
width: 305px !important;
float: right;
}

.fblikecounter {
text-align: center;
font-size: 28px;
font-weight: bold;
margin: 0px 0px 10px 0px;
background: #ebebeb;
padding: 10px;
}

.counterbox {
padding: 4px 8px;
background: #c11e44;
color: #fff;
}

.sharebtn {
height: 40px;
width: 110px;
margin: -11px 2px;
padding: 5px 0px;

transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-moz-transform: scale(2);
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}

/*-- Animal Competition Page --*/

.animalbanner {
width: 565px;
float: left;
}

.animalbanner img {
width: 565px;
}

.animalwrap {
float: right;
}

.animalheader {
width: 352px;
padding: 15px;
background: #262626;
}

.animalheader h2 {
font-size: 28px;
text-align: center;
color: #fff;
}

#animalformwrap {
height: 321px;
width: 352px !important;
float: none !important;
margin-bottom: 15px;
padding: 15px 15px 0px 15px !important;
color: #fff !important;
background: #777 !important;
}

/*-- Animal Competition Form --*/

#gform_24 .gform_body {
overflow: auto;
margin: 10px 0px -10px 0px;
}

#animalformwrap label {
font-size: 16px !important;
line-height: 42px;
}

#animalformwrap input[type="text"], #animalformwrap input[type="email"], #animalformwrap textarea, #animalformwrap select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 15px !important;
padding: 8px 2px !important;
height: 42px;
width: 204px !important
}

#animalformwrap select {
height: 42px;
width: 204px !important;
}

#animalformwrap input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44 !important;
float: right !important;
text-indent: 0px !important;
width: 352px !important;
/*--height: 70px !important;--*/
font: bold 25px/35px 'helvetica', 'arial', sans-serif !important;
/*--margin: 6px 0px 0px 0px !important;--*/
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

#animalformwrap input[type="submit"]:hover {
background: #d71e44 !important;
cursor: pointer;
}

#animalformwrap li.gfield {
line-height: 21px !important;
}

/*-- Dirtopia Mountain Biking --*/

.sidebarshare {
padding: 5px 37px 10px 37px;
background: #ebebeb;
border: 1px solid #ccc;
margin: 18px 0px;
}

/*-- Gravity Form --*/

.validation_message {
display: none !important;
}

.validation_error {
display: none !important;
}

/*-- Book a Service Page --*/

#servicewrap {
width: 345px;
display: inline;
}

#service {
color: #fff !important;
background: #777 !important;
width: 315px !important;
padding: 15px 15px 0px 15px !important;
margin: 10px 0px;
overflow: auto;
}

#service input[type="text"], #service input[type="email"], #service select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 8px !important;
width: 214px !important;
height: 24px !important;
}

#service select {
width: 214px !important;
height: 24px !important;
}

#service input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
background: #c11e44 !important;
float: right !important;
text-indent: 0px !important;
width: 190px !important;
/*--height: 50px !important;--*/
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
/*--margin: 6px 0px 0px 0px !important;--*/
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

#service input[type="submit"]:hover {
background: #d71e44 !important;
}

#service li.gfield {
line-height: 21px !important;
}

/*-- Model Service --*/

#gform_fields_32 {
overflow: auto;
margin-bottom: -8px !important;
margin-top: 6px !important;
}

/*-- Car Model Spec Slider --*/

.jCarouselLite {
z-index: 0;
margin: 5px 0 20px 0;
}

.models {
background: #ebebeb;
width: 295px;
height: 250px;
margin-right: 8px;
padding: 0px 10px 5px 10px;
}

.prev {
float: left;
background: #000;
border: none;
color: #fff;
height: 100px;
font-weight: bold;
font-size: 20px;
margin-left: -45px;
margin-top: -196px;
cursor: pointer;
}

.next {
float: right;
background: #000;
border: none;
color: #fff;
height: 100px;
font-weight: bold;
font-size: 20px;
margin-right: -45px;
margin-top: -196px;
cursor: pointer;
}


.nonav {
display: none;
}

.yearmodel {
font-size: 13px;
color: #000;
padding: 0;
font-weight: bold;
float: left;
}

.modelspec {
font-size: 18px;
color: #000;
padding: 0;
font-weight: bold;
float: left;
margin-right: -100px;
}

.fullprice {
font-size: 18px;
color: #000;
padding: 0;
font-weight: bold;
float: right;
}

.installment {
font-size: 13px;
color: #000;
padding: 0;
font-weight: bold;
float: right;
}

.left {
float: left;
}

.right {
float: right;
margin-top: 10px;
}

/*-- Main --*/

#wrap {
width: 960px;
margin: auto;
}

#slider {
height: 350px;
}

#slider img {
height: 350px;
}

.countdown {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 25px;
font-weight: bold;
background: #c11e44;
padding: 14px 24px;
color: #fff;
}

a.countdownlink {
color: #fff;
text-decoration: none;
}

.euroncap {
position: absolute;
margin-top: -343px;
margin-left: 839px;
}

.sagmj {
position: absolute;
margin-top: -253px;
margin-left: 839px;
}

p.modelname {
font: normal 30px/36px 'helvetica', 'arial', sans-serif;
font-weight: bold;
position: absolute;
top: 20px;
background: #ebebeb;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.promo {
background: #c11e44;
color: #fff;
padding: 6px 6px 7px 6px;
}

.gallery_id_4 {
background: #ebebeb;
}

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

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

.homecta {
visibility: hidden; /*-- Hidden until site is fully loaded to solve content "jump" while loading --*/
}

#homectabox {
position: absolute;
margin-left: 10px;
margin-top: -230px; /*-- top: 250px; --*/
}

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

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.homecta a:hover {
background: #d71e44;
}

#nissandaytext {
font-weight: bold;
color: #fff;
position: absolute;
top: 178px;
right: 10px;
font-size: 26px;
text-align: right;
}

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

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.nissandaycta a:hover {
background: #d71e44;
}

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

#content {
width: 635px;
float: left;
background: #fff;
padding: 10px 10px 10px 0;
z-index: 0;
position: relative;
}

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

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

.num li {
list-style: decimal !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 {
color: #fff;
padding: 0 0 8px 0;
}

#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: 285px;
height: 220px;
padding: 10px 10px 14px 10px;
}

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

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

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

/*-- Parts Page --*/

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

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

/*-- Brochure Download Page --*/

#brochurehead {
float: left;
}

#brochureshare {
float: right;
margin-top: 5px;
}

#brochurelinks {
clear: both;
}

.brochure {
margin-right: 33px;
width: 215px;
height: 150px;
display: inline;
float: left;
margin-bottom: 74px;
}

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

.brochure:nth-of-type(4n+5){
clear: both;
}

/*-- 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 {
width: 470px;
float: right;
margin-bottom: 10px;
}

.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;
}

/*-- About Us Page --*/

#profiles {
clear: both;
width: 960px;
height: 274px;
}

#profiles img {
display: inline;
float: left;
border: 1px solid #ccc;
}

.profiletext {
width: 340px;
float: right;
}

#services {
background: #ebebeb;
height: 178px;
padding: 5px 10px;
margin-bottom: 20px;
}

#servicesused {
background: #ebebeb;
height: 120px;
padding: 5px 10px;
margin-bottom: 20px;
}

/*-- Dealer Page --*/

.dealerblock {
clear: both;
overflow: auto;
background: #ebebeb;
border: 1px solid #ccc;
margin: 10px 0px;
}

.dealerblock img {
display: inline;
float: left;
width: 126px;
height: auto;
}

.dealertext {
width: 480px;
float: right;
padding: 10px;
}

/*-- Updated New Car Page --*/

.newcarmodel {
margin-bottom: 20px;
margin-right: 20px;
float: left;
width: 225px;
}

.newcarmodel:nth-of-type(4n+0) {
margin-right: -20px;
}

.modelbar {
font: normal 14px/16px 'helvetica', 'arial', sans-serif;
width: 225px;
overflow: auto;
padding: 10px 0;
margin-top: -6px;
color: #fff;
font-weight: bold;
background: #c11e44;
text-decoration: none;
display: block;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.modelbar:hover {
background: #d71e44;
}

.modelbar h2 {
color: #fff;
padding: 0;
margin: 0;
}

.modelbar img {
margin-top: -2px;
}

.rightbar {
float: right;
margin-right: 8px;
}

.leftbar {
float: left;
margin-left: 8px;
}

/*-- New Car Page --*/

.specialtag {
background: #c11e44;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
width: 133px;
height: 28px;
margin: -8px 0px 10px 162px;
position: absolute;
}

.widgets_on_page ul, .widgets_on_page ul li {
margin: 10px 0px;
}

#newcarpage h2{
margin-bottom: 15px;
}

.leftmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: left;
width: 470px;
margin-bottom: 15px;
}

.rightmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: right;
width: 470px;
margin-bottom: 15px;
}

.rightmodel p, .leftmodel p {
float: right;
width: 265px;
margin-right: 5px;
}

.rightmodel img, .leftmodel img {
float: left;
}

.hide {
visibility: hidden;
}

.grey a {
background: #ccc !important;
}

.earlybirdbutton {
color: #fff;
font-weight: bold;
background: #c11e44;
text-indent: 0px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: -49px 0px 0px 817px !important;
border: none;
cursor: pointer;
position: absolute;
padding: 4px 15px;

border: 1px solid #a12727;
background: #ff4a4a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
background: -moz-linear-gradient(top, #ff4a4a, #992727);
background: linear-gradient(to bottom, #ff4a4a, #992727);
text-shadow: #591717 1px 1px 1px;
font: normal normal bold 20px arial;
color: #ffffff;
text-decoration: none;
}

.earlybirdbutton:hover, .earlybirdbutton:focus {
background: #ff5959;
background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
background: -moz-linear-gradient(top, #ff5959, #b62f2f);
background: linear-gradient(to bottom, #ff5959, #b62f2f);
color: #ffffff;
text-decoration: none;
}

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

.optionpack {
width: 210px;
display: inline;
float: left;
background: #ebebeb;
margin-right: 10px;
padding: 11px;
height: 356px;
margin-bottom: 15px;
}

.optionpack:nth-of-type(4) {
margin-right: 0px !important;
float: right !important;
}

.optionpack h3 {
font-weight: bold;
}

/*-- December Promo Page --*/

.promomodel {
margin-bottom: 20px;
margin-right: 20px;
float: left;
width: 305px;
}

.promomodel a {
text-decoration: none;
}

.promomodel img {
padding: 0px 40px;
}

.promomodel:nth-of-type(3n+0) {
margin-right: -20px;
}

.promobar {
font: normal 14px/16px 'helvetica', 'arial', sans-serif;
width: 305px;
overflow: auto;
padding: 15px 0px;
margin-top: -6px;
text-align: center;
box-sizing: border-box;
color: #fff;
font-weight: bold;
background: #c11e44;
text-decoration: none;
display: block;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.promobar h2 {
color: #fff;
padding: 0;
margin: 0;
}

.promoinfo {
font: normal 14px/16px 'helvetica', 'arial', sans-serif;
width: 305px;
overflow: auto;
padding: 10px;
box-sizing: border-box;
color: #000;
font-weight: bold;
background: #ebebeb;
text-decoration: none;
display: block;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.promoinfo h2 {
padding: 0;
margin: 0;
}

.promocar {
font-size: 30px;
line-height: 38px;
}

.promospec {
font-size: 22px;
line-height: 30px;
}

.promoprice {
font-size: 20px;
line-height: 28px;
}

/*-- Used Car Page --*/

#used {
float: left;
margin-bottom: 5px;
background: #ebebeb;
}

#usedside {
width: 245px;
height: 702px;
margin-bottom: 5px;
float: right;
}

#usedside img {
margin-bottom: 10px;
}

#usedtestimonials {
width: 225px;
height: 324px; /*--375px;--*/
padding: 5px 10px;
background: #ebebeb;
}

.usedintro {
width: 700px;
}

.usedbody {
width: 700px;
clear: both;
float: left;
}

#listingblocks {
clear: both;
display: flex;
}

.listblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
/*-- height: 340px; --*/
padding: 0px 10px 8px 10px;
}

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

.talllistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 355px;
padding: 0px 10px 8px 10px;
}

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

.extratalllistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 405px;
padding: 0px 10px 8px 10px;
}

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

.navaralistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 460px;
padding: 0px 10px 8px 10px;
}

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

.tablepadding td {
padding: 5px;
}

/*-- Test Drive Page --*/

.spacing .gform_body {
overflow: auto;
}

.spacing input[type="text"], .spacing input[type="email"], .spacing textarea, .spacing select {
margin-bottom: 11px !important;
}

.testwrap {
width: 100%;
max-width: 960px;
margin: auto;
text-align: justify;
}

.testwrap > div {
width: 300px;
display: inline-block;
vertical-align: top;

/* IE fix. */
*display: inline;
zoom: 1;
}

.testwrap:after {
content: "";
width: 100%;
display: inline-block;
}

.testblock {
width: 300px;
margin: 10px 0 0 0;
}

.testblock img {
width: 300px;
height: 150px;
}

.testblock h2 {
background: #777;
color: #fff;
text-align: center;
margin-top: -6px;
}

.testblock p {
background: #ebebeb;
padding: 10px;
text-align: left !important;
}

.testdrivetestimonial {
text-align: center;
margin-bottom: 30px;
}

.testdrivetestimonial h2 {
background: #777;
color: #fff;
text-align: center;
}

.testdrivetestimonial p {
background: #ebebeb;
padding: 20px 60px;
}

.usedlist {
margin-bottom: 16px;
}

/*-- Kuilsriver / Stellenbosch / PE / Uitenhage Page --*/

#showroomsidebar {
width: 275px !important;
float: left;
}

.showroomtext {
width: 630px;
float: right;
}

.branchtextleft {
float: left;
width: 290px;
margin-bottom: 15px;
clear: both;
}

.branchtextright {
float: right;
width: 310px;
margin-bottom: 15px;
}

/*-- Expanding / Collapsible Content --*/

.expanding { 
display: block;
vertical-align: top; 
height: auto !important; 
}

.expanded { 
height: auto;
margin-top: -25px;
margin-bottom: 25px;
float: left;
width: 960px;
background: #ebebeb;
}

.aj-collapse {
font-weight: bold;
color: #fff;
text-align: center;
text-decoration: none;
float: right;
margin-top: 4px;
position: absolute;
margin-left: 870px;
}

.expanded p{
height: auto;
margin: 0;
}

.collapsed {
float: left;
height: auto;
width: 960px;
line-height: 20px;
margin-bottom: 25px;
background: #ebebeb;
}

.topcolumns {

}

.leftcolumnimg{
float: left;
width: 470px;
height: 340px;
}

.leftcolumn {
float: left;
width: 460px;
padding: 5px 10px;

}

.rightcolumn {
float: right;
width: 460px;
padding: 5px 10px;
}

.expanded {
position: relative;
}

.expshare {
text-align: center;
padding: 3px 0px 0px 0px;
}

.expanderbar {
width: 960px;
height: 30px;
background: #c11e44;
color: #fff;
clear: both;
}

.halfcolumn-right {
width: ;
float: right;
}

.halfcolumn-left {
width: ;
float: left;
}

/*-- Fuel Consumption --*/

.fueldata {
clear: both;
overflow: auto;
}

.fueldata img {
float: left;
}

.rightfuel {
float: right;
width: 460px;
padding: 5px 10px 10px 10px;
margin-bottom: 25px;
background: #ebebeb;
}

.fueltable {
width: 460px;
}

.fueltable th {
font-weight: bold;
}

.fueltable td {
font-style: italic;
}

/*-- Sidebar --*/

#sidebar {
width: 305px;
float: right;
z-index: 1;
position: relative;
}

#ctabox {
margin: 18px 0 10px 0;
}

.cta a {
width: 305px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
background: #777;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;
}

.cta a.maincta {
background: #c11e44;
}

.cta a:hover {
background: #d71e44;
}

/*-- Pre-Footer --*/

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

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

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

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

#blog {
box-sizing: border-box;
padding: 15px;
width: 480px;
height: 398px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#blog h3 {
font-weight: bold;
}

.widget_better_rss_widget h2, .widget_better_rss_widget h3 {
padding-top: 0;
padding-bottom: 10px;
}

.widget_better_rss_widget ul {
padding: 0;
margin: 0;
}

.widget_better_rss_widget ul li {
margin-bottom: 10px;
}

.widget_better_rss_widget ul li a {
font-weight: bold;
font-size: 15px;
}

.widget_better_rss_widget ul li:last-of-type {
margin-bottom: 0px;
}

.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 --*/

#footbg {
width: 100%;
background: #ebebeb;
height: 174px;
clear: both;
}

#footer {
width: 960px;
margin: auto;
padding: 10px;
color: #000;
margin-top: -21px;
padding-top: 15px;
font-size: 13px;
}

#foot-image {
float: left;
width: 110px;
display: inline;
}

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

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

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

#group1branches {
display: flex;
justify-content: space-between;
}

.dealer {

}

.dealerlast {

}

/*-- Sitemap --*/

.sitemap li, .sitemapsub li {
list-style: disc !important;
}

.sitemap {
margin-left: 20px;
}

.sitemapsub {
margin-left: 30px;
}

#terms {
width: 690px;
float: left;
}

/*-- 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;
}

.faceplain {
font-size: 18px;
line-height: 28px;
font-weight: bold;
color: #FFEF07;
text-align: center;
width: 204px;
height: 28px;
margin: -8px 0px 10px 90px;
position: absolute;

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

/*--- Pin It Button ---*/



/*--- A/B Testing ---*/

.abtest input[type="submit"] {
color: #fff;
font-weight: bold;
float: right;
text-indent: 0px;
width: 215px;
height: 50px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: 6px 0px 0px 0px !important;;
cursor: pointer;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #a41a3a;
background: #ff306d;
background: -webkit-gradient(linear, left top, left bottom, from(#ff306d), to(#a41a3a));
background: -moz-linear-gradient(top, #ff306d, #a41a3a);
background: linear-gradient(to bottom, #ff306d, #a41a3a);
text-shadow: #610f22 1px 1px 1px;
}

.abtest input[type="submit"]:hover, .abtest input[type="submit"]:focus {
border: 1px solid #c11e44;
background: #ff3a83;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a83), to(#c51f46));
background: -moz-linear-gradient(top, #ff3a83, #c51f46);
background: linear-gradient(to bottom, #ff3a83, #c51f46);
}

.abtest input[type="submit"]:active {
background: #a41a3a;
background: -webkit-gradient(linear, left top, left bottom, from(#a41a3a), to(#a41a3a));
background: -moz-linear-gradient(top, #a41a3a, #a41a3a);
background: linear-gradient(to bottom, #a41a3a, #a41a3a);
}

/*-------------------------------------*/
/*-------------------------------------*/
/*-----------  Extra Field  -----------*/
/*-------------------------------------*/
/*-------------------------------------*/

#gform_fields_19 input[type="text"], #gform_fields_19 input[type="email"], #gform_fields_19 textarea, #gform_fields_19 select, #gform_fields_20 input[type="text"], #gform_fields_20 input[type="email"], #gform_fields_20 textarea, #gform_fields_20 select {
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0px;
float:right;
background: #ccc;
border: none;
padding: 2px !important;
margin-bottom: 8px !important;
height: 23px;
width: 129px !important;
}

#gform_fields_19 select, #gform_fields_20 select {
height: 23px;
width: 129px !important;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*------------ Google Forms Test -------------*/
/*--------------------------------------------*/
/*--------------------------------------------*/

.required-message, .error-message, .ss-password-warning, .ss-secondary-text, .ss-form-heading {
display: none !important;
}

.ss-form-entry {
clear: both;
}

.ss-form-entry label {
line-height: 25px;
float: left;
}

.ss-form-entry input[type="text"], .ss-form-entry input[type="email"], .ss-form-entry textarea, .ss-form-entry select {
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0px;
float: right;
background: #ccc;
border: none;
padding: 2px !important;
margin-bottom: 8px !important;
height: 23px;
width: 129px !important
}

.ss-form-entry select {
height: 23px;
width: 129px !important;
}

.ss-form-entry input[type="submit"] {
color: #fff;
font-weight: bold;
background: #c11e44;
float: right;
text-indent: 0px;
width: 215px;
/*--height: 50px;--*/
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
/*--margin: 5px 0px 0px 0px !important;--*/
border: none;
cursor: pointer;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

.ss-form-entry input[type="submit"]:hover {
background: #d71e44 !important;
}

/*--- Misc ---*/

.infobox {
background: #ebebeb;
margin: 0px 0px 20px 0px;
padding: 8px 15px;
}

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

.demotext {
width: 550px;
float: right;
margin: 10px 0px
}

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

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

table.finance th, table.finance td {
padding: 8px;
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;
}

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

.financecontent table {
margin: 10px 0px;
clear: both;
width: 100% !important;
}

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

.financecontent table tr:nth-child(even), .financecontent table tr.even {
background-color: #f1f1c1 !important;
}

.financecontent table tr:nth-child(odd), .financecontent table tr.odd {
background-color: #fff !important;
}

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

/*-- Datsun GO Student Content Page --*/

.datsuntext h2 {
padding-top: 0;
margin-top: 0;
}

.datsunintro {
clear: both;
}

.datsunintro .datsuntext {
float: left;
width: 320px;
padding: 10px 20px 10px 0;
box-sizing: border-box;
}

.datsunintro iframe {
float: right;
width: 640px;
}

.datsunwrapstyle1 {
clear: both;
}

.datsunwrapstyle1 img {
width: 490px;
float: left;
}

.datsunwrapstyle1 .datsuntext {
width: 470px;
float: right;
padding: 10px 0px 10px 20px;
box-sizing: border-box;
}

.datsunwrapstyle2 {
clear: both;
}

.datsunwrapstyle2 img {
width: 490px;
float: right;
}

.datsunwrapstyle2 .datsuntext {
width: 470px;
float: left;
padding: 10px 20px 10px 0px;
box-sizing: border-box;
}

/*-- Datsun GO SEO Split Page --*/

.gomodel {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0px;
}

.gomodelimage {

}

.gomodel:nth-of-type(odd) .gomodelimage {
margin-left: 20px;
}

.gomodel:nth-of-type(even) .gomodelimage {
margin-right: 20px;
}

.gomodelcontent h2 {
padding-top: 0;
margin-top 0;
padding-bottom: 0;
margin-bottom 0;
}

.gomodelcontent h3 {
margin-bottom: 3px;
}

button {
cursor: pointer;
}

/*-- Colour Selector --*/

.showThese img {
width: 100%;
max-width: 628px;
}

.showThese h2 {
font-size: 42px;
margin-bottom: 40px;
}

/*-- Round Buttons --*/

.roundbutton {
width: 80px;
height: 80px;
border-radius: 40px;
border: 1px solid #999;
outline: none;
cursor: pointer;
margin: 5px;
}

/*-- Navara Round Buttons --*/

.white {
background: #f4f2ef;
}
.rubyred {
background: #c91c27;
}
.bluegrey {
background: #274c6e;
}
.blackpepper {
background: #6f5d53;
}
.pantherblack {
background: #272727;
}
.black {
background: #171718;
}
.newsilver {
background: #c9d0ca;
}

/*-- Qashqai Round Buttons --*/

.gunmetallic {
background: #868a87;
}
.blue {
background: #15337e;
}
.fieryred {
background: #dd1718;
}
.brightsilver {
background: #babebe;
}
.nightshade {
background: #4a454b;
}
.brilliantwhite {
background: #ecebe4;
}
.brown {
background: #6e5c53;
}

.vividblue {
background: #027FB2;
}

/*-- X-Trail Round Buttons --*/

.red {
background: #c91b27;
}
.militarygreen {
background: #36332b;
}
.copperblaze {
background: #fc9257;
}
.greyishblue {
background: #002170;
}

/*-- Juke Round Buttons --*/

.sunlightyellow {
background: #FDCD4D;
}

.forcered {
background: #AF1212;
}

/*-- Navara Round --*/

.grey {
background: #464646;
}

.silver {
background: #BDC2C8;
}

.pearlwhite {
background: #EBEAE5;
}

.orange {
background: #E5782E;
}

.darkblue {
background: #274C6E;
}

.darkbrown {
background: #3E201A;
}

/*-- NP300 Round --*/

.arcticwhite {
background: #F3F2EE;
}

.thermalgold {
background: #E1DDC9;
}

.technogrey {
background: #65737C;
}

.infiniteblack {
background: #303030;
}

.solidred {
background: #C91C28;
}

.claretred {
background: #B92A35;
}

.starlingblue {
background: #007996;
}

/*-- Almera Round --*/

.darkgrey {
background: #38414C;    
}

.brownishgrey {
background: #564D49;    
}

/*-- Micra Round --*/

.turquoiseblue {
background: #00768D;
}

/*-- Patrol Pickup --*/

.lightgold {
background: #DBD8C9;
}

/*-- Patrol --*/

.titanium {
background: #564D49;
}

.desertdune {
background: #A29283;
}

/*-- 370Z --*/

.passionred {
background: #CA0103;
}

.yellow {
background: #FFD530;
}

/*-- Leaf --*/

.aquablue {
background: #009AAA;
}

/*-- Awards --*/

.awardsimages {
display: flex;
justify-content: space-between;
margin: 10px 0px;
}

.awardsimages img {
padding: 7px;
border: 1px solid #ccc;
background: #efefef;
}

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

.awardwrap {
 
}

.awardimage {
width: 48%;
margin: 1%;
text-align: center;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
border: 1px solid #ccc;
background: #efefef; 
float: left;

height: 465px;
}

.awardimage h2 {
padding-top: 0;
}

.awardimage img {
max-width: 100%;
height: auto;
margin-bottom: 8px;
}

.awardcontent {
text-align: center;
max-width: 800px;
margin: 10px auto 20px auto;
clear: both;
}

hr {
margin: 15px 0px;
}

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

.singleawardwrap {
width: 50%;
float: left;
}

.singleawardwrap:nth-of-type(odd) {
clear: both;
}

.singleawardwrap .awardimage {
width: 98%;
}

/*-- 50/50 Split --*/

.splitwrap {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0px;
}

.split {
width: 50%
}

.split div {
text-align: center;
}

.split:nth-child(odd) {
float: left;
clear: both;
}

.split:nth-child(even) {
float: right;
}

#disclaimer {
display: none;
}

/*-- New Feed --*/

.newfeed {
width: 100% !important;
}

.slickslider {
visibility: hidden; /*-- Hidden until site is fully loaded to solve content "jump" while loading --*/
}

.newfeed img {
width: 180px;
height: 120px;
<!--border: 1px solid #ccc;-->
box-sizing: border-box;
}

.newfeed h2 {
background: #c11e44;
color: #fff;
padding: 10px;
text-align: center;
line-height: 21px;
font-size: 14px;
width: 180px;
box-sizing: border-box;
}

.slick-slider {
margin-bottom: 20px !important;
}

.slick-slide {
width: 180px;
box-sizing: border-box;
margin-right: 15px;
}

.slick-prev, .slick-next {
top: 50% !important;
}

.slick-slide a {
text-decoration: none;
}

.slick-slide a:hover, .newfeed h2:hover {
background: #d71e44;
}

img.slick-arrow:nth-of-type(1) {
display: inline;
width: 39px;
height: 50px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -25px;
cursor: pointer;
left: -30px;
border: 0;
}

img.slick-arrow:nth-of-type(2) {
display: inline;
width: 39px;
height: 50px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -25px;
cursor: pointer;
right: -30px;
border: 0;
}

/*-- 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: #c11e44;
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: #c11e44;
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: #d71e44;
}

/*-- Lead Capture --*/

.leads input[type="text"], .leads input[type="email"], .leads textarea, .leads select {
width: 280px !important;
background: #fff;
border: 1px solid #000;
}

.leads textarea {
height: 180px !important;
}

.leads button {
color: #fff;
font-weight: bold;
background: #c11e44;
text-indent: 0px;
width: 215px;
height: 50px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: 6px 0px 0px 0px !important;;
border: none;
cursor: pointer;
}

/*-- Christmas Cash Back --*/

.christmasform {
width: 260px;
height: 320px;
overflow: auto;
padding: 10px;
background: #555;
color: #fff;
float: left;
box-sizing: border-box;
}

.christmasform #gform_submit_button_7 {
margin-top: 0px !important;
width: 213px;
height: 48px;
}

.christmasimage img {
width: 700px;
float: right;
}

.colourselector h2 {
text-align: center;
}

/*--- SUV Page ---*/

.suvcontent {
display: flex;
align-items: center;
padding: 20px 0px;
}

.suvcontent img {
width: 400px;
margin-right: 10px;
max-width: none;
}

.suvcontent div {

}

/*-- Pricing Table --*/

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

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

table.pricing tr {
background-color: #f1f1c1;
}

table.pricing tr.oddmodel {
background-color: #fff;
}

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

/*--- Find Out More Type Button ---*/

.fombutton {
color: #fff;
font-weight: bold;
text-indent: 0px;
font: bold 20px/25px 'helvetica', 'arial', sans-serif !important;
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
cursor: pointer;
border: 1px solid #6b7a25;
border-radius: 8px;
background: #aec63c;
background: -webkit-gradient(linear, left top, left bottom, from(#aec63c), to(#6b7a25));
background: -moz-linear-gradient(top, #aec63c, #6b7a25);
background: linear-gradient(to bottom, #aec63c, #6b7a25);
text-shadow: #434c17 1px 1px 1px;
text-decoration: none;
}

.fombutton:hover, .fombutton:focus {
border: 1px solid ##86982e;
background: #d1ee48;
background: -webkit-gradient(linear, left top, left bottom, from(#d1ee48), to(#80922c));
background: -moz-linear-gradient(top, #d1ee48, #80922c);
background: linear-gradient(to bottom, #d1ee48, #80922c);
}

.fombutton:active {
background: #6b7a25;
background: -webkit-gradient(linear, left top, left bottom, from(#6b7a25), to(#6b7a25));
background: -moz-linear-gradient(top, #6b7a25, #6b7a25);
background: linear-gradient(to bottom, #6b7a25, #6b7a25);
}

/*--- Fact Blocks ---*/

.factblock {
margin: 20px 0px;
border: 1px solid #ccc;
background: #efefef;
padding: 5px 15px 10px 15px;
}

/*--- Cars for Women ---*/

.cfwcontent {
width: 48%;
margin: 20px 0px;
border: 1px solid #ccc;
background: #efefef;
line-height: 0;
}

.cfwcontent h2 {
line-height: 21px;
}

.cfwcontent p {
line-height: 18px;
}

.cfwcontent li, .cfwcontent ul {
line-height: 21px;
}

.cfwcontent:nth-of-type(odd) {
float: left;
}

.cfwcontent:nth-of-type(even) {
float: right;
}

.cfwcontent img {
width: 100%;
}

.cfwcontent div {
padding: 5px 15px 15px 15px;
}

/*--- Best First Car ---*/

.bfcslider {
position: relative;
}

.bfcslider img {
position: absolute;
}

h1.bannercopy {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 28px;
line-height: 38px;
color: #fff;
z-index: 1;
}

h2.bannercopy {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 28px;
line-height: 38px;
color: #fff;
z-index: 1;
}

.bfcimagebar {
display: flex;
justify-content: space-between;
margin: 15px 0;
}

.bfcimagebar img {
width: 16%;
height: 100%;
}

.fomleft, .fomright {
font: bold 14px/25px 'helvetica', 'arial', sans-serif !important;
margin-bottom: 15px;
}

.fomleft {
float: left;
}

.fomright {
float: right;
}

h2.cfwbar {
text-align: center;
background: #c11e44;
color: #fff;
padding: 10px;
}

#bfccontent {
float: left;
width: calc(100% - 305px);
max-width: 640px;
border: 1px solid #ccc;
background: #efefef;
box-sizing: border-box;
padding: 5px 15px 0 15px;
}

#bfcsidebar {
float: right;
width: 305px;
}

.bfccontentright, .bfcsidebarleft {
margin: 15px 0;
}

#bfccontent.bfccontentright {
float: right;
padding: 5px 15px 10px 15px;
}

#bfcsidebar.bfcsidebarleft {
float: left;
}

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

.bfcbranchdetails div {
width: 49%;
margin-bottom: 20px;
padding: 10px;
background: #efefef;
box-sizing: border-box;
}

.fomsidebar {
max-width: 305px;
text-align: center;
font: bold 20px/24px 'helvetica', 'arial', sans-serif !important;
margin-top: 9px;
font-size: 24px !important;
}

/*--- Hyundai News ---*/

.newsblock {
/*--line-height: 0;--*/
}

.newsblock div {
padding: 0;
}

.newsblock h2.newsheader {
line-height: 22px;
background: #c11e44;
color: #fff;
text-align: center;
margin-top: -6px;
}

.newsblock #blogfeed #rss-widget h3 {
display: none;
}

.newsblock .feedwrap {
overflow-y: scroll;
overflow-x: hidden;
height: 200px;
padding: 5px 18px;
}

.newsblock .feedwrap h2.widgettitle {
display: none;
}

/*--- Discontinued Vehicles ---*/

.discheader h2 {
padding: 10px;
margin: 0;
color: #fff;
background: #c11e44;
text-align: center;
margin-top: 20px;
}

.discnewcarwrap {
display: flex;
justify-content: space-between;
max-width: 960px;
width: 100%;
margin: 10px 0px;
}

.discnewcar {
width: 32%;
box-sizing: border-box;
border: 1px solid #ccc;
line-height: 0;
}

.discnewcar img {
width: 100%;
}

.discnewcar .button {
width: 100%;
color: #fff;
font-weight: bold;
background: #c11e44;
text-indent: 0px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;
display: inline-block;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: 10px 0;
}

.discnewcar .button:hover {
background: #d71e44 !important;
}

.discnewcar .button:focus {
background: #fff;
outline: none;

-moz-box-shadow: 0px 0px 5px 3px #c11e44;
-webkit-box-shadow: 0px 0px 5px 3px #c11e44;
box-shadow: 0px 0px 5px 3px #c11e44;
}

.discusedcarwrap {
display: flex;
justify-content: space-between;
max-width: 960px;
width: 100%;
margin: 10px 0px;
}

.discusedcar {
width: 49%;
box-sizing: border-box;
border: 1px solid #ccc;
line-height: 0;
}

.discusedcar img {
width: 100%;
}

.discusedcar .button {
width: 100%;
color: #fff;
font-weight: bold;
background: #c11e44;
text-indent: 0px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;
display: inline-block;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: 10px 0;
}

.discusedcar .button:hover {
background: #d71e44 !important;
}

.discusedcar .button:focus {
background: #fff;
outline: none;

-moz-box-shadow: 0px 0px 5px 3px #c11e44;
-webkit-box-shadow: 0px 0px 5px 3px #c11e44;
box-shadow: 0px 0px 5px 3px #c11e44;
}

/*--- Link Arrow ---*/

.homecta2 a {
text-align: left;
width: 210px;
padding-left: 10px;
}

.cta2 a {
text-align: left;
padding-left: 10px;
width: 295px;
}

.rightarrow {
display: inline-block;
text-align: center; 
width: 24px;
height: 24px;
border: 3px solid #fff;
border-radius: 50%;
margin-left: ;
position: absolute;
margin-top: -3px;
right: 10px;
}

.rightarrow:after {
content: '';
display: inline-block;
margin-top: 6px;
margin-left: -3px;
width: 8px;
height: 8px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.rightarrowsml {
display: inline-block;
text-align: center; 
width: 20px;
height: 20px;
border: 3px solid #fff;
border-radius: 50%;
margin-left: ;
position: absolute;
margin-top: -3px;
right: 10px;
}

.rightarrowsml:after {
content: '';
display: inline-block;
margin-top: 6px;
margin-left: -3px;
width: 6px;
height: 6px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*--- 2018 Landing Page Updates ---*/

.intergratedheader {
position: absolute;
}

#statichead.intergratedheader {
z-index: unset;
}

.intergratedheader #headbg {
background: transparent;
}

.intergratedheader #navbg {
height: 0px !important;
background: transparent;
}

.intergratedheader #header a {
z-index: 9999999;
position: relative;
}

.intergratedheader #logo {
position: relative;
}

.intergratedheader ul#secmenu {
z-index: 9999999;
position: relative;
}

.intergratedheader ul#secmenu a {
text-shadow:
-1px -1px 0 rgba(255, 255, 255, 0.6),  
1px -1px 0 rgba(255, 255, 255, 0.6),
-1px 1px 0 rgba(255, 255, 255, 0.6),
1px 1px 0 rgba(255, 255, 255, 0.6);
}

.ppcform {

}

.ppcform #modelpageformarea {
top: 120px;
background: rgba(0, 0, 0, 0.7);
height: 310px;
}

.ppccontent .mainbackground {
height: 540px;
position: relative;
}

.ppccontent .mainbgcontent {
height: 540px;
margin-top: -540px;
}

.ppccontent .mainbackground h1 {
position: absolute;
bottom: 10px;
left: auto;
right: auto;
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 52px;
line-height: 60px;
padding-top: 10px;
}

.dealarea {
width: 100%;
max-width: 730px;
margin: auto;
float: none;
overflow: auto;
padding-bottom: 130px;
}

.dealarea div {
float: left;
margin: 45px 0;
}

.dealarea img {
float: right;
max-width: 60%;
}

.dealarea h2, .dealarea span {
float: left;
clear: both;
}

.dealarea h2 {
font-size: 36px;
line-height: 42px;
}

.dealarea .text {
font-size: 20px;
line-height: 22px;
}

.dealarea .retail {
font-size: 32px;
line-height: 34px;
font-weight: bold;
}

.dealarea .saving {
font-size: 32px;
line-height: 34px;
font-weight: bold;
color: #fff;
background: #c12f1c;
display: inline-block;
padding: 4px 8px;
margin: 8px 0px;
}

.dealarea .installment {
font-size: 24px;
line-height: 26px;
font-weight: bold;
}

.dealarea .terms {
font-size: 16px;
line-height: 18px;
}

/*---- 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: #c11e44;
}

.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: #c11e44;
padding: 10px;
margin: 10px auto 0 auto;
max-width: 250px;
font-size: 18px;
font-weight: bold;
color: #fff;
}

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

/*--- Black Friday Deals ---*/

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

.bfpromo {
width: 32%;
max-width: 305px;
margin-bottom: 20px;
}

.bfpromo .bfframe img {
width: 100%;
}

.bfframe {
border: 1px solid #ccc;
overflow: hidden;
}

.bfpromo h2 {
background: #efefef;
text-align: center;
padding: 8px 0px;
width: 100%;
}

h2.bfprice {
text-align: center;
background: unset;
padding-top: 2px;
}

h2.bfbar {
background: #252525;
text-align: center;
color: #fff;
width: 100%;
}

.bfpromo h3 {
text-align: center;	
}

.bfpromo input[type="text"], .bfpromo input[type="email"], .bfpromo textarea, .bfpromo select {
width: 190px !important;
background: #efefef;
border: 1px solid #ccc;
}

.bfpromo select {
height: 23px;
width: 190px !important;
}

.bfpromo input[type="button" i], .bfpromo input[type="submit"] {
color: #fff;
font-weight: bold;
background: #c11e44;
float: right;
text-indent: 0px;
width: 100%;
/*--height: 50px;--*/
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;
height: 40px;
margin: 2px 0px 0px 0px !important;
}

.bfpromo input[type="button" i]:hover, .bfpromo input[type="submit"]:hover {
background: #d71e44 !important;
}

.bfpromo .gform_wrapper {
overflow: auto !important;
padding: 10px;
}

.bfcontent {
background: #efefef;
padding: 10px;
text-align: center;
}

.bfcolumnswrap {
display: flex;
justify-content: center;
margin: 20px;
}

.bfcolumn {
outline: 1px solid #ccc;
width: 33.3%;
}

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

/*--- Menu Update ---*/

#menu-item-7540 a {
width: 266px !important;
}

/*--- Manual Page ---*/

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

.manualpage .cfwcontent {
position: relative;
}

.manualpage .flexwrap ul {
margin-bottom: 70px;
}

.manualpage .fombutton {
position: absolute;
bottom: 15px;
}

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

.questionswrap {
clear: both;
width: 100%;
max-width: 960px;
margin-bottom: 20px;
}

.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;
}

/*--- Branch Testimonials ---*/

.testimonialwrap h2 {
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}

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

.testimonialcontent div {
width: 32%;
background: #ebebeb;
margin: 0px 0px 20px 0px;
padding: 8px 15px;
box-sizing: border-box;
}

.testimonialcontent div.half {
width: 49%;
}

.testimonialcontent div.imgpost {
padding: 0;
background: none;
}

.testimonialcontent div.imgpost img {
width: 100%;
height: auto;
border: 1px solid #ccc;
box-sizing: border-box;
}

/*--- New / Used Split Page ---*/

.splitpagenew {
width: 100%;
max-width: 960px;
margin: auto;
height: 540px;
margin-top: -540px;
z-index: 99999;
position: relative;
}

.splitpagenewcontent {
top: 100px;
background: #fff;
position: absolute;
padding: 15px 20px 20px 20px;
right: 0;
text-align: center;
}

.splitpagenewcontent h2 {
font-size: 30px;
line-height: 36px;
font-weight: bold;
padding: 0;
}

.splitpagetext {
font-size: 18px;
line-height: 24px;
font-weight: bold;
padding: 0;
}

.splitpageprice {
font-size: 40px;
line-height: 46px;
font-weight: bold;
padding: 0;
}

.splitpagenewcontent button {
color: #fff;
font-weight: bold;
background: #c11e44;
text-indent: 0px;
width: 100%;
height: 60px;
font: bold 24px/25px 'helvetica', 'arial', sans-serif !important;
margin: 10px 0px 0px 0px !important;
border: none;
cursor: pointer;
}

.splitpagenewcontent button:hover {
background: #d71e44 !important;
}

.splitter {
height: 5px;
background: #000;
position: relative;
}

.splittertext {
background: #000;
position: absolute;
color: #fff;
padding: 15px;
top: -35px;
font-size: 40px;
line-height: 40px;
font-weight: bold;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.usedppc {
text-align: center;
background: url(/wp-content/uploads/used-ppc-background.jpg);
margin-bottom: 19px;
}

.usedppc h2 {
bottom: 10px;
left: auto;
right: auto;
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 52px;
line-height: 60px;
padding-top: 48px;
}

.usedppc .usedfeed {
width: 960px;
margin: auto;
}

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

.usedppc button {
color: #fff;
font-weight: bold;
background: #c11e44;
text-indent: 0px;
padding: 0 40px;
height: 60px;
font: bold 24px/25px 'helvetica', 'arial', sans-serif !important;
margin: 10px 0px 20px 0px !important;
border: none;
cursor: pointer;
}

.usedppc button:hover {
background: #d71e44 !important;
}

.splitmobileimage {
display: none;
}

/*--- PPC Test Page ---*/

.dealarearoller .ppcimageandroller {
float: right;
max-width: 60%;
position: relative;
}

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

.dealarearoller #rollerppc {
position: absolute;
bottom: 0;
}

.dealarearoller #rollerppc, .dealarearoller #rollerppc .face1, .dealarearoller #rollerppc .face2, .dealarearoller #rollerppc .face3, .dealarearoller #rollerppc .face4  {
width: 100%;
margin: 0;
padding: 0;
height: 50px;
font-size: 32px;
line-height: 50px;
}

.dealarearoller #rollerppc .face1 {
  animation-name: spinner1;
}

.dealarearoller #rollerppc .face2 {
  transform: rotateX(90deg);
  animation-name: spinner2;
}

.dealarearoller #rollerppc .face3 {
  transform: rotateX(180deg);
  animation-name: spinner3;
}

.dealarearoller #rollerppc .face4 {
  transform: rotateX(270deg);
  animation-name: spinner4;
}

@keyframes spinner1 {
  from,
  to {}
  0% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  14% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  21% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  35% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  42% {
    transform: rotateX(-90deg);
   visibility: hidden;
  }
  70% {
    transform: rotateX(-90deg);
   visibility: hidden;
  }
  77% {
    transform: rotateX(-80deg);
    visibility: hidden;
  }
  91% {
    transform: rotateX(-180deg);
    visibility: hidden;
  }
  100% {
    transform: rotateX(-280deg);
    visibility: hidden;
  }
}

@keyframes spinner2 {
  from,
  to {}
  0% {
    transform: rotateX(180deg);
    visibility: hidden;
  }
  14% {
    transform: rotateX(180deg);
    visibility: hidden;
  }
  21% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  35% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  42% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  70% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  77% {
    transform: rotateX(-90deg);
    visibility: hidden;
  }
  91% {
    transform: rotateX(-90deg);
    visibility: hidden;
  }
  100% {
    transform: rotateX(-180deg);
    visibility: hidden;
  }
}

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

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

#rollerppc div {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  transform-origin: 0px 50% -25px;
}

/*--- PPC Test Page 2 ---*/

.ppcmodelselector {
max-width: 100%;
padding-bottom: 140px;
margin: auto;
}

.ppcmodelselector li {
width: 30%;
text-align: center;
position: relative;
}

.ppcmodelselector li img {
width: 100%;
}

.ppcmodelselector li h2 {
font-weight: normal;
    font-size: 24px;
}

.ppcmodelselector li h2.retailprice {
font-weight: bold;
font-size: 32px;
}

.ppcmodelselector li h2.installmentprice {
font-weight: bold;
font-size: 26px;
}

.ppcmodelselector li h2.promosaving {
font-weight: bold;
font-size: 26px;
line-height: 26px;
background: #c11e44;
color: #fff;
max-width: 75%;
padding: 10px;
margin: 5px auto;

position: absolute;
bottom: 150px;
left: 0;
right: 0;
}

.ppcmodelselector li h3 {
font-weight: normal;
}

.ppcmodelselector .jCarouselLite {
margin: 0;
margin: auto;
/*--height: 355px;--*/
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 10000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.jcarousel-control-prev {
z-index: 20;
position: absolute;
margin-top: -215px;
left: 20px;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 20px solid #000;
height: 0px;
}

.jcarousel-control-next {
z-index: 20;
position: absolute;
margin-top: -215px;
right: 20px;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 20px solid #000;
height: 0px;
}

.ppcmodelselectorterms {
text-align: center;
background: #efefef;
padding: 5px;
margin: 20px;
}

/*--- IE Friendly Non-roller Animation ---*/

#roller_old {
  width: 140px;
  height: 28px;
  position: absolute;
  overflow: hidden;
  margin-left: 154px;
}

#roller {
margin: -10px 0px 10px 156px;
}

.face1,
.face2,
.face3,
.face4 {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  color: #FFEF07;
  text-align: center;
  width: 140px;
  height: 28px;
  position: absolute;
  background: #000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #333 0%, #000 100%);
  /* FF3.6+ */
  background: -moz-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #000));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #333 0%, #000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #333 0%, #000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #333 0%, #000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #333 0%, #000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000', GradientType=0);
  /* IE6-9 */
}

#roller .face1 {
  animation-name: spincube1;
}

#roller .face2 {
  transform: rotateX(90deg);
  animation-name: spincube2;
}

#roller .face3 {
  transform: rotateX(180deg);
  animation-name: spincube3;
}

#roller .face4 {
  transform: rotateX(270deg);
  animation-name: spincube4;
}

@keyframes spincube1 {
  from,
  to {}
  0% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  14% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  21% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  35% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  42% {
    transform: rotateX(-90deg);
   visibility: hidden;
  }
  70% {
    transform: rotateX(-90deg);
   visibility: hidden;
  }
  77% {
    transform: rotateX(-80deg);
    visibility: hidden;
  }
  91% {
    transform: rotateX(-180deg);
    visibility: hidden;
  }
  100% {
    transform: rotateX(-280deg);
    visibility: hidden;
  }
}

@keyframes spincube2 {
  from,
  to {}
  0% {
    transform: rotateX(180deg);
    visibility: hidden;
  }
  14% {
    transform: rotateX(180deg);
    visibility: hidden;
  }
  21% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  35% {
    transform: rotateX(90deg);
    visibility: hidden;
  }
  42% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  70% {
    transform: rotateX(0deg);
    visibility: visible;
  }
  77% {
    transform: rotateX(-90deg);
    visibility: hidden;
  }
  91% {
    transform: rotateX(-90deg);
    visibility: hidden;
  }
  100% {
    transform: rotateX(-180deg);
    visibility: hidden;
  }
}

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

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

#roller div {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  transform-origin: 0px 50% -14px;
}

/*--- Installment Only Deals --*/

p.installmentonlydealmodelsubtext {
padding: 0;
}

.installmentonlydealbigsubtext {
color: #fff000;
}

.installmentonlydeal {
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin: 5px 0px 8px 0px;
background: #fff000;
color: #000;
display: block;
}

.installmentonlydealhomebanner {
width: 325px;
font-size: 24px;
line-height: 42px;
margin-top: 10px;
}

.installmentonlydeal .dealtext {

}

.installmentonlydeal .dealcomma {

}

.installmentonlydeal .yellowbar {
background: #fff000;
color: #000;
display: block;
margin-top: 2px;
}

.installmentonlydealbar {
text-align: center;
padding: 14px;
background: #000;
color: #fff000;
margin-top: -12px;
margin-bottom: 20px;
clear: both;
font-weight: bold;
font-size: 28px;
line-height: 32px;
}

.installmentonlydealbar .dealtext {

}

.installmentonlydealbar .dealcomma {

}

.installmentonlydealdealarea {
position: relative;
}

.installmentonlydealdealarea div {
width: 100%;
}

.installmentonlydealdealarea h2 {
font-size: 56px;
line-height: 62px;
}

.installmentonlydealdealarea img {
position: absolute;
right: 0;
z-index: -1;
}

.installmentonlydealdealarea .installmentonlydealtext {

}

.installmentonlydealdealarea .installmentonlydealretail {
font-size: 50px;
line-height: 58px;
font-weight: bold;
}

.installmentonlydealdealarea .installmentonlydealsaving {
padding: 18px 0;
margin: 8px 0px;
width: 100%;
text-align: center;
color: #fff000;
background: #000;
}

.installmentonlydealdealarea .installmentonlydealsaving span {
float: none;
clear: none;
}

.installmentonlydealdealarea .installmentonlydealterms {

}

.installmentonlydealcarmdoel {
font-size: 26px;
}

.modeldealtext {
width: 315px;
display: block;
text-align: center;
padding: 4px;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;

background: #000;
color: #fff000;
}

.blankmodeldealtext {
background: #ebebeb;
}

/*--- RHRS - Red Spanner Promo ---*/

.redspannerpromobar {
bottom: 0px;
width: 100%;
position: fixed;
z-index: 9999;
background: #c11e44;
color: #fff;
text-align: center;
}

.redspannerpromobar a {
text-decoration: none;
}

.redspannerpromobar h1, .redspannerpromobar h2, .redspannerpromobar h3, .redspannerpromobar p {
color: #fff;
padding: 0;
line-height: 45px;
}

.redspannerpromofooter {
margin-bottom: 45px !important; /*-- Height of promo bar --*/
}

.redspannerpromocontent {
max-width: 960px;
margin: auto;
position: relative;
height: 45px;
}

.redspannerpromologo {
position: absolute;
bottom: 0;
left: 0;
}

.dealerbrochures h2 {
text-align: center;
font-size: 22px;
padding: 30px 0 18px 0;
clear: both;
}

.fbdealerpage {
clear: both;
}

.fbdealerpage span {
font-size: 18px;
line-height: 24px;
font-weight: bold;
}

.fbdealerpage #brochurelinks {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}

.fbdealerpage #brochurelinks .brochure {
margin-right: 0;
}

.lockdownfooter {
margin: 18px 10px 10px 10px;
text-align: center;
}

/*---- Zero Contact ----*/

.zerocontact {
text-align: center;
margin-top: 20px;
}

.zerocontact h2 {
font-size: 26px;
padding-bottom: 10px;
}

.zerocontact p {
font-size: 14px;
line-height: 22px;
max-width: 800px;
margin: auto;
}

.zerocontacticonswrap {
text-align: center;
display: flex;
justify-content: space-between;
padding: 20px 0;
}

.zerocontacticon {
text-align: center;
width: 19%;
}

.zerocontacticon img {
max-width: 100%;
width: 120px;
}

.zerocontacticon p {
font-size: 14px;
line-height: 20px;
font-weight: bold;
}

.zerocontacticon p span {
color: #c11e44;
}

/*--- FRRA Landing Page ---*/

.ppccontent .frrabackground {
background: #fff;
}

.ppccontent .frrabackground h1 {
position: static;
}

.frrabackgroundcontent {
position: absolute;
bottom: 40px;
text-align: center;
padding: 30px;
background: rgba(0,0,0,0.55);
}

.ppccontent .frrabackgroundcontent h1 {
font-size: 40px;
line-height: 48px;
color: #fff;
text-align: center;
padding: 10px 0;
text-shadow: none;
}

.ppccontent .frrabackgroundcontent h2 {
font-size: 28px;
line-height: 28px;
font-weight: normal;
color: #fff;
text-align: center;
padding: 10px 0;
text-shadow: none;
}

.frrabuttoncontainer {

}

.frrabutton {
padding: 14px 24px;
margin: 10px;
}

.frrasplitcontentwrap {
background: #efefef;
order: 20;
}

.frrasplitcontent {
padding: 20px 0;
max-width: 960px;
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
}

.frracontent {
width: 48%;
}

.frracontent h2 {
font-size: 26px;
line-height: 26px;
padding: 0;
}

.frracontent h3 {
font-size: 22px;
line-height: 26px;
padding: 5px 0;
}

.frracontent p {
font-size: 18px;
line-height: 26px;
margin-top: 5px;
}

.frravideo {
width: 48%;
}

.frravideo video {
width: 100%;
}

/*--- FB Deals ---*/

.fbdealarea {

}

.fbdealswrap {
width: 630px;
float: left;
display: flex;
flex-wrap: wrap;
line-height: 0;
justify-content: space-between;
margin-bottom: 15px;
}

.fbdeal {
width: 49%;
margin-bottom: 10px;
}

.fbdeal img {
width: 100%;
hright: auto;
}

.fbdeal p {
font-size: 12px;
line-height: 12px;
}

#bfcsidebar #contact input[type="submit"] {
width: 100% !important;
}

.twocolumn {
column-count: 2;
}

.threecolumn {
column-count: 3;
}

.popmake-content {
outline: none;
}

.navaracompbar {
text-align: center;
font-size: 28px;
line-height: 32px;
font-weight: bold;
color: #000;
background: #efefef;
padding: 12px 12px;
margin: 0px 0 -8px 0;
display: flex;
justify-content: space-between;
}

.navaracompbar a {
text-decoration: none; 
border: 0;
outline: 0;
font-weight: bold;
color: #fff;
font-size: 20px;
font-family: 'Fira Sans', sans-serif;
padding: 6px 30px;
border-radius: 6px;
cursor: pointer;
height: auto;
width: auto;
height: unset;
width: unset;
float: none;
border: 1px solid #c61f24;
background: #ff3a43 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24)) !important;
background: -moz-linear-gradient(top, #ff3a43, #c61f24) !important;
background: linear-gradient(to bottom, #ff3a43, #c61f24) !important;
text-shadow: #751215 1px 1px 1px;
}

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

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

/*-- Newsletter Change to Sign Up --*/

#newsinput {
/*--display: none;--*/
}

#newsletter {
/*--background-image: url(https://group1auto.co.za/wp-content/uploads/sign-up-footer-image.jpg);
height: 200px;
background-position: center;
background-repeat: no-repeat;--*/
}

/*-- Thirds Blocks --*/

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

.thirdsblock {
width: 305px;
background: #efefef;
}

.thirdsblock .thirdscontent {
background: #efefef;
padding: 10px;
box-sizing: border-box;
}

.thirdsblock #servicewrap {
width: auto;
width: unset;
}

.thirdsblock #service {
width: auto !important;
width: unset !important;
box-sizing: border-box;
margin: 0;
}

.thirdsblock #service input[type="text"], .thirdsblock #service input[type="email"], .thirdsblock #service select {
width: 210px !important;
}

.thirdsblock #service select {
width: 210px !important;
}

.thirdsblock .formheader {
width: 100%;
}

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

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

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

.innercontentbox div {

}

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

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

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

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

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

.servicepromo h1 {
padding: 0;
line-height: 24px;
}

.servicepromo h2 {
padding: 0;
line-height: 24px;
}

.servicepromo h3 {
font-size: 14px;
line-height: 21px;
}

/*--- NEW 2021 Landing Page Updates ---*/

.ppcg1alogo {
float: right;
clear: both;
margin-top: -100px;
position: relative;
z-index: 9;
}

.ppcsecnav {
margin-top: -54px;
}

/*-- Table Addition --*/

.cfwcontent table {
width: 100%;
line-height: 21px;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 960px - 1079px ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 1079px),
only screen and (max-device-width : 1079px) {

.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 48%;
}

.ppcmodelselector .prev, .ppcmodelselector .next {
margin: -15px 5px 10px 5px;
}

/*--- FB Deals ---*/

.fbdealswrap {
width: 100%;
}

.fbdealarea #bfcsidebar {
width: 100% !important;
clear: both;
margin-bottom: 20px;
}

}
	
/*-------------------------------------------*/
/*-------------------------------------------*/
/*---- Responsive Design - 641px - 959px ----*/
/*-------------------------------------------*/
/*-------------------------------------------*/

@media only screen and (max-width : 959px),
only screen and (max-device-width : 959px) {

#header {
padding: 0 10px;
box-sizing: border-box;
}
	
.servicepromo {
position: relative;
bottom: unset;
}
	
.servicepromo div {
display: block;
}
	
.innercontentbox {
flex-direction: column;
}
	
.innercontentbox div {
margin: 10px 0;
}
	
.thirdswrap {
flex-direction: column;
}

.thirdsblock {
width: 100%;
margin-bottom: 10px;
}

.thirdsblock #service input[type="text"], .thirdsblock #service input[type="email"], .thirdsblock #service select {
width: calc(100% - 100px) !important;
}

.navaracompbar {
display: block;
}
	
.navaracompbar span, .navaracompbar a {
display: inline-block;
}
	
.twocolumn, .threecolumn {
column-count: 1;
}

/*--- Form Under Button Text ---*/

.underbuttontext {
font-size: 13px;
line-height: 16px;
}

/*--- FB Deals ---*/

.fbdeal {
width: 100%;
}

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

.fbdealerpage {
display: flex;
flex-direction: column;
}

.order1 {
order: 1;
}

.order2 {
order: 2;
}

.order3 {
order: 3;
}

/*-- RHRS Promo --*/

.redspannerpromologo {
bottom: 48px;
}

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

.installmentonlydealdealarea img {
position: relative;
}

.fullprice {
font-size: 16px;
}

.installmentonlydeal {   
font-size: 34px;
line-height: 46px;
padding: 4px 0;
margin: 5px 0 15px;
}
    
.ppcmodelselector {
padding-bottom: 0;
}

/*-- Split Page --*/

.cfwcontent {
width: 100%;
float: none;
}

h1.bannercopy {
position: initial;
transform: initial;
color: #333;
}

h2.bannercopy {
position: initial;
transform: initial;
color: #333;
}

.bfcslider {
position: initial;
}

.bfcslider img {
position: initial;
}

h2.cfwbar {
width: 100%;
}

#bfccontent {
float: none;
width: 100%;
max-width: none;
}

#bfcsidebar {
float: none;
width: 100%;
max-width: none;
}

#bfcsidebar img, .bfcsidebarleft {
display: none;
}

.fomsidebar {
float: none;
width: 98%;
max-width: none;
box-sizing: border-box;
margin-left: 1%;
margin-right 1%;
line-height: 38px !important;
}

.newsblock h2.newsheader {
width: 100%;
}

.quarterdesktop {
display: block;
}

.quartermobile {
display: none;
}

.halfquarter {
display: flex;
}

.quartersplit {
width: 50%;
}

.halfquarter:nth-of-type(1) .quartersplit:nth-of-type(1), .halfquarter:nth-of-type(2) .quartersplit:nth-of-type(2)  {
background: #397CA0;
}

.halfquarter:nth-of-type(1) .quartersplit:nth-of-type(2), .halfquarter:nth-of-type(2) .quartersplit:nth-of-type(1)  {
background: #2F5D7F;
}

/*-- PPC Adds --*/

.ppcadds {
margin-top: 0px;
padding-top: 20px;
background: #000;
}

.ppctextbox {
margin: 0px 0px 12px 0;
}

/*-- 2016 Test Drive Page --*/

.testwrap {

}

.testwrap > div {
width: 100%;
}

.testwrap:after {

}

.testblock {
width: 100%;
box-sizing: border-box;
margin: 10px 0 20px 0;
}

.testblock img {
width: 100%;
height: auto;
}

.testblock h2, .testdrivetestimonial h2 {
width: 100%;
box-sizing: border-box;
}

.testblock p, .testdrivetestimonial p {
width: 100%;
box-sizing: border-box;
}

.testdrivetestimonial p {
padding: 20px
}

/*----*/

.mainbgcontent {
margin-top: 0;
height: auto;
background: #000;
}

img {
max-width: 100% !important;
height: auto;
}

.mainbackground {
height: auto;
display: block;
}

#goformwrap #formbg {
display: none;
}

#goformwrap #modelpageformarea {
background: #000;
position: relative;
display: inline-block;
height: auto;
}

#headbg, #navbg, #fixedhead, #statichead, #header, #space, #callnow, #navwrap, .specialblock, .contenttext, .tradetext, #wrap, #content, #content-thirds, #profiles, .showroomtext, .expanded, .collapsed, .expanderbar, #footbg, #footer, #foot-text, #terms, table  {
width: 100%;
}

.showroomcontentorder {
display: flex;
flex-direction: column;
}

.showroomcontentorder #showroomsidebar {
order: 2;
}

.showroomcontentorder .showroomtext {
order: 1;
}

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, .usedbody, #profiles, .tradetext {
width: 98%;
margin: auto !important;
}

h2.modelsliderheader {
width: 100%;
clear: both;
}

.responsiveclear {
clear: both;
}

#contentblocks h1, #contentblocks h2, #contentblocks h3, #contentblocks h4, #contentblocks p  {
width: 98%;
}

body, html {
width: 100%;
overflow-x:hidden; 
}
body {
width: 100%;
overflow-x: hidden;
}
#container {
width: 100%;
}
#content {
width: 100%;
}
table {
width: 100%;
margin: 3%;
font-size: 13px;
}
#headbg {
width: 100%;
}
#modelpageformarea, #modelpageformarea2 {
/*--width: 97%;--*/
width: 100%;
box-sizing: border-box;
}
#slider img {
width: 100%;
height: auto;
}
.euroncap, .sagmj {
display: none;
}
#ctanav, .specialtestdrive {
display: none;
}
#navbg {
width: 100%;
}
#navwrap {
width: 100%;
}
#secnav {
display: none;
}
#callnow {
display: none;
}
#fixedhead, #statichead {
position: static;
width: 100%;
}
#space {
display: none;
}
#wrap {
width: 100%;
margin: 0;
}
.jCarouselLite {
width: 100% !important;
}
ul.jCarouselLite {
width: 100% !important;
}
.ppcmodelselector .jCarouselLite {

}
.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 46%;
}
.nonav {
display: block;
}
#header {
width: 100%;
}
#footer {
width: 100%;
margin: 0;
}
.footlinks, .footcopy, #group1branches {
display: none;
}
#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;
}
iframe {
width: 100%;
height: 400px;
}
#listingblocks, #tradein, #modelblog, #specials {
display: none;
}
.models .left {
width: 49%;
float: left;
}
.models .right {
width: 49%;
float: right;
margin-top: 10px;
}

/*-- Menu --*/

ul#mainmenu ul li {
float: none;
width: 959px;
border-bottom: 1px solid #FFFFFF;
}
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, .orbit-slide h2, #sidebar, #blog, #facebook, v.ideoheader, .videoimage, .videoimage-last, .videoheader, .newfeed, .usedfeed {
display: none;
}

.usedppc .usedfeed {
display: block;
width: 100%;
}

.usedppc .usedfeed iframe {
width: 100%;
}

/*-- Model Info --*/

h1.modelheader, h1.modelheader2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 10px 0;
}
.carmodel, .carmodel2 {
font-size: 60px;
line-height: 68px;
}
.carmodelsmaller {
font-size: 44px;
line-height: 68px;
}
.modelsubtext, .modelsubtext2 {
font-size: 22px;
}
.bigsubtext, .bigsubtext2 {
font-size: 34px;
line-height: 46px;
}
.smallerbigsubtext {
font-size: 30px;
line-height: 46px;
}
.termstext, .termstext2 {
font-size: 14px;
}

/*-- Model Test Drive Form --*/

#slider {
height: auto;
}
#formbg, #formbg2 {
width: 100%;
height: 602px;
}
#formwrap, #formwrap2 {
margin: 0;
height: 605px;
position: static;
}
#form h2 {
font: bold 32px/42px 'helvetica', 'arial', sans-serif !important;
}
input[type="text"], input[type="email"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px;
}
input[type="submit"], #formwrap2 input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
margin-bottom: 6px !important;
}
li.gfield {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
label {
line-height: 42px;
width: auto !important;
}

/*-- Test Drive Page Form --*/

#testpage {
height: 538px;
padding: 3% !important;
width: 96% !important;
margin-bottom: 15px;
}
#testpagewrap {
width: 100% !important;
margin: 0;
}
#testpage h2 {
font: bold 32px/42px 'helvetica', 'arial', sans-serif !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px;
}
#testpage input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#testpage li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#testpage label {
line-height: 42px;
width: auto !important;
}

/*-- Newsletter Form --*/

#newsletter {
width: 101% !important;
height: 305px !important;
}
#newsinput {
/*--width: 94% !important;--*/
/*--padding: 3% !important;--*/
/*--height: 280px !important;--*/
height: unset !important;
box-sizing: border-box;
overflow: hidden;
width: 100% !important;
}
#newsletter h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#newsinput input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#newsinput li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#newsinput label {
line-height: 42px;
width: auto !important;
}
mainnav {
ul {
display: none;
height: 100%;
}
label {
position: relative;
display: block;
width: 100%;
}
label:after {
position: absolute;
content: "\2261";
}
input:checked ~ ul {
display: block;   
> li {
width: 100%;
}
}
}

/*-- Form Header --*/

.formheader {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}

.formheader h2,.formheader p {
width: 100%;
}

/*-- Animal Competition Form --*/

#animalform {
width: 94% !important;
padding: 3% !important;
}
#animalform label {
line-height: 42px;
width: auto !important;
}
#animalform input[type="text"], #animalform input[type="email"], #animalform textarea, #animalform select {
font: 38px/42px 'helvetica','arial',sans-serif !important;
height: 52px;
width: 70% !important;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#animalform input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#animalform li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}

/*-- Animal Competition --*/
.petbanner {
}
.petimg {
width: 100% !important;
height: auto;
}
.mobile {
display: block;
}
.desktop {
display: none;
}
.petsteps {
width: 100%;
padding: 0px;
background: none;
margin: 0px;
position: static;
}
.petsteps h3 {
font-size: 24px;
padding: 10px 0;
}
.petfb {
width: 100% !important;
}
.petfb iframe {
width: 100% !important;
}
.petform {
width: 100% !important;
}
.stepicon {
display: none;
}
.petcontent {
width: 100% !important;
float: none;
}
.petsidebar {
width: 100% !important;
float: none;
}
.petsidebar img {
display: none;
}

/*-- Animal Competition Form --*/

#animalformwrap {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}
#animalformwrap label {
line-height: 42px;
width: auto !important;
}
#animalformwrap input[type="text"], #animalformwrap input[type="email"], #animalformwrap textarea, #animalformwrap select {
font: 38px/42px 'helvetica','arial',sans-serif !important;
height: 52px;
width: 70% !important;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#animalformwrap input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#animalformwrap li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}

/*-- Animal Competition --*/

.animalheader {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.fblikecounter p {
line-height: 38px;
}
.animalbanner {
width: 100%;
float: none;
padding: 0px
margin: 0px;
}
.animalwrap {
width: 100%;
float: none;
padding: 0px
margin: 0px;
}
.animalbanner img {
width: 100%;
}

/*-- Updated All Vehicles Page --*/

#newcarpage {
width: 98%;
margin: 0 1%;
}

.newcarmodel {
margin-right: 5%;
width: 30%;
text-align: center;
}

.newcarmodel:nth-of-type(4n+0) {
margin-right: 5%;
}

.newcarmodel:nth-of-type(3n+0) {
margin-right: -20px;
}

.modelbar {
width: 100%;
text-align: left;
}

.leftbar {
width: 80%;
}

/*-- All Vehicles Page --*/

.leftmodel, .rightmodel {
width: 100%;
margin: 0px 0px 10px 0px;
float: left;
}
.leftmodel img, .rightmodel img {
width: 30%;
}
.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;
}

/*-- Service Form --*/

#servicewrap {
}
#service {
width: 99% !important;
}
#service h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#service input[type="text"], #service input[type="email"], #service select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#service input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#service li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#service label {
line-height: 42px;
width: auto !important;
}

/*-- Contact Us Page --*/

.showroominfo {
width: 100%;
padding: 0px;
margin-bottom: 0px;
height: auto;
}
.showroommap {
width: 100%
}
.mapbutton, .branchbutton {
margin: 10px;
width: 45%;
}
.contacttext {
width: 100%;
padding: 0px;
}
#contactwrap {
width: 100%;
}
#contact {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}
#contact img {
display: none;
}

/*-- Contact Form --*/

#contact h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#contact textarea {
height: 92px !important;
}
#contact input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#contact li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#contact label {
line-height: 42px;
width: auto !important;
}

/*-- Trade In Form --*/

#tradeformwrap {
width: 100%;
}

#tradeform {
height: auto;
padding: 3% !important;
width: 94% !important;
}

#tradeform h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 66% !important;
height: 42px;
}
#tradeform textarea {
height: 92px !important;
}
#tradeform input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#tradeform li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#tradeform label {
line-height: 42px;
width: auto !important;
}

/*-- Specials Page --*/

.specialbg {
height: 355px;
}
.specialarea {
width: 98%;
padding: 1%;
height: 344px;
}
.specialctabox {
width: 100%;
margin: 0;
}
.specialcta a {
width: 98%;
margin: 20px 0 0 0;
}
.specialblock {
height: auto;
margin: 0;
}
.specialwrap {
height: 355px;
position: static;
margin: -5px 0 0 0;
}
.sharespecial {
margin: 0 0 6px 2px;
position: static;
}
.specialbg {
width: 100%;
}

/*-- About Us Page --*/

#services, #servicesused {
height: auto;
}
.profiletext {
width: 80%;
margin: 5px 0;
}
#profiles img {
width: 19%;
margin: 5px 0;
clear: both;
}
#profiles {
height: auto;
margin: 10px auto;
}

/*-- Branch Pages --*/

#showroomsidebar {
width: 100% !important;
}

/*-- Brochure Download Page --*/

.brochure {
width: 21%;
}
.brochure img {
width: 100%;
height: auto;
}

/*-- Landing Page --*/

.pricingarrow, .pricingbar, .navibar, .naviarrow {
display: none;
}

.deal {
position: static;
z-index: 9999;
right: none;
margin: -5px 0px 10px 0px;
text-align: center;
width: 100%;
}

.deal h2 {
background: #ffef07;
font-size: 48px;
line-height: 50px;
padding: 10px 0;
font-weight: bold;
font-style: oblique;
width: 100%;
}

.mainbgcontent h2.comingsoon {
display: none;
}

/*-- Fuel --*/

.fueldata, .fueldata img {
width: 100%;
}

.rightfuel {
width: 100%;
padding: 0px;
}

.fueltable {
width: 98%;
margin: auto;
}

/*-- Student PPC Page --*/

.mainbackground img {
max-width: none;
}

.mainbgcontent {
margin-top: 0px;
background: #000;
}

#goformwrap #formbg {
height: 490px;
}

.ctajumpbar {
display: none;
}

.gocontentsplit img {
margin-top: 10px;
}

.gofootertext span {
display: none;
}

.gofooterbar .gotestdrive, .nissantestdrive .gofooterbar .gofootertext {
margin-top: 0px;
width: 100%;
}

.gofootercontent {
text-align: center;
}

.gofootercontent img {
float: none;
}

.gocontentsplit {
width: 100% !important;
}

/*--- Sitemap ---*/

.sitemap li, .sitemapsub li {
list-style: disc !important;
padding: 6px 0;
}

/*--- 2018 Landing Page Updates ---*/

.ppccontent .mainbgcontent {
margin-top: 0;
height: auto;
background: #000;
}

.ppccontent .mainbackground {
height: auto;
display: none;
}

.ppccontent .mainbackground h1 {
display: none;
}

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

.ppccontent .frrabackground {
display: block;
}

.frrabackgroundcontent {
position: static;
padding: 20px 10px;
}

.ppccontent .frrabackground img {
display: none;
}

.ppccontent .frrabackground {
background-image: url(/wp-content/uploads/nissan-frra-background.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.ppccontent .frrabackground h1 {
display: block;
}

.ppccontent .frrabackgroundcontent h1 {
font-size: 20px;
line-height: 24px;
}

.ppccontent .frrabackgroundcontent h2 {
font-size: 18px;
line-height: 22px;
}

.frrasplitcontent {
flex-direction: column;
}

.frracontent {
width: 100%;
box-sizing: border-box;
padding: 10px;
}

.frravideo {
width: 100%;
box-sizing: border-box;
padding: 10px 15px;
}

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

.ppccontent #goformwrap.ppcform #modelpageformarea {
background: rgba(0, 0, 0, 0.7);
position: unset;
display: inline-block;
height: auto;
}

.ppccontent .modelheader, .ppccontent .carmodel, .ppccontent .carmodel2 {
font-size: 28px;
line-height: 30px;
}

.intergratedheader {
text-align: center;
}

.intergratedheader #headbg {
height: auto;
overflow: auto;
}

.intergratedheader #logo {
height: 50px;
width: auto;
margin: 2px auto;
}

.ppccontent .modelsubtext {
font-size: 16px;
width: 100%;
}

.ppccontent .bigsubtext {
font-size: 22px;
line-height: 26px;
}

.ppccontent label {
line-height: 30px;
}

.ppccontent li.gfield, .ppccontent input[type="text"], .ppccontent input[type="email"], .ppccontent #formwrap2 input[type="text"], .ppccontent #formwrap2 input[type="email"], .ppccontent select {
height: 30px;
}

.dealarea {
padding-bottom: 30px;
}

.dealarea img, .dealarea div, .dealarea h2, .dealarea span, .dealarearoller .ppcimageandroller {
width: auto;
max-width: 100%;
float: unset;
}

.dealarea div {
text-align: center;
}

/*--- NEW 2021 Landing Page Updates ---*/

.ppcg1alogo {
margin-top: 0;
float: none;
}

.ppcheader {
display: flex;
justify-content: space-between;
padding: 10px;
box-sizing: border-box;
}

/*--- NEW 2018 Landing Page Updates ---*/

.intergratedheader #logo {
float: unset;
}

.ppcwrapper {
display: flex;
flex-direction: column;
}

.ppcwrapper .ppcform .modelheader, .ppcwrapper .ppcform .modelsubtext {
display: none;
}

.ppcwrapper .ppcform .nissanppc {
margin-top: 15px;
}

.ppcwrapper .dealarea {
padding-bottom: 0px;
}

.ppcwrapper .gofooterbar {
padding-bottom: 20px;
height: unset;
}

.ppcwrapper .gofooterbar img {
display: none;
}

.mainbackground {
order: 10;
}

.mainbgcontent {
order: 2;
}

.dealarea {
order: 1;  
}

.nissancontentbar1 {
order: 3;
}

.gobackground1 {
order: 4;
}

.nissancontentbar2 {
order: 5;
}

.gobackground2 {
order: 6;
}

.nissancontentbar3 {
order: 7;
}
	
.gobackground3 {
order: 8;
}

.gobackground4 {
order: 9;
}

.gofooterbar {
order: 10;
}

.postfooter {
order: 10;
}

.usedppc {
margin-bottom: 0;
}

.usedppc .usedfeed {
height: 2478px;
}

.usedppc .usedfeed iframe {
height: 2478px;
}

.landingfooter {
display: none;
}

.splitpagenew {
height: auto;
height: unset;
margin-top: 0px;
padding-bottom: 60px;
position: inherit;
z-index: 0;
background: #efefef;
}

.splitpagenewcontent {
position: inherit;
margin: 10px 20px 0 20px;
}

.splitpagenewcontent h2 {
font-size: 52px;
line-height: 60px;
}

.splitmobileimage {
display: block;
margin-top: 10px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px) {

.usedppc .usedfeed {
height: 2435px;
}

.usedppc .usedfeed iframe {
height: 2435px;
}

}

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px) {

.usedppc .usedfeed {
height: 2390px;
}

.usedppc .usedfeed iframe {
height: 2390px;
}

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

.usedppc .usedfeed {
height: 2345px;
}

.usedppc .usedfeed iframe {
height: 2345px;
}

}

@media only screen and (max-width : 880px),
only screen and (max-device-width : 880px) {

.usedppc .usedfeed {
height: 2300px;
}

.usedppc .usedfeed iframe {
height: 2300px;
}

}

@media only screen and (max-width : 860px),
only screen and (max-device-width : 860px) {

.usedppc .usedfeed {
height: 2255;
}

.usedppc .usedfeed iframe {
height: 2255px;
}

}

@media only screen and (max-width : 840px),
only screen and (max-device-width : 840px) {

.usedppc .usedfeed {
height: 2210px;
}

.usedppc .usedfeed iframe {
height: 2210px;
}

}

@media only screen and (max-width : 820px),
only screen and (max-device-width : 820px) {

.usedppc .usedfeed {
height: 2165px;
}

.usedppc .usedfeed iframe {
height: 2165px;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 520px - 800px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px) {

.ppcform .installmentonlydeal {
display: none;
}

.installmentonlydealsaving .dealtext {
display: block;
line-height: 38px;
}

.installmentonlydealsaving .dealcomma {
display: none;
}

.gofootertext {
float: unset;
margin: 20px auto auto auto;
text-align: center;
}

.nissantestdrive {
margin: auto;
max-width: 100%;
box-sizing: border-box;
}

.usedppc .usedfeed {
height: 2120px;
}

.usedppc .usedfeed iframe {
height: 2120px;
}

}


/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 780px),
only screen and (max-device-width : 780px) {

.usedppc .usedfeed {
height: 2075px;
}

.usedppc .usedfeed iframe {
height: 2075px;
}

}

@media only screen and (max-width : 760px),
only screen and (max-device-width : 760px) {

.usedppc .usedfeed {
height: 2030px;
}

.usedppc .usedfeed iframe {
height: 2030px;
}

}

@media only screen and (max-width : 740px),
only screen and (max-device-width : 740px) {

.usedppc .usedfeed {
height: 1985px;
}

.usedppc .usedfeed iframe {
height: 1985px;
}

}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px) {

.usedppc .usedfeed {
height: 1940px;
}

.usedppc .usedfeed iframe {
height: 1940px;
}

}

@media only screen and (max-width : 700px),
only screen and (max-device-width : 700px) {

.usedppc .usedfeed {
height: 1895px;
}

.usedppc .usedfeed iframe {
height: 1895px;
}

}

@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px) {

.usedppc .usedfeed {
height: 1850px;
}

.usedppc .usedfeed iframe {
height: 1850px;
}

}

@media only screen and (max-width : 660px),
only screen and (max-device-width : 660px) {

.usedppc .usedfeed {
height: 1805px;
}

.usedppc .usedfeed iframe {
height: 1805px;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 520px - 640px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px) {

.stealthname {
font-size: 38px;
line-height: 58px;
}

.installmentonlydealbar .dealtext {
display: block;
}

.installmentonlydealbar .dealcomma {
display: none;
}

.bfdeals {
display: unset;
}
	
.bfpromo {
width: 96%;
max-width: unset;
margin-left: auto;
margin-right: auto;
}
	
.tenyearswrap {
display: unset;
}

.tenyearsunit {
width: 100%;
margin-bottom: 10px;
}

.newsblock h2.newsheader {
width: 100%;
}

/*-- Split Page --*/

.homebutton {
width: 98%;
}

.quarterlogo {
position: relative;
text-align: center;
}

.quarterheader {
height: auto;
background: #000180;
}

.quarterheader h1 {
width: auto;
padding: 0;
margin: 0;
}

.quartersplit {
width: 100%;
}

.halfquarter {
display: inline;
}

.halfquarter:nth-of-type(1) .quartersplit:nth-of-type(1), .halfquarter:nth-of-type(2) .quartersplit:nth-of-type(1)  {
background: #397CA0;
}

.halfquarter:nth-of-type(1) .quartersplit:nth-of-type(2), .halfquarter:nth-of-type(2) .quartersplit:nth-of-type(2)  {
background: #2F5D7F;
}

/*------*/

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, .usedbody, #profiles, .tradetext {
width: 96%;
margin: auto;
}
h2.modelsliderheader {
width: 100%;
clear: both;
}
.listleft, .listright {
float: none;
}
#modelpageformarea, #modelpageformarea2 {
/*--width: 95%;--*/
width: 100%;
box-sizing: border-box;
}
.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"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select {
width: 58% !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
width: 58% !important;
}
#service input[type="text"], #service input[type="email"], #service select {
width: 58% !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
width: 58% !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
width: 54% !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
width: 58% !important;
}
#testpage {
height: 546px;
}
.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%;
}

/*-- Student Landing Page --*/

.goheading {
float: none;
}

img.freetablet {
position: static !important;
}

.mainbgcontent {
}

.usedppc .usedfeed {
height: 1760px;
}

.usedppc .usedfeed iframe {
height: 1760px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 620px),
only screen and (max-device-width : 620px) {

.usedppc .usedfeed {
height: 1715px;
}

.usedppc .usedfeed iframe {
height: 1715px;
}

}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {

.usedppc .usedfeed {
height: 1670px;
}

.usedppc .usedfeed iframe {
height: 1670px;
}

}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px) {

.usedppc .usedfeed {
height: 1625px;
}

.usedppc .usedfeed iframe {
height: 1625px;
}

}

@media only screen and (max-width : 560px),
only screen and (max-device-width : 560px) {

.usedppc .usedfeed {
height: 1580px;
}

.usedppc .usedfeed iframe {
height: 1580px;
}

}

@media only screen and (max-width : 540px),
only screen and (max-device-width : 540px) {

.usedppc .usedfeed {
height: 1535px;
}

.usedppc .usedfeed iframe {
height: 1535px;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 460px - 520px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px) {

.zerocontacticon {
width: 49%;
}

/*-- RHRS Promo --*/

.redspannerpromologo {
display: none;
}

.redspannerpromocontent {
height: auto;
height: unset;
}

.redspannerpromobar h1, .redspannerpromobar h2, .redspannerpromobar h3, .redspannerpromobar p {
line-height: 32px;
padding: 10px 0;
}
    
/*--------*/
    
.installmentonlydeal {
font-size: 18px;
}

.fomright, .fomleft {
float: none;
width: 100%;
box-sizing: border-box;
text-align: center;
}

.mainbgcontent {

}

.newsblock h2.newsheader {
width: 100%;
}

.usedppc .usedfeed {
height: 1490px;
}

.usedppc .usedfeed iframe {
height: 1490px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

.usedppc .usedfeed {
height: 1445px;
}

.usedppc .usedfeed iframe {
height: 1445px;
}

}

@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px) {

.usedppc .usedfeed {
height: 1400px;
}

.usedppc .usedfeed iframe {
height: 1400px;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 416px - 460px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px) {

.zerocontacticonswrap {
flex-wrap: wrap;
justify-content: space-evenly;
}

.zerocontacticon {
width: 32%;
padding-bottom: 15px;
}

.newsblock h2.newsheader {
width: 100%;
}

/*-- PPC Page --*/

.mainh1 {
font-size: 30px !important;
line-height: 36px !important
}

.mainbgcontent h2.mainh2 span {
font-size: 20px;
}

.mainbgcontent h2.mainh2 {
font-size: 40px;
line-height: 46px;
}

/*----*/

.mapbutton, .branchbutton {
float: none;
margin: 10px auto;
width: 90%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 40%;
}

/*-- Updated All Vehicles Page --*/

.newcarmodel {
margin-right: 0;
width: 100%;
}

.usedppc .usedfeed {
height: 1355px;
}

.usedppc .usedfeed iframe {
height: 1355px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 440px),
only screen and (max-device-width : 440px) {

.usedppc .usedfeed {
height: 1310px;
}

.usedppc .usedfeed iframe {
height: 1310px;
}

}

@media only screen and (max-width : 420px),
only screen and (max-device-width : 420px) {

.usedppc .usedfeed {
height: 1265px;
}

.usedppc .usedfeed iframe {
height: 1265px;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 396px - 415px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 415px),
only screen and (max-device-width : 415px) {

.mainbgcontent {

}

.newsblock h2.newsheader {
width: 100%;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {

.usedppc .usedfeed {
height: 1220px;
}

.usedppc .usedfeed iframe {
height: 1220px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---- Responsive Design - Device Width 395 Pixels and Less  ----*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 395px),
only screen and (max-device-width : 395px) {

.bigsubtext, .bigsubtext2 {
font-size: 32px;
line-height: 46px;
}

p.installmentonlydealmodelsubtext {
width: 100%;
font-size: 20px;
}

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, .usedbody, #profiles, .tradetext {
width: 94%;
margin: auto;
}

h2.modelsliderheader {
width: 100%;
clear: both;
}

.newsblock h2.newsheader {
width: 100%;
}

h1.specialheader, p.specialsubtext {
width: 100%;
}
#modelpageformarea input[type="text"], #modelpageformarea input[type="email"], #modelpageformarea input[type="email"], #modelpageformarea select {
width: 54% !important;
}
input[type="text"], input[type="email"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select {
width: 54% !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
width: 54% !important;
}
#service input[type="text"], #service input[type="email"], #service select {
width: 54% !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
width: 54% !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
width: 50% !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
width: 54% !important;
}
.aj-collapse{
margin-left: 0;
position: static;
width: 100%;
/*--margin-top: 30px;--*/
margin-bottom: 15px;
padding: 2px;
background: #C11E44;
}
.textleft, .textright {
width: 98%;
}
.thirds {
width: 94%;
}

/*-- Updated All Vehicles Page --*/

input[type="submit"]#gform_submit_button_34 {
font-size: 24px !important;
}

/*-- Animal Competition Form --*/

#animalformwrap input[type="text"], #animalformwrap input[type="email"], #animalformwrap textarea, #animalformwrap select {
width: 68% !important;
}

/*-- Animal Competition --*/

.animalheader h2 {
font-size: 24px;
}

/*-- All Vehicles Page --*/

.leftmodel p, .rightmodel p {
width: 66%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 39%;
}

/*-- Landing Page --*/

.deal h2 {
font-size: 40px;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-------------  Responsive Design - iframe Height  -------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 380px),
only screen and (max-device-width : 380px) {

.usedppc .usedfeed {
height: 1175px;
}

.usedppc .usedfeed iframe {
height: 1175px;
}

}

@media only screen and (max-width : 360px),
only screen and (max-device-width : 360px) {

.usedppc .usedfeed {
height: 1130px;
}

.usedppc .usedfeed iframe {
height: 1130px;
}

}

@media only screen and (max-width : 340px),
only screen and (max-device-width : 340px) {

.usedppc .usedfeed {
height: 1085px;
}

.usedppc .usedfeed iframe {
height: 1085px;
}

}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px) {

.usedppc .usedfeed {
height: 1040px;
}

.usedppc .usedfeed iframe {
height: 1040px;
}

}