@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'GenesisSansHead-Light';
    src: url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansHead-Light.eot');
    src: url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansHead-Light.eot?#iefix') format('../embedded-opentype'),
    url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansHead-Light.woff') format('woff'),
    url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansHead-Light.ttf') format('truetype'),
    url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansHead-Light.svg#GenesisSansHead-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GenesisSansText-Regular';
    src: url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansText-Regular.eot');
    src: url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansText-Regular.eot?#iefix') format('../embedded-opentype'),
    url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansText-Regular.woff') format('woff'),
    url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansText-Regular.ttf') format('truetype'),
    url('/etc/designs/genesis/us/css/genesispremium/global/fonts/GenesisSansText-Regular.svg#GenesisSansText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.crm-static-footer {
 	position:fixed;
	bottom:0;
 }
#content .crm-form h2.title{
	font: 50px/62px 'GenesisSansHead-Light';
}
#content .crm-form h3.subtitle{
	font: 16px/20px 'GenesisSansText-Regular';
	width: 435px;
	margin: 0 auto;
	padding: 25px;
}
#content .crm-form hr {
	border-bottom: 1px solid #E6E6E6;
}
#content .crm-form hr.border2 { 
	border-bottom: 2px solid #E6E6E6;
}
#content .contactinfo .form-group.not-required::before, #content .contactinfo .form-group.not-required::after {
	border-width: 0px;
}
#content .crm-form .form-group label {
	font: 16px/20px 'GenesisSansText-Regular';
}
#content .crm-form .contactinfo .form-control {
	height: 51px;
}
#content .contactinfo .form-group.half {
	width: 47.95%;
	float: left;
}
#content .crm-form .send_email .form-group .terms section {
    line-height: 28px;
}
#content .crm-form .send_email_container,
#content .crm-form .success-content {
    display: none;
}
#content .crm-form .contactinfo .form-group::before,
#content .crm-form .contactinfo .form-group::after {
	top: 36px;
	z-index: 1;
}
#content .crm-form .vehicles {
	display: flex;
	flex-wrap: wrap;
}
#content .crm-form .vehicles .model input {
	display: none;
}
#content .crm-form .vehicles .clearfix {
	margin: 15px;
}
#content .crm-form .vehicles .model input[type=checkbox]+label::before{
	content: ""; 
    width: 30px; 
    height: 30px; 
    position: absolute; 
    left: 30px;
    top: 12px;
    padding: 0px;
    background-image: url(/content/dam/genesis/us/com/icon/unchecked-checkbox.svg);
    background-repeat: no-repeat;
}
#content .crm-form .vehicles .model label{
	border: 1px solid #A1A1A1;
    padding: 40px 20px 20px;
    text-align: center;
    height: 100%;
    width: 100%;
}
#content .crm-form .vehicles .model:last-child label {
    margin-right: 0px;
}
#content .crm-form .vehicles .model label img {
	width: 100%;
	max-width: 420px;
}
#content .crm-form .vehicles .model label span {
	display: block;
}
#content .crm-form .vehicles .model label .vehicle-name {
	font: 18px/23px 'GenesisSansText-Regular';
	color: #000000;
	/* margin-top: 20px; */
}
#content .crm-form .vehicles .model label .model-name {
	font: 14px/18px 'GenesisSansText-Regular';
	color: 	#4A4A4A;
    text-transform: uppercase;
}
#content .crm-form .vehicles .model input[type=checkbox]:checked+label::before{ 
    background-image: url(/content/dam/genesis/us/com/icon/checked-copper-checkbox.svg);
}
#content .crm-form .vehicles .model label.selected {
	border: 1px solid #804033;
}
#content .crm-form .vehicles .model input[type=checkbox]:checked+label .vehicle-name {
	color: #804033;
}
.form-success-message .form-success-content {
	width: 400px;
	display: table;
    margin: 200px auto 184px;
}
.form-success-message .form-success-content span.img {
	display: table-cell;
    padding-right: 30px;
}
.form-success-message .form-success-content p {
	font: 20px/30px 'GenesisSansText-Regular';
	display: table-cell;
    padding: 0 !important;
    vertical-align: middle;
}

.margintop25 {
	margin-top: 25px;
}
.margintop40 {
	margin-top: 40px;
}
.dropdown {
    height: 51px;
    width: 100%;
	float: left;
	z-index: 2;
}
#content .crm-form .contactinfo .form-group.select-state::before, #content .crm-form .contactinfo .form-group.select-state::after {
	z-index: 2;
}
.dropdown ul {
	border: 1px solid #C4C6CA;
}
.dropdown ul li {
	background-color: #fff;
	font: 14px/49px 'GenesisSansText-Regular';
	width: 100% !important;
}
.caret-d {
    margin-top: 11px;
}
.caret-d i {
    font-size: 2em;
}
.primary {
	min-width: 160px;
	margin-bottom: 100px;
}
.privacy-policy {
	font: 14px/20px 'GenesisSansText-Regular';
	color: #888888;
	margin-bottom: 50px;
	text-align: center;
}
.privacy-policy .policy-link a {
	color: #804033;
	text-decoration: underline;
}

