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

@import url(http://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900,900italic);

@font-face {
	font-family: 'Born';
	src: url('../fonts/Born.eot');
	src: local('☺'), url('../fonts/Born.woff') format('woff'), 
	url('../fonts/Born.ttf') format('truetype'), 
	url('../fonts/Born.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Bold';
	src: url('../fonts/gothab48.eot');
	src: local('☺'), url('../fonts/gothab48.woff') format('woff'), url('../fonts/gothab48.ttf') format('truetype'), url('../fonts/gothab48.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Medium';
	src: url('../fonts/gotham40.eot');
	src: local('☺'), url('../fonts/gotham40.woff') format('woff'), url('../fonts/gotham40.ttf') format('truetype'), url('../fonts/gotham40.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Light';
	src: url('../fonts/gothal75.eot');
	src: local('☺'), url('../fonts/gothal75.woff') format('woff'), url('../fonts/gothal75.ttf') format('truetype'), url('../fonts/gothal75.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

::-moz-selection{background:#ff7400; color:#fff; text-shadow:none; }
::selection {background:#ff7400; color:#fff; text-shadow:none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;  outline:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {font-family: 'Lato', sans-serif; color:#494949; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; font-smoothing: antialiased;}
a { text-decoration:none;}
p { font-size:13px; line-height:18px;}
img { border:0px;}
ol, ul {
	list-style: none;
	font-weight: bold;
}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #F93;
	font-weight: normal;
	font-size: 120%;
}
body { background:url(../images/main-bg.jpg) no-repeat center top fixed #fbcd06; background-size:100%;}

.mar0 { margin:0px;} .pad0 { padding:0px;}

.marb0 { margin-bottom:0px;} .marb10 { margin-bottom:10px;} .marb20 { margin-bottom:20px;} .marb30 { margin-bottom:30px;} .marb40 { margin-bottom:40px;}
.padb0 { padding-bottom:0px;} .padb10 { padding-bottom:10px;} .padb20 { padding-bottom:20px;} .padb30 { padding-bottom:30px;}.padb40 { padding-bottom:40px;}
.marr0 { margin-right:0px;} .marr10 { margin-right:10px;} .marr20 { margin-right:20px;} .marr30 { margin-right:30px;}.marr40 { margin-right:40px;}
.mart0 { margin-top:0px;} .mart10 { margin-top:10px;} .mart20 { margin-top:20px;} .mart30 { margin-top:30px;} .mart40 { margin-top:40px;}

#container { width:1024px; margin:auto; padding:25px 0;}
.headertop { float:left; width:100%; margin-bottom:20px;}
.headertop .logo { float:left;}
.callus { float:left; margin-left:15px; margin-top:190px;}

.linkwrapper { float:left; width:100%; background:#ff7400; color:#fff; border-radius:10px;border-bottom-left-radius:0px; border-bottom-right-radius:0px; padding:35px 0;}
.headerwrapper { position:relative; float:left; width:100%; background:#fff;}
.curve { position:absolute; top:0; left:0;}

.mainlinks { width:85%; margin:auto; font-family: 'Born';}
.mainlinks li { font-size:24.41px; float:left; margin-right:50px;}
.mainlinks li a { color:#6FF;}
.mainlinks li a:hover { color:#OCF;}
.mainlinks li:last-child { margin-right:0;}

.whitewrapper { float:left; padding:5% 3%; width:94%; background:#fff; padding-bottom:2%;}
.whitewrapper .sidebar { float:left; width:306px;}
.imgfull { width:100%; height:auto;}
.orengebox { background:#ff7400; padding:10%; width:80%; color:#fff; border-radius:3px;}
.blackbox { background:#1e1e1e; padding:10%; width:80%; color:#fff; border-radius:3px;}
.blackbox  p { font-size:12px; color:#a7a7a7; text-align:justify;}
.sidebar h2 { font-size:24px; font-family: 'Gotham Medium'; margin-bottom:20px;}
.sidebar h3 { font-size:18px; font-family: 'Gotham Medium'; margin-bottom:20px; line-height:21px;}

.whitewrapper .content { float:right; width:625px; position:relative;}
.videotitle { position:absolute; top:-70px; font-size:22.12px; color:#3a3a3a; text-align:right; right:0; font-family: 'Gotham Light'; width:61%;}
.blank { float:left; width:100%;}
.whitewrapper .content h2{ font-family: 'Gotham Light'; font-size:22.12px; color:#3a3a3a; margin-bottom:30px; float:left; width:100%;}
.whitewrapper .content h2 strong { font-family: 'Gotham Bold'; font-size:30px; color:#ff7400;}
.welcome { float:left; width:100%;}
.welcome .imglft { float:left; margin-right:20px; margin-bottom:10px;}
.gallimghome { float:left; }

.footerwrapper { position:relative; height:85px; float:left; width:100%; padding-top:70px; color:#FFF;}
.footerwrapper .curvebottom { position:absolute; top:0; left:0;}

.footerwrapper .flinks { float:right; width:100%;  margin-bottom:10px;}
.footerwrapper .flinks li { float:right; border-right:1px solid #FFF; font-size:14px; padding-left:12px; padding-right:12px; }
.footerwrapper .flinks li a {
	color: #000;
}
.footerwrapper .flinks li:first-child { border:none;  padding-right:0;}
.copyright {
	float: right;
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #000;
}

.titleinn { width:100%; margin-top:50px; margin-bottom:30px;}
.titleinn h1 { font-size:48px; font-family: 'Gotham Light'; background:url(../images/border.jpg) no-repeat center bottom; text-align:center; padding-bottom:25px; margin-bottom:25px; font-family: 'Gotham Medium';  }
.titleinn h2 { font-size:18px; text-align:center;}
.titleinn p{ font-size:14px; text-align:center; line-height:18px; width:80%; clear:both; margin:auto;}

.typeofwallbox { width:400px; float:left; margin-bottom:30px;}
.typeofwallbox .thumb { float:left; width:100%; margin-bottom:30px; min-height:275px;}
.typeofwallbox .thumb img { width:100%; height:auto;}
.caption { float:right; width:93%;}
.caption .c-lft { float:left; width:53%;}
.caption .c-lft .row1 { float:left; width:100%; font-size:16px;  font-family: 'Gotham Medium'; letter-spacing:-1px;  }
.caption .c-lft .row2 { float:left; width:100%; font-size:36px; font-family: 'Gotham Light'; letter-spacing:-2px;}
.caption .price { font-size:67.53px; float:right; font-family: 'Gotham Bold'; color:#ff7400; letter-spacing:-2px; width:47%; line-height:70px;}
.whatchvideo { float:left; width:100%; margin-top:20px; text-align:center;}
.saftyimages { width:80%; margin:auto;}
.saftyimages img { float:left; width:50%;}
.contact { width:90%; margin:auto;}
.contact .contactlft { float:left; width:48%;}
.contact .contactrht { float:right; width:48%;}
.crow { float:left; width:100%; margin-bottom:18px; font-size:14px; }
.crow .lft { width:30%; float:left; padding-top:10px;}
.crow .rht { width:70%; float:left}
.crow .textfield { background:#fbfbfb; border:1px solid #dadada; height:34px; width:74%; padding:0 3%;}
.crow .textfield2 { background:#fbfbfb; border:1px solid #dadada; height:34px; width:24%; padding:0 3%;}
.crow .textarea { background:#fbfbfb; border:1px solid #dadada; height:100px; width:94%; padding:0 3%;}
.submit { background:#ff7400; color:#fff; padding:10px 20px; font-size:23px; font-family: 'Gotham Medium'; border:none; outline:none; cursor:pointer; float:right; border-radius:5px;}


/*Mobile css*/
@media screen and (max-width: 480px) {
#container { width:94%; float:left padding:3%;}
.headertop .logo { float:none; width:50%; margin:auto;}
.headertop .logo img { width:100%;}
.callus { margin-top:10%;}
.callus img { width:100%;}
.linkwrapper { border-radius:5px; margin-bottom:5%;}
.mainlinks, .mainlinks li{ width:100%; text-align:center; margin-right:0;}
.mainlinks li { margin-bottom:5px;}
.mainlinks li:last-child { margin-bottom:0;}
.curve { display:none;}
.headerwrapper img{ width:100%;}
.whitewrapper { padding:5%; width:90%;}
.whitewrapper .sidebar { width:100%; margin-bottom:20px;}
.whitewrapper .content { width:100%;}
.videotitle { position:relative; top:0; text-align:left; width:100%; margin-bottom:10%;}
.welcome .imglft { width:100%; margin-right:0; margin-bottom:10%;}
.gallimghome { width:30%;}
.footerwrapper .curvebottom img{ width:100%;}
.footerwrapper .flinks li { padding-right:8px; padding-left:5px;}
.titleinn h1 { font-size:28px;}
.titleinn { margin-top:5%;}
.contact .contactlft, .contact .contactrht{ float:left; width:100%;}
.crow .lft { padding-top:0; width:100%; margin-bottom:5px;}
.crow .rht { width:100%;}
.typeofwallbox { width:100%; }
.typeofwallbox .thumb { min-height:inherit;}
.caption .c-lft { width:100%;}
.caption .price { width:100%;}
.whatchvideo img { width:100%;}
}

/*ipad vertical css*/
@media screen and (min-width : 481px) and (max-width: 980px) { }

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}
#container .linkwrapper .mainlinks li {
	color: #0CF;
}
Turq {
	color: #0CF;
}