body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333;
	background:#fff;
}



.under {
	text-decoration:underline;
}

.red {
	color:#FF0000;
}

::-webkit-input-placeholder { opacity: 1; color: #000; } /* gray80 */
:-moz-placeholder           { opacity: 1; color: #000; } /* Firefox 18- (one color)*/
::-moz-placeholder          { opacity: 1; color: #000; } /* Firefox 19+ (double colons) */
:-ms-input-placeholder      { opacity: 1; color: #000; }



h1 {
	font-weight:normal;
}



a {
	color:#000;	
	text-decoration:none;	
}


.clear {
	clear:both;
}

.clear:before {
  display: table;
  content: " ";
}

.clear:after {
  clear: both;
}


.txt-right {
	text-align:right;
}

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

.txt-center {
	text-align:center;
}


.left {
	float:left;
}

.right {
	float:right;
}



.cnt {
position:relative;
width:95%;
margin:0 auto; 
}

.cnt p {
	margin:0;
	padding:0 0 1.5em 0;
	line-height:1.5;
}

#header::after, #main-image::after , .box-cnt::after, #box-test .test::after, #footer::after {
	clear:both;
	display:table;
	content:'';
}

#header {
	background:#137db3;
	height:auto;
/*	position:fixed;*/
	border-bottom:7px solid #696969;
	width:100%;
	z-index:10000;
}

.gap {
	height:6em;
		background:#137db3;
}

#logo-all {
position:relative;
background:#137db3;
/*height:94px;
width:496px;*/
text-align:center;
margin:0 auto;
	width:90%;
}

.triange {
display:none;
}

/*#logo img {
	width:100%;
	height:auto;
	max-width:465px;
}
*/

#logo {
	margin:9px 0 0 14px;
	background:url(images/logo.gif) 50% 0 no-repeat #fff;
	width:100%;
	height:auto;
	max-width:465px;
/*	max-width:465px;*/
/*	width:465px;
	height:72px;*/
	margin:0 auto;
	background-size:90%;
}

#logo .logo-txt {
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

	padding:15% 0 1% 0;
	text-align:center;
/*	background:#fff;*/
	height:20px; 
}

#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav li {
display:block;
padding:0 0 0.5em 0;
font-size:1.2em;
text-align:center;
}

#nav a {
	color:#fff;
}

#social {
	text-align:center;
}

#social a {
	color:#fff;
	font-weight:bold;

}

#social .soc-left a {
	padding:0 0.2em;	
}

#main-image .cnt {
	width:100%;
}

#opt-box {
background:#137db3;
width:100%;
color:#000;
border-bottom:1px solid #000;
}

#opt-box .cnt-opt {
padding:10px;	
margin:0 auto;
}



#opt-box .hdr {
color:#fff;
text-align:center;
padding:40px 0 20px;
}

#opt-box h3, 
#opt-box h4, 
#opt-box h5,
img	 
{color:#fff; padding:0 0 15px 0; margin: 0; line-height:1;}

#opt-box h3 {font-size:28px;}
#opt-box h4 {font-size:24px;}
#opt-box h4 a {color:#fff;}
#opt-box h4 a:hover {color:#000;}
#opt-box h5 {font-size:18px;  text-transform:uppercase;}
#opt-box h5.black {color:#000;}

/* #opt-box .hdr-1 {
	font-weight:800;
	font-size:1.2em;
}

#opt-box .hdr-3 {
	font-weight:800;
	font-size:1.1em;
	background:url(images/triangle-3.gif) 100% 100% no-repeat;
}
#opt-box .hdr-3 .min {
	font-size:0.8em;
	font-weight:400;

} */


#opt-box .triangle-all {
display:none;
}


#main-image .txt {
		line-height:1;
		width:90%;
		margin:0 auto;
}

#main-image .txt-1 {
	font-size:2.92em;
		font-weight:800;
		padding:1em 0 0.5em 0;
}

#main-image .txt-2 {
	font-size:1.72em;
	font-weight:800;
	color:#137db3;
					padding:0 0 0.5em 0;	
}

#main-image .txt-3 {
	font-size:1.72em;		
		color:#137db3;
}

#main-image .txt-4 {
				padding:2.5em 0 ;		
}

#main-image ul {
padding:0;
margin:0;
list-style:none;	

}