/****************CRM VLP Start ******************/
.margintop20 {
	margin-top: 20px;
}
.crm-inline.crm-inline-form {
	clear: both;
	background-color: #F7F7F7;
}
.crm-inline.crm-inline-form #content .crm-form {
	width: 960px;
}
#content .crm-form .crm-vlp h2.title {
	color: #4A4A4A;
}
#content .crm-form .crm-vlp h3.subtitle{
	width: 100%;
}
#content .crm-form .crm-vlp .primary {
	font: 16px/40px 'GenesisSansText-Regular';
    line-height: 40px;
    margin: 40px 20px 40px 0px;
    padding: 0px 20px;
    color: #fff;
    background: #000;
    outline: 0;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: button;
    border:1px solid #f7f7f7;
}
#content .crm-form .crm-vlp .contactinfo,
#content .crm-form .crm-vlp .form-group label {		
	margin-bottom: 0px;		
}
#content .crm-form .crm-vlp .contactinfo .form-control{
    border: 1px solid #C4C6CA;
    box-shadow: none;
    border-radius: 0;
    color: #888888;
    padding-left: 18px; 
    padding-right: 18px;
    line-height: 30px;	
}
#content .crm-form .crm-vlp .contactinfo .form-control:focus{
	border: 1px solid #000000;
	color: #000000;
}
#content .crm-form .crm-vlp .contactinfo .form-control:disabled{
	border: 1px solid #C4C6CA;
	color: #C4C6CA;
}
#content .crm-form .crm-vlp .contactinfo .form-group.half {
	padding-bottom: 20px;
    margin: 0;
    position: relative;
}
#content .crm-form .crm-vlp .form-fail {
	font: 14px/20px 'GenesisSansText-Regular';
	color: #804033;
	margin-top: 40px;
	display: none;
}
#content .crm-form .crm-vlp .contactinfo .form-group::before,
#content .crm-form .crm-vlp .contactinfo .form-group::after {
    content: '';
    position: absolute;
    top: 28px;
    left: 5px;
    border-color: transparent;
    border-style: solid;
    z-index: 1;
}
#content .crm-form .crm-vlp .contactinfo .form-group::before {
    border-width: .22em;
    border-left-color: #ccc;
    border-top-color: #ccc;
}
#content .crm-form .crm-vlp .contactinfo .form-group::after {
    border-width: 3px;
    border-left-color: #804033;
    border-top-color: #804033;
}
#content .crm-form .crm-vlp h2.title {
	padding-top: 75px;
	padding-bottom: 0px;
    margin-bottom: 0px;
}
#content .crm-form .crm-vlp .form-success-message .form-success-content {
	margin-top: 150px;
}
/****************CRM VLP End ******************/


/****************Media Query Start ******************/
@media screen and (min-width: 993px) and (max-width:1024px) {
	#content .crm-form .col-md-4 {
		width: 33.2%;
	}
}


@media screen and (min-width: 768px) and (max-width:992px) {
	#content .crm-form .col-sm-4 {
		width: 33.2%;
	}
	.crm-inline.crm-inline-form #content .crm-form {
		width: 100%;
	}
}


@media only screen and (max-width: 767px) {
    .crm-static-footer {
 		position:relative;

 	}
	.send_email .margintop40 {
		margin-top: 25px;
	}
	.margintop25 {
		margin-top: 0px;
	}
	#content .crm-form h2.title{
		font: 36px/44px 'GenesisSansHead-Light';
		padding: 10px;
	}
	#content .crm-form h3.subtitle{
		font: 14px/20px 'GenesisSansText-Regular';
		width: 100%;
		padding: 0px 50px;
	}
	#content .crm-form hr.border2 {
		display: none;
	}
	#content .crm-form .sel_time .form-group label {
		width: 70%;
	}
	#content .crm-form .primary,
	#content .crm-form .crm-vlp .primary {
	    min-width: 100%;
		margin-top: 25px;
	}
	#content .crm-form .crm-vlp .form-fail {
		margin-top: 25px;
	}
	#content .crm-form .contactinfo .form-group.half {
		width: 100%;
	}
	#content .crm-form .form-group.form-sel-opt {
		padding-bottom: 40px;
	}
	#content .crm-form .send_email .form-group .terms section {
		margin-top: -5px;
		line-height: 20px;
	}
	#content .crm-form .vehicles .model label {
		padding-bottom: 0px;
	}
	#content .crm-form .vehicles .model label .vehicle-name {
		font-size: 14px;
		line-height: 18px;
	}
	#content .crm-form .vehicles .model label .model-name {
		font-size: 10px;
		line-height: 13px;
	}
	#content .crm-form .vehicles .model label span.half {
		width: 48%;
		float: left;
		height: 100%;
	}
	#content .crm-form .vehicles .model label span.half.desc {
		float: right;
		padding: 6% 0;
	}
	.form-success-message .form-success-content {
		width: 100%;
		margin: 80px auto 160px;
		text-align: center;
	}
	.form-success-message .form-success-content span.img {
		display: table-row;
	    padding: 0;
	}
	.form-success-message .form-success-content p {
		font: 16px/26px 'GenesisSansText-Regular';
		display: inline-block;
		width: 250px;
	    margin-top: 20px;
	}
	.privacy-policy {
		width: 330px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.crm-inline.crm-inline-form #content .crm-form {
		width: 100%;
	}
}


@media only screen and (max-width: 767px) and (orientation: landscape) {
	#content .crm-form .vehicles .model label span.half.desc {
		padding: 9% 0;
	}
}


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

}


@media only screen and (max-width: 375px) {
	#content .crm-form .crm-vlp h3.subtitle {
	    padding: 0px 28px;
	}
}


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


@media only screen and (max-width: 320px) {
	#content .crm-form h3.subtitle{
		padding: 0px;
	}
	#content .crm-form .sel_time .form-group label {
		width: 85%;
	}
}
/****************Media Query End ******************/

@media (hover:hover) {
	#content .crm-form .crm-vlp .primary:hover {background-color: #fff; border:1px solid #f7f7f7;color:#000000;}
}