body {
  /*background: white;*/
  background-color:#f0f0f0;
  color: #2A2A2A;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  position: relative;
  cursor: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "sans-serif";
}
html{
  height: 100%;
}
body {
  min-height: 100%;
}
:focus {
  outline: none;
  outline-color: transparent;
  outline-style: auto;
  outline-width: 0;
}
#home-video-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#home-video-container video{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#home-video-container .still-image{
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    z-index: 2;
    width: 100%;
}
#home-video-container.playing .still-image, 
#home-video-container.paused .still-image{
    opacity: 0;
}
#home-video-container.playing video, 
#home-video-container.paused .video{
    display: block;
}
img.fit-by-width{
    width: 100%;
}
img.fit-by-height{
    height: 100%;
}
.map-fullscreen{
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important ;
    right: 0!important;
    z-index: 100 !important;
    width: 100% !important;
    height: 100% !important;
}
/*
 * Pictmap
 **/
.picmap {
	background-image: url(/images/picmap.png?2018051001);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.picmap-offers-search {background-position: -810px -240px; width: 76px; height: 75px}
.picmap-mail {background-position: 0 -160px; width: 77px; height: 75px}
.picmap-car {background-position: -800px 0; width: 77px; height: 75px}
.picmap-car-three {background-position: -70px -410px; width: 77px; height: 75px}
.picmap-lock-dollar {background-position: -150px -410; width: 77px; height: 75px}
.picmap-ar-down-bl {background-position: -740px -230px; width: 22px; height: 21px}
.picmap-med-marker {background-position: -780px -180px; width: 19px; height: 25px}
.picmap-big-marker {background-position: -710px -160px; width: 28px; height: 39px}
.picmap-i-cool {background-position: -700px -200px; width: 34px; height: 34px}
.picmap-i-value {background-position: -740px -190px; width: 34px; height: 34px}
.picmap-cross {background-position: -770px -150px; width: 23px; height: 21px}
.picmap-star10 {background-position: -760px -110px; width: 37px; height: 34px}
.picmap-share-in {background-position: -720px -130px; width: 26px; height: 25px}
.picmap-share-tweet {background-position: -680px -150px; width: 25px; height: 25px}
.picmap-share-fb {background-position: -650px -150px; width: 25px; height: 25px}
.picmap-star-empty-sm {background-position: -690px -50px; width: 18px; height: 18px}
.picmap-star-blue-sm {background-position: -670px -50px; width: 18px; height: 18px}
.picmap-star-white-sm {background-position: -770px -20px; width: 18px; height: 18px}
.picmap-star-darkgrey-sm {background-position: -780px -90px; width: 18px; height: 18px}
.picmap-star-grey-sm {background-position: -760px -90px; width: 18px; height: 18px}
.picmap-star-empty {background-position: -720px -90px; width: 32px; height: 31px}
.picmap-star-grey {background-position: -760px -50px; width: 32px; height: 31px}
.picmap-star-blue {background-position: -720px -50px; width: 32px; height: 31px}
.picmap-star-white-empty-sm {background-position: -770px 0; width: 18px; height: 18px}
.picmap-star-blue-big-empty {background-position: -760px -310px; width: 46px; height: 44px}
.picmap-star-white-empty {background-position: -720px 0; width: 46px; height: 44px}
.picmap-star-blue-big {background-position: -760px -260px; width: 46px; height: 44px}
.picmap-star-white {background-position: -670px 0; width: 46px; height: 44px}
.picmap-info-black {background-position: -620px -80px; width: 21px; height: 21px}
.picmap-i-options {background-position: -620px -40px; width: 34px; height: 34px}
.picmap-i-gear {background-position: -630px 0; width: 34px; height: 34px}
.picmap-i-car {background-position: -590px 0; width: 34px; height: 34px}
.picmap-i-engine {background-position: -360px 0; width: 34px; height: 34px}
.picmap-i-rudder {background-position: -180px -290px; width: 34px; height: 34px}
.picmap-i-shield {background-position: -200px -250px; width: 34px; height: 34px}
.picmap-star-active {background-position: -180px -270px; width: 17px; height: 16px}
.picmap-star {background-position: -180px -250px; width: 17px; height: 16px}
.picmap-point {background-position: -330px 0; width: 20px; height: 20px}
.picmap-car-check-blue {background-position: -560px -180px; width: 65px; height: 67px}
.picmap-offers-check-blue {background-position: -490px -180px; width: 65px; height: 67px}
.picmap-mail-check-blue {background-position: -490px -250px; width: 65px; height: 67px}
.picmap-ok-blue {background-position: -450px -190px; width: 21px; height: 20px}
.picmap-offers-blue {background-position: -550px -110px; width: 65px; height: 65px}
.picmap-checkbox-empty {background-position: -550px 0; width: 33px; height: 31px}
.picmap-checkbox {background-position: -500px -130px; width: 33px; height: 31px}
.picmap-ok {background-position: -471px -130px; width: 15px; height: 12px}
.picmap-info-sm {background-position: -450px -170px; width: 16px; height: 16px}
.picmap-clock-sm {background-position: -252px -130px; width: 18px; height: 19px}
.picmap-clock {background-position: -160px -120px; width: 32px; height: 24px}
.picmap-pin-sm {background-position: -390px -180px; width: 18px; height: 19px}
.picmap-pin {background-position: -180px -80px; width: 21px; height: 29px}
.picmap-phone-sm {background-position: -230px -130px; width: 18px; height: 19px}
.picmap-phone {background-position: -150px -80px; width: 27px; height: 29px}
.picmap-lock-check-blue {background-position: -630px -180px; width: 65px; height: 67px}
.picmap-car-blue {background-position: -560px -250px; width: 65px; height: 65px}
.picmap-mail-blue {background-position: -560px -320px; width: 65px; height: 65px}
.picmap-lock-blue {background-position: -490px -320px; width: 65px; height: 65px}
.picmap-mail-sm {background-position: -220px -300px; width: 67px; height: 66px}
.picmap-mail-micro {background-position: -350px -330px; width: 50px; height: 50px}
.picmap-mail-xbig {background-position: -630px -258px; width: 122px; height: 123px}
.picmap-mail-big {background-position: -90px -250px; width: 83px; height: 84px}
.picmap-offers-check-micro {background-position: -410px -330px; width: 50px; height: 51px}
.picmap-offers-check {background-position: 0 -250px; width: 83px; height: 85px}
.picmap-next {background-position: -30px -110px; width: 30px; height: 29px}
.picmap-prev {background-position: 0 -110px; width: 30px; height: 29px}
.picmap-mastercard {background-position: -220px 0; width: 51px; height: 30px}
.picmap-calendar-sm {background-position: -252px -150px; width: 18px; height: 19px}
.picmap-calendar {background-position: -200px -120px; width: 32px; height: 21px}
.picmap-alt-logo-micro {background-position: -120px -350px; width: 68px; height: 35px}
.picmap-alt-logo {background-position: -70px -110px; width: 84px; height: 43px}
.picmap-lock-micro {background-position: -290px -330px; width: 50px; height: 51px}
.picmap-lock-sm {background-position: -160px -160px; width: 76px; height: 77px}
.picmap-offers-micro {background-position: -60px -350px; width: 50px; height: 49px}
.picmap-offers-sm {background-position: -80px -160px; width: 78px; height: 76px}
.picmap-offers-tiny {background-position: 0px -420px; width: 62px; height: 62px}
.picmap-magnify-sm {background-position: -886px -0px; width: 76px; height: 76px}
.picmap-car-check-micro {background-position: 0 -350px; width: 50px; height: 50px}
.picmap-car-check {background-position: -800px -80px; width: 83px; height: 75px}
.picmap-ddl {background-position: 0 -60px; width: 12px; height: 8px}
.picmap-nav-toggle {background-position: -420px -260px; width: 32px; height: 32px}
.picmap-menu-unchecked {background-position: -420px -190px; width: 22px; height: 22px}
.picmap-map-pin-blue {background-position: -460px -220px; width: 32px; height: 32px}
.picmap-fold {background-position: -450px -130px; width: 11px; height: 11px}
.picmap-unfold {background-position: -450px -150px; width: 11px; height: 8px}
.picmap-map-pin {background-position: -420px -220px; width: 32px; height: 32px}
.picmap-menu-checked {background-position: -420px -160px; width: 22px; height: 22px}
.picmap-logo-mobile {background-position: -290px -300px; width: 185px; height: 27px}
.picmap-arrow-up-white {background-position: -471px -150px; width: 23px; height: 22px}
.picmap-arrow-down-white {background-position: -420px -130px; width: 23px; height: 22px}
.picmap-minus {background-position: -460px -270px; width: 22px; height: 23px}
.picmap-plus {background-position: -390px -260px; width: 22px; height: 23px}
.picmap-arrow-right-g {background-position: -790px -360px; width: 22px; height: 23px}
.picmap-arrow-left-g {background-position: -760px -360px; width: 22px; height: 23px}
.picmap-arrow-left {background-position: -620px -140px; width: 22px; height: 23px}
.picmap-arrow-right {background-position: 0 -30px; width: 22px; height: 23px}
.picmap-shop-micro {background-position: -200px -370px; width: 80px; height: 12px}
.picmap-shop {background-position: 0 -80px; width: 140px; height: 21px}
.picmap-lock-xsm {background-position: -550px -40px; width: 66px; height: 66px}
.picmap-lock-big {background-position: -290px -40px; width: 123px; height: 123px}
.picmap-offers-big {background-position: -250px -170px; width: 123px; height: 123px}
.picmap-car-big {background-position: -420px 0; width: 123px; height: 123px}
.picmap-close-alt {background-position: -290px 0; width: 37px; height: 36px}
.picmap-close {background-position: -240px -100px; width: 22px; height: 22px}
.picmap-search {background-position: -920px -230px; width: 22px; height: 22px}
.picmap-warn {background-position: -250px -70px; width: 22px; height: 23px}
.picmap-car-sm {background-position: -650px -80px; width: 65px; height: 65px}
.picmap-info-md {background-position: -620px -110px; width: 20px; height: 20px}
.picmap-info {background-position: -220px -70px; width: 26px; height: 26px}
.picmap-info-white {background-position: -810px -170px; width: 26px; height: 26px}
.picmap-visa {background-position: -220px -30px; width: 61px; height: 31px}
.picmap-logo {background-position: -30px 0; width: 185px; height: 79px}
.picmap-arrow-right-blue {background-position: -810px -210px; width: 22px; height: 22px}
.picmap-arrow-left-blue {background-position: -780px -210px; width: 22px; height: 22px}
.picmap-arrow-left-black {background-position: -390px -230px; width: 22px; height: 22px}
.picmap-arrow-right-black {background-position: -390px -200px; width: 22px; height: 22px}
.picmap-arrow-up {background-position: -740px -160px; width: 22px; height: 22px}
.picmap-arrow-down {background-position: 0 0; width: 22px; height: 22px}
.picmap-offers-grey { background-position: -820px -320px; width: 64px; height: 64px; }
.picmap-offers-grey-rev { background-position: -890px -320px; width: 64px; height: 64px; }
.picmap-info-grey-sm {background-position: -840px -210px; width: 21px; height: 21px}
.picmap-info-grey-rev-sm {background-position: -870px -210px; width: 21px; height: 21px}
.picmap-promotion-other-white { background-position: -970px 0px; width: 67px; height: 62px; }
.picmap-promotion-other-blue { background-position: -970px -70px; width: 67px; height: 62px; }
.picmap-promotion-other-grey { background-position: -970px -140px; width: 67px; height: 62px; }
.picmap-promotion-service-white { background-position: -1040px 0px; width: 67px; height: 62px; }
.picmap-promotion-service-blue { background-position: -1040px -70px; width: 67px; height: 62px; }
.picmap-promotion-service-grey { background-position: -1040px -140px; width: 67px; height: 62px; }
.picmap-promotion-money-white { background-position: -1110px 0px; width: 67px; height: 62px; }
.picmap-promotion-money-blue { background-position: -1110px -70px; width: 67px; height: 62px; }
.picmap-promotion-money-grey { background-position: -1110px -140px; width: 67px; height: 62px; }
.picmap-promotion-cashback-200-white { background-position: -970px -210px; width: 67px; height: 62px; }
.picmap-promotion-cashback-300-white { background-position: -1040px -210px; width: 67px; height: 62px; }
.picmap-promotion-cashback-400-white { background-position: -1110px -210px; width: 67px; height: 62px; }
.picmap-promotion-cashback-500-white { background-position: -970px -280px; width: 67px; height: 62px; }
.picmap-promotion-cashback-600-white { background-position: -1040px -280px; width: 67px; height: 62px; }
.picmap-promotion-cashback-700-white { background-position: -1110px -280px; width: 67px; height: 62px; }
.picmap-promotion-cashback-800-white { background-position: -970px -350px; width: 67px; height: 62px; }
.picmap-promotion-cashback-900-white { background-position: -1040px -350px; width: 67px; height: 62px; }
.picmap-promotion-cashback-1000-white { background-position: -1110px -350px; width: 67px; height: 62px; }
.picmap-promotion-cashback-500-white-big { background-position: -970px -420px; width: 78px; height: 76px; }
.picmap-promotion-other-white-big { background-position: -1050px -420px; width: 78px; height: 76px; }
.picmap-promotion-no-1 { background-position: -1260px 0px; width: 62px; height: 62px; }
.picmap-promotion-no-2 { background-position: -1330px 0px; width: 62px; height: 62px; }
.picmap-circle-hyphen { background-position: -840px -170px; width: 17px; height: 17px; }
.picmap-circle-plus { background-position: -860px -170px; width: 17px; height: 17px; }
.picmap-exclusive, .picmap-promotion-exclusive { background-position: -1190px -140px; width: 64px; height: 63px; }
.picmap-exclusive-white, .picmap-promotion-exclusive-white { background-position: -1190px 0; width: 64px; height: 63px; }
.picmap-glyph-star { background-position: -900px -94px; width: 18px; height: 17px; }
.picmap-glyph-play { background-position: -924px -94px; width: 18px; height: 17px; }
.picmap-glyph-pause { background-position: -945px -94px; width: 18px; height: 17px; }
.picmap-narrow-arrow-left { background-position: -920px -130px; width: 18px; height: 44px; }
.picmap-narrow-arrow-right { background-position: -920px -180px; width: 18px; height: 44px; }

/* 
 * End of Pictmap
 **/
 
.button > .picright,
.formatBtn > .picright {
	position: absolute;
	z-index: 10;
	right: 10px;
	top: 50%;
	margin-top: -11px;
}
.searchField > .picright {
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 50%;
	margin-top: -11px;
}
label.fileinput {
	margin: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
label.fileinput.loading {
	background-color: #dadada;
	color: #fff;
}
.upload-image-container.loading img {
	visibility: hidden;
}
.upload-image-container.loading {
	background: #dadada url("/images/loadsm.gif") no-repeat center center;
}
label.fileinput input[type=file] {
	position: absolute;
	opacity: 0;
	top: -20px;
	left: 0;
	width: 1px;
	height: 1px;
}
.reveal-modal {
	background: #ffffff;
	padding: 30px 36px;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.reveal-modal.small {
	width:350px;
}
.reveal-modal.medium {
	width:550px;
}
.reveal-modal.large {
	width:800px;
}
.reveal-modal.larger {
	width:850px;
}
.fluid-image {
	min-width: 100%; 
	max-width: 100%;
}
.rating-symbol:first-child {
	margin-left: -1px;
}

input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
  padding-left: 38px;
  height: 31px;
  display: inline-block;
  line-height: 31px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
  background-position: 0 -31px;
}

label.css-label {
  background-image: url("/images/icons/csscheckbox.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  text-transform: uppercase;
}

input[type="checkbox"].css-checkbox-new {
	display: none;
}
input[type="checkbox"].css-checkbox-new + label.css-label-new {
	color: #1e2046;
	cursor: pointer;
	text-align: left;
	display: inline-block;
	margin-left: 32px;
	margin-top: 10px;
	margin-bottom: 6px;
	line-height: 1.2;
	position: relative;
	font-size: 14px !important;
}
input[type="checkbox"].css-checkbox-new + label.css-label-new:before {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #f0f0f0;
	border-radius: 3px;
	margin: -2px 12px 0 -32px;
	content: '';
	color: white;
}
input[type="checkbox"].css-checkbox-new:checked + label.css-label-new:before {
	background-color: #008ACB;
	background-image: url('/images/check.svg');
	background-size: 12px 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.error input[type="checkbox"].css-checkbox-new + label.css-label-new:before {
	outline: solid 2px red;
	outline-offset: -2px;
}
input[type="checkbox"].css-checkbox-new.error + label.css-label-new:before {
	outline: solid 2px red;
	outline-offset: -2px;
}
.error input[type="radio"] {
	outline: solid 2px red;
	outline-offset: -2px;
}

textarea {
  background: #f0f0f0;
  font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B';
  margin-top: 0px;
  margin-bottom: 15px;
  width: 100%;
  height: 100px;
  padding: 20px;
  border: none;
  resize: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input[type='text'], input[type='email'], input[type='password'], input[type='time'] {
  background-color: #f0f0f0;
  font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B';
  padding: 5px 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 34px;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-webkit-border-radius: 0px;
	border: none;
	/*padding: 0 10px;*/
	padding: 8px 32px 8px 10px;
	margin: 0;
	width: 100%;
	/*line-height: 1;*/
	height: 34px;
	background: #F0F0F0 url("/images/arrowdown.svg") no-repeat right 10px center;
	background-size: 17px 17px;
	/*cursor: pointer;*/
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial;
}

select.radius {
	border-radius: 3px;
}

select option {
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
}

.select2-drop-multi ul {
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-size: 14px !important;
}
.select2-container {
	background-color: #f0f0f0 !important;
	font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B' !important;
	padding: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	height: 34px !important;
	border: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
}
.error .select2-container {
	outline: 2px solid red;
	outline-offset: -2px;
}
.select2-container .select2-choice {
	border: none !important;
	background: none !important;
	font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B' !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.select2-chosen, .select2-choice > span:first-child {
	padding: 9px 0px 9px 10px !important;
	margin-right: 32px !important;
}
.select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div {
	width: 32px;
	border-left: none !important;
}
.select2-container .select2-choice .select2-arrow b {
	background-image: url(../../images/arrowdown.svg) !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 17px 17px !important;
}
.select2-drop {
	border: none !important;
	border-radius: 0 !important;
	color: #000;
	background-color: #f0f0f0;
}
.select2-results .select2-highlighted {
	color: white;
	background-color: #008ACB;
}
.select2-results {
	font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B' !important;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
	background-color: #f0f0f0;
	color: #999;
}
.select2-search input {
	border-radius: 0 !important;
	border: none !important;
	border-top: solid 1px #ccc !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.blue-top {
	background-color: #f0f0f0;
	background-image: url('/images/resultsbg.jpg');
	background-repeat: repeat-x;
	background-position: top;
}
.blue-top.starred {
	background-size: auto 430px;
}

.content-tabs a {
	display: block;
	padding: 20px 36px;
}

.main-content-container {
	margin-bottom: 35px !important;	
}
.maincontent {
	padding: 30px;
}
.maincontent2 {
	padding: 38px;
}
.maincontent3 {
	padding: 30px 36px;
}
.main-content-container .maincontent3 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
.maincontent4 {
	padding: 30px 0;
}
.maincontent5 {
	padding: 30px;
}
.maincontent6 {
	padding: 30px 15px;
}
label {
	font: normal 400 12px 'Gotham SSm A', 'Gotham SSm B';
	margin-bottom: 5px;
	display: inline-block;
}
.forMainStars{
    margin-top: 50px;
}
.blue-top .pagetitle {
	margin-top: 100px;
/*	border-top: 1px solid rgba(255,255,255,0.3);*/
	height: 190px;
}
.blue-top.starred .pagetitle {
	height: 257px;
}
.blue-top .pagetitle h1 {
/*	margin-top: 40px;
	margin-bottom: 10px;*/
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
}
.blue-top .pagetitle h2 {
	margin: 0;
}
.blue-top .pagetitle .forMainStars + h1 {
	margin-top: 17px;
}
.header {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: white;
	background-image: url(/images/topbg3.jpg);
	height: 75px;
	background-position: 90% 50%;
	background-repeat: no-repeat;
}

.leftnavbtn a,
.rightnavbtn a {
  width: 100%;
  font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B';
  line-height: normal;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-appearance: none;
  -moz-border-radius: 0;
  display: inline-block;
  padding: 10px 5px;
  background-color: #008ACB;
  color: white;
  transition: background-color 300ms ease-out;
  height: 34px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-top: 16px;
  white-space: nowrap;
}
.leftnavbtn a:hover,
.rightnavbtn a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.header .userbar {
	height: 20px;
	margin-top: 10px;
}

.header .logo a {
	position: relative;
	top: 40px;
}

.footernav {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.footernav section {
  display: block;
  height: 90px;
  width: 100%;
}
.footernav section ul {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footernav section ul li {
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  display: inline;
  list-style-type: none;
  margin: 0;
}
.footernav section ul li a {
  color: #ffffff;
  padding: 0px 20px 0px 20px;
}
.footernav section ul li a:hover {
  color: #ffffff;
  /*padding: 0px 20px 0px 20px;*/
  text-decoration: underline;
}
.footer-placeholder {
	height: 90px;
}

form.loading button[type=submit],
form.loading .section-button button[type=button],
form.loading input[type=submit],
.deposit-status.loading a.greenBtn {
	background: #dadada !important;
	color: #444 !important;
	opacity: 1 !important;
	transition: none;
}
form.loading button[type=submit] > .picright,
form.loading .section-button button[type=button] > .picright,
.deposit-status.loading a.greenBtn > .picright {
	background: #dadada url("/images/loadsm.gif") no-repeat;
	width: 24px;
	height: 24px;
	margin-top: -12px;
}

.ok-message {
	position: relative;
	border: 1px solid #368ac6;
	padding: 10px 30px 10px 16px;
}
.ok-message .picmap {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}

.form-section .section-body {
	margin-top: 20px;
}
.form-section.close .section-body {
	display: none;
}
.form-section.pending .section-edit,
.form-section.active .section-edit,
.form-section.open .section-edit {
	display: none;
}
.form-section h4 {
	margin: 0;
}
.form-section.pending h4 {
	color: #eee;
}
.form-section .section-button {
	margin-top: 10px;
}

hr.extended {
	margin: 30px 0;
}

.default-form .errorMessage {
	display: none !important;
}
.default-form .visibleErrorMessage {
	color: red;
	font-size: 12px;
	padding-top: 5px;
}
.default-form input.error,
.default-form select.error,
.default-form textarea.error,
.default-form label.error,
.default-form .error > input,
.default-form .error > select,
.default-form .error > textarea,
.default-form .error > label > input,
.default-form .error > label > select,
.default-form .error > label > textarea,
.default-form .error > .cs-placeholder,
.default-form [type=hidden].error + .hasDatepicker,
.default-form [type=hidden].error + .hasTimepicker {
	outline: 2px solid red;
	outline-offset: -2px;
}
.default-form input:focus.error,
.default-form select:focus.error,
.default-form textarea:focus.error,
.default-form .error > input:focus,
.default-form .error > select:focus,
.default-form .error > textarea:focus,
.default-form .error > label > input:focus,
.default-form .error > label > select:focus,
.default-form .error > label > textarea:focus {
	outline: none;
}
.default-form .pdf-upload-error {
	outline: 3px solid red;
	outline-offset: -1px;
}
.pdf-upload-button .button {
	padding: 9px 10px 11px;
	height: 34px;
}
.pdf-upload-button.error {
	outline: 3px solid red;
	outline-offset: -3px;
	padding: 2px;
}
.pdf-upload-button.error .button {
	padding-top: 7px;
	padding-bottom: 9px;
	height: 30px;
}

.helptip {
	cursor: pointer;
	position: relative;
}
.file-select-container + .helptip {
	margin-top: 2px;
	margin-left: 5px;
}
.charcoal label {
        position: relative;
        overflow: hidden;
}
.charcoal input[type=file] {
        position: absolute;
        opacity: 0;
        top: -20px;
        left: 0;
        width: 1px;
        height: 1px;
}
.charcoal .file-select-item {
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        padding: 6px 30px;
        position: relative;
        margin-right: 5px;
        margin-bottom: 5px;
        vertical-align: middle;
        border: 1px solid #ccc;
        background: #eee;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
  	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
}
.charcoal .file-select-item .delete {
        position: absolute;
        right: 5px;
        top: 0.4em;
        padding: 5px;
        display: block;
        width: 20px;
        height: 20px;
        line-height: 10px;
        text-align: center;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}
.helptip.on .message {
	display: block;
}
.helptip .hintable {
	background: #3F8ACB;
	bottom: 30px;
	left: 8px;
}
.error + .hintable {
	display: block;
}
.helptip .hintable:before {
	border-color: #3F8ACB transparent transparent transparent;
}

.error + .combobox-wrapper > .ac_container {
	outline: 2px solid red;
}

.error-outline {
	outline: 2px solid red;
	outline-offset: 3px;
}
.error-outline .error {
	outline: none !important;
}
.error-outline.error-outline-close {
	outline-offset: 0px;
}

.alert-danger {
        font: normal 400 13px 'Gotham SSm A', 'Gotham SSm B';
        color: red;
}

.hintable {
	display: none;
	position: absolute;
	background: #F20000;
	bottom: 34px;
	left: 0.6rem;
	z-index: 10;
	color: #fff;
	font: normal 400 12px 'Gotham SSm A', 'Gotham SSm B';
	padding: 3px 8px;
	outline: 1px solid rgba(190,190,190,0.5);
	white-space: nowrap;
}
.highlightTextarea + .hintable,
.error + .hintable {
	display: block;
}
.error:focus + .hintable,
.error :focus + .hintable {
	display: none !important;
}
.hintable:before {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #F20000 transparent transparent transparent;
	bottom: -5px;
	left: 1px;
	position: absolute;
	content: '';
}

.videocontainer {
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	right: 0;
	left: 0;
	top: 0;
	height: 495px;
	overflow: hidden;
	position: relative;
}
.video-background {
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-position: center center;
}
.model-disclamer {
	position: absolute;
	z-index: 100;
	height: 495px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#videocontainer.reduced .model-disclamer,
#videocontainer.faded .model-disclamer {
	height: 325px;
}
#videocontainer.faded {
	background: #f0f0f0 url('/images/resultsbg.jpg') repeat-x top !important;
}

.vertical-middle{
   display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 408px;
  padding-top: 85px;
  width: 1000px;
}
#videocontainer.reduced .vertical-middle,
#videocontainer.faded .vertical-middle {
	height: 238px;
	padding-top: 100px;
}
#videocontainer.reduced .vertical-middle .yearspan,
#videocontainer.faded .vertical-middle .yearspan {
	display: inline;
}
.model-disclamer h1 {
	margin: 20px 0;
}
.model-disclamer .button {
	display: inline-block;
	width: 175px;
}
.carChooser .button, .button.how-it-works {
	display: inline-block;
	width: 210px;
}
.model-videocontainer .close-showroom {
	position: absolute;
	bottom: 0px;
	left: 3%;
	display: none;
	z-index: 1010;
	width: 94%;
}
.model-videocontainer .close-showroom .button {
	margin-bottom: 45px;
	padding: 10px 15px;
	color: #408ACB;
	width: auto;
	height: auto;
}
.colorpanel {
	background-image: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 55%, rgba(255,255,255,0) 57%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 55%, rgba(255,255,255,0) 57%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 55%, rgba(255,255,255,0) 57%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 55%, rgba(255,255,255,0) 57%);
	width: 20px;
	height: 20px;
	/*border: 1px solid rgba(0, 0, 0, .5);*/
	float: left;
	margin-right: 20px;
}
.car-profile-container .car_image .image-wrap {
        height: 400px;
        vertical-align: middle;
        display: table-cell;
        width: 520px;
}
.car-profile-container .car_image .image-wrap.fuel-img{
    
}
.car-profile-container #colour{
    margin-top: 30px !important;
}
.car-profile-container .car_image{
    margin-top: -30px;
}
.car-profile-container .features-button {
	margin-top: 5px;
	width: 220px;
}
.car-profile-container .price-guide {
	position: relative;
    padding-right: 30px;
    margin-top: 8px;
    vertical-align: bottom;
    line-height: 24px;
}
.car-profile-container .featurecol2 table,
.car-profile-container .featurecol2 .featureHeader {
	margin-left: 30px;
}
.car-profile-container .feature table td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
.car-profile-container .feature table td:first-child {
	padding-right: 10px;
}

.triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 25px 0 25px;
	border-color: #ffffff transparent transparent transparent;
	content: '';
	position: relative;
	top: 23px;
}
.triangle-grey {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 25px 0 25px;
	border-color: #f0f0f0 transparent transparent transparent;
	content: '';
	position: relative;
	top: 23px;
}
.triangle-sm {
	border-width: 17px 12px 0 12px;
	top: 14px;
}

.search-dealer-form {
	background: #008ACB url(/images/formbg2.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
hr.whiteOnBlue {
	opacity: 0.3;
	filter:alpha(opacity=30);
}
.tabs {
	position: relative;
}
.tabs .tab {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tabs .tab.active-next {
	border-right: none;
	border-left: 1px solid #fff;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
}
.tabs .tab.active-next.last {
	border-right: 1px solid #fff;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
.tabs .tab.first {
	border-left: 1px solid #fff;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
.tabs .tab a {
	color: #9d9c9c;
	display: block;
	padding: 20px 30px;
}
.tabs .tab.active {
	background-color: #fff;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
.tabs .tab.active a {
	color: #008ACB;
}
.tabs .tab.current-year {
	width: 25%;
}
.tabs .tab.prev-year {
	width: 21%;
}
.tabs .tabnav {
	position: absolute;
	padding: 20px 30px;
	cursor: pointer;
}
.tabs .tabnav-left {
	left: 0;
	top: 0;
}
.tabs .tabnav-right {
	right: 0;
	top: 0;
}
.tabs.has-left-nav .first {
	margin-left: 80px;
}
.model-general-rating-image {
	margin-top: 2px;
}
.detailed-ratings td {
	color: #000;
}
.sorter {
	background-color: #A3A8AC;
}
.model-general-rating .average-rating {
	height: 35px;
	white-space: nowrap;
}
.model-general-rating .average-rating.category-rating span {
	display: inline-block;
	padding-top: 4px;
}

.review-list .review-details {
	padding: 30px 34px 15px;
	margin: 20px 0 5px 0;
}
.review-list .detailed-ratings {
  padding-top: 25px;
  padding-bottom:10px;
  margin-top: 10px;
  border-top: 1px solid #ddd;
}
.review-list .detailed-rating > span {
	position: relative;
	top: -3px;
}
.review-list .detailed-rating > span.no-rated {
	padding-top: 5px;
	padding-bottom: 1px;
}
.detailed-ratings table{
  width:100%;
}
.detailed-ratings table td:nth-child(2){
  text-align:right;
}
.review.shortened:not(.expanded) .comment-text {
	max-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pagination .paginav {
	padding: 5px 0;
	display: inline-block;
}
.no-rated {
	display: inline-block; 
	padding: 0 2px;
}
.review-list.loading,
.model-general-rating-container.loading,
.grey-on-loading.loading {
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.top-table {
	width: 100%;
	border-collapse: collapse;
}
.top-table thead td{
  padding:8px 5px;
}

.top-table td {
	padding: 5px 5px;
    height:26px;
}
.top-table .rank {
	width: 80px;
}
.top-table .stars-satisfaction {
	width: 140px;
}
.top-table .stars-value {
	width: 138px;
}
.top-table .stars-ownership {
	width: 136px;
}
.top-table .stars-overall {
	width: 110px;
}
.top-table tbody  td:nth-child(1){
  padding-left:20px;
}

.top-table tbody tr:nth-child(2n+1):not(.highlighted) {
	background-color: #f0f0f0;
}
.top-table tbody .rank {
	padding-left: 10px;
}

.pagination .table-nav .leftnav-btn,
.pagination .table-nav .rightnav-btn {
	display: inline-block;
	width: 50px;
}

.dealer-overall-stars .no-rated {
	line-height: 31px;
}

.contact-dealer-panel .dealer-phone-container .phone-revealed {
	padding-top: 15px;
}


.vehicle {
  
  width: 96%;
  margin: auto;
  padding: 30px 10px 20px 10px;
}

.whiteBorderTabs{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    
}

.cdContainer {
  display: none;
}
.required-label {
  position: absolute;
  top: -2px;
  right: -5px;
  color: red;
}

textarea.contact-message-text {
    height:172px;
    margin-bottom: 0px;
}

.recently_reviewed{
    counter-reset: li;
      height: 78px;
      overflow: hidden;

}
.recently_reviewed li{
  display:block;
  position: relative;
  height:84px;
  width: 268px;
}

.recently_reviewed li:last-child{
    margin-right: 0;
    width:auto;
}

.recently_reviewed li:before {
    content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: 84px;
  width: 17px;
  height: 39px;
  padding: 4px 0px;
  color: #368BC6;
  font-weight: 600;
  font-size: 26px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.recently_reviewed li:last-child:before{
  content:"";
  display:none;
}

/*.recently_reviewed li:after{
  content: '.';
  position: absolute;
  top: -9px;
  left: 79px;
  width: 10px;
  height: 10px;
  color: #368BC6;
  font-weight: 600;
  font-size: 26px;
  text-align: center;
}*/

.clip{
  white-space: nowrap; /* ��������� ������� ����� */
  overflow: hidden; /* �������� ���, ��� �� ���������� � ������� */
  text-overflow: ellipsis;
}

.review_nophoto{
    height: 120px;
    background:#EDEDED;
}

.stuff_nophoto{
    width: 60px; 
    height: 60px; 
    background:#EDEDED;
    float: left;
}

.recently_reviewed li .forPhoto{
    float: left;
    max-height: 70px;
    overflow: hidden;
}



.recently_reviewed li .stuff_info{
      margin-top: 40px;
      margin-left: 2px;
}


.likes{
    border: 1px solid #00AD4E;
    border-radius: 3px;

    
}

.likes a{
    background: #00AD4E;
    color: #fff;
    padding: 9px 21px;
      display: block;
      float: left;
}

.likes span{
    padding: 9px 0px;
  display: block;
  float: right;
  text-align: center;
  min-width: 60px;
  color: #00AD4E;
}
.reviewcontent {
	padding: 30px 36px 20px 36px;
}

.like-button {
	border: 1px solid #00AD4E;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
}


.like-button .button {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.like-button .button.loading {
	background-color: #8a8a8a;
}
.like-button.disabled {
	border: 1px solid #8a8a8a;
}
.like-button.disabled span.green {
	color: #8a8a8a;
}
.like-button span {
	padding: 0 15px;
}
/* -----------	VEHICLE -----------	*/
/* HOW IT WORKS */

.button.blue-text{
  color:#368BC6;
}

#page-header:before{
  content:"";
  display:block;
  position:absolute;
  left:-9999px;
  right:-9999px;
  top:0;
  height:0;
  background: #368ac6;
  -webkit-transition: all 1.5s;
   -moz-transition: all 1.5s;
   -o-transition: all 1.5s;
   transition: all 1.5s;
}
#page-header.white:before{
  height:100%;
  width:100%;
  -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
}
#page-header.white .leftnavbtn a, #page-header.white .rightnavbtn a{
  background-color: white;
  color: #368BC6;
  font-weight:bold;
}
#page-header.white .leftnavbtn a.active, #page-header.white .rightnavbtn a.active{
  color: #8a8a8a;
}
.customer #page-header {
	background-image: url(/images/topbg3.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.customer #page-header .page-header-wrap {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.titlelogo {
	float: left;
	padding: 10px 20px;
}
.titlelogo img {
	width: 70px;
}
.titlephone {
	float: right;
	padding: 15px 20px 0;
	color: #ffffff;
}
#howitworks, #register {
  width: 100%;
  display: none;
  background: #368ac6;
  padding-top:100px;
}
#howitworks #title, #register #title {
  padding-top: 50px;
}
#howitworks .picmap, #register .picmap {
  margin-top: 35px;
  margin-bottom: 35px;
}
#howitworks .subtitle, #register .subtitle {
  padding-bottom: 25px;
}
#howitworks table, #register table {
  background-color: #368ac6;
  border: none;
  margin: 0 auto;
}
#howitworks table td, #register table td {
  background-color: #368ac6;
}
#how_it_works_video {
	padding:10px;
	margin-top:30px;
	margin-bottom:0px;
	display: block;
}
/* VEHICLE VIDEO */
#videocontainer {
  background-color: #494d50;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  right: 0;
  left: 0;
  top: 0;
  height: 495px;
  overflow: hidden;
  position: relative;
}