#main-image li {
	background:url(images/ico-list.gif) 0 5px no-repeat;
	padding:0 0 0.5em 1.5em;
	margin:0;
	font-size:1.21em;
}


#main-as-seen {
	background:#000;
	color:#fff;
/*	line-height:60px;*/
	font-size:1.72em;
}

#main-as-seen .txt {
	float:none;
	width:100%;
	text-align:center;
}

#main-as-seen .txt-1 {
	font-size:1em;
	height:1.1em;
}

#main-as-seen .txt-2 {
	font-size:0.6em;
}

#main-as-seen .cnt {
	padding:5px 0 ;
}

#main-as-seen img {
/*	vertical-align:middle;*/
	padding:5px 0 0 12px;
}

#box-meet-dr-coad, #box-test, #box-faq, #box-financing, #box-footer {
	background:#137db3;
	padding:2.3em 0;
}

.box, .box-3 {
	border-radius:10px;
	background:#fff;
	padding:2em;
}
.box h1 {
	font-size:1.5em;
	padding:0 0 0.5em 0;
	margin:0;
	font-weight:800;
	text-transform:uppercase;
	color:#333;
}
.btn-all {
	background:#fff;
	padding:2em 0;
}
.btn {
	width:90%;
	margin:0 auto;
	text-align:center;
	color:#000;
	background:#137db3;
	padding:24px 0;
	font-size:1.2em;
		font-weight:600;
		border-radius:10px;
}

.btn-white {
	width:90%;
	margin:0 auto;
	text-align:center;
	color:#000;
	background:#fff;
	padding:24px 0 0 0;
	font-size:1.4em;
	font-weight:600;
	
}

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

.video  {
margin:0 0 1em 0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#box-test .test {
	background:#f7f6f6;
	padding:1em;
	margin:1em 0;
}

#box-test .test strong {
	display:block;
	padding:1em 0 0 0;
}

#box-faq p.q, #box-financing p.q {
	font-weight:600;
	padding:0;
	margin:0;
}

#box-faq p.a, #box-financing p.a {
padding:0 0 2em 0;
}

#box-footer h2 {
	color:#000;
	text-align:center;
	font-size:1em;
	padding:0 0 2em 0;
	margin:0;
	font-weight:600;
}

#box-footer .dr2, #box-footer .dr3 {
display:block;
text-align:center;
}


#box-footer .dr2  img {
	width:100%;
	height:auto;
	max-width:307px;
}

#box-footer .dr3  img {
	width:100%;
	height:auto;
	max-width:439px;
}

#box-footer .btns {
	text-align:center;
	padding:20px 0 ;
}

#box-footer .btns-2 {
/*margin:200px 0 0 0;
height:40px;*/
}


#box-footer .btns-2 h5 {
	text-align:center;
	font-size:1.5em;
	padding:20px 0 0 0;
}


#box-footer .btn {
	padding:12px 0;
}

#box-footer .btn-2 {
	font-size:16px;
}

#box-footer .or {
	padding:1em 0;
}

#footer {
	background:#333;
	color:#fff;
	padding:1.5em 0;
}

.thanks {
	background:#333;	
}

#footer a {
	color:#fff;
}

#footer h3 {
height:2em;
padding:0;
margin:0;
font-weight:600;
font-size:1.2em;
}


#footer .s-h3 {
display:none;
}

#footer ul {
	list-style:none;
	padding:0;
	margin:0;
}


#footer .copy {
	font-size:0.9em;
	padding:1em 0 0 0;
	text-align:center;
}

#footer .col-1 {
	width:100%;
	padding:0 0 1em 0;
	float:none;
}

#footer .col-1  img {
	vertical-align:middle;
}

#footer .map img {
	width:100%;
	height:auto;
	max-width:289px;
}


@media (min-width: 600px)  {
.cnt, #opt-box .cnt-opt  {
width:80%;
}
#logo .logo-txt {
	font-size:12px;

}

}

@media (min-width: 800px)  {

.cnt, #opt-box .cnt-opt  {
width:70%;
}

#logo .logo-txt {
	font-size:13px;
/*	padding:55px 0 0 30px;*/
}


#main-as-seen .txt {
	float:left;
	width:150px;
	text-align:left;
}
	
}

@media (min-width: 1024px) {
	



.cnt {
position:relative;
width:960px;
margin:0 auto; 
}



#header {
	background:#137db3;
	height:56px;
	position:fixed;
	border-bottom:7px solid #696969;
	width:100%;
	z-index:10000;
}

