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

/* Site framework */
body {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; background: #f9f9f9; line-height:24px;}

header { background: #000000; height: 125px;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.21);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.21);
}
.header  { max-width:960px; margin:0 auto; width:100%; line-height:initial;}
.header a { font-weight: bold; color:#fff; }
.header a:first-child { font-size: 60px; display: block; float: left; margin-top: 20px;}
.header a:nth-child(2) { font-size: 24px; display: block; background: url(../images/icon_world.png) left center no-repeat; float: right; padding-left:30px; margin-top: 45px;}

.content { max-width:960px; margin:10px auto; width:100%;}

.video { padding:5px; background: #d7d7d7; border:1px solid #b7b7b7; text-align: center; width: 700px; box-sizing: border-box; float: left; margin-bottom: 20px;}
.video iframe { margin-bottom:20px;}
.dealer_details { font-size: 24px; line-height: 30px; color:#5e5c5d;}

#video-details { clear: both; font-size: 24px; line-height: 30px; color:#5e5c5d;}

.company_details { text-align: center; float: right; width:230px;}
.company_details img { max-width: 100%;}
.company_details .cd_logo { margin-bottom: 20px; }
.company_details .cd_name { font-weight: bold; font-size: 24px; margin-bottom: 60px;}
.social {display: inline-block; background: url(../images/social-icons.png) left center no-repeat; width:74px; height:36px; margin-bottom: 20px;}
.social+.social {margin-left: 4px;}
.social.fb { background-position: -84px center;}
.social.mail { background-position: -168px center;}

.carmakes { border:2px solid #b7b7b7; border-width: 2px 0; margin:20px 0;}

footer { padding:15px; background: #e6e2e2;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.21);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.21);}

a { text-decoration:none; color:#373838;}
h1 { font-size:30px; color:#201f1f; font-weight:normal; line-height:36px;}
h2 { font-size:30px; color:#5e5c5d; line-height:36px; margin:20px 0;}
h3 { font-size:30px; color:#175b30; line-height:40px;}
h5 { font-size:18px; color:#175b30; line-height:30px;}

p { font-size:16px; line-height:24px; padding:5px 0 15px 0;}

hr {color:#e1e1e1; background:#e1e1e1; border:0; height:1px;}

ul {list-style-position: outside; padding: 5px 0 20px 20px; font-size:18px; color:#000; list-style-type:disc; line-height:24px; }
ul li {padding:0 0 30px 0; line-height:20px;}
ul li ul { padding-bottom:0;}
ul li ul li { font-size:0.8em; padding-bottom:15px;}
ul li ul li:last-child { padding:0;}

ol {list-style-position: outside; padding: 5px 0 20px 20px; font-size:18px; color:#000; list-style-type:circle; line-height:24px; }
ol li {padding:0 0 5px 0;}


@media (max-width: 410px) {
}
@media (max-width: 479px) {
	.grid_16, .grid_10, .grid_8, .grid_6 { max-width:96% !important; margin:0 2% !important;}
	.grid_16 img, .grid_8 img { max-width:100% !important;}
	
	header { height: auto; text-align: center;}
	.header a:first-child { float: none; margin: 0px 0 10px 0;}
	.header a:nth-child(2) { float: none; display: inline-block; margin:10px 0 25px 0;}

	.video { width:auto; margin-bottom: 20px;}
	.video iframe { height:220px;}
	.company_details {  width:auto; float: none; margin-bottom: 20px;}
	.dealer_details { font-size: 18px;}
	.carmakes { text-align: center; clear: both; margin-top: 20px !Important;}
	.carmakes img { width:30%;}

	h2 { margin:10px 0; }
}
@media (max-width: 960px) {
	.grid_16 img, .grid_8 img { max-width:100% !important;}
	
	iframe { max-width:100%;}
}