#videocontainer.reduced {
	height: 325px;
}

#videocontainer #video {
  bottom: 0;
  right: 0;
  z-index: -10;
  position: static !important;
  width: 100%;
  height: auto;
}
#videocontainer #slideshow {
  bottom: 0;
  z-index: 1;
  top: 0;
  position: static !important;
  width: 100%;
}
#videocontainer #slideshow img {
  position: relative;
  z-index: -1;
}

/*
#CloseShowroom {
  position: absolute;
  bottom: 0px;
  left: 3%;
  display: none;
  z-index: 1010;
  width: 94%;
}
#CloseShowroom #btnCloseShowroom {
  margin-bottom: 45px;
  padding-left: 15px !important;
  padding-right: 15px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #408ACB;
}
*/
#CloseShowroom {
  position: absolute;
  bottom: 105px;
  left: auto;
  right: 45px;
  width: 52px;
  display: none;
  z-index: 1010;
}
#CloseShowroom #btnCloseShowroom {
  margin-bottom: 0px;
  padding-left: 15px !important;
  padding-right: 15px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #408ACB;
}

.showroow {
  width: 100%;
  height: 100%;
  display: none;
  background: transparent;
  z-index: 1000;
}
.showroow #videoShowRoom {
  bottom: 0;
  z-index: -10;
  position: static !important;
  width: 100%;
  height: auto;
  float: left;
}

#progress-slider {
	background-color: #408ACB;
	height: 8px;
	margin-left: 120px;
	margin-top: 14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 0 0 4px rgba(0,0,0, 0.2);
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0, 0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0, 0.2);
}

#progress-slider .handle {
	height: 8px;
	width: 8px;
	position: relative;
}

#progress-slider .handle .handle-inner {
	position: absolute;
	height: 20px;
	width: 20px;
	top: -6px;
	left: -6px;
	background-color: #408ACB;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: 0 0 6px rgba(0,0,0, 0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.5);
}

.hideShowroow {
  display: none;
}

#showroow {
  width: 100%;
  height: 100%;
  display: none;
  background: transparent;
  z-index: 1000;
}
#showroow #videoShowRoom {
  bottom: 0;
  z-index: -10;
  position: static !important;
  width: 100%;
  height: auto;
}

/*
#showroow { background: #f0f0f0; position: relative;right: 0;left: 0;top: 0; bottom: 0; overflow: hidden;
	#video{bottom:0; z-index:-10; position:static !important; width:100%; height:auto;}
}
*/
/* -----------	Top Nav	-----------	*/
#container {
  position: absolute !important;
  z-index: 100;
  height: 495px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* #btnHITW{margin:25px 0px 0px 0px;  padding:10px 25px 10px 25px; } */
}
#homecontainer .profilecontainer {
  position: absolute;
  top: 50%;
  height: 200px;
  width:1000px;
  left:50%;
  margin-left:-500px;
  clear: both;
  margin-top: -100px;
  z-index: 100;
}
.keyboard-shown #homecontainer .profilecontainer {
  top: 30%;
}
#container button {
  padding: 10px 25px 10px 25px;
  margin: 0;
}
#container #btnFBD {
  margin-top: 25px;
}
#container h1,
#homecontainer h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#container p,
#homecontainer p {
  margin-bottom: 0px;
  padding-bottom: 10px;
}

.reveal-modal-inner {
  margin: 0 auto;
  position: relative;
  max-width: 950px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.toggleMenu {
  display: none;
  background: #368ac6;
  padding: 10px 15px;
  color: #fff;
}
#homecontainer {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#homecontainer #profile {
  padding-top: 60px;
}
#homecontainer #profile p {
  padding-top: 12px;
  padding-bottom: 14px;
  font-size: 25px;
}
#homecontainer select option {
  background: #368ac6;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  opacity: 1.6;
}
#homecontainer option:hover {
  background: #59a3d1;
}
.revative {
	position: relative;
}


/*********/
.clear:after{
  content:"";
  display:block;
  clear:both;
}
.c_gray{
  color:#454B4F;
}
.row_br_hr{
  padding:12px 0;
}
.line-height22{
  line-height:22px;
}
.line-height24{
  line-height:24px;
}
.picmap_div{
  line-height:32px;
  margin-left:44px;
}
.specification-panel_div{
  margin-left: 44px;
  margin-top: -16px;
}
.specification-panel_div #colour{
  margin:26px 0 26px;
}
.specification-panel_div #features{
  line-height:22px;
  color:#A7ACAF;
  margin-bottom:18px;
}