#logo-all {
position:absolute;
top:0;
left:0;	
background:#137db3;
height:94px;
width:496px;
text-align:center;
}

.triange {
	position:absolute;
top:63px;
left:496px;	
background: url(images/triangle.gif) -10px 100% no-repeat;	
height:31px;
width:10px;
display:block;
}

#logo {
	margin:9px 0 0 14px;
	background:url(images/logo.gif) 0 0 no-repeat;
	width:465px;
	height:72px;
}

#logo .logo-txt {
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	padding: 57px 0 5px;
	text-align: center;
}



#header-right {
	float:right;
	width:460px;
}


#nav-all {

}


#nav {
padding:5px 0 0 0;
}

#nav a {
	color:#fff;
}


#nav ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:right;
}

#nav li {
display:inline;
padding:0 0 0 3px;
font-size:1em;
text-align:left;
}


#social {
	text-align:right;
}



#social .soc-left{
	float:left;
	width:85%;
	text-align:center;
	padding:5px 0 0 0 ;
	text-indent:2em;
}
#social .soc-right{
	float:right;
	width:15%;
}
#social::after {
	clear:both;
	content:'';
	display:table;
}

#social a {
	padding:0 1px;
}

#main-image {
	padding:112px 0 0 0 ;
	height:438px;
}


#main-image .cnt {
	width:960px;
}


#main-as-seen {
	height:60px;

}

#opt-box {
	position:absolute;
background:#137db3;
width:282px;
height:517px;
top:0;
right:0;
color:#000;
}

#opt-box .cnt-opt {
height:516px;
padding:0 10px;
width:auto;	
}

#opt-box .triangle-all {
	position:relative;
	height:1px;
	display:block;
}

label.error {
	position:absolute;
	right:0;
	font-size:0.8em;
	padding:2px;
	background:#fff;
}

#opt-box .triangle-2 {
position:absolute;
background: url(images/triangle-2.gif) 0 0 no-repeat;	
width:11px;
height:19px;
z-index:10;
top:-18px;
left:-11px;
}

#main-image .txt {
	width:678px;
	float:left;
	background:url(images/dr.jpg) 100% 100% no-repeat;
		height:438px;
		line-height:1;


}

#main-image .txt-1 {
	font-size:2.92em;
		font-weight:800;
		width:414px;
		padding:1em 0 0.5em 0;
}


#main-image .txt-4 {
		width:414px;
}



.box h1 {
	font-size:2.75em;
}



.btn {
	width:482px;
		font-size:1.72em;
}

#box-meet-dr-coad {
	
}


#box-meet-dr-coad .cnt {
	padding:2em 0 0 0;
}

#box-meet-dr-coad .col-1 {
	float:left;
	width:60%;
}

#box-meet-dr-coad .col-2 {
	float:right;
	width:36%;
}


#partners {
	width:100%;
	max-width:700px;
	margin:0 auto;
	text-align:center;
}

#partners img {
padding:0 10px;
}

#box-test {
	
}



#box-test .test-1 {
	float:left;
	width:192px;
}

#box-test .test-2 {
	float:right;
		width:635px;
}


#box-faq {
	
}



#box-financing {
	
}

#box-footer {
	
}



#box-footer h2 {

	font-size:1.71em;

}

#box-footer .col-3 {
	width:468px;
	margin:0 0 0 363px;
	font-size:1.3em;
}

#box-footer .col-4 {
	width:468px;
	margin:0 0 0 363px;
	font-size:1.3em;
	min-height:450px;
}

#box-footer .btns {
	text-align:center;
	padding:44px 0 44px 0;
}

#box-footer .btn {
	width:353px;
	padding:12px 0;
}

#box-footer .btn-2 {
	font-size:16px;
}

#box-footer .or {
	padding:1em 0;
}

#box-footer .box {
	background:url(images/dr2.jpg) 0 100% no-repeat #fff;
}


#box-footer .box-3 {
	background:url(images/dr3.jpg) 0 100% no-repeat #fff;
}


#box-footer .dr2, #box-footer .dr3 {
display:none;
}


#footer .col-1 {
	width:33.333%;
	float:left;
}


#footer .s-h3 {
height:2em;
display:block;
}

#box-footer .btns-2 h5 {
	text-align:center;
	font-size:1.5em;
	padding:200px 0 0 0;
}

}