@charset "UTF-8";
/* CSS Document */
/* Thin Font
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
*/

/* Light Font
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
*/

/* Regular Font
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
*/

/* Bold Font
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
*/
body {
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	background:#FFFFFF;
	margin:0px;
	padding:0px;
}
h1 {font-size:48px;}
h3 {margin-top:-30px;}
a {color:#00274E;}
.logo {padding-top:20px; margin:auto; display:block;}
.col2 {width:50%; float:left;}
.col2 img {with:100%; display:block; margin:auto;}


.cert {
	text-align:center;
		
}


.products {
	width:100%;
	margin:auto;
}
.products img {width:100%;}
.container {width:100%; height:auto; overflow:auto;}
.bg-blue {background:#1C507F; padding:20px 0px; color:#FFFFFF; margin:0px auto 30px auto;}
.bg-car {width:33.33%; min-height:300px; float:left; position:relative;}
.bg-car div {width:100%; text-align:center; position:absolute; bottom:0px; background:#000000; color:#FFFFFF;}
.bg-car div h2 {width:95%; font-size:18px;}
.elantra {background:url(../images/bg-17elantra.jpg) no-repeat; background-size:cover;}
.santafe {background:url(../images/bg-17santafe.jpg) no-repeat; background-size:cover;}
.sonatra {background:url(../images/bg-16sonata.jpg) no-repeat; background-size:cover;}
header {
	background:#FFFFFF;
	border-bottom:10px solid #00274E;
	padding:0px;
	margin:0px;
	overflow:auto;
}
header ul {
	margin:0px auto;
	display:block;
	text-align:center;
	padding:5px 0px;
}
header ul li {
	display:inline-block;
	color:#00274E;
}
.wrapper {
	width:95%;
	max-width:900px;
	margin:auto;
}

.disclaimer {
	width:95%;
	max-width:900px;
	margin:auto;
	text-align:left;
	padding:10px 0px;
	font-family:helvetica, arial, sans serif;
	font-size:14px;
	overflow:auto;
}
#desk-cert {width:90%; max-width:1037px;}

/* Form */
.form {
	width:100%;
	max-width:400px;
	margin:0px auto 30px auto;
	display:block;
	float:left;
}
input, textarea {
	width:100%!important;
	max-width:400px;
	height:35px;
	display:block;
	margin:5px auto;
	padding:5px;
	color:#000000;
	font-size:14px;
}
label {
	width:100%!important;
	max-width:400px;
	display:block;
	margin:auto;
	font-size:14px;
	color:#B3B3B3;
	text-align:center;
}
input:focus, textarea:focus {
	outline:none;
	background:#EEEEEE;
	color:#000000;
}
input[type="submit"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	background:#1C507F;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-size:24px;
	color:#FFFFFF;
	width:100%;
	height:50px!important;
	-webkit-transition:background, width, color, .5s;
	transition:background, width, color, .5s;
}
input[type="submit"]:hover {
	background:#1C507F!important;
	color:#eeeeee!important;
	width:85%!important;
}

textarea {height:125px!important;}
table {
	width:95%;
	margin:0 auto;
}
#InsertRecordattachment {color:#fff;}
.mobilebanner {display:none;}
table tbody tr td p {color:#fff;}

#tablet-cert, #mobile-cert {display:none;}
/* large desktop */
@media screen and (min-width: 1600px) {
}
@media screen and (min-width: 1250px) {
	.bg-car {width:33.33%; min-height:300px; float:left; background-position:bottom;}
	.elantra {background:url(../images/bg-17elantra.jpg) no-repeat; background-size:125%; background-position:bottom;}
	.sonatra {background:url(../images/bg-16sonata.jpg) no-repeat; background-size:125%; background-position:bottom;}
	.santafe {background:url(../images/bg-17santafe.jpg) no-repeat; background-size:125%; background-position:bottom;}
}
/* Tablet */
@media screen and (max-width: 855px) {
	.mobilebanner {background:#00274E; color:#fff; font-weight:900;text-align:center; display:block; width:100%; padding:10px 0px 3px 0px;}
	.leftcontent {width:100%;}
	#gary {display:block; margin:auto;}
	aside {width:95%; max-width:500px; float:none; display:block; margin:auto;}
	.special, .special img {display:block; margin:auto;}
	.logo {width:95%; max-width:335px; margin:auto; display:block; float:none;}
	header ul {float:none; margin:auto;}
	header ul li {display:block; margin:auto; text-align:center; font-size:18px;}
	header ul li span {display:none;}
	.col2 {width:100%;}
	.bg-car {width:100%;}
	.form {width:100%;max-width:400px;margin:auto;display:block;float:none;}
	#desk-cert, #mobile-cert {display:none;}
	#tablet-cert {display:block; margin:auto; width:90%; max-width:800px;}
	
}

@media screen and (max-width: 480px) {
	#tablet-cert {display:none;}
	#mobile-cert {display:block; margin:auto; width:90%; max-width:300px;}
	
}