.arrow_down2{
  position:absolute;
  left:50%;
  top:0;
  margin-left:-20.5px;
  display:block;
}
.center_title{
  display:table;
  margin:0 auto;
  line-height:normal;
  padding:4px 0;
  position:relative;
  border-spacing: 0;
}
.center_title .paginav.disabled{
  visibility: hidden;
}
.center_title .picmap{
  margin:0 20px;
}
.dealer-offer .button{
  height:auto;
}
.dealer-offer .offer-buttons-container {
	height: 95px;
	position: relative;
}
.dealer-offer .offer-buttons {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.dealer-offer .offer-image {
	height: 95px;
	overflow: visible;
}
.dealer-offer .offer-image img {
	max-height: 105px;
}
.d_offer1{
  padding-top:8px;
}
.d_offer1 .offer{
  background-color: #008ACB;
  border-color: #007095;
  color: white;
  transition: background-color 300ms ease-out;
  display:block;
  float:Left;
  text-align:center;
  width:62px;
  line-height: 18px;
  padding: 4px 0;
  border-radius: 3px;
}
.d_offer1 .offer:hover{
    background-color: #008ACB;
}
.d_offer1 .offer2{
  margin-left:86px;
}
.d_offer1 .offer2 .picmap-pin{
	margin-bottom: 11px;
	margin-right: 4px;
}
.row.smallpadding {
	margin-left: -5px;
	margin-right: -5px;
}
.smallpadding .columns {
	padding-left: 5px;
	padding-right: 5px;
}
.cdContainer{
  display:none;
}
.cdContainer label{
  text-transform:uppercase;
  white-space:nowrap;
}
.cdContainer .required-label{
  position:absolute;
  right: 13px;
  top: 3px;
  line-height:0;
  height:0;

}
.wideBlock{
	margin-right: -15px!important;
	margin-left: -15px!important;
}
.tabNavigation{
  text-align:center;
  font-size: 0;
  line-height: 0;
  letter-spacing: -1px;
}

.tabNavigation li span{
  font-size:18px;
  color:white;
  display:block;
  line-height:38px;
  height:38px;
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255, 0.6);
}
.tabNavigation li:first-child span.current{
  border:1px solid rgba(255,255,255, 0.6);
  border-bottom:0;
  border-left:0;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  font-weight: bold;
}
.tabNavigation li:last-child span.current{
  border:1px solid rgba(255,255,255, 0.6);
  border-bottom:0;
  border-right:0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  font-weight: bold;
}
.tabNavigation li{
  list-style: none;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  width: 290px;
  zoom: 1;
}
.choices{
  position:relative;
}

.choices .bullets{
  text-align:center;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  margin-top:10px;
  z-index:99;
}

.choices .bullets > span{
  position:relative;
  display:inline-block;
  border:1px solid white;
  width:7px;
  height:7px;
  margin:0 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.choices .bullets i{
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:white;
  cursor:pointer;
}
.tabsContent input {
  background:white !important;
}
.tabsContent .ac_button, .tabsContent .ac_button:after{
  background:transparent !important;
}
/*
.tabsContent input + * + *:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:-1px;
  display:block;
  border:1px solid rgba(255,255,255,.5) !important;
}
* */
.tabsContent .ac_container {
  outline: 1px solid rgba(255,255,255,.5);
}

.table_c{
  border-bottom:1px solid #dddddd;
}

.border_r{
  border-right:1px solid #dddddd;
}
.border_lw {
  border-left:1px solid rgba(255,255,255, 0.3);
}

.table_c .columns{
  padding-top:6px;
  padding-bottom:6px;

}
.rating-symbol{
  font-size:0;
}

.star_margin_botton .rating-symbol{
  margin-bottom:8px;
}
.margin_b_8{
  margin-bottom: 8px;
}
.margin_t_8{
  margin-top: 8px;
}
.report-ranks {
	margin-top: -15px;
	margin-bottom: -15px;
}
.report-ranks .row .columns {
	padding-top: 15px;
	padding-bottom: 15px;
}

.darkGreyLikeBord{
    border-color: #8a8a8a!important;
}
.darkGreyLike{
    background:#8a8a8a!important;
}

.dealer-profile-details .tradingHours {
	width: 314px;
}

.tradingHours ul{
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.tradingHours ul li{
    margin-top: 5px;
}


.tradingDealerInfo {
    position: relative;
    min-height: 264px;
}

.tradingDealerInfo .floatBottom{
    position: absolute;
    bottom: 0px;
    padding-right: 0.9375rem;
}
.tradingDealerInfo .open-hour,
.tradingDealerInfo .close-hour {
	display: inline-block;
	text-align:right;
	width: 65px;
}
.tradingDealerInfo .open-hour {
	margin-right: 10px;
}
.tradingDealerInfo .no-trade {
	display: inline-block;
	padding-right: 26px;
}

.tradingHours ul li div{
    float:right;
    margin-right: 30px;
}

.online_agent,.report_recipient,.sale_agent{
	clear: both;
}
.online_agent + .online_agent, .report_recipient {
	border-top: solid 1px #ddd;
	margin-top: 15px;
}
.darkslategrayBtn{
	background: #3f494c;
}
.bigWhiteBtn{
	padding: 11px 11px 11px 16px;
  margin: 0px;
  background: #fff;
  color: #408acb;
  border: 1px solid #408acb;
  width: 100%;
  text-align: left;
  border-radius: 2px
}

.bigWhiteBtn .picmap-arrow-right{
	background-position: -390px -199px;
	position: absolute;
	  z-index: 10;
	  right: 10px;
	  top: 50%;
	  margin-top: -11px;
}


.whiteUpload{
	background: #368ac6!important;
	width: 207px!important;
	margin-top: 0px!important;
	border-color: #368ac6!important;
    font: normal 700 13px 'Gotham SSm A', 'Gotham SSm B'!important;
}

.loadingPhoto{
	width: 32px;
	height: 32px;
	position: fixed;
	top: 50%;
	left: 47%;
	background: url("/images/load-blue.gif") no-repeat;
}

.dropdownpicker {
  background: #dadada url("/images/arrowdown.png") no-repeat right 10px center;
}


#DealerReview_car_purchase_comment, 
#DealerReview_dealer_finance_comment, 
#DealerReview_servicing_parts_comment,
#DealerReview_tradein_comment {
    height: 70px;
}

.writeReviewBtn {
	width: 326px;
	margin-top: 5px;
	float: right;
}

#CarReview_positive_comments, #CarReview_negative_comments {
    height: 70px;
}

.errorbox {
	background: #F20000 url(/images/icons/warn.png) no-repeat 10px center;
	color: #fff;
	padding: 13px 13px 13px 42px;
	text-transform: uppercase;
	font-weight: bold;
	font: normal 700 13px 'Gotham SSm A', 'Gotham SSm B';
}
.editable-entity-list > :first-child .delbtn {
	display: none;
}
.editable-entity-list > :first-child > .row > :last-child {
	display: none;
}
.form-value {
    margin-bottom: 0;
    padding: 10px 0;
    font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B';
}
.form-value.bordered {
	padding: 15px;
	border: 1px solid #ccc;
	overflow: auto;
} 
.css-checkbox-label {
	display: inline-block;
	height: 31px;
	vertical-align: bottom;
	line-height: 31px;
}
.pad5-left {
  padding-left:5px;
}
.pad10-left {
  padding-left:10px;
}
.pad15-left {
  padding-left:15px;
}
.pad20-left {
  padding-left:20px;
}
.pad25-left {
  padding-left:25px;
}
.pad30-left {
  padding-left:30px;
}
.pad35-left {
  padding-left:35px;
}
.pad40-left {
  padding-left:40px;
}
.pad45-left {
  padding-left:45px;
}
.pad50-left {
  padding-left:50px;
}
.pad60-left {
  padding-left:60px;
}

.pad5-right {
  padding-right:5px;
}
.pad10-right {
  padding-right:10px;
}
.pad15-right {
  padding-right:15px;
}
.pad20-right {
  padding-right:20px;
}
.pad25-right {
  padding-right:25px;
}
.pad30-right {
  padding-right:30px;
}
.pad35-right {
  padding-right:35px;
}
.pad40-right {
  padding-right:40px;
}

.pad5-top {
  padding-top:5px;
}
.pad10-top {
  padding-top:10px;
}
.pad15-top {
  padding-top:15px;
}
.pad20-top {
  padding-top:20px;
}
.pad25-top {
  padding-top:25px;
}
.pad30-top {
  padding-top:30px;
}
.pad35-top {
  padding-top:35px;
}
.pad0-bottom {
  padding-bottom:0px;
}
.pad5-bottom {
  padding-bottom:5px;
}
.pad10-bottom {
  padding-bottom:10px;
}
.pad15-bottom {
  padding-bottom:15px;
}
.pad20-bottom {
  padding-bottom:20px;
}
.pad25-bottom {
  padding-bottom:25px;
}
.pad30-bottom {
  padding-bottom:30px;
}
.pad35-bottom {
  padding-bottom:35px;
}
.marg-15-top{
  margin-top:-15px;
}
.marg-35-left{
  margin-left:-35px;
}
.margin0{
  margin:0;
}
.font0{
  font-size:0;
}

.table-center{
  margin:0 auto;
}
.width-auto{
  width:auto;
}
.display-block{
  display:block;
}
#settings-form-container{
  padding:0;
}

#settings-form-container p{
  margin-bottom: 20px;
}
.opacity0{
  opacity: 0;
}
.width230{
  width:230px;
}
.col_4 .small-3{
  padding: 0 10px;
  width: 235px;

}


.slimBtn,.slimBtn:hover,.slimBtn:focus{
	width: 100%;
 	padding: 7px 0 6px 0;
 	 font: normal 700 14px 'Gotham SSm A', 'Gotham SSm B';
}

