/**********************************************************
*   @OME CLASSES
***********************************************************/
.gua-dealer-oem-heading {
  display: inline-block;
  width: 100%;
  text-transform: none;
  font-size: 22px;
  line-height: 22px;
  padding-bottom: 10px;
}
.gua-dealer-oem-subheading {
  display: inline-block;
  width: 100%;
  color: #39536C;
  font-size: 18px;
  text-transform: none;
  line-height: 20px;
  padding-bottom: 10px;
}
#SkipSubmitInputs input {
  font-size: 15px;
  color: #007fae;
  border: none;
  background-color: transparent;
}
#post_action_spifi_oem, form fieldset {
  padding-top: 20px;
}
#post_action_spifi_oem legend{ margin-bottom: 0px;}

@media (max-width: 800px) {
  #Make {
    margin-top: 0px;
  }
}


@media (max-width: 815px) {

  .gua-dealer-oem-subheading {
	  font-size: 16px;
  }
  .gua-dealer-oem-heading {
	  font-size: 20px;
  }
}
/**********************************************************
*   END @OME CLASSES
***********************************************************/

.application-wrapper .tp-box{ margin-bottom: 30px !important;}



body {
	font-family: Arial;
}

/***************************************************************
	NAV
****************************************************************/
.nav {
	background: #FFF;
	padding: 5px 0;
}

.nav .ace-logo {
	width: 219px;
padding-top: 5px;
}

.nav .partner-logo {
	position: relative;

}
.contain-box{width: 60%;}
@media(max-width: 768px) {
	.nav .ace-logo,
	.nav .partner-logo {
		width: 100%;
		max-width: 215px;
	}

	.nav .partner-logo {
		top: 1px;
	}
	
	.contain-box{width: 100%;}
}


/***************************************************************
	TOP CTA
****************************************************************/
.top-cta {
	height: 450px;
	background: #76acd2;
	box-shadow: inset 0 1px 5px rgba(0,0,0,.3);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59819e+0,76acd2+25,76acd2+50,76acd2+75,59819e+100 */
	background: -moz-linear-gradient(left,  #59819e 0%, #76acd2 25%, #76acd2 50%, #76acd2 75%, #59819e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #59819e 0%,#76acd2 25%,#76acd2 50%,#76acd2 75%,#59819e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #59819e 0%,#76acd2 25%,#76acd2 50%,#76acd2 75%,#59819e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59819e', endColorstr='#59819e',GradientType=1 ); /* IE6-9 */
	position: relative;
}

.top-cta.app-page {
	height: auto;
}

.top-cta .heading {
	display: block;
	color: #FFF;
	font-family: 'Signika';
	font-weight: 600;
	font-size: 42px;
	line-height: 45px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.25);
	margin-top: 100px;
}

.top-cta.app-page .heading {
	margin-top: 50px;
	font-size: 36px;
	line-height: 36px;
}

.top-cta .desc {
	display: block;
	font-size: 24px;
	line-height: 26px;
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 50px;
	max-width: 100%;
}

.top-cta .desc i {
	font-style: normal;
	color: #f8e081;
}

.top-cta.app-page .desc {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 30px;
}

.top-cta .btn {
	width: 100%;
	max-width: 330px;
	background: #94c538;
	color: #FFF;
	font-family: 'Signika';
	font-weight: 600;
	font-size: 24px;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93c437+12,6f9f18+100 */
	background: -moz-linear-gradient(top,  #93c437 12%, #6f9f18 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #93c437 12%,#6f9f18 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #93c437 12%,#6f9f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c437', endColorstr='#6f9f18',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 2px 2px 3px rgba(0,0,0,.25);
	border: 0;
	padding: 13px 0;
}

.top-cta .btn:hover {
	background: #6d9d16;
}

.top-cta .woman {
	display: block;
	position: absolute;
	top: -16px;
	right: 0;
	width: 520px;
}

@media (max-width: 768px) {
	.top-cta {
		height: auto;
	}
	.pad{padding-bottom: 5%;}
	.top-cta .heading {
		margin-top: 30px;
		font-size: 34px;
		line-height: 36px;
	}

	.top-cta .desc {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 40px;
		max-width: 100%;
	}
}

/***************************************************************
	STEPS
****************************************************************/
.steps {
	display: block;
	width: 100%;
	max-width: 1170px;
	height: 84px;
	background: #f0f0f0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	border: 3px solid #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	padding: 13px 30px 0;
	margin-top: 85px;
	position: relative;
}

.step {
	float: left;
	display: block;
	width: 33.3333%;
	padding: 0 50px;
	text-decoration: none !important;
	position: relative;
}

.step .number {
	display: block;
	width: 51px;
	height: 51px;
	background: #a9a9a9;
	color: #FFF;
	font-family: 'Signika';
	font-size: 42px;
	line-height: 51px;
	text-align: center;
	border-radius: 5px;
	float: left;
	margin-right: 20px;
}

.step .bold {
	font-family: 'Signika';
	font-size: 18px;
	line-height: 18px;
	color: #000;
}

.step .description {
	font-size: 14px;
	line-height: 14px;
	opacity: .65;
	margin-top: -10px;
	color: #000;
}

.step.faded { opacity: .6; }

.step.divider:after {
	content: '';
	display: block;
	width: 45px;
	height: 75px;
	background: url(images/steps-divider.png);
	position: absolute;
	top: -10px;
	right: 0;
}

@media (max-width: 1200px) {
	.steps {
		padding: 10px 0 0 0;
	}
}

@media (max-width: 992px) {
	.steps {
		margin-top: 50px;
		padding: 10px 0 0 0;
	}

	.step {
		padding: 0 30px 0 10px;
	}

	.step .description { font-size: 12px; }
}


/***************************************************************
	CONTENT
****************************************************************/
.content {
	padding-top: 85px;
	color: #525050;
	padding-bottom: 50px;
}

.content.app-page {
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.content.secure {
	padding: 0;
	margin: 0;
	margin-top: -20px;
}

.content p,
.content ul {
	font-size: 14px;
	line-height: 18px;
}

.content .heading {
	display: block;
	font-family: 'Signika';
	font-size: 24px;
	line-height: 28px;
	color: #3e8fcd;
	margin-bottom: 20px;
}

.content .divider {
	display: block;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
}

.content .first-divider {
	margin-top: -5px;
	margin-bottom: 40px;
}

.content .second-divider {
	margin-top: 35px;
	margin-bottom: 40px;
}

.content .macbook {
	margin-bottom: 30px;
}

.content .bbb {
	height: 30px;
	position: relative;
	top: -4px;
}

.content .btn {
	border: 1px solid #98ca3c;
	color: #98ca3c;
	margin-left: 30px;
	font-size: 18px;
}

@media (max-width: 992px) {
	.content .explorer,
	.content .macbook {
		max-width: 100%;
	}

	.content .first-divider {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.content .second-divider {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
		.content { padding-top: 40px; }

	.content .explorer {
		margin-bottom: 20px;
	}

	.content .btn {
		margin-left: 0;
		margin-bottom: 30px;
		display: block;
	}
}


.tp {
	background: #fbfaf5;
	padding: 50px 0;
}

@media (max-width: 600px) {
.top-cta {
	height: auto;}
	.pad{padding-bottom: 8%;}

}


@media (max-width: 480px) {
.top-cta {
		height: auto;
	}
}