a.slimBtn,a.slimBtn:hover,a.slimBtn:focus{
    display: block;
  text-align: center;
  color: #fff;
  padding: 9px 0 9px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

section.forselect{
  position:relative;
  font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B';
}
section select{
  display:none;
}

.cs-placeholder{
    -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  border: none;
  padding: 0 30px 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  height: 34px;
  line-height:34px;
  background: #F0F0F0 url("/images/arrowdown.png") no-repeat right 10px center;
  display:block;
  cursor: pointer;
}
.rating-select .cs-placeholder {
	text-align: right;
	background: #F0F0F0 url("/images/arrowdown-dark.png") no-repeat right 10px center;
}
.cs-options{
  position:absolute;
  left:0;
  width:100%;
  top:100%;
  z-index:99;
  background:#4E4E50;
  color:white;
  display:none;

}
.cs-active .cs-options{
  display:block;
}

.cs-options ul{
  margin:0;
  font-size:14px;
  text-transform:uppercase;
}

.cs-options li{
  padding: 0 10px;
  height:34px;
  line-height:34px;
  list-style:none;
  cursor:pointer;
}

.cs-options li:hover, .cs-options li.cs-selected{
  background:#A3A6AA;
}
.blue-select .cs-options {
	background: #408ac9;
}
.blue-select .cs-options li:hover, .blue-select .cs-options li.cs-selected{
	background: #709fd5;
}

/**slider**/
.block-ui-cover {
	background: rgba(239,239,239, 0.6);
}
.block-ui-cover .block-ui-spinner {
	font: normal 400 14px 'Gotham SSm A', 'Gotham SSm B';
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -60px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	border: 2px solid #aaa;
}

.wistia_embed.not_loaded {
	position: absolute;
	left: -10000px;
}

.homepage-slider,
.model-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.homepage-slider ul,
.homepage-slider ul li,
.homepage-slider .orbit-container,
.model-slider ul,
.model-slider ul li,
.model-slider .orbit-container {
	width: 100%;
	height: 100% !important;
	min-height: 100%;
}
.slide-item {
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.contact-dealer-panel .close-contact-dealer:hover,
.book-testdrive-panel .close-book-testdrive:hover {
	opacity: .75;
	filter:alpha(opacity=75);
}



/*gallery and menu*/
.wrapper {
   font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;
  max-width: 1920px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 99999999999999;
}
.clearfix {
  clear: both !important;
  float: none !important;
}
.menuContainer {
  width: 1000px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.container{
  max-width: 1000px;
  padding: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#galleryBtn {
  width: 175px;
  color: #fff;
  background: #008acb;
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  display: inline-block;
  margin: 12px auto 35px auto;
}
#galleryBtn:hover {
  opacity: .75;
}
.sliderBg {
  background: #fff;
}
.sliderWrap {
  position: relative;
}
#slider {
  display: block;
  max-height: 460px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
  
}

.slick-slide img {
  width: 640px;
  height: 460px;
  opacity: 0.5;
}

.slick-slide {
	background-color: #fff;
}

.slick-slide.slick-current img {
  opacity: 1 !important;
}
.sliderRight, .sliderLeft {
  position: absolute;
  top:50%;
  z-index: 99999;
  cursor: pointer;
}
.sliderLeft {
  left: 35px;
}
.sliderRight {
  right: 35px;
}
.tabsWrap {
  min-height: 35px;
  background: #494d50;
  padding: 15px 0;
  position: relative;
}
.tabsWrap .arrow-down{
    width: 36px;
    height: 36px;
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -18px;
    z-index: 1;
    background: url('../../images/arrow-down.png') no-repeat 0 0 scroll transparent;
}
.menuContainer .tabs {
  position: absolute;
  z-index: 99;
}
.menuContainer .tabs ul {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.menuContainer  .menu li {
  display: block;
  float: left;
  width: 189px;
  height: 35px;
   color: #646669;
  font-size: 14px;
  font-weight: 300 !important;
  padding-left: 10px;
  margin-right: 1px;
  line-height: 35px;
  text-transform: uppercase;
  color: #494d50;
  background-color: #fff;
  background-image: url(../../images/menuBg.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: 95% 7px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#width_calculator {
	font-size: 14px;
	font-weight: 300 !important;
	text-transform: uppercase;
	position: absolute;
	top: -10000px;
	left: -10000px;
	float: left;
	font-family: "Gotham SSm A", "Gotham SSm B";
	visibility: hidden;
}
#width_calculator > div {
	white-space: nowrap;	
	float: left;
	clear: both;
}
#width_calculator .grp_asterisk {
	font-size: 10px !important;
}
.menuContainer  .menu li.full-width {
	width: auto;
}
.menuContainer .menu li:last-child {
   margin-right:0px;
}
.menuContainer .manufacTab, 
.menuContainer .modelTab {
  background-color: #a3a6ab !important;
  background-image: url(../../images/menuBgHover.png) !important;
  color: #fff !important;
}
.dealer-promotions .wrapper {
  position: relative;
}
.dealer-promotions .menuContainer {
  position: absolute;
  z-index: 99;
  width: 100%;
  max-width: 100%;
}
.dealer-promotions .menuContainer ul {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.dealer-promotions .menuContainer ul li {
  width: 100%;
  padding-left: 0;
  padding-right: 20px;
  margin-left: -20px;
  height: 34px;
  line-height: 34px;
}
.dealer-promotions .menu li span {
  padding-left: 5px;
}
.dealer-promotions .menuContainer .manufacTab, 
.dealer-promotions .menuContainer .modelTab {
  background-color: #f0f0f0 !important;
  background-image: url(../../images/menuBg.png) !important;
  color: #777 !important;
}
.dealer-promotions .menuContainer .menu li > ul {
  margin-left: 0;
  width: 100%;
}
.dealer-promotions .menuContainer .menu li > ul li {
  width: 100%;
  margin-left: 0;
}
.menuContainer .menu li > ul hr {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
 }
.menuContainer .manufacTab, 
.menuContainer .modelTab,
.menuContainer .manufacTab.expanded, 
.menuContainer .modelTab.expanded {
  background-color: #a3a6ab;
  background-image: url(../../images/menuBgHover.png);
  color: #fff;
}
.menuContainer .menu li > ul {
 margin-left: -10px;
  width:199px;
  overflow: hidden;
}
.menuContainer .menu li.full-width > ul {
	margin-left: -10px;
	width:auto;
	overflow: visible;
}
.menuContainer .menu li > ul:first-child {
   padding-bottom: 130px;
}
.menuContainer .menu li > ul li {
  width: 189px;
  height: auto;
  background-image: none;
   background-color: #408ac9;
   color: #fff;
   padding-left: 10px;
}
.smaller {
	font-size: 13px;
	text-transform: none;
}
.menuContainer .menu li > ul li.full-width {
	width: 100%;
}
.menuContainer .menu li > ul li a{
   color: #fff;
   display: block;
}
.menuContainer .menu li > ul li .expander{
  display: block;
  font-weight: bold;
  background-image: url(../../images/subMenuBg.png);
  background-position: 95% 10px;
  background-repeat:no-repeat;
}
.menuContainer .menu li > ul li.opt:hover,
.menuContainer .menu li > ul li.activeMenu.collapsed {
  background-image: none;
  background-color: #709fd5;
}
.menuContainer .menu li > ul li ul{
  margin-left: -10px !important;
  background-color: #709fd5;

}
.menuContainer .menu li > ul li ul li{
  width: 100% !important;
}
.menuContainer .menu li > ul li.full-width {
	width: 100% !important;
	white-space: nowrap;
}
.menuContainer .menu li > ul li ul li.full-width {
	width: 100% !important;
	white-space: nowrap;
}
.menuContainer .manufacTab ul, .menuContainer .modelTab ul {
  height: 350px;
  padding-bottom: 0 !important;
  overflow: scroll;
}
.menuContainer .manufacTab ul li, 
.menuContainer .modelTab ul li {
    background-color: #a3a6ab !important;
    color: #fff;
}
.menuContainer .manufacTab ul li:hover, 
.menuContainer .modelTab ul li:hover,
.menuContainer .manufacTab ul li.activeMenu,
.menuContainer .modelTab ul li.activeMenu {
  background-color: #b7b8bc !important;
}
.menuContainer .colourTab ul li{
  width: 100% !important;
}
.menuContainer .colourTab ul li {
  padding-left: 0px !important;
  padding-bottom:1px; 
  padding-top:1px; 
}
.menuContainer .colourTab ul li .bold14{
  font-weight: 400 !important;
  padding-left: 15px !important;
}
.menuContainer .colourTab ul li:hover,
.menuContainer ul li.highlight {
  background-color: #709fd5 !important;
}
.menuContainer .colourTab ul li .colorpreview {
  display: block;
  width: 40px;
  height: 35px;
  float: left;
}
.menuContainer .menu li > ul li.grp_hr {
	padding: 0 10px;
	background-color: #408ac9 !important;
}
.menuContainer .menu li > ul li.grp_asterisk {
	padding: 0 10px;
	background-color: #494d50 !important;
	font-size: 10px;
	/*height: 25px;
	line-height: 25px;*/
}
.menuContainer .menu li > ul li.grp_hr hr {
	margin: 5px 10px 5px 0;
}
.menuContainer .variantTab > ul,
.menuContainer .engineTab > ul {
	padding-bottom: 100px;
}
.manufacTab ul li.separator:after {
  content: ' ';
  height: 2px;
  display: block;
  background-color: #C8C8C8;
  margin-right: 10px;
}

.menuContainer .colourTab div.colour {
	height: 35px;
	position: relative;
}
.menuContainer .colourTab div.colour .colorwrap1 {
	position: absolute;
}
.menuContainer .colourTab div.colour .colorwrap2 {
	height: 35px;
	display: table-cell;
	vertical-align: middle;
	width: 150px;
}
.menuContainer .manufacTab .menufilter {
	display: none;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
}
input.menufilter::-webkit-input-placeholder {
	color: #fff;
}
input.menufilter:-moz-placeholder {
	color: #fff;
}
input.menufilter::-moz-placeholder {
	color: #fff;
}
input.menufilter:-ms-input-placeholder {
	color: #fff;
}
.menuContainer .manufacTab.expanded .menufilter {
	display: block;
}
.menuContainer .manufacTab.expanded .menulabel {
	display: none;
}
.menufilter.itemselected, .menulabel.itemselected {
	color: black !important;
}
.homepageMenu {
	font-size: 14px;
	background: #fff;
	/*background-image: url(../../images/menuBg.png);*/
	background-image: url(../../images/arrowdown.svg);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 17px 17px;
	height: 34px;
	line-height: 34px;
}
.reviewDropdown{
    background-color: #f0f0f0;
    font-family: "Gotham SSm A", "Gotham SSm B";
}
.ratings{
    background-color: #f0f0f0 !important;
    color: #9D9C9C;
}
.error + .reviewDropdown{
    outline: 2px solid red;
}
.error .reviewDropdown{
    outline: 2px solid red;
}
.homepageMenu .menulabel {
	color: #a3a6ab;
	padding: 0 0 0 10px;
	margin-right: 34px;
	text-align: left;
	font-family: "Gotham SSm A", "Gotham SSm B";
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}
.homepageMenu > ul, .homepageMenu > .inner{
	overflow: hidden;
	list-style: none;
	margin: 0;
	
	background-color: #408ac9;
	z-index: 100;
	position: relative;
	max-height: 286px;
	margin-left: -1px;
}
.homepageMenu > .inner > ul.expanded-hpmenu {
	max-height: 280px !important;
}
.homepageMenu > .inner{
    padding: 0;
}
.homepageMenu > .inner > ul{
        list-style: none;
        margin: 0;
        padding: 3px 0;
}
.homepageMenu > .inner > .bottom-gutter{
    width: 100%;
    height: 0;
    background: #408ac9;
    z-index: 100;
    position: absolute;
    bottom: 0;
}
.homepageMenu > ul > li, .homepageMenu > .inner > ul > li {
	background-color: #408ac9;
	color: #fff;
	padding: 3px 10px;
	text-align: left;
	cursor:pointer;
	margin: 0;
	font-size: 14px;
        line-height: 1.6;
}
.homepageMenu > ul > li.disabled, .homepageMenu > .inner > ul > li.disabled{
    pointer-events: none;
    cursor: default;
}
.homepageMenu > ul > li > a, .homepageMenu > .inner > ul > li > a {
	color: #fff;
	font-size: 14px;
	display: block;
}
.homepageMenu > ul > li:hover,
.homepageMenu > ul > li.activeMenu,
.homepageMenu > .inner > ul > li:hover,
.homepageMenu > .inner > ul > li.activeMenu{
	background-color: #709fd5;
}
.homepageMenu .menufilter {
	display: none;
	background: transparent;
	color: #a3a6ab;
	text-transform: uppercase;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
}
.localOffersDropdown.homepageMenu .menufilter {
	text-transform: none;
}
.homepageMenu input.menufilter::-webkit-input-placeholder {
	color: #a3a6ab;
}
.homepageMenu input.menufilter:-moz-placeholder {
	color: #a3a6ab;
}
.homepageMenu input.menufilter::-moz-placeholder {
	color: #a3a6ab;
}
.homepageMenu input.menufilter:-ms-input-placeholder {
	color: #a3a6ab;
}
.homepageMenu:hover:not(.disabled) .menufilter {
	display: block;
}
.homepageMenu:hover:not(.disabled) .menulabel {
	display: none;
}
.homepageMenu > ul > li.separator:after,
.homepageMenu > .inner > ul > li.separator:after{
	content: ' ';
	height: 2px;
	display: block;
	background-color: #C8C8C8;
	position: relative;
	top: 4px;
}
.homepageMenu-after {
	position: relative;
	display: block;
	opacity: 0;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.7);
	height: 30px;
	line-height: 30px;
	color: white;
	text-align: center;
	margin-left: -1px;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.homepageMenu > ul.expanded-hpmenu + .homepageMenu-after.can-scroll, .homepageMenu > .inner > ul.expanded-hpmenu + .homepageMenu-after.can-scroll {
	opacity: 1;
	z-index: 101;
}
.homepageMenu > ul.expanded-hpmenu + .homepageMenu-after {
	top: 0px;
}
.homepageMenu > .inner > ul.expanded-hpmenu + .homepageMenu-after {
	top: -30px;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*price guid*/


.piceGuid #content .container {
  background: #fff;
  /*
  margin-top: -40px;
  padding: 35px 35px;
  */
  margin-bottom: 50px;
  border-radius: 10px 10px 0 0;
}
.piceGuid .contentHead .leftBlock{
  text-align: left;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
}
.piceGuid .contentHead .leftBlock h2{
  font-family: "Gotham SSm A", "Gotham SSm B";
  color: red;
  font-size: 26px;
  font-weight: bold;
  margin: 0;
  padding:0;
}
.piceGuid .blackBold {
  color: #333;
  font-weight: bold;
  font-size: 26px;
}
.piceGuid .contentHead .carPrice {
text-transform: uppercase;
font-weight: bold;
padding-left: 50px;
text-align: left;
}
.piceGuid .contentHead  .carPrice h2 {
  font-size: 53px;
   font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: bold;
  line-height: 1.1 !important;
  margin: 0;
  padding:0;
  
}
.piceGuid .contentHead .carPrice h2 span {
  font-size: 35px;
}
.piceGuid .blueTxt {
  color: #408cca;
  font-size: 18px;
  font-weight: bold;
}
.piceGuid .contentHead .carPrice .smallGrey {
  color: #a3a7aa;
  font-size: 12px;
  font-weight: 300;
    line-height: 19px !important;
}
.piceGuid .tables {
  margin-top: 30px;
  /*max-width: 930px;*/
  /*margin-left: 15px;*/
  position: relative;
}
.piceGuid .leftTable {

  height: 190px;
  border-top: 1px solid #dcdddf;
  border-bottom: 1px solid #dcdddf;
  border-right: 1px solid #dcdddf;
  float: left;
  width: 49.99%;
}
.piceGuid .rightTable {

  height: 190px;
  border-top: 1px solid #dcdddf;
  border-bottom: 1px solid #dcdddf;
  float: right;
  width: 49.9%;

}
.piceGuid .leftTable table, .rightTable table{
  width: 100%;

  padding: 20px 40px 20px 20px;
}
.piceGuid .leftTable table thead tr td, .rightTable table thead tr td{
  border-bottom: 1px solid #fafafa;
  padding-bottom: 10px;
  height: 36px;
}
.piceGuid .leftTable table tr, .rightTable table tr  {
  line-height: 25px;
}
.piceGuid .leftTable table tbody td, .rightTable table tbody td {
  font-size: 13px;
}
.piceGuid .leftTable table tbody td:nth-of-type(1), .rightTable table tbody td:nth-of-type(1) {
  font-weight: bold;
}
.piceGuid .leftTable table tbody td:nth-of-type(2) {
    text-align: right;
    padding-right: 5px;
}
.piceGuid .rightTable table tbody td:nth-of-type(2) {
  text-align: right;
}
.piceGuid .guideTxt {
    padding:0 15px;
}
.piceGuid .guideTxt h2 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.piceGuid .guideTxt p {
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 18px;
}
.piceGuid .switchSelect {
  float: right;
  margin-top: 15px;
}
.piceGuid .switchSelect select {
  width: 200px !important;
  -moz-appearance: none;
  text-indent: 0.01px; 
  text-overflow: '';
  -ms-appearance: none;
  appearance: none!important;
}

/*car chooser */
.blue-top {
  min-height: 430px;
  background-color: #F0F0F0;
}
.carTitle {
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin-right: 0;
  margin-left: 0;
  padding-top: 100px;
  color: #fff;
}
.carTitle h1{
  font-size: 38px;
  font-weight: bold;
  color: #fff;
}
.carTitle span {
  font-style: italic;
  font-weight: normal;
}
.titleDescr {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.carChooser {
   font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
  background: #F0F0F0;
   /*margin-top: -430px;*/
    background: transparent;
}
.carChooser .topPart{
  /*min-height: 430px;*/
}
.carChooser h1 {
   font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
  font-size: 50px;
  padding-top: 25px;
}
.carChooser #content .container {
  background: #408ac9;
  margin-bottom: 160px;
  border-radius: 10px 10px 0 0;
  padding: 23px 0 0 0;
  overflow: hidden;
}
.carChooser .container h2{
   font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
  text-align: center;
  font-size: 26px !important;
  font-weight: bold;
  color: #fff;
  line-height: 26px;
  margin-bottom: 0px;
  margin-top: 5px;
}
.carChooser .container h2+p{
  text-align: center;
  font-size: 17px;
  color: #fff;
  line-height: 20px;
}
.carChooser .carBodies {
  margin-top: 30px;
  margin-left: 17px;
  margin-right: 17px;
  width: 100%;
  white-space: nowrap;
}
.carChooser .carBodies li{
  display: inline-block;
  color:#fff;
  width: 145px;
  height: 100px;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  margin-right: 15px;
  cursor: pointer;
}
@media (max-width: 940px){
    .carChooser .carBodies{
        margin-left: 0;
        margin-right: 0;
    }
    .carChooser .carBodies li{
        width: 16.2%;
        font-size: 13px;
        margin-right: 0 !important;
    }
    .carChooser .carBodies li img{
        max-width: 100%;
    }
}
.carChooser .carBodies li:last-child{
  margin-right: 0;
}
.carChooser .carBodies li img {
  margin-bottom: 10px;
}
.topWhiteBlock {
    background: #fff;
    min-height: 65px;
    padding-top: 20px;
    position: relative;
}
.carChooser .carBodiesVariants {
  margin: 0 0 0 50px !important;
}
@media (max-width: 940px){
    .carChooser .carBodiesVariants{
        margin: 0 0 0 22px !important;
    }
    .carChooser .carBodiesVariants li{
        font-size: 13px;
    }
}
.carChooser .carBodiesVariants li {
  display: inline-block;
  text-transform: uppercase;
  color:#494e52;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  text-align: left;
  cursor: pointer;
  padding: 0 15px;
}
.activeCarBody {
  font-weight: bold !important;
  position: relative;
}
.activeCarBodyNonArrow {
  font-weight: bold !important;
  position: relative;
}
.activeCarBody:after {
  content: "";
  width: 24px;
  height: 16px;
  display: block;
  background: url(/images/activeCarBody.png) no-repeat;
  position: absolute;
  left: 43%;
  bottom: -35px;
  z-index: 9;
}
.activeVariant {
  color: #408ac9 !important;
  font-weight: bold;
}
.carChooser .carBodiesVariants li.luxury {
  border-left: 1px solid #d2d3d5;
  width: 170px;
  height: 35px;
  line-height: 35px;
  float: right;
  text-align: center;
  background: #a3a6ab;
  color: #fff;
  border-radius: 5px;
  margin: 5px 30px 0 0;
}
.carChooser .topWhiteBlock button {
  width: 225px;
  height: 35px;
  margin-top: 7px;
  color:#a9abaf !important;
  background-color: #f0f0f0;
  border: 0;
  text-align: left;
  padding-left: 11px;
  background-image: url(/images/menuBg.png);
  background-repeat: no-repeat;
  background-position: 198px 8px;
  outline: 0 !important;
  border-radius: 0;
  position: absolute;
  right: 30px;
}
.carChooser .blankBlock {
  width: 100%;
  height: 35px;
  background: #f0f0f0;
}
.carChooser .greyFilterBlock {
  background: #464b4f;
  padding: 0 35px;
}
.carChooser .topPartFilter {
  height: 110px;
}
.carChooser .topPartFilter {
  padding-top: 35px;
}
.carChooser .topPartFilter .leftPart, .carChooser .bottomPartFilter .leftPart {
  width: 50%;
  float: left;
}
.carChooser .topPartFilter .leftPart h2, .carChooser .topPartFilter .rightPart h2 {
  margin: 0 0 20px 0;
  font-size: 25px !important;
}
.carChooser .greyFilterBlock input, .carChooser .greyFilterBlock select {
  width: 225px;
  height: 35px;
  border: 0;
  color: #408ACB;
  background-color: #fff;
}
.carChooser .topPartFilter .leftPart input:nth-of-type(1) {
  margin-right: 14px;
} 
.carChooser .topPartFilter .rightPart input {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carChooser .bottomPartFilter {
  height: 110px;
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255, 0.3);
}
.carChooser .bottomPartFilter .leftPart p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
.carChooser .bottomPartFilter .rightPart {
  position: relative;
   width: 50%;
   float: right;
}
.carChooser .bottomPartFilter .rightPart label {
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  position: absolute;
}
.carChooser .bottomPartFilter .rightPart label[for=years] {
  left:5px;
}
.carChooser #years, .carChooser #deposit {
  margin-top: 35px;
}
.carChooser  #years {
  color: #a4a6aa;
  position: relative;
  font-size: 14px;
  width: 225px;
  height: 35px;
  border: 0;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url('/images/subMenuBg.png');
  background-color: #408ac9;
  background-position: 13px 13px;
  background-repeat: no-repeat;
  color: #fff;
  line-height: 35px;
  cursor: pointer;
  float: left;
}
.carChooser #years span {
    padding-left: 35px;
}
.carChooser #years ul {
  width: 100%;
  position: absolute;
  margin: 0;
}
.carChooser #years ul li {
  font-size: 14px;
  display: block;
  padding-left: 15px;
  background-color: #408ac9;
  color: #fff;
}
.carChooser #years ul li:hover {
  background-color: #709fd5;
}
.activeYear {
  background-color: #709fd5 !important;
}
.carChooser #minPrice {
  padding:0 52px 0 35px;
  background-image: url(/images/dollarBg.png), url(/images/minBg.png);
  background-repeat: no-repeat;
  background-position: 8px 9px, 183px 8px;
}
.carChooser #maxPrice {
  padding:0 52px 0 35px;
  background-image: url(/images/dollarBg.png),url(/images/maxBg.png);
  background-repeat: no-repeat;
  background-position: 8px 9px, 180px 8px;
}
.carChooser #repayments {
  padding:0 110px 0 35px;
  background-image: url(/images/dollarBg.png), url(/images/perMonthBg.png);
  background-repeat: no-repeat;
  background-position: 8px 9px, 120px 8px;
}
.carChooser #deposit {
  padding-left: 35px;
  background-image: url(/images/dollarBg.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.carChooser .itemsListBlock {
  background: #fff;
  padding:35px;
  /*min-height: 1100px;*/
}
.carChooser .titleLine {
  margin-bottom: 30px;
}
.carChooser #filterBy {
  position: relative;
  width: 100%;
  height: 35px;
  font-size: 14px;
  color: #a4a6aa !important;
  background-color: #f0f0f0;
  background-image: url(/images/menuBg.png);
  background-repeat: no-repeat;
  background-position: right 8px top 8px;
  text-align: left;
  border-radius: 0;
  outline: 0 !important;
  border:0;
  line-height: 35px;
  cursor: pointer;
}
.carChooser #filterBy span {
    padding-left: 15px;
}
.carChooser #filterBy ul {
  width: 100%;
  position: absolute;
  margin: 0;
  z-index: 999;
}
.carChooser #filterBy ul li {
  font-size: 14px;
  display: block;
  /*width: 100%;*/
  padding-left: 15px;
  padding-bottom:5px;
  background-color: #f0f0f0;
}
.carChooser #filterBy ul li:hover {
  background-color: #F7F7F7;
}
.carChooser .titleLine .titleLineDesc {
  float: right;
  margin-top: -6px;
}
.carChooser .titleLine .titleLineDesc .mainBlueTxt{
  font-size: 18px;
  font-weight: bold;
  color: #408acb;
}
.carChooser .titleLine .titleLineDesc img {
  margin-top: -10px;
}
.carChooser .titleLine .titleLineDesc .smallGreyTxt {
  font-size: 12px;
  font-weight: 300;
  color: #a4a6aa;
}
.carChooser .itemsListBlock .itemBlock {
  height: 340px;
  background: #fff;
  cursor: pointer;
  float: left;
}
.carChooser .itemsListBlock .itemBlock a {
  display: block;
  color: #000;
}
.carChooser .itemsListBlock .itemBlock .itemNumber {
  font-size: 27px;
}
.carChooser .itemsListBlock .itemBlock:hover p, .carChooser .itemsListBlock .itemBlock:hover .itemNumber {
  color: #408acb;
}
.carChooser .itemsListBlock .itemBlock img {
  width: 100%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.carChooser .itemBlock .itemRating {
  margin:10px 0 !important;
}
.carChooser .itemBlock .itemImageWrapper {
	height: 125px;
	position: relative;
	overflow-y: hidden;
}
.carChooser .itemBlock .itemRating li{ 
  display: inline-block;
  width: 16px;
  height: 16px;
}
.carChooser .itemsListBlock .itemBlock h4 {
  font-size: 18px;
  font-weight: bold;
}
.carChooser .itemsListBlock .itemBlock p {
  font-size: 14px;
  font-weight: 300;
}

.starHolder{display:block; margin:0 !important;}
.ImageGalHolder{display:block; margin:0 !important;}

.ratingTitleBlock {
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(64, 138, 201, 0.5)
}
.ratingTitleBlock.no-line{
    border-bottom: 0 none;
    padding-bottom: 0;
}

.ratingTitleBlock .ratingTitleTxt {
 font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
color: #408ac9;
font-size: 24px;
font-weight: bold;
line-height: 24px;
padding-top: 15px;
}
.ratingTitleBlock img {
  width: 77px;
  height: 77px;
  margin-right: 30px;
  float: left;
}
.ratingTitleBlock span {
  font-size: 19px;
  font-weight: normal;
}
.carChooser .itemsListBlock .itemBlock.highlight span,
.carChooser .itemsListBlock .itemBlock.highlight h4,
.carChooser .itemsListBlock .itemBlock.highlight p,
.carChooser .itemsListBlock .itemBlock:hover span,
.carChooser .itemsListBlock .itemBlock:hover h4,
.carChooser .itemsListBlock .itemBlock:hover p {
    color: #408acb;
}

/*media for PRICE GUIDE, CAR CHOOSER*/
@media (max-width: 1199px) {
.menuContainer {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.menuContainer .tabs {
	width: 100%;
	max-width: 1000px;
}
.menuContainer > .tabs > ul > li {
  width: 20% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
}
.menuContainer > .tabs > ul > li + li {
	border-left: 1px solid #494d50;
}
.leftTable, .rightTable {
  border: 1px solid #c9c4c0;
  margin: 5px 0;
  width: 100% !important;
  max-width: 930px !important;
  float: none !important;
}
.contentHead .leftBlock, .contentHead .rightBlock {
  width: 100%;
  max-width: 100% !important;
  text-align: center !important;
  float: none;
}
.contentHead .rightBlock {
	margin-top: 25px;
}
.contentHead .carPrice {
  text-align: center !important;
}
.piceGuid .tables {
  margin-left: 0 !important;
}
.leftTable, .rightTable {
  padding: 30px 0px 20px 0px !important;
  height: auto !important;
}
.leftTable table tbody td:nth-of-type(2), .rightTable table tbody td:nth-of-type(2){
  padding: 0 !important;
}
.contentHead .carPrice {
  padding-left: 0 !important;
}
.carChooser .greyFilterBlock input, .carChooser .greyFilterBlock select, .carChooser #years {
  width: 190px !important;
}
.carChooser #repayments {
  background-image: url(/images/dollarBg.png) !important;
  background-repeat: no-repeat !important;
  background-position: 8px 8px !important;
}
.carChooser .carBodies li {
  margin-right: 7px !important;
}
@media (max-width: 940px){
    .carChooser .carBodies li{
        margin-right: 0 !important;
    }
    #page-header .page-header-wrap {
		margin-left: 36px;
		margin-right: 36px;
    }
	.customer #page-header .page-header-wrap {
		margin-left: 0;
		margin-right: 0;
	}
    .footernav section ul li a {
		padding: 0px 20px 0px 0px;
	}
	#modelmanufacturermenu .short {
		display: inline !important;
	}
	#modelmanufacturermenu .full {
		display: none !important;
	}
	#car-profile-container .category-rating .light18 {
		font-size: 14px;
		letter-spacing: -0.5px;
	}
	#car-profile-container .category-rating .bold28 {
		letter-spacing: -1px;
	}
	.model-general-rating-container .button {
		font-size: 13px;
		padding-top: 11px;
	}
	.dealer-offer .dealer-phone-container .dealerPhone {
		font-size: 22px;
	}
	.dealer-offer .dealer-phone-container .showPhone {
		font-size: 12px;
	}
	.dealer-offer .dealer-address-info {
		font-size: 14px;
	}
	#testdrive-form .optional {
		font-size: 12px;
	}
	.dealer-profile-details .dealer-title {
		font-size: 22px;
	}
	.dealer-profile-details .tradingHours {
		width: 260px;
	}
}
}
/*---------------------------------------------------*/
@media (max-width: 991px) {

.itemCard .leftSide {
  max-width: 450px !important;
  float: none !important;
   margin-right: auto !important;
  margin-left: auto !important;
}
.itemCard .leftSide img{
  width: 100% !important;
  height: auto !important;
}
.itemCard .rightSide {
  max-width: 450px !important;
  float: none !important;
   margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}
.carChooser .greyFilterBlock input, .carChooser .greyFilterBlock select, .carChooser #years {
  width: 130px !important;
}
.carChooser .bottomPartFilter .leftPart p {
  font-size: 15px !important;
}
.carChooser .bottomPartFilter .rightPart label {
  font-size: 13px !important;
}


}
/*---------------------------------------------------*/

@media (max-width: 759px) {
.carChooser .itemsListBlock .itemBlock {
      margin-right: 90px !important;
}
.carChooser .itemsListBlock {
  background: #fff;
  padding:35px;
}

}
/*---------------------------------------------------*/
@media (max-width: 650px) {
.topLine img {
  width: 150px;
  height: auto;
}


}
/*---------------------------------------------------*/
@media (max-width: 611px) {
.topLine ul li {
  display: block !important;
  float: none !important;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
.carTitle h1{
  font-size: 30px !important;
 }
.rightSide h2{
  font-size: 20px !important;
}
.itemDesc {
  font-size: 18px !important;
}
.itemOptions span {
  font-size: 14px !important;
}
/*.sliderRight, .sliderLeft {
  display: none;
}*/
.topLine ul li:nth-of-type(3) {
  margin-top: 0px !important;
}

}

/*---------------------------------------------------*/
/*main page*/
.ac_results  {
  box-sizing: border-box;
  max-height:253px !important;
  overflow-y: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.ac_results li {
  height: 20px !important;
  line-height: 20px !important;
}
.chooseForm a {
  display: block;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 14px;
  font-weight: bold;
  width: 273px;
  height: 35px;
  line-height: 36px;
  border-radius: 3px;
  background: #fff;
  color: #8A8A8A;
}
.chooseForm a:hover {
  background: #fafaf9 !important;
  color: #ababaa !important;
}
.chooseStep {
  display: block;
  width: 28px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
}
.chooseStep > i {
    position: relative;
    display: inline-block;
    border: 1px solid #FFF;
    width: 7px;
    height: 7px;
    margin: 0px 1px;
    border-radius: 2px;
    cursor: pointer;
}
.activeDot {
  background: #fff;
}

/*car review and dealer review*/
.reviewSelectInput{
	padding: 0 0 0 15px !important;
}
.reviewSelectInput input{
	width: 290px !important;
}
.looksLikeBlock .whichCar {
  color: #008ACB;
  margin-bottom: 7px !important;
}
.looksLikeItem {
	width: 290px;
	height: 235px;
	padding: 0;
	float: left;
	margin-right: 27px;
}
.looksLikeItem:nth-of-type(3n){
	margin-right: 0px;
}
.looksLikeItem .img{
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.looksLikeItem img {
	width: 100%;
	margin-bottom: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.looksLikeItem input[type="radio"] {
    display:none;
}
.looksLikeItem input[type="radio"] + label {
	line-height: 29px;
	font-size: 16px;
	color: #a4a4a4;
}
.looksLikeItem input[type="radio"] + label span {
    display:inline-block;
    width:33px;
    height:31px;
    margin:-3px 15px 0 0;
    vertical-align:middle;
    background:url(/images/icons/chkOff.gif);
    cursor:pointer;
}
.looksLikeItem input[type="radio"]:checked + label {
	color: #333;
}
.looksLikeItem input[type="radio"]:checked + label span {
    background:url(/images/icons/chkOn.gif);
}

.img-valigner {
	position: relative;
	overflow: hidden;
}
.img-valigner img {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.promotion_video {
	position: relative;
}
.promotion_save {
	width: 306px;
	height: 46px;
	background-image: url(/images/promotion_save.png);
	position: absolute;
	top: 50px;
	left: 0;
	cursor: pointer;
  	opacity: 0.9;
}
.promotion-title-container {
	padding: 25px 36px;
	background: #008ACB;
}
.price-beater-container {
	padding: 25px 36px;
	background: #008ACB;
}
.promotion-title-container.toggle-offer {
	cursor: pointer;
}
.promotion-title-cashback,
.promotion-title-exclusive {
	background: url('/images/resultsbg.jpg') repeat top;
}
.promotion-title {
	padding-top: 5px;
	margin-left: 90px;
}
.promotion-title-container + .promotion_panel {
	padding: 25px 36px;
	background-color: white;
	color: #222;
}
.promotion_panel + .reserve-offer-form-container {
	padding: 25px 36px 10px;
}
.promotion_panel {
	overflow-x: hidden;
}
.fb-button {
	height: 36px;
	line-height: 36px;
	background: #49639F url(/images/facebook-btn.png) no-repeat left center;
	font: 14px Helvetica, Arial, "Sans Serif";
	font-weight: bold;
	color: #fff;
	padding-left: 38px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.fb-button:disabled {
	opacity: 0.7;
	filter:alpha(opacity=70);
	background: #49639F url(/images/facebook-btn.png) no-repeat left center;
}
.button.sticked {
	opacity: 0.6;
	filter:alpha(opacity=60);
}
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../../rc/bootstrap/fonts/glyphicons-halflings-regular.eot');
	src: url('../../rc/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../rc/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../rc/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../rc/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../rc/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon:empty {
	width: 1em;
}
.glyphicon-star:before {
        content: "\e006";
}
.glyphicon-play:before {
        content: "\e072";
}
.glyphicon-pause:before {
        content: "\e073";
}
.verified-dealer {
	width: 214px;
	height: 66px;
	margin-bottom: 20px;
	margin-top: -9px;
	background: url('../../images/verified.png');
	float: left;
	margin-left: -5px;
}
.verified-dealer + .offer2 {
	margin-left: 239px;
}
.verified-dealer-container {
	padding: 27px 33px !important;
	border: 3px solid #008ACB !important;
}
.verified-dealer-container-profile {
	position: relative;
	border: 3px solid #008ACB !important;
	clear: both;
	margin-left: -36px;
	margin-right: -36px;
	padding: 30px 33px;
	background: url('../../images/verified.png') no-repeat 30px 30px;
}
.hide-search, .hide-filter {
	display: none;
}
.line-added, .line-changed {
    color: red;
}
.line-deleted {
	text-decoration: line-through;
}
#interest-rate-slider, #deposit-amount-slider {
	height: 12px;
	background: #f0f0f0;
	position: relative;
	margin-top: 11px;
	margin-left: 10px;
	margin-right: 10px;
}
#interest-rate-slider .ui-slider-handle, #deposit-amount-slider .ui-slider-handle {
	background: #008ACB;
	height: 16px;
	width: 24px;
	border-radius: 8px;
	display: block;
	position: absolute;
	top: -2px;
	margin-left: -12px;
}
#deposit-amount-slider {
	border: none;
}
#deposit-amount-slider .ui-slider-handle {
	top: -5px;
	height: 20px;
	width: 20px;
	border-radius: 11px;
}
#repayment_amount {
	font-size: 80px;
}
@media screen and (max-width: 375px) {
	#repayment_amount {
		font-size: 64px;
	}
}
.grecaptcha-badge {
	z-index: 1;
	position: absolute !important;
	bottom: -70px !important;
	left: 0 !important;
	right: auto !important;
}

/* New design */

.home-container {
  position: relative;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.home-content {
  position: absolute;
  top: 40%;
  width: 100%;
}
.home-menu {
	position: absolute;
	top: 28px;
	right: 20px;
	text-transform: uppercase;
	width: auto !important;
	z-index: 3;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
}
.home-menu a {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	color: white;
	border-bottom: solid 3px transparent;
}
.home-menu a:active, .home-menu a:hover {
	border-bottom: solid 3px rgb(239, 139, 29);
}
.home-hamburger {
	display: none;
	position: absolute;
	z-index: 4;
	top: 16px;
	right: 20px;
	background-image: url('/images/Hamburger_icon.svg');
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	cursor: pointer;
}
.home-menu-container {
	display: block;
}
@media (min-width: 1920px) 
{
	.header {
		background-position: 100% 50%;
	}
}
@media (max-width: 1024px) {
	.header {
		background-position: 70% 50%;
	}
	.home-menu a {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (max-width: 900px) {
	.header {
		background-position: 50% 50%;
	}
	.home-hamburger {
		display: block;
	}
	.home-menu-container {
		display: none;
	}
	.home-menu-container.visible {
		display: block;
	}
	.home-menu {
		top: 55px;
		background-color: rgba(0, 0, 0, 0.75);
		padding-top: 5px;
		padding-bottom: 5px;
		flex-direction: column;
	}
	.home-menu a {
		padding-top: 10px;
		margin-bottom: 7px;
	}
	.home-hamburger {
		display: block;
	}
	.home-menu-bg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
	}
}
#home-background-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	box-shadow: 0 0 15px;
	z-index: 1;
}
.home-logo-container {
	position: absolute;
	left: 40px;
	top: 10px;
}
.home-logo {
	width: 111px;
	height: 53px;
	background-image: url('/images/logo_stacked_blue.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	vertical-align: middle;
}
.home-main-text {
	font-size: 30px;
	font-weight: bold;
	line-height: 44px;
	text-shadow: 1px 1px 5px #555;
	z-index: 1;
}
.home-sub-text {
	font-size: 18px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 763px;
}
.home-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.home-banner-text {
	position: absolute;
	bottom: 64px;
	left: 0;
	width: 100%;
	color: white;
	text-align: center;
}
.home-section {
	background-color: white;
}
.home-section-inner {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
@media (max-width: 1360px) {
	.home-section-inner {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
}
.home-section-about {
	padding-top: 60px;
}
.home-section-services {
	background-color: rgb(227, 227, 227);
}
.home-section-title {
	margin-bottom: 30px;
}
.home-section-title > div {
	display: inline-block;
	border-bottom: solid 4px rgb(239, 139, 29);
	padding-bottom: 5px;
}
.home-section-50 {
	display: flex;
	flex-direction: row;
	position: relative;
}
.home-section-50 > div:first-child {
	width: 50%;
}
.home-section-50 > div:last-child {
	width: 50%;
}
.home-section-process-image {
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: -100px;
	width: 50%;
}
.home-section-process-image > img {
	max-width: 320px;
}
.home-section p {
	line-height: 1.6;
}
.home-section-about-stats {
	display: flex;
	flex-direction: row;
	margin-top: 60px;
}
.home-section-about-stats > div {
	width: 33.3%;
}
.huge-blue {
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-size: 100px;
	font-weight: bold;
	color: #368AC6;
}
.huge-blue .dollar-sign {
	font-size: 40px;
	vertical-align: text-top;
	position: relative;
	top: 5px;
}
.home-services-container {
	display: flex;
	flex-direction: row;
}
.home-services-container > div {
	width: 25%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	box-sizing: border-box;
}
.home-services-image {
	margin-bottom: 20px;
}
.home-services-title {
	margin-bottom: 20px;
}
.home-services-text {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.home-services-button {
	margin-top: 40px;
	text-align: center;
}
.home-services-button > button {
	display: inline-block;
	width: auto;
}
.home-section-partners-scroll-outer {
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin-top: -40px;
}
#home-section-partners-scroll-inner {
	white-space: nowrap;
	position: relative;
}
.home-section-partner-images {
	white-space: nowrap;
	display: inline-block;
}
.home-section-partner-images img {
	height: 60px;
	margin-left: 20px;
	margin-right: 20px;
}
.home-section-brands-scroll-outer {
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin-top: -40px;
}
#home-section-brands-scroll-inner {
	white-space: nowrap;
	position: relative;
}
.home-section-brand-images {
	white-space: nowrap;
	display: inline-block;
}
.home-section-brand-images img {
	height: 60px;
	margin-left: 20px;
	margin-right: 20px;
}
.home-section-quote {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.home-section-quote > div {
	line-height: 1.8;
}
.home-section-quote-attribution {
	text-align: right;
	margin-top: 10px;
}
.home-section-contact {
	background-image: url('/images/cars_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.home-section-contact-panels {
	display: flex;
	flex-direction: row;
}
#home-section-contact-form {
	background-color: #368AC6;
	border-radius: 10px;
	padding: 0px 30px;
	flex-grow: 1;
}
#home-section-contact-form label {
	color: white;
}
#get_in_touch_submit_btn {
	display: inline-block;
	width: auto;
}
.home-section-contact-details {
	background-color: #368AC6;
	border-radius: 10px;
	margin-left: 30px;
	padding: 30px 60px;
}
.home-section-contact-detail {
	text-align: center;
	color: white;
	margin-top: 30px;
	line-height: 1.6;
}
.home-section-contact-logo {
	text-align: center;
}
.home-section-contact-logo > img {
	height: 50px;
}
.home-social-icon {
	margin-top: 40px;
	margin-left: 15px;
	margin-right: 15px;
	display: inline-block;
}
.home-social-icon img {
	width: 50px;
}
@media (max-width: 1280px) {
	.home-section-process-image {
		top: -80px;
	}
}
@media (max-width: 1024px) {
	.home-section-process-image {
		top: -60px;
	}
	.huge-blue {
		font-size: 76px;
	}
	.huge-blue .dollar-sign {
		font-size: 30px;
		top: 5px;
	}
	.home-services-container {
		flex-wrap: wrap;
	}
	.home-services-container > div {
		width: 50%;
	}
	.home-section-contact-details {
		padding: 30px 20px;
	}
	#home-section-contact-form {
		padding: 0px 20px;
	}
}
@media (max-width: 800px) {
	.home-section-inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.home-section-about {
		padding-top: 30px;
	}
	.home-section-title {
		text-align: center;
	}
	.home-section-50 {
		flex-direction: column;
	}
	.home-section-process-image {
		position: relative;
		top: 0;
		width: auto;
	}
	.home-section-50 > div:first-child {
		width: 100%;
	}
	.home-section-50 > div:last-child {
		width: 100%;
	}
	.home-section-about-stats {
		flex-direction: column;
		margin-top: 0px;
	}
	.home-section-about-stats > div {
		width: 100%;
		margin-top: 10px;
	}
	.home-section-partners-scroll-outer {
		margin-top: -30px;
	}
	.home-section-brands-scroll-outer {
		margin-top: -30px;
	}
	.home-section-quote {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		margin-top: 20px;
	}
	.home-section-contact-panels {
		flex-direction: column;
	}
	.home-section-contact-details {
		margin-left: 0px;
		margin-top: 40px;
	}
}
@media (max-width: 600px) {
	.home-services-container {
		flex-direction: column;
	}
	.home-services-container > div {
		width: 100%;
	}

	.autoconnect-banner.autoconnect-banner-leapmotor,
	.autoconnect-banner.autoconnect-banner-ipswich,
	.autoconnect-banner.autoconnect-banner-polestar,
	.autoconnect-banner.autoconnect-banner-renault-marsden,
	.autoconnect-banner.autoconnect-banner-jeep {
		padding-top: 50.55% !important;
	}

	.autoconnect-banner.autoconnect-banner-moorabbin {
		padding-top: 90% !important;
	}
}

@media (max-width: 430px) {
	.autoconnect-banner.autoconnect-banner-leapmotor {
		padding-top: 10.55% !important;
	}
}

/* Autoconnect */

.visible-narrow {
	display: none;
}
.autoconnect-logo-container {
	position: absolute;
	left: 40px;
	top: 15px;
}
.autoconnect-logo {
	width: 210px;
	height: 42px;
	background-image: url('/images/autoconnect/logo/new_costco_logo.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	vertical-align: middle;
}
.autoconnect-sections {
	background-color: #f3f6fc;
}
.autoconnect-section-inner {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 45px;
}

.autoconnect-section-second {
	width: 800px;
	margin: 0 auto;
}
.autoconnect-section-narrow {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 80px;
}
.autoconnect-section-first {
	padding-top: 75px !important;
}
.autoconnect-banner {
	width: 100%;
	height: 0;
	padding-top: 36.66%;
	position: relative;
}
.autoconnect-banner > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/autoconnect/banner_wide_6.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
.autoconnect-section.banner {
	background-repeat: no-repeat;
	background-size: contain;
	height: 100vh;
}
.autoconnect-banner.autoconnect-banner-renault {
	padding-top: 37.55%;
}
.autoconnect-banner.autoconnect-banner-renault-2 {
	padding-top: 37.55%;
}

.autoconnect-banner.autoconnect-banner-ipswich,
.autoconnect-banner.autoconnect-banner-jeep,
.autoconnect-banner.autoconnect-banner-renault-marsden,
.autoconnect-banner.autoconnect-banner-polestar {
	padding-top: 46.55%;
}

.autoconnect-banner.autoconnect-banner-moorabbin {
	padding-top: 26.5%;
}

.autoconnect-banner.autoconnect-banner-leapmotor {
	padding-top: 28.55%;
}


.autoconnect-banner.autoconnect-banner-renault > div {
	background-image: url('/images/autoconnect/banners/renault_banner_5.png');
}
.autoconnect-banner.autoconnect-banner-renault-2 > div {
	background-image: url('/images/autoconnect/banners/renault_banner_6.png');
}
.autoconnect-banner.autoconnect-banner-renault-marsden > div {
	background-image: url('/images/autoconnect/banners/july/marsden/renault_marsden_1.png');
	background-size: cover;
}
.autoconnect-banner.autoconnect-banner-polestar > div {
	background-image: url('/images/autoconnect/banners/polestar/polestar_banner.png');
	background-size: cover;
}
.autoconnect-banner.autoconnect-banner-jeep > div {
	background-image: url('/images/autoconnect/banners/jeep/jeep_banner.jpg');
	background-size: cover;
}
.autoconnect-banner.autoconnect-banner-moorabbin > div {
	background-image: url('/images/autoconnect/banners/moorabbin/chery-tiggo-web.png');
	background-size: 100% 100%;
	height: 345px;
}

.autoconnect-banner.autoconnect-banner-ipswich > div {
	background-image: url('/images/autoconnect/banners/ipswich/ipswich_new_banner.png');
	background-size: cover;
}

.autoconnect-banner.autoconnect-banner-leapmotor > div {
	background-image: url('/images/autoconnect/banners/leapmotor/leapmotor_banner_web3.jpg');
	background-size: 100% 100%;
}

.autoconnect-banner-template > div {
	background-image: url('/images/autoconnect/banners/leapmotor/email_temp.jpg');
	background-size: 100%;
	height: 913px;
	background-repeat: no-repeat;
	width: 100%;
}

.autoconnect-banner-search {
	position: relative;
	background-image:
			linear-gradient(to right, #F3F6FC 30%, rgba(243, 246, 252, 0) 70%),
			url(/images/autoconnect/placeholders/banner_search_1.png);
	background-size: cover;
	background-position: center;
	height: 70vh;
}

.polestar-submit {
	background: #fff;
	color: #000000;
	height: auto;
}
.autoconnect-section.banner.banner-1 {
	background-image: url('/images/autoconnect/banners/renault_banner_1.png');
}
.autoconnect-section.banner.banner-2 {
	background-image: url('/images/autoconnect/banners/renault_banner_2.png');
}
.autoconnect-logos {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.autoconnect-logo-large {
	text-align: center;
	margin-bottom: -15px;
}
.autoconnect-logo-large img {
	width: 90%;
	max-width: 650px;
}
.autoconnect-logo-medium img {
	width: 80%;
	max-width: 250px;
	height: 100%;
}
.autoconnect-ar-logo-medium img {
	width: 65%;
	max-width: 250px;
	height: 100%;
}
.autoconnect-blue {
	color: #06477d;
}
.autoconnect-red {
	color: #f18318;
}
.autoconnect-grey {
	color: #aaacad;
}
.costco-red {
	color: #e31837;
}
.autoconnect-divider {
	margin-top: 70px;
	margin-bottom: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	max-width: 90%;
	border-top: solid 2px #f18318;
}
.autoconnect-divider.full-width {
	width: 100%;
	max-width: 100%;
}
.autoconnect-blockquote {
	margin-left: 20px;
}
.center {
	text-align: center;
}
.autoconnect-dots {
	display: flex;
	flex-direction: row;
	width: 1024px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.autoconnect-dot {
	width: 13%;
}
.autoconnect-dot-wide {
	width: 25%;
	margin-left: 10%;
	margin-right: 2%;
}
.autoconnect-dot-wide + .autoconnect-dot-wide {
	margin-left: 2%;
	margin-right: 10%;
}
.autoconnect-dot img {
	width: 100%;
}
.autoconnect-dot-divider {
	width: 16%;
	padding-top: 6.3%;
	height: 0;
	border-bottom: solid 2px #06477d;
}
.autoconnect-dot-divider.hidden {
	border-bottom: none;
}
.autoconnect-dot .large-text, .autoconnect-dot-wide .large-text {
	font-size: 24px;
	font-weight: bold;
}
.autoconnect-dot .small-text, .autoconnect-dot-wide .small-text {
	font-size: 16px;
	font-weight: normal;
}
.autoconnect-search-placeholder {
	margin-top: 24px;
	background-image: url('/images/autoconnect/vehicle_placeholder_wide_8.png');
	width: 100%;
	height: 0;
	padding-top: 43%;
	background-size: contain;
}
.autoconnect-cars-bikes {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.autoconnect-cars-bikes > div {
	padding: 10px;
	width: 220px;
	text-align: center;
	color: #fff;
	background-color: #9eadb9;
	cursor: pointer;
}
.autoconnect-cars-bikes > div.active {
	background-color: #06477d;
}
.autoconnect-cars-bikes > div + div {
	margin-left: 10px;
}
.autoconnect-vehicles {
	display: none;
}
.autoconnect-vehicles.active {
	display: block;
}
.autoconnect-vehicles-list {
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -12px;
	margin-right: -12px;
}
.autoconnect-promo {
	margin-top: 24px;
	width: calc(33.333% - 24px);
	box-shadow: 1px 3px 6px 0px #aaa;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #06477d;
	margin-left: 12px;
	margin-right: 12px;
}
.autoconnect-promo.financing-promo {
	background-image: url('/images/autoconnect/Financing4.png');
}
.autoconnect-promo.rewards-promo {
	background-image: url('/images/autoconnect/Rewards5.png');
}
.autoconnect-vehicle {
	margin-top: 24px;
	width: calc(33.333% - 24px);
	background: #fff;
	box-shadow: 1px 3px 6px 0px #aaa;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	margin-left: 12px;
	margin-right: 12px;
}
.autoconnect-vehicle .costco-logo-sm {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 70px;
	height: 20px;
	background-image: url('/images/autoconnect/costco_sm.png');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}
.autoconnect-vehicle .vehicle-image {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 60%;
	width: 100%;
	height: 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.autoconnect-vehicle .vehicle-details {
	margin-top: 15px;
	padding-top: 62.5%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.autoconnect-percent {
	font-size: 70px;
	font-weight: 700;
	margin-top: -9px;
	margin-bottom: -11px;
	letter-spacing: -8px;
}
.autoconnect-price {
	font-size: 40px;
	font-weight: 700;
}
.autoconnect-saving {
	text-align: left;
}
.autoconnect-configure-button {
	padding: 10px 0px;
	background-color: #f18318;
	color: #fff;
	margin-top: 10px;
	cursor: pointer;
}
.autoconnect-choose-logo {
	width: 380px;
	max-width: 100%;
	position: relative;
	top: 2px;
}
.autoconnect-choose-panels {
	margin-top: 50px;
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.autoconnect-choose-panel {
	background-color: white;
	box-shadow: 4px 4px 8px 0px #777;
	padding: 50px 25px;
	width: 240px;
	box-sizing: border-box;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.autoconnect-choose-panel img {
	width: 75%;
}
.autoconnect-member-banner {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #06477d;
	color: white;
	box-shadow: 4px 4px 8px 0px #777;
	display: flex;
	flex-direction: row;
	padding: 30px 40px;
	box-sizing: border-box;
}
.autoconnect-member-banner img {
	margin-right: 40px;
	height: 110px;
}
.autoconnect-member-banner a {
	color: white;
}
.autoconnect-finance-banner {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #06477d;
	color: white;
	box-shadow: 4px 4px 8px 0px #777;
	display: flex;
	flex-direction: row;
	padding: 30px 40px;
	box-sizing: border-box;
	align-items: center;
}
.autoconnect-finance-banner > div:first-child > img {
	margin-right: 40px;
	height: 110px;
}
.autoconnect-finance-banner > div:last-child > img {
	margin-left: 40px;
	height: 110px;
}
.autoconnect-finance-banner a {
	color: white;
}
.autoconnect-vehicle-details {
	display: flex;
	flex-direction: row;
	align-items: space-between;
}
.autoconnect-vehicle-details-image {
	width: 60%;
}
.autoconnect-vehicle-details-image > img {
	width: 100%;
}
.autoconnect-vehicle-details-text {
	margin-left: 40px;
	width: 40%;
}
.autoconnect-vehicle-options {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin-top: 30px;
	flex-wrap: wrap;
}
.autoconnect-vehicle-option {
	width: 24%;
	margin-top: 20px;
}
.autoconnect-vehicle-option-value label {
	font-size: 14px;
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
.autoconnect-vehicle-option-value label input {
	position: absolute;
	left: -25px;
}
.autoconnect-vehicle-option-value + .autoconnect-vehicle-option-value {
	margin-top: 5px;
}
.autoconnect-finance-options {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.autoconnect-finance-options > div:first-child {
	width: 67%;
}
.autoconnect-finance-options > div:nth-child(2) {
	width: 33%;
}
.autoconnect-estimate {
	background-color: #06477d;
	border-radius: 10px;
	color: white;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 50px;
	margin-top: 20px;
	box-sizing: border-box;
	min-width: 300px;
}
.autoconnect-sign-up {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.autoconnect-sign-up > div:first-child {
	margin-right: 20px;
	white-space: nowrap;
}
.autoconnect-sign-up img {
	width: 120px;
}
.autoconnect-member-number {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.autoconnect-member-number > div:first-child {
	text-align: left;
	max-width: 280px;
}
.autoconnect-member-number > div:nth-child(2) {
	margin-left: 40px;
	white-space: nowrap;
}
.autoconnect-member-number img {
	width: 120px;
}
.autoconnect-disclaimer {
	white-space: pre-line;
}
.autoconnect-search-page .autoconnect-input.search-input {
	border: none !important;
	box-shadow: 4px 4px 8px 0px #777;
	width: 260px;
}
.autoconnect-input {
	background-color: #fff !important;
	color: #06477d !important;
	border: solid 1px #06477d !important;
	font-size: 18px !important;
}
.row.autoconnect-row {
	max-width: 1280px;
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
}
.autoconnect-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #06477d;
  opacity: 1; /* Firefox */
}
.autoconnect-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #06477d;
}
.autoconnect-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #06477d;
}
.autoconnect-button {
	background-color: #06477d;
}
.autoconnect-search-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.autoconnect-search-button {
	/*
	min-width: 500px;
	margin-left: 20px;
	margin-right: 20px;
	*/
	width: 300px;
}
input[type=text].autoconnect-input {
	padding: 4px 10px;
}
select.autoconnect-input {
	background-image: url('/images/arrowdown_darkblue.svg');
	padding: 4px 32px 4px 10px;
}
input[type="checkbox"].css-checkbox-new.autoconnect-checkbox + label.css-label-new {
	color: #06477d;
}
input[type="checkbox"].css-checkbox-new.autoconnect-checkbox + label.css-label-new:before {
	background: #fff;
	border: solid 1px #06477d;
	border-radius: 0;
}
input[type="checkbox"].css-checkbox-new.autoconnect-checkbox:checked + label.css-label-new:before {
	background-color: #06477d;
	background-image: url('/images/check.svg');
	background-size: 12px 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.footer-row {
	display: flex;
	justify-content: space-between;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.test-drive-invite {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
.test-drive-calendar {
	text-align: center;
	margin-top: 20px;
}
.test-drive-estimate {
	background-color: #06477d;
	border-radius: 10px;
	color: white;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	margin-top: 20px;
	box-sizing: border-box;
	width: 300px;
	line-height: 1.2;
}
.costco-small-card-image {
	width: 80px;
}
.autoconnect-featured {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 68.65%;
	margin-top: 40px;
	margin-bottom: 20px;
}
.autoconnect-featured-main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/autoconnect/search_feature.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
.autoconnect-featured-login {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/autoconnect/search_feature3.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
.autoconnect-vehicles-list-search {
	margin-top: 40px;
	margin-bottom: 70px;
}
.autoconnect-renault-content {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.autoconnect-renault-content .offer {
	width: 50%;
	background-color: rgb(11, 115, 182);
	padding: 30px;
	position: relative;
}
.autoconnect-renault-content .offer:first-child {
	background-color: rgb(6, 71, 125);
}
.autoconnect-renault-content .offer .offer-images {
	position: absolute;
	top: 10px;
	right: 10px;
}
.autoconnect-renault-content .offer .offer-images img {
	width: 80px;
}
.autoconnect-renault-fleet-pricing {
	background-color: rgb(241, 131, 24);
	padding: 15px;
}
.autoconnect-renault-fleet {
	width: 100%;
	height: 0;
	padding-top: 43.15%;
	position: relative;
}
.autoconnect-renault-fleet > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/autoconnect/banners/renault_fleet.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
.autoconnect-logo-large.renault {
	margin-bottom: 80px;
}
.autoconnect-special-offer {
	font-size: 3rem;
	margin-top: 40px;
}
.autoconnect-shop-card-banner {
	text-align: center;
	background: #df393d;
	padding: 5px;
	margin-top: -1px;
}
.autoconnect-renault-content .offer.auto-connect-promo-banner {
	background: #f18318;
	width: 100%;
}
.display-none {
	display: none;
}
.autoconnect-renault-driveaway-contact,
.autoconnect-renault-driveaway {
	background: #f18318;
	color: #ffffff;
	padding: 10px;
}
.autoconnect-renault-test-drive-section {
	background: #06477d;
	padding: 40px;
	width: 70%;
	margin: 0 auto 20px;
}
.autoconnect-renault-test-drive-section span {
	font: normal 500 11px 'Gotham SSm A', 'Gotham SSm B';
	line-height: 0;
}
.autoconnect-renault-test-drive-container {
	background: #ff0;
	padding: 20px;
	margin-top: 20px;
	border-radius: 10px;
}
.button-test-drive {
	background: #000;
	width: 50%;
	margin: 20px auto;
	padding: 20px;
	color: #fff;
	cursor: pointer;
}
.button-width-center {
	width: 50%;
	margin: 0 auto !important;
	float: none;
}
@media (max-width: 1360px) {
	.autoconnect-section-inner {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	.autoconnect-section-second {
		width: auto;
	}

	.autoconnect-banner.autoconnect-banner-moorabbin > div {
		height: 100%;
	}
}
@media (max-width: 1104px) {
	.autoconnect-section-narrow {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
}
@media (max-width: 1024px) {
	.autoconnect-banner-container {
		width: 100% !important;
		left: 0 !important;
	}

	.autoconnect-banner {
		width: 80%;
		padding-top: 71.36%;
		position: relative;
		left: 10%;
	}
	.autoconnect-banner.autoconnect-banner-renault {
		width: 100%;
		left: 0;
		padding-top: 53.29%;
	}
	.autoconnect-banner.autoconnect-banner-renault > div {
		background-image: url('/images/autoconnect/banners/renault_banner_5_mob.png');
	}
	.autoconnect-banner.autoconnect-banner-jeep,
	.autoconnect-banner.autoconnect-banner-renault-2,
	.autoconnect-banner.autoconnect-banner-renault-marsden,
	.autoconnect-banner.autoconnect-banner-polestar {
		width: 100%;
		left: 0;
		padding-top: 53.29%;
	}
	.autoconnect-banner.autoconnect-banner-renault-2 > div {
		background-image: url('/images/autoconnect/banners/renault_banner_6_mob.png');
	}
	.autoconnect-banner > div {
		background-image: url('/images/autoconnect/banner_4.png');
	}
	.autoconnect-promo {
		width: calc(50% - 24px);
	}
	.autoconnect-vehicle {
		width: calc(50% - 24px);
	}
	.autoconnect-vehicle-details {
		flex-direction: column;
	}
	.autoconnect-vehicle-details-image {
		width: 100%;
	}
	.autoconnect-vehicle-details-text {
		margin-left: 0px;
		width: 100%;
	}
	.autoconnect-vehicle-option {
		width: 49%;
	}
	.autoconnect-finance-options > div:first-child {
		width: 60%;
	}
	.autoconnect-finance-options > div:nth-child(2) {
		width: 40%;
	}
	.test-drive-invite {
		width: 50%;
	}
	.autoconnect-renault-fleet {
		padding-top: 269.4%;
	}
	.autoconnect-renault-fleet > div {
		background-image: url('/images/autoconnect/banners/renault_fleet_mob_4.png');
	}

	.moorabbin-car-details {
		padding-top: 0 !important;
	}

}
@media (max-width: 900px) {
	.visible-narrow {
		display: block;
	}
	.visible-wide {
		display: none;
	}
	.autoconnect-section-inner {
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 80px;
	}
	.autoconnect-section-inner {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.autoconnect-section-narrow {
		padding-top: 80px;
		padding-bottom: 70px;
	}
	.autoconnect-dot {
		width: 16%;
	}
	.autoconnect-dot-divider {
		width: 12%;
		padding-top: 8%;
		height: 0;
		border-bottom: solid 2px #06477d;
	}
	.autoconnect-dot-wide {
		width: 28%;
		margin-left: 6%;
	}
	.autoconnect-dot-wide + .autoconnect-dot-wide {
		margin-left: 0;
		margin-right: 6%;
	}
	.autoconnect-dot .large-text, .autoconnect-dot-wide .large-text {
		font-size: 18px;
	}
	.autoconnect-dot .small-text, .autoconnect-dot-wide .small-text {
		font-size: 12px;
	}
	.autoconnect-finance-options > div:first-child {
		width: 60%;
	}
	.autoconnect-finance-options > div:nth-child(2) {
		width: 40%;
	}
	.autoconnect-renault-content .offer {
		padding: 30px 20px;
	}
    .autoconnect-banner.autoconnect-banner-renault-marsden > div {
        background-image: url('/images/autoconnect/banners/july/marsden/renault_marsden_1_mobile.png');
        background-size: cover;
    }
    .autoconnect-banner.autoconnect-banner-polestar > div {
        background-image: url('/images/autoconnect/banners/polestar/polestar_banner_mob.png');
        background-size: cover;
    }

	.autoconnect-banner.autoconnect-banner-jeep > div {
		background-image: url('/images/autoconnect/banners/jeep/jeep_banner_mob.png');
		background-size: cover;
	}
	.autoconnect-banner.autoconnect-banner-moorabbin > div {
		background-image: url('/images/autoconnect/banners/moorabbin/cherry-tiggo-mob1.png');
		background-size: 100% 100%;
	}

	.autoconnect-banner.autoconnect-banner-ipswich > div {
		background-image: url('/images/autoconnect/banners/ipswich/ipswich_new_banner_mob.png');
		background-size: 100% 100%;
	}

	.autoconnect-banner.autoconnect-banner-leapmotor > div {
		background-image: url('/images/autoconnect/banners/leapmotor/leapmotor_banner_mob3.jpg');
		background-size: 100%;
	}

	.autoconnect-banner.autoconnect-banner-leapmotor {
		height: 300px;
	}

}
@media (max-width: 800px) {
	.autoconnect-finance-options > div:first-child {
		width: 100%;
	}
	.autoconnect-finance-options > div:nth-child(2) {
		width: 100%;
	}
	.autoconnect-member-number {
		flex-direction: column;
	}
	.autoconnect-member-number > div:nth-child(2) {
		margin-left: 0px;
		margin-top: 20px;
	}
	.autoconnect-finance-banner {
		flex-direction: column;
		align-items: center;
	}
	.autoconnect-finance-banner > div:first-child > img {
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.autoconnect-finance-banner > div:last-child > img {
		margin-left: 0px;
		margin-top: 30px;
	}
	.test-drive-invite {
		width: 60%;
	}
	.autoconnect-featured {
		padding-top: 80.55%;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.autoconnect-featured-main {
		background-image: url('/images/autoconnect/search_feature_mobile2.png');
	}
	.autoconnect-featured-login {
		background-image: url('/images/autoconnect/search_feature_mobile3.png');
	}
	.autoconnect-renault-content {
		flex-direction: column;
	}
	.autoconnect-renault-content .offer {
		width: 100%;
		box-sizing: border-box;
	}

	.btn-full-width-mob {
		width: 100% !important;
	}
}
@media (max-width: 700px) {
	.autoconnect-section-inner {
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 60px;
	}
	.autoconnect-section-narrow {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.autoconnect-promo {
		width: 100%;
		padding-top: 100%;
	}
	.autoconnect-vehicle {
		width: calc(100% - 24px);
	}
	.autoconnect-member-banner {
		flex-direction: column;
		align-items: center;
	}
	.autoconnect-member-banner img {
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.autoconnect-sign-up {
		flex-direction: column;
		align-items: center;
	}
	.autoconnect-sign-up > div:first-child {
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.autoconnect-sign-up-text {
		text-align: center;
	}
	.autoconnect-search-placeholder {
		background-image: url('/images/autoconnect/vehicle_placeholder_6.png');
		width: 100%;
		height: 0;
		padding-top: 111%;
		background-size: contain;
	}
}
@media (max-width: 600px) {
	.autoconnect-banner {
		width: 100%;
		padding-top: 89.2%;
		left: 0;
	}
	.autoconnect-vehicle-option {
		width: 100%;
	}
	.autoconnect-cars-bikes {
		flex-direction: column;
	}
	.autoconnect-cars-bikes > div + div {
		margin-left: 0px;
		margin-top: 10px;
	}
	.footer-row ul {
		margin-left: 0;
	}
	.footer-row section ul li a {
		padding-right: 10px;
	}
	.footer-row section ul li:last-child a {
		padding-right: 0;
	}
	.test-drive-invite {
		width: 70%;
	}
	.button-test-drive {
		width: 80%;
		font-size: 14px;
	}
	.button-width-center {
		width: 65%;
	}
	.button-width-center.click-here-register a{
		font-size: 12px;
	}
	.button-width-center.sign-up-now a{
		font-size: 14px;
	}

}
@media (max-width: 500px) {
	.new-vehicle-container .textarea-placeholder {
		height: 80px;
	}
	.autoconnect-section-inner {
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.autoconnect-section-narrow {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.autoconnect-member-number img {
		width: 90px;
	}
	.autoconnect-dot {
		width: 18%;
	}
	.autoconnect-dot-wide {
		margin-right: 4%;
	}
	.autoconnect-dot .large-text, .autoconnect-dot-wide .large-text {
		font-size: 12px;
	}
	.autoconnect-dot .small-text, .autoconnect-dot-wide .small-text {
		font-size: 10px;
	}
	.footer-wide {
		display: none;
	}
	.test-drive-invite {
		width: 90%;
	}
	.test-drive-estimate {
		padding: 20px 20px;
	}
	.autoconnect-choose-panels .search-buttons {
		min-width: 350px;
	}
	.autoconnect-renault-content .offer .auto-connect-promo-text {
		padding-top: 30px;
		padding-right: 0 !important;
	}
	.autoconnect-renault-content .offer.auto-connect-promo-banner .offer-images {
		position: relative;
		text-align: center;
	}
}

.home-footer-container {
	position: absolute;
	/*top: calc(100% - 130px);*/
	/*top: calc(100% - 90px);*/
	top: 100%;
	color: white;
	left: 0;
	width: 100%;
}
.home-footer-container.autoconnect {
	position: static;
	/*top: calc(100% - 130px);*/
	/*top: calc(100% - 90px);*/
}
.home-footer-container .footernav {
	position: relative;
	top: auto;
	bottom: auto;
}
.home-footer-container.autoconnect .footernav {
	background-color: #06477d;
}
.home-footer-container .footernav section {
	height: 50px;
}
.home-footer-container .footernav .picmap-alt-logo {
	/*margin-top: 20px;*/
	margin-top: 3px;
}
.home-footer-container .footer-inner-container {
	margin-left: 36px;
	margin-right: 36px;
}
.home-footer-logo {
	margin-top: 9px;
	width: 68px;
	height: 32px;
	display: inline-block;
	background-image: url('/images/logo_footer.png');
	background-size: cover;
	background-repeat: no-repeat;
	display: none;
}
.home-footer-nav-container {
	width: 100%;
	height: 40px;
	background-color: #C8C8C8;
	/*border-top: solid 1px #777;*/
}
.home-footer-nav-container-inner {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	text-align: center;
}
.home-footer-nav-item {
	color: black;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	line-height: 40px;
	padding-right: 24px;
	background-image: url('/images/arrowdown_black.svg');
	background-size: 16px 16px;
	background-position: 99% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.home-footer-nav-item.open {
	color: #008ACB;
	background-image: url('/images/arrowup_blue.svg') !important;
}
.home-footer-nav-item:hover {
	color: #008ACB;
	background-image: url('/images/arrowdown_blue.svg');
}
.home-footer-nav-item + .home-footer-nav-item {
	margin-left: 60px;
}
.home-footer-nav-item-small {
	display: none;
	padding-left: 36px;
	padding-right: 36px;
	height: 35px;
	background-color: #C8C8C8;
	border-top: solid 1px #777;
}
.home-footer-nav-container + .home-footer-nav-item-small {
	border-top: none;
}
.home-container .blue-top .pagetitle {
	height: 140px;
}
.landing-footer-container {
	color: white;
	width: 100%;
}
.landing-footer-container .footernav {
	position: relative;
	top: auto;
	bottom: auto;
}
.landing-footer-container .footernav section {
	height: 50px;
}
.landing-footer-container .footer-inner-container {
	margin-left: 36px;
	margin-right: 36px;
}
.home-panel {
	background-color: #006eab;
	background-image: url('/images/resultsbg2.jpg');
	background-repeat: repeat;
	background-position: 50% 0%;
	display: none;
}
.home-panel-about-inner, .home-panel-contact-inner, .home-panel-partner-customer-inner, .home-panel-new-car-inner {
	padding: 40px;
	box-sizing: border-box;
	margin: 50px 50px 100px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
.home-panel-contact-inner, .home-panel-partner-customer-inner, .home-panel-new-car-inner {
	background-color: #fff;
	color: #2A2A2A;
}
#new-car-form-container label {
	display: block;
}
.home-panel-new-car-icons > div {
	width: 33.3%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
#home-panel-new-car-payment-step-1 .home-panel-new-car-icons > div {
	width: 20%;
}
.home-panel-new-car-icons > div > img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 48px;
	height: 48px;
}
.home-panel-new-car-icons-subtext {
	font-size: 14px;
	font-weight: normal;
}
.home-panel-contact-inner-first {
	margin-bottom: 15px;
}
.home-panel-contact-inner-second {
	margin-top: 15px;
	padding: 15px;
}
.home-panel-paragraph + .home-panel-paragraph {
	margin-top: 20px;
}
.home-panel-choice-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	height: 100px;
	width: 140px;
	border: solid 2px #008ACB;
	border-radius: 5px;
	cursor: pointer;
	color: #008ACB;
	font-size: 13px;
	font-weight: bold;
}
.text-right .home-panel-choice-button {
	margin-left: auto;
}
.text-left .home-panel-choice-button {
	margin-right: auto;
}
.home-panel-choice-button.selected {
	background: #008ACB;
	color: #fff;
}
.home-panel-choice-button:hover {
	background: #008ACB;
	color: #fff;
}
.home-panel-choice-button.selected.disabled {
	background: #008ACB;
	color: #fff;
	cursor: default;
	opacity: 0.5;
}
.home-panel-choice-button.disabled {
	background: white;
	color: #008ACB;
	cursor: default;
	opacity: 0.5;
}
.home-panel-new-car-heading-icon {
	display: block;
	float: left;
	margin-right: 15px;
	width: 64px;
	height: 64px;
	vertical-align: middle;
}
.home-panel-new-car-heading-text {
	margin-top: 22px;
	font-size: 20px;
}
.new-car-details-icon {
	float: left;
	margin-right: 15px;
	width: 39px;
	height: 36px;
	vertical-align: middle;
	position: relative;
	top: -6px;
}
#card_details {
	background-color: #f0f0f0;
	padding: 8px 10px;
}
.error #card_details {
	outline: solid 2px red;
	outline-offset: -2px;
}
#need-help-button {
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 20px;
	background-color: #00AD4E;
	border-radius: 3px;
	color: white;
	padding: 10px 20px;
	z-index: 1000;
	display: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
#need-help-text-small {
	display: none;
}
.show-features-btn {
	background-image: url('/images/arrowdown_black.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 17px 17px;
}
.hide-features-btn {
	background-image: url('/images/arrowup_grey.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 17px 17px;
}
.service-value-check {
	width: 14px;
	height: 14px;
}
.header-buttons {
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 2;
}
.subpage-container {
  position: relative;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.subpage-container .blue-top .pagetitle {
	padding: 0 15px;
}
.subpage-content {
	min-height: calc(100% - 50px);
}
.subpage-footer-container {
	color: white;
	left: 0;
	bottom: -50px;
	width: 100%;
}
.subpage-footer-container .footernav {
	position: relative;
	top: auto;
	bottom: auto;
}
.subpage-footer-container .footernav section {
	height: 50px;
}
.subpage-footer-container .footer-inner-container {
	margin-left: 36px;
	margin-right: 36px;
}
#dealer-phone {
	display: inline-block;
	position: absolute;
	top: 48px;
	left: 14px;
	right: auto;
	width: auto !important;
	text-transform: uppercase;
	z-index: 2;
}
.average-response-container {
	padding: 20px 0px 20px 30px !important;
}
.average-response-time-container {
	padding: 16px 30px 24px 0 !important;
}
.dealer-title {
	font-size: 50px;
	font-weight: bold;
}
.dealer-quote-management-icon {
	display: block;
}
.dealer-quote-management-text {
	margin-left: 102px;
}
.dealer-quote-management-heading {
	font-size: 26px;
}
.dealer-quote-management-subheading {
	font-size: 16px;
}
.dealer-tip-container {
	padding: 20px 25px !important;
}
.dealer-tip-container > div {
	height: 50px;
}
.dealer-tip-icon {
	display: block;
}
.dealer-tip-tip {
	height: 40px;
	line-height: 40px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.dealer-tip-tip2 {
	display: none;
	font-weight: bold;
}
.dealer-tip-text {
	line-height: 20px;
	padding-top: 4px;
	font-size: 14px;
	position: relative;
	overflow: hidden;
}
.dealer-tip-text-carousel {
	width: 300%;
	left: 0%;
	position: relative;
	display: flex;
	align-items: center;
}
.dealer-tip-text-item {
	width: 33.33%;
	display: inline-block;
}
.dealer-tip-text-item a {
	color: white;
	text-decoration: underline;
}
.darkgreyinput {
	background-color: #8a8a8a;
	color: white;
}
select.darkgreyinput {
	background: #8a8a8a url("/images/arrowdown_white.svg") no-repeat right 10px center;
	background-size: 17px 17px;
}
.button-arrow-up {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -9px;
	background: url('/images/arrowup_white.svg') no-repeat;
	background-size: 17px 17px;
	width: 22px;
	height: 22px;
}
.button-arrow-down {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -9px;
	background: url('/images/arrowdown_white.svg') no-repeat;
	background-size: 17px 17px;
	width: 22px;
	height: 22px;
}
.dealer-button {
	width: 100%;
	max-width: 360px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.dealer-details-padding {
	padding-left: 0;
	padding-right: 0;
}
.pdf-upload-button-gap-above {
	margin-top: 20px;
}
#dealer-menu-icon {
	display: block;
	width: 40px;
	height: 40px;
	/*background-image: url('/images/icons/profile2.png');*/
	background-image: url('/images/icons/menu.svg');
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
.popup-menu-items {
	display: none;
}
.popup-menu-item {
	display: none;
}
.loginpage-links > div {
	padding: 25px 0 0 30px;
}
.loginpage-links > div:first-child {
	padding-top: 75px;
}
#local_offers_popup_content, #local_offers_popup_confirm_content {
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
}
.bestprice-icon {
	text-align: center;
	margin-right: 15px;
}
.customer .page-top {
	padding-top: 80px;
	background: #fff;
}
.customer .page-top .pagetitle h4 {
	white-space: pre-line;
}
.divider {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	max-width: 400px;
	border-top: solid 4px #F18318;
}
.customer .page-top .inner-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
}
.customer .page-top .inner-container .icons > div {
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
.customer .page-top .inner-container .icons > div > img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 48px;
	height: 48px;
}
.blue-form {
	background: #E5F4FF;
}
.blue-form label {
	font: normal 400 16px 'Gotham SSm A', 'Gotham SSm B';
}
.blue-form textarea, .blue-form input[type='text'], .blue-form input[type='email'], .blue-form input[type='password'], .blue-form input[type='time'], .blue-form select {
	background-color: #fff;
}
.blue-form input:-webkit-autofill, .blue-form input:-webkit-autofill:hover, .blue-form input:-webkit-autofill:focus, .blue-form input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.blue-form .section-body {
	padding-left: 15px;
	padding-right: 15px;
}
.blue-box {
	background: #E5F4FF;
}
.padded-white-box {
	background: #FFFFFF;
	padding: 5px;
}
.padded-blue-box {
	background: #E5F4FF;
	padding: 5px;
}
.bright-blue-box {
	background: #2EB1F6;
}
.thumbnails-container {
	margin-left: 30px;
	margin-right: 30px;
}
.thumbnails-outer {
	width: 100%;
	position: relative;
	padding-top: calc(18.75% + 1px);
}
.thumbnails-left {
	position: absolute;
	left: -30px;
	top: calc(50% - 19px);
	width: 21px;
	height: 38px;
	background-image: url('/images/icons/thumb-left.png');
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.thumbnails-right {
	position: absolute;
	right: -30px;
	top: calc(50% - 19px);
	width: 21px;
	height: 38px;
	background-image: url('/images/icons/thumb-right.png');
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.thumbnails-left.disabled, .thumbnails-right.disabled {
	cursor: default;
	opacity: 0.5;
}
.thumbnails-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0px;
	overflow: hidden;
}
.thumbnails-page {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
.thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 18.75%;
	width: 25%;
	overflow: hidden;
	cursor: pointer;
}
.thumbnail.thumbnail-selected {
	background-color: #368AC6;
	cursor: default;
}
.thumbnail:nth-of-type(2) {
	left: 25%;
}
.thumbnail:nth-of-type(3) {
	left: 50%;
}
.thumbnail:nth-of-type(4) {
	left: 75%;
}
.thumbnail-placeholder {
	position: absolute;
	top: 3px;
	left: 4px;
	right: 4px;
	bottom: 3px;
	background: #eee;
	z-index: 0;
}
.thumbnail > img {
	position: absolute;
	top: 0;
	width: calc(100% - 8px);
	left: 4px;
	top: 3px;
	z-index: 1;
}
.dark-blue {
	/*color: #06477d;*/
	color: #1c4766;
}
.polestar-header {
	font-size: 4rem;
	color: #000;
}
.polestar-sub-text {
	text-align: center;
	padding-top: 10px;
}
@media screen and (max-width: 743px) {
	.home-content {
		top: 40%;
	}
	#home-button {
		top: 10px;
		right: 10px;
	}
	#home-phone {
		top: 52px;
		right: 14px;
	}
	.home-page .blue-top .pagetitle {
		margin-top: 145px;
	}
	.home-page .header .logo a {
		top: 85px;
	}
	.subpage-container .header .logo a {
		position: relative;
		top: 50px;
	}
	/*
	.home-footer-nav-item {
		font-size: 13px;
	}
	.home-footer-nav-item + .home-footer-nav-item {
		margin-left: 8px;
	}
	*/
	.home-panel-new-car-icons > div {
		width: 100%;
		margin-top: 14px;
		text-align: left;
	}
	.home-panel-new-car-icons > div > img {
		float: left;
		margin-top: -14px;
		margin-right: 10px;
	}
	#home-panel-new-car-payment-step-1 .home-panel-new-car-icons > div {
		margin-top: 12px;
	}
	#home-panel-new-car-payment-step-1 .home-panel-new-car-icons > div > img {
		margin-top: 0px;
	}
	.header-buttons {
		top: 10px;
		right: 14px;
	}
	#dealer-phone {
		top: 20px;
	}
	.blue-top .pagetitle {
		margin-top: 110px;
		height: 150px;
	}
	.blue-top .pagetitle .dealer-title {
		font-size: 32px;
	}
	.dealer-quote-management-icon {
		display: none;
	}
	.dealer-quote-management-text {
		margin-left: 0;
	}
	.dealer-quote-bullets {
		display: none;
	}
	.average-response-container {
		padding: 25px 0px 15px 30px !important;
	}
	.average-response-time-container {
		padding: 23px 30px 17px 0 !important;
	}
	.average-response-text {
		font-size: 18px;
	}
	.average-response-time-text {
		font-size: 24px;
	}
}
@media only screen and (min-width: 64.063em) {
	.large-no-left-right-padding {
		padding-left: 0;
		padding-right: 0;
	}
	.large-hidden2 {
		display: none;
	}
	.large-20pc {
		width: 20%;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64.06em) {
	.dealer-tip-container {
		padding: 10px 15px !important;
	}
	.dealer-tip-container > div {
		height: 70px;
		display: flex;
		align-items: center;
	}
	.dealer-tip-icon {
		display: none;
	}
	.dealer-tip-tip {
		display: none;
	}
	.dealer-tip-tip2 {
		display: inline;
	}
	.dealer-tip-text {
		font-size: 12px;
		height: auto;
		line-height: 20px;
		padding-top: 0px;
		width: 100%;
		margin-left: 0;
	}
	.medium-left { 
		float: left !important; 
		text-align: left;
	} 
	.medium-right { 
		float: right !important; 
		text-align: right;
	} 
	.medium-no-right-padding {
		padding-right: 0;
	}
	.medium-hidden2 {
		display: none;
	}
	.bestprice-icon {
		float: left;
		zoom: 0.7;
		margin-bottom: 15px;
		margin-right: 30px;
	}
}
@media only screen and (max-width: 40.06em) {
	.pdf-upload-button {
		padding-top: 5px;
	}
	.maincontent {
		padding: 15px 0;
	}
	.maincontent3 {
		padding: 15px 0;
	}
	.maincontent6 {
		padding: 15px 0px;
	}
	.home-container .blue-top .pagetitle {
		height: 12px;
		visibility: hidden;
	}
	.home-container.error-container .blue-top .pagetitle {
		height: 150px;
		visibility: visible;
	}
	.average-response-container {
		padding: 20px 0px 20px 30px !important;
	}
	.average-response-time-container {
		padding: 16px 30px 24px 0 !important;
	}
	.average-response-text {
		font-size: 22px;
	}
	.average-response-time-text {
		font-size: 32px;
	}
	.dealer-tip-container {
		padding: 20px 25px !important;
	}
	.dealer-tip-container > div {
		height: 50px;
	}
	.dealer-tip-icon {
		display: block;
	}
	.dealer-tip-tip {
		height: 48px;
		line-height: 48px;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
	}
	.dealer-tip-text {
		font-size: 14px;
		padding-top: 4px;
	}
	.small-left { 
		float: left !important; 
		text-align: left;
	} 
	.small-right { 
		float: right !important; 
		text-align: right;
	} 
	.small-gaptop {
		margin-top: 15px !important;
	}
	.small-gapbottom {
		margin-bottom: 15px !important;
	}
	.dealer-details-padding {
		padding-right: 15px;
	}
	.small-hidden2 {
		display: none;
	}
	.dealer-button {
		max-width: 100%;
	}
	.pdf-upload-button-gap-above {
		margin-top: 0px;
	}
	.maincontent5 {
		padding: 15px;
	}
	.loginpage-links > div {
		padding-left: 0;
	}
	.loginpage-links > div:first-child {
		padding-top: 25px;
	}
	.customer .page-top .inner-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 555px) {
	.home-footer-container {
		/*
		top: calc(100% - 157px);
		*/
	}
	.home-footer-container .footernav section {
		height: 50px;
	}
	.home-footer-nav-container {
		display: none;
	}
	.home-footer-nav-item {
		line-height: 35px;
		width: 100%;
	}
	.home-footer-nav-item-small {
		display: block;
	}
	.home-panel-about-inner, .home-panel-contact-inner, .home-panel-partner-customer-inner, .home-panel-new-car-inner {
		padding: 15px;
		box-sizing: border-box;
		margin: 15px 0;
	}
	#need-help-text-large {
		display: none;
	}
	#need-help-text-small {
		display: inline;
		font-size: 20px;
	}
	#need-help-button {
		border-radius: 22px;
		padding: 10px 17px;
	}
	.dealer-quote-management-heading {
		font-size: 16px;
	}
	.dealer-quote-management-subheading {
		font-size: 12px;
	}
	.average-response-container {
		padding: 15px 0px 5px 30px !important;
	}
	.average-response-time-container {
		padding: 12px 30px 8px 0 !important;
	}
	.average-response-text {
		font-size: 18px !important;
	}
	.average-response-time-text {
		font-size: 24px !important;
	}
	.dealer-tip-container > div {
		display: flex;
		align-items: center;
	}
	.dealer-tip-icon {
		display: none;
	}
	.dealer-tip-tip {
		display: none;
	}
	.dealer-tip-tip2 {
		display: inline;
	}
	.dealer-tip-text {
		font-size: 12px;
		line-height: 20px;
		padding-top: 0px;
		margin-left: 0;
	}
}
@media screen and (max-width: 465px) {
	.average-response-container {
		padding: 20px 0px 0px 30px !important;
	}
	.average-response-time-container {
		padding: 14px 30px 6px 0 !important;
	}
	.average-response-text {
		font-size: 14px !important;
	}
	.average-response-time-text {
		font-size: 20px !important;
	}
	.subpage-footer-container .footer-inner-container {
		margin-left: 0px;
		margin-right: 0px;
	}
    .home-footer-container .footer-inner-container, .footer-inner-container {
		margin-left: 18px;
		margin-right: 18px;
    }
	.customer .footer-inner-container {
		margin-left: 0;
		margin-right: 0;
	}
	.button-width-center.click-here-register a{
		font-size: 11px;
	}
	.button-width-center .bigBtn {
		font-size: 17px !important;
	}
}
@media screen and (max-width: 375px) {
    .home-footer-container .footer-inner-container, .footer-inner-container {
		margin-left: 10px;
		margin-right: 10px;
    }
	.home-panel-choice-button {
		height: 80px;
		width: 110px;
		font-size: 12px;
	}
	.average-response-container {
		padding: 20px 0px 0px 30px !important;
	}
	.average-response-time-container {
		padding: 15px 30px 5px 0 !important;
	}
	.average-response-text {
		font-size: 12px !important;
	}
	.average-response-time-text {
		font-size: 18px !important;
	}
	#dealer-menu-text {
		display: none;
	}
	.footernav section ul {
		margin-left: 5px;
	}
	.footernav section ul li a {
		padding-right: 5px;
	}
	.customer .footernav section ul {
		margin-left: 10px;
	}
	.customer .footernav section ul li a {
		padding-right: 10px;
	}
	.blue-form .section-body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.customer .footer-inner-container {
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 360px) {
	.home-main-text {
		font-size: 22px;
	}
	.home-sub-text {
		font-size: 16px;
	}
	.home-content {
		top: 33%;
	}
}

@media screen and (max-height: 360px) {
	.home-main-text {
		font-size: 20px;
	}
	.home-sub-text {
		font-size: 16px;
	}
}

/** polestar **/
.auto-connect-section2 {
	text-align: center;
}

.auto-connect-section2 p {
	font-weight: bold;
	font-size: 0.99rem;
}

.polestar-offer > .polestar-header-wrapper {
	background: #000;
	color: #fff;
	padding: 10px 0;
}

.polestar-offer .limited {
	font-size: 2rem;
}

.polestar-offer .date {
	font-size: 1rem;
}

.auto-connect-section2 p, .polestar-offer p {
	margin: 0;
}

.polestar-inner-wrapper {
	background-color: #fff;
	padding: 10px 30px;
}
/*** grid top ***/
.grid-container {
	display: flex;
	margin: 20px auto;
	width: 100%;
}

.image-grid-content {
	background: #06477d;
	border-radius: 10px;
	padding: 13px 0px;
	width: 350px;
	margin-left: auto;
	margin-right: 0;
}

.grid-item {
	flex: 1;
}

.grid-item p {
	font-weight: lighter;
	text-align: left;
	font-size: 23px;
}

.grid-item img {
	width: 100px;
}

.content-text-wrapper p {
	text-align: left;
	font-weight: lighter;
	font-size: 10px;
}

.img-content {
	width: 7rem;
	height: 4rem;
    margin: 0 5px;
}

.highlight {
	font-weight: bold;
}

.plus-wrapper {
	background: #06477d;
	text-align: left;
	margin-top: 30px;
	position: relative;
}

.plus-wrapper .grid-first {
	flex: 2;
	padding: 15px 30px;
}
.plus-wrapper h3 {
	color:  #fff;
	font-weight: bold;
	margin: 0;
}

.plus-wrapper p {
	font-weight: lighter;
	color: #fff;
	line-height: 1.3;
	font-size: 14px;
}

.plus-wrapper .extras {
	font-size: 10px;
	margin-top: 10px;
}

.plus-image {
	/*max-width: 9%;*/
	height: auto;
	/*position: absolute;*/
	/*top: 30px;*/
	/*right: 0;*/
	/*margin-right: 43px;*/
}
.plus-image-c {
	text-align: right;
	margin-right: 48px;
	margin-top: 15px;
}

.autoconnect-price-polestar  {
	font-size: 15px;
	font-weight: bold;
}
.car-logo {
	text-align: center;
}
.car-logo img {
	width: 300px;
	height: auto;
}
/*.polestar-car-type {*/
/*	font-size: 10px;*/
/*}*/

.detail-text-wrapper {
	background: #f18318;
}

.detail-text-wrapper p {
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	font-weight: bold;
	padding: 0 3rem;
}

.line-wrapper {
	margin: 30px auto;
}

.form-control-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.form-control-wrapper > .flex-row-item {
	flex: 1 1 30%; /*grow | shrink | basis */
	height: 80px;
	margin: 10px;
}

.flex-row-item-top {
	width: 31%;
	margin: 10px;
}
.offer-images-wrapper {
	margin-top: 20px;
}

.offer-images-wrapper img {
	width: 100px;
}

.flex-row-item > label, .flex-row-item-top > label, .flex-child-bottom > label, .detail-wrapper h4{
	color: #06477d;
}

.detail-wrapper {
	padding: 0 8rem;
}

.detail-wrapper h4 {
	margin: 0 10px;
}


/*** **/

.flex-container-bottom {
	display: flex;
	margin: 0 auto;
	width: 80%;
}

.flex-child-bottom {
	flex: 1;
}

.flex-child-bottom:first-child {
	margin-right: 20px;
}

.agreement-wrapper {
	width: 100%;
	margin: 40px auto;
}

/*** available wrapper **/

.available-wrapper {
	text-align: center;
	background: #000;
	padding: 34px 60px;
	border-radius: 10px;
}
.link-wrapper {
	background: #fff;
	padding: 8px;
	width: 50%;
	margin: 0 auto;
	cursor: pointer;
}
.autoconnect-polestar-vehicle {
	cursor: pointer;
}
.link-wrapper a {
	color: #000;
}

.box-small {
	color: #fff;
	margin: 15px 130px;
	font-weight: lighter;
}

.left-align {
	text-align: left;
}

.call-wrapper {
	text-align: center;
	margin-top: 4rem;
}

.call-wrapper p {
	margin: 0;
	color: #06477d;
}

.call-wrapper > .contact-info {
	font-weight: lighter;
}

.contact {
	font-weight: bold;
}

.footer-container {
	padding-top: 0;
}

.card-content {
	padding-bottom: 0;
	padding-top: 0;
}

.list-wrapper-card {
	 margin-top: 0;
}

.inner-content-vehicle {
	margin-top: 10px;
}

.deliver-wrapper h1 {
	color: #06477d;
	margin-top: 12px;
	padding-left: 17px;
}

/** terms **/

.disclaimer-wrapper p  {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.disclaimer-wrapper > p > a {
	font-weight: bold;
	color: #06477d;
}

.errorWrapper {
	border: 2px solid red !important;
}

label.checked:before {
	border: 2px solid red !important; /* Adjust border color when checkbox is checked */
}

.web-vehicle-wrapper img {
	width: 100%;
	display: block;
}

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


/** jeep **/
.jeep-offer > .jeep-header-wrapper {
	background: #e51937;
	color: #fff;
	padding: 10px 25px;
}
.autoconnect-wrap-middle {
	background: #06477d;
	padding: 20px;
	position: relative;
}
.autoconnect-wrap-middle > ul > li {
	font-weight: lighter;
	margin-left: 15px;
}

.costco-three-wrapper-mob {
	text-align: center;
}

.costco-three-wrapper img {
	width: 100px;
	padding: 8px;
}

.costco-three-wrapper {
	position: absolute;
	top: 25px;
	right: 25px;
}

.costco-three-wrapper-mob img {
	width: 100px;
	padding: 8px;
}

.costco-three-wrapper-mob ul li {
	display: inline-block;
}

.text-content-thin {
	font-weight: lighter;
}

.jeep-bonus-wrapper p:first-child {
	margin: 0;
}
.content-car-per-item {
	display: flex;
	justify-content: center; /* Centers the images horizontally */
	align-items: center;    /* Centers the images vertically (if you want) */
}

.content-car-per-item img {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	height: auto;
	object-fit: cover;
}

.content-car-per-item > a > img {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	height: auto;
	object-fit: cover;
}

.autoconnect-jeep-test-drive-section {
	background: #06477d;
	padding: 40px;
	margin: 0 auto 20px;
}

.autoconnect-jeep-test-drive-section span {
	font-weight: 500;
}
.autoconnect-wrap-middle-orange {
	background: #f18318;
	padding: 20px;
	position: relative;
}

.autoconnect-terms-program {
	width: 85%;
	margin: 10px auto;
}

/** moorabbin-car **/
.car-feature-details {
	color: #06477d;
}

.car-feature-details ul li {
	font: normal 100 18px 'Gotham SSm A', 'Gotham SSm B';
}

.car-feature-details ul {
	list-style-position: inside;
}

.car-feature-details p {
	margin-bottom: 0;
}

.autoconnect-button-orange {
	background: #f18318;
	color: #fff;
}

.btn-container-inline {
	width: 60%;
}

.btn-container-inline button {
	height: 60px;
	margin-top: 20px;
}

.moorabbin-car-details{
	padding-top: 100px;
}


/** smart car **/
.slick-carousel img {
	width: 100%;        /* Make the carousel take up the full width */
	height: auto;
}

.member-list-img {
	list-style: none; /* Removes the bullet */
	padding: 0; /* Optional: Removes the default padding */
	margin: 0; /* Optional: Removes the default margin */
}

.autoconnect-wrap-middle-lb {
	background: #0B73B6;
	padding: 20px;
	position: relative;
}


/** polestar media **/

@media only screen and (max-width: 600px) {

	.title-autoconnect-mob {
		font-size: 50px;
	}

	.wrap-vehicle-center {
		text-align: center;
	}

	.btn-container-inline {
		width: 100%;
	}

	.detail-wrapper {
		padding: 0;
	}

	.flex-row-item-top {
		width: 100%;
		margin: 0;
		padding-bottom: 28px;
	}

	.form-control-wrapper {
		display: block;
	}

	.form-control-wrapper > .flex-row-item {
		margin: 0;
	}

	.flex-container-bottom {
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	.offer-images-wrapper {
		text-align: center;
		margin-top: 20px;
	}

	.grid-container {
		align-items: center;
		position: relative;
	}

	.image-grid-content {
		display: block;
		margin-left: auto;
		width: 15%;
		padding: 20px;
		position: absolute;
		right: 0;
		top: -15px;
	}

	.grid-item p {
		font-size: 16px;
		text-align: left;
	}

	/*.plus-wrapper {*/
		/*padding: 10px 10px;*/
	/*}*/

	.plus-wrapper p {
		font-size: 9px;
	}

	.plus-wrapper .extras {
		font-size: 8px;
	}
	.plus-image-c {
		margin-right: 30px;
		margin-top: 0;
	}

	.image-grid-content img {
		display: block;
		margin: 5px 0;
	}

	.grid-item img {
		width: 100%;
	}
	.plus-wrapper .grid-first {
		/*flex: 1;*/
	}

	.content-text-wrapper p {
		font-size: 7px;
		width: 69%;
	}

	.plus-image {
		/*max-width: 80px;*/
		margin-right: 10px;
		top: 15px;
	}

	.available-wrapper {
		padding: 34px 0px;
	}

	.link-wrapper {
		width: 90%;
	}

	.box-small {
		margin: 15px 20px;
	}

	.flex-child-bottom:first-child {
		margin-right: 0;
	}

	.align-left {
		width: 60%;
	}

	.align-left p {
		font-size: 16px;
	}

	p.polestar-sub-text {
		font-size: 12px;
	}

	.web-vehicle-wrapper img {
		display: none;
	}

	.mobile-vehicle-wrapper img {
		display: block;
	}

	.costco-shop-card {
		font-size: 1.35rem;
	}
	.vehicle-data-type-wrapper {
		display: block !important;
	}

	.item-data-top {
		margin: 0 0 10px 0 !important;
	}

	.contact-container {
		display: block !important;
	}

	/*** jeep **/
	.content-car-per-item {
		display: block;
	}
	.content-car-per-item img {
		display: block;
		width: 100%;
	}
	.costco-three-wrapper img {
		width: 25px;
		padding: 0;
	}

	.costco-three-wrapper {
		right: 10px;
	}

	.autoconnect-wrap-middle-orange h3,
	.autoconnect-wrap-middle h3 {
		font-size: 14px;
	}

	.autoconnect-wrap-middle-lb ul li,
	.autoconnect-wrap-middle-orange ul li,
	.autoconnect-wrap-middle ul li {
		font-size: 12px;
	}

	.jeep-header-wrapper h1 {
		font-size: 34px;
	}

	.jeep-header-wrapper > .text-content-thin {
		font-size: 12px;
	}

	.jeep-header-wrapper p:first-child {
		font-size: 16px;
	}

	.autoconnect-title-mob h1 {
		font-size: 36px;
	}

	.autoconnect-title-mob h1:nth-child(2) {
		font-size: 30px;
	}

	.below-banner-media{
		font-size: 8px;
		font-weight: lighter;
		padding: 5px;
	}

	.below-banner-media span {
		font-size: 12px;
	}

}

/*** renault **/
.renault-form-wrapper {
	margin-top: 40px;
}
.submit-success-messages{
	text-align: center;
}

.img-pointer-autoconnect-vehicle {
	cursor: pointer;
}

.renault-section-img-wrapper {
	padding-top: 0;
}

/** new vehicle details **/
.autoconnect-customize-vehicle {
	padding-bottom: 2rem;
	width: 500px;
}
.new-vehicle-container select {
	background: #ffffff url("/images/arrowdown.svg") no-repeat right 10px center;
	background-size: 17px 17px;
}
.new-vehicle-container select,
.new-vehicle-container textarea,
.new-vehicle-container input {
	border: 1px solid #4c759d;
	color: #11487c;
	background: #ffffff;
}
.new-vehicle-container {
	margin-top: 50px;
	margin-bottom: 50px;
}
.new-vehicle-container .home-panel-choice-button {
	color: #11487c;
}
.new-vehicle-container .home-panel-choice-button {
	border: solid 2px #11487c;
}
.new-vehicle-container button {
	background: #11487c;
}
.new-vehicle-container .home-panel-choice-button.selected {
	background: #11487c;
	color: #fff;
}
.new-vehicle-container .home-panel-choice-button:hover {
	background: #11487c;
	color: #fff;
}
.new-vehicle-container .home-panel-choice-button.selected.disabled {
	background: #11487c;
}
.new-vehicle-container .home-panel-choice-button.disabled {
	color: #11487c;
}
#new-car-form-added_extras {
	margin-bottom: 0;
	height: 102px;
	padding: 10px;
}
.new-vehicle-container .textarea-placeholder {
	border-bottom: none;
	margin-bottom: -5px;
	padding: 0 10px;
	height: auto;
}
.new-vehicle-container .financing-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.new-vehicle-container .financing-container .financing-container-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
}
.new-vehicle-container .financing-container .home-panel-choice-button {
	width: 200px;
	height: 75px;
}
.new-vehicle-container .finance-calculator-container {
	background: #11487c;
	color: #ffffff;
	padding: 10px;
	border-radius: 20px;
}
.new-vehicle-container #interest-rate-slider .ui-slider-handle,
.new-vehicle-container #deposit-amount-slider .ui-slider-handle {
	width: 50px;
	top: -7px;
	background: #11487c;
}
.new-vehicle-container #interest-rate-slider,
.new-vehicle-container #deposit-amount-slider {
	height: 2px;
	background: #11487c;
	margin-top: 18px;
}
.new-vehicle-container .autoconnect-member-banner {
	max-width: 100%;
	box-shadow: none;
}
.new-vehicle-container .autoconnect-member-banner img {
	height: 70px;
}
.new-vehicle-container .autoconnect-member-banner img {
	height: 70px;
}
.new-vehicle-container .autoconnect-member-banner .banner-content {
	line-height: 20px;
}

/** new vehicle payment **/
.new-vehicle-brand-wrapper {
	margin-top: 50px;
}

.car-detail-wrapper {
	background: #06477d;
	border-radius: 5px;
	margin: 3px;
	min-height: 250px;
}

.car-detail-wrapper-details{
	background: #06477d;
	border-radius: 5px;
	height: auto;
	padding: 35px 0;
	margin: 5px 0 auto !important;
}

.contact-container {
	display: flex;
	justify-content: left;
	color: white; /* Text color */
	align-items: center;
}

.contact-container > .contact-info > .details-right {
	margin-right: 40px;
}

.contact-info {
	margin: 0;
}

.contact-info p {
	font-size: 12px;
	margin: 0;
}

.greenSubmitBtn {
	font-size: 18px;
	background: #03AB55 !important;
}

.greenSubmitBtn:hover, .greenSubmitBtn:active {
	background: #368AC6 !important;
}

/** data top vehicle **/
.vehicle-data-type-wrapper {
	display: flex;
	justify-content: space-around; /* Space items evenly with equal space around them */
}

.item-data-top {
	flex: 1;
	padding: 10px;
}

.set-car-vehicle-icon {
	float: right;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	position: relative;
	top: -7px;
}

.need-help-button {
	display: none;
}

.car-features-wrapper {
	margin-top: 24px;
}

.new-card-design-wrapper {
	padding-top: 0;
}

.select-blue {
	border: 1px solid #4c759d;
}

/*** water craft **/
.features-container {
	display: flex;
	justify-content: flex-start; /* Aligns all columns to the left */
	gap: 8px;
	color: #003c71; /* Matches the blue text color */
}

.features-column {
	flex-grow: 0; /* Prevents columns from stretching */
	flex-shrink: 0; /* Prevents columns from shrinking */
	flex-basis: 30%; /* Sets a custom width (30% of the container width) */
}

.features-column h3 {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.features-column ul {
	list-style-type: disc;
	margin: 0;
	padding-left: 20px;
}

.features-column li {

	line-height: 1.6;
}

@media (max-width: 600px) {
	.features-1 {
		order: 3; /* Change order */
	}

	.features-2 {
		order: 2; /* Change order */
	}

	.features-3 {
		order: 1; /* Change order */
	}

	.detail-wrapper h4 {
		margin: 0;
	}
}

.rotate-up {
	transform: rotate(180deg); /* Rotate the arrow to point up */
	transition: transform 0.3s ease; /* Smooth rotation animation */
}

/** search page **/
.inside-banner-search-container-1{
	position: absolute;
	width: 420px;
	padding: 20px;
	bottom: 15%;
	text-align: left;
}

.box-customizer-btn {
	padding: 12px 80px;
	background: #06477d;
	color: white;
	border-radius: 2px;
	height: auto;
}

.box-customizer-btn:hover {
	background-color: #f18318;
	color: white;
	cursor: pointer;
}

.size-btn-available {
	display: block;
	width: 330px;
	padding: 10px !important;
	margin: 0 auto;
	text-align: center;
	height: 45px;
}

@media (max-width: 1024px) {
	.inside-banner-search-container-1{
		width: 50%;
	}
}

@media (max-width: 900px) {
	.inside-banner-search-container-1{
		width: 100%;
		text-align: center;
		padding: 0;
		bottom: 0;
		position: absolute;
	}

	.autoconnect-banner-search {
		height: 45vh;
		background-image:
				linear-gradient(to top, rgba(243, 246, 252, 1) 30%, rgba(243, 246, 252, 0) 100%),
		url(/images/autoconnect/placeholders/banner_search_1.png);
		background-size: cover;
		background-position: center;
	}
}

@media (max-width: 900px) {
	.box-customizer-btn {
		padding: 10px;
	}
}

@media (max-width: 400px) {
	.size-btn-available {
		width: 100%;
		height: auto;
	}
}

/** broker VPA **/
.autoconnect-broker-banner {
	position: relative;
	background-image:
			linear-gradient(to top, #000 0%, rgba(243, 246, 252, 0) 40%),
			url(/images/autoconnect/placeholders/banner_search_1.png);
	background-size: cover;
	background-position: top;
	height: 90vh;
}
.text-broker-banner {
	position: absolute;
	width: 420px;
	padding: 20px;
	bottom: 15%;
	text-align: left;
}

.front-broker-text h1, .front-broker-text h2 {
	color: #fff;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 1.3);
}

.broker-layer-2-images {
	width: 100px !important;
	height: 100px;
}

/** 2rd layer **/

.benefits-broker{
	background-color: #0C3572;
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	padding: 5rem 0;
}

/** 3rd layer **/

.section-steps {
	padding: 60px 20px;
	text-align: center;
}

.timeline {
	display: flex;
	justify-content: space-between;
	align-items: stretch; /* 👈 Ensures all children stretch to same height */
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}

.broker-steps {
	background: #fff;
	padding: 0 10px;
	text-align: center;
	width: 16%;
	position: relative;
	z-index: 1;
}

.circle-broker {
	width: 50px;
	height: 50px;
	background: #06477d;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px auto 15px auto;
	font-size: 20px;
	font-weight: bold;
}

.broker-steps h4 {
	margin-bottom: 8px;
	font-size: 1rem;
	font-weight: 600;
}

.broker-steps p {
	font-size: 0.9rem;
	color: #4b5563;
}

/** 4th layer **/

.pricing-container {
	display: flex;
	align-items: center;
	gap: 0;
	max-width: 800px;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}

.pricing-card {
	background: white;
	padding: 40px 30px;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	flex: 1;
	position: relative;
}

.pricing-card:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.pricing-card:last-of-type {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.price {
	font-weight: 700;
	color: #2d3748;
	margin-bottom: 8px;
}

.price-label {
	color: #718096;
	margin-bottom: 4px;
	font-weight: 500;
}

.price-note {
	color: #a0aec0;
	font-style: italic;
	line-height: 1.4;
}

.plus-connector {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: white;
	border: 2px solid #e2e8f0;
	border-radius: 50%;
	position: relative;
	z-index: 10;
	flex-shrink: 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.plus-icon {
	width: 24px;
	height: 24px;
	position: relative;
	color: #4a5568;
}

.plus-icon::before,
.plus-icon::after {
	content: '';
	position: absolute;
	background-color: currentColor;
	border-radius: 1px;
}

.plus-icon::before {
	width: 24px;
	height: 2px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.plus-icon::after {
	width: 2px;
	height: 24px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.note {
	text-align: center;
	color: #4a5568;
	margin-top: 32px;
	line-height: 1.5;
	width: 100%;
	flex-basis: 100%;
	order: 3;
}


/* Hover effects */
.pricing-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	transition: all 0.3s ease;
}

.plus-connector:hover {
	border-color: #cbd5e0;
	transform: scale(1.1);
	transition: all 0.3s ease;
}

/** LAST form **/
.signup-section {
	background-color: #f0f4ff;
	padding: 60px 20px;
	text-align: center;
}

.signup-section > .form-container {
	max-width: 600px;
	margin: 0 auto;
	background: #ffffff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	text-align: left;
}

.aggregator-select, .aggregator-select option {
	font-size: 12px;
}

.message-alert-broker {
	padding: 5px;
	background: #dff0d8;
}

.message-alert-broker-error {
	padding: 5px;
	background: #f2dede;
}

.select-box-display {
	display: block;
}

.error-message {
	color: red;
}

.signup-section-user {
    padding: 60px 20px;
    text-align: center;
    height: auto;
}

.signup-section-user > .form-container {
	max-width: 600px;
	margin: 0 auto;
	background: #ffffff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	text-align: left;
}

@media (max-width: 768px) {
    .timeline {
        flex-direction: column;
        align-items: center;
    }

	.broker-steps  {
		width: 100%;
		margin-bottom: 40px;
	}

	.broker-steps ::before {
		display: none;
	}

	/** 4th layer only **/
	.pricing-container {
		flex-direction: column;
		gap: 20px;
	}

	.pricing-card {
		border-radius: 16px !important;
		width: 80%;
		padding: 30px 20px;
	}

	.plus-connector {
		width: 50px;
		height: 50px;
	}

	.plus-icon {
		width: 20px;
		height: 20px;
	}

	.plus-icon::before {
		width: 20px;
	}

	.plus-icon::after {
		height: 20px;
	}

}

@media only screen and (min-width: 992px) {
	.benefits-broker {
		clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
		padding: 12rem 0;
	}


}

@media only screen and (max-width: 600px) {
	.front-broker-text h1 {
		font-size: 1.7rem;
	}

	.front-broker-text h2 {
		font-size: 1rem;
	}

	.text-broker-banner {
		position: relative;
		width: 100%;
		padding: 0;
	}

	.autoconnect-broker-banner {
		height: auto;
	}

	.benefits-broker {
		clip-path: none;
	}
}

/*** leap motor ***/


.specs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
	justify-content: center;
	gap: 20px;
	margin-top: 40px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.spec-item {
	background: #fff;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 16px;
	padding: 24px;
	text-align: center;
	transition: all 0.3s ease;
}

.spec-item:hover {
	transform: translateY(-5px);
}

.spec-value {
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.spec-label {
	font-size: 1rem;
	font-weight: 500;
}

@media (max-width: 768px) {
	.specs {
		grid-template-columns: 1fr;
	}
}

.container-leapmotor {
	position: relative;
	z-index: 2;
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: #1D222B;
}

.hero-section {
	text-align: center;
	max-width: 800px;
}

.brand-logo {
	font-size: 2.5rem;
	font-weight: 800;
	background: linear-gradient(135deg, #679C43 0%, #5a8238 50%, #4a7230 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 1rem;
	animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
	from { filter: drop-shadow(0 0 20px rgba(0, 245, 255, 0.3)); }
	to { filter: drop-shadow(0 0 40px rgba(0, 245, 255, 0.6)); }
}

.hero-title {
	font-size: 2.5rem;
	font-weight: 900;
	color: white;
	margin-bottom: 1.5rem;
	line-height: 1.1;
	animation: slideUp 1s ease-out;
}

.hero-subtitle {
	font-size: 1.3rem;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 3rem;
	animation: slideUp 1s ease-out 0.2s both;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.cta-container {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	align-items: center;
	animation: slideUp 1s ease-out 0.4s both;
}

.cta-button {
	position: relative;
	padding: 1.5rem 3rem;
	font-size: 1.2rem;
	font-weight: 700;
	text-decoration: none;
	color: white;
	background: linear-gradient(135deg, #679C43 0%, #4a7230 100%);
	border-radius: 50px;
	box-shadow: 0 20px 40px rgba(103, 156, 67, 0.3);
	transition: all 0.3s ease;
	overflow: hidden;
	min-width: 200px;
	text-align: center;
	display: block;
}

.cta-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left 0.5s;
}

.cta-button:hover::before {
	left: 100%;
}

.cta-button:hover {
	transform: translateY(-5px);
	box-shadow: 0 30px 60px rgba(103, 156, 67, 0.5);
	background: linear-gradient(135deg, #7eb24f 0%, #5a8238 100%);
}

.cta-button.secondary {
	background: rgba(255, 255, 255, 0.1);
	border: 2px solid rgba(103, 156, 67, 0.5);
	backdrop-filter: blur(10px);
}

.cta-button.secondary:hover {
	background: rgba(103, 156, 67, 0.1);
	border-color: #679C43;
	box-shadow: 0 20px 40px rgba(103, 156, 67, 0.2);
}

.disclaimer {
	margin-top: 4rem;
	max-width: 800px;
	padding: 2rem;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.5;
	animation: slideUp 1s ease-out 0.8s both;
}

@media (max-width: 768px) {
	.hero-title {
		font-size: 2rem;
	}

	.hero-subtitle {
		font-size: 1.1rem;
	}

	.cta-button {
		min-width: 200px;
		padding: 1.2rem 2rem;
		font-size: 1.1rem;
	}

	.features-grid {
		grid-template-columns: 1fr;
		margin-top: 3rem;
	}

	.cta-container {
		flex-direction: column;
	}
}

/* Glassmorphism effect */
.glass {
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Pulse animation for emphasis */
/* Pulse animation for emphasis */
.pulse {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(103, 156, 67, 0.4); }
	70% { box-shadow: 0 0 0 10px rgba(103, 156, 67, 0); }
	100% { box-shadow: 0 0 0 0 rgba(103, 156, 67, 0); }
}
