/* general */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
body { font: 1em/150% Arial, Helvetica, sans-serif; color:#fff;	background-color:#1e1e1e; margin:0; padding:0; background-image:url(images/carbon-fiber.gif); background-repeat:repeat-x; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a {	color:#fc7903;	text-decoration: none; font-weight:bold; }
a:hover { text-decoration: none; color: #fff; font-weight:bold; }
.container { max-width: 1080px; width:95%; margin:0 auto; }
.col { float: left; padding:0 1%; display:block; }
.col:after { clear:both; float:none; }
.onethird { width:31%; }
.twothird { width:64%; }
.onefourth { width:23%; }
.twofourth{ width:48%; }
.threefourth { width:73%; }
.full { width:98%; }
.leftalign { text-align:left; }
.centeralign { text-align:center; }
.rightalign { text-align:right; }
.justifyalign { text-align:justify; }
.floatleft { float:left; }
.floatright { float:right; }
.clearfix { float:none; clear:both; }
.spacer20 { height:20px; }
.spacer40 { height:40px; } 
.spacer80 { height:80px; } 
ul { padding: 0; margin:0; }

/* headers */
h1,h2 { font: bold 36px/100% Arial, Helvetica, sans-serif; text-shadow: 2px 3px 3px #000;  -webkit-text-stroke: 1px white; text-stroke: 1px white; }
h1:after, h2:after {  color: #c0c0c0; content : attr(data-title); }  
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

/* structure */
footer { width:100%; position:relative; background-color:rgba(0,0,0,.4); border-top:1px solid #000; border-bottom:1px solid #000; padding:10px 0; }
.bar { width: 100%; padding: 15px 0; margin-bottom: 10px; background-color: #5e5e5e; background-image: -webkit-gradient(linear, center top, center bottom, from(#5e5e5e), to(#222222)); background-image: -webkit-linear-gradient(top, #5e5e5e, #222222); background-image: -moz-linear-gradient(top, #5e5e5e, #222222); background-image: -o-linear-gradient(top, #5e5e5e, #222222); background-image: -ms-linear-gradient(top, #5e5e5e, #222222); background-image: linear-gradient(top, #5e5e5e, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#222222'); border-bottom: 1px solid #000; border-top: 1px solid #000; -webkit-box-shadow: 0 1px 20px 2px #111111; min-height:50px; margin-top:-65px }
header { margin-top:20px; height: 170px; background-image: url(images/content-bg.png); background-position: top; background-repeat: no-repeat; }
.home header { height: 370px; background-image: url(images/content-bg.png); background-repeat: no-repeat; background-position: bottom; } 
.short-body header { height: 230px; background-image: url(images/content-bg.png); background-repeat: no-repeat; background-position: bottom; } 
.short-body { background-image: url(images/carbon-fiber-short.gif); background-repeat: repeat-x; }
.page-slogan { font-family: "Times New Roman",Georgia,Serif; font-style: italic; }
.bottominfocol img { width:100%; height:auto; }
nav { background-color: #000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #808080; background-image: -webkit-gradient(linear, center top, center bottom, from(#222222), to(#111111))); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -moz-linear-gradient(top, #222222, #111111)); background-image: -o-linear-gradient(top, #222222, #111111)); background-image: -ms-linear-gradient(top, #222222, #111111)); background-image: linear-gradient(top, #222222, #111111)); -webkit-box-shadow: 0 15px 25px -10px #000; }
nav ul li { display:block; float:left; width:25%; text-align:center; border-right:1px solid rgba(255,255,255,.1); box-sizing: border-box; -moz-box-sizing: border-box; }
nav ul li a { display:block; padding:5px 10px; }
nav ul li a:hover { background-color: #BE6B10; color:#fff; }
nav ul .first a, nav ul .first { -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; }
nav ul .last { border-right:0px; }
nav ul .last a, nav ul .last { -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; }
nav .selected { background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#fc7903), to(#C05503)); background-image: -moz-linear-gradient(top,bottom,from(#fc7903), to(#C05503)); text-shadow: 2px 1px 2px #B5512B; color:#fff; }
nav .selected a { color:#fff; }
.homesearch { margin-top:5px; min-height:50px; }
.account-type { width:100%; padding: 8px 20px 30px 20px; background: #c0c0c0; border: 1px white solid; background-image: -webkit-gradient(linear, center top, center bottom, from(#525252), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #525252, #5e5e5e); background-image: -moz-linear-gradient(top, #525252, #5e5e5e); background-image: -o-linear-gradient(top, #525252, #5e5e5e); background-image: -ms-linear-gradient(top, #525252, #5e5e5e); background-image: linear-gradient(top, #525252, #5e5e5e); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white; box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white; margin:50px 0 20px 0;}
.account-type.pro { position:relative; top: -35px; border-radius: 10px; background-image: -webkit-gradient(linear, center top, center bottom, from(#b0b0b0), to(#4f4f4f)); background-image: -webkit-linear-gradient(top, #b0b0b0, #4f4f4f); background-image: -moz-linear-gradient(top, #b0b0b0, #4f4f4f); background-image: -o-linear-gradient(top, #b0b0b0, #4f4f4f); background-image: -ms-linear-gradient(top, #b0b0b0, #4f4f4f); background-image: linear-gradient(top, #b0b0b0, #4f4f4f); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white; box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white; z-index: 200; }
.account-type.pro a { margin-top:30px; display: inline-block; text-decoration: none; color: white; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6); font-style: normal; text-align: center; line-height: 20px; font-weight: bold; font-family: 'lucida grande','Arial','sans'; font-size: 18px; background: #43ADE3; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #036FA1), color-stop(0.5, #208BBD), color-stop(0.51, #2B96C8), color-stop(1, #45AFE4) ); background: -moz-linear-gradient( center bottom, #036FA1 0%, #208BBD 50%, #2B96C8 51%, #45AFE4 100% ); -webkit-background-clip: padding-box; -moz-box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none !important; padding: 10px 15px 12px 15px; cursor:pointer;}
.alert a { margin-top:30px; display:inline-block; text-decoration: none; color: white; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6); font-style: normal; text-align: center; line-height: 20px; font-weight: bold; font-family: 'lucida grande','Arial','sans'; font-size: 18px; background: #43ADE3; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #036FA1), color-stop(0.5, #208BBD), color-stop(0.51, #2B96C8), color-stop(1, #45AFE4) ); background: -moz-linear-gradient( center bottom, #036FA1 0%, #208BBD 50%, #2B96C8 51%, #45AFE4 100% ); -webkit-background-clip: padding-box; -moz-box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none !important; padding: 10px 15px 12px 15px; cursor:pointer;}
input[type="submit"].modalbutton { display:inline-block; margin-top:30px; text-decoration: none; color: white; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6); font-style: normal; text-align: center; line-height: 20px; font-weight: bold; font-family: 'lucida grande','Arial','sans'; font-size: 18px; background: #43ADE3; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #036FA1), color-stop(0.5, #208BBD), color-stop(0.51, #2B96C8), color-stop(1, #45AFE4) ); background: -moz-linear-gradient( center bottom, #036FA1 0%, #208BBD 50%, #2B96C8 51%, #45AFE4 100% ); -webkit-background-clip: padding-box; -moz-box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none !important; padding: 10px 15px 12px 15px; cursor:pointer; float:none;}
.account-type ul { list-style-type: none; }
.account-type.pro a:hover, .alert a:hover { background-image:none; background-color:#069; box-shadow: 0px 1px 0px #1E6074, 0px 2px 1px rgba(0,0,0,0.6);}
.account-type h4 span { font-size: 56px; color:#f80; text-shadow: 2px 1px 2px #B5512B;  }
/* forms */
input[type="text"], input[type="number"] { width:100%; padding: 5px; -webkit-border-radius:  10px 0 0 10px; -moz-border-radius:  10px 0 0 10px; border-radius:  10px 0 0 10px; -webkit-background-clip: padding-box; -webkit-box-shadow: 0 5px 5px #2d2d2d; -moz-box-shadow: 0 5px 5px #2d2d2d; box-shadow: 0 5px 5px #2d2d2d; background-color: #fff; color: #000; border: 0; font-weight: bold; border: 1px inset #000; font-size: 16px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
input[type="submit"] { background: #fc7903; background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#fc7903), to(#C05503)); background-image: -moz-linear-gradient(top,bottom,from(#fc7903), to(#C05503)); background-image: -webkit-linear-gradient(top, #fc7903, #C05503); background-image: -o-linear-gradient(top, #fc7903, #C05503); background-image: -ms-linear-gradient(top, #fc7903, #C05503); background-image: linear-gradient(top, #fc7903, #C05503); color: #fff; text-shadow: 2px 1px 2px #B5512B; border: 1px inset #fff; padding: 6px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 10px; font-weight: bold; -webkit-box-shadow: 0 5px 5px #2d2d2d; -moz-box-shadow: 0 5px 5px #2d2d2d; box-shadow: 0 5px 5px #2d2d2d; float: left; margin-left: 10px; margin-top:0px; font-size:16px; -webkit-tap-highlight-color:rgba(0,0,0,0);  cursor:pointer;}
.account input[type="text"], .account input[type="number"], .account input[type="password"], .account select { width:98%; padding: 5px; -webkit-border-radius:  10px; -moz-border-radius:  10px; border-radius:  10px; -webkit-background-clip: padding-box; -webkit-box-shadow: 0 5px 5px #2d2d2d; -moz-box-shadow: 0 5px 5px #2d2d2d; box-shadow: 0 5px 5px #2d2d2d; background-color: #fff; color: #000; border: 0; font-weight: bold; border: 1px inset #000; font-size: 16px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.account input[type="submit"] { color: white; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6); font-style: normal; text-align: center; line-height: 20px; font-weight: bold; font-family: 'lucida grande','Arial','sans'; font-size: 18px; background: #43ADE3; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #036FA1), color-stop(0.5, #208BBD), color-stop(0.51, #2B96C8), color-stop(1, #45AFE4) ); background: -moz-linear-gradient( center bottom, #036FA1 0%, #208BBD 50%, #2B96C8 51%, #45AFE4 100% ); -webkit-background-clip: padding-box; -moz-box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px #55c1e1, 0px 2px 1px rgba(0,0,0,0.6); overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none !important; padding: 10px 15px 12px 15px;margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.account .twofourth img { width:90%; height:auto; display:block; margin:0 auto; max-width:300px; }
.faqboxinner { padding:20px 10px; }
.faqboxinner strong{ font-size:18px; }
.faqeven { background-color: rgba(189,113,23,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:10px 0;}
.faqodd { background-color: rgba(254,121,3,0.4); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:10px 0;}
.erroralert { background-color:rgba(254,121,3,0.8); color:#fff;  padding:10px 25px; text-align:center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.successalert { background-color:rgba(254,121,3,0.8); color:#fff;  padding:10px 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} 
.successalert input[type="text"], input[type="password"] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width:80%; padding: 5px; -webkit-border-radius:  10px; -moz-border-radius:  15px; border-radius:  15px; -webkit-background-clip: padding-box; background-color: #fff; color: #000; border: 0; border:1px solid rgba(0,0,0,.4); font-weight: bold; font-size: 16px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
#modal { width: 40% !important; margin: 0 auto !important; left: 27% !important; }
label { font-weight:bold; }
/* responsive items */
.tablet, .mobile, .mobilehomesearch { display:none; }
.hphone { width: 100%; height: auto; min-width: 320px; }
.vphone { display: none; }
.getappcontent { width:48%; height:auto; }

/*404 animation */
#sprite404 {
width: 285px;
height: 206px;
background: url('images/sprite-404.png') 0 0;
-webkit-animation-duration: 1200ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: step-start;
-webkit-animation-name: animate02;
display:block;
margin:35px auto;
}

@-webkit-keyframes animate02 {
 0%			{ background-position:  0px 0; }
 20%		{ background-position:-293px 0; }
 40%		{ background-position: 0px 0; }
}


@media screen and  (max-width : 1024px) {
	.account-type { width:90%; margin:0; margin-left:40px; margin-top:55px;}
	.account-type.pro { margin-left:-30px; }
	.hphone, .desktop { display:none; }
	.tablet { display:block; }
	.getapp { margin-left:-8px; width:50%;}
	.vphone { display: block; }
	.vphone { width: 90%; min-width:400px; height: auto; position:relative; right:50%; }
	.homesearch { display:none; }
	.mobilehomesearch { display:block; }
	header img { width:100%; height:auto; }
	.threefourth nav, .twofourth nav { display:none; }
	.full nav { background:none; background-color:none; border-radius:0; border:0px; background-image:none; -webkit-box-shadow:none; }
	.full nav ul .last, .full nav ul .first, .full nav ul .last a, .full nav ul .first a{ -webkit-border-radius:15px; -moz-webkit-border-radius:15px; border-radius:15px; }
	.full nav li .selected, .full nav li a { border-radius:15px; margin-bottom:5px; border:1px solid rgba(255,255,255,.5); }
	.full nav li { width:100%; float:none; -webkit-border-radius:15px; -moz-webkit-border-radius:15px; border-radius:15px; background-color:rgba(0,0,0,.5); }
	.spacer80 { height:30px; }
	.bar { margin-top:10px; }
	.bar .onefourth { width:23%; }
	.bar .threefourth { width: 73%; }
	.getappcontent { display:none; }
	.bar .twofourth { width:98%; }
	.logoall { width:100%; max-width:250px; }
	.getappall { position:relative; right:-74%; min-width:80px; width:30%; }
	.short-body {background-repeat: repeat; }
	.short-body header { background-image:none; }
	footer .mobile { display: block; }
	.mobile .threefourth { width:73%; }
	.mobile .onefourth { width:23%; }
	footer .tablet { display:none; }
	.accountimg { width:50%; max-width:25px; height:auto; margin-top:15%; }
	.footerlogo img { width:25%; height:auto; min-width:65px; float:left; }
	.footerlogo span { padding-top: 5%; display: block; font-weight:bold; }
}

@media screen and  (max-width : 768px) {
	body { background-repeat:repeat;  } 
	.account-type { width:auto; margin:0; border-radius:10px;}
	.account-type.pro { margin-left:0; margin-top:50px; }
	.onethird, .twothird, .onefourth, .twofourth, .threefourth { width:98%; }
	.vphone { display:none; }
	.getapp  { position:relative; right:-55%; min-width:80px; width:50%; }
	header .twofourth { width:48%; }
	.logo { min-width:150px; width: 80%; }
	.spacer80 { height: 0px; }
	input[type="text"], input[type="number"] { font-size: 12px; }
	input[type="submit"] { font-size:12px; }
	.bar .onefourth { width:23%; }
	.bar .threefourth { width: 70%; }
	.home header { background-image: none; }
	.bottominfocol .onefourth { width:23%; }
	.bottominfocol .threefourth { width: 73%; }
	footer .onethird { width:31%; }
	footer .twothird { width: 64%; }
	.content img { display:block; margin: 0 auto; width:70%; float:none; }
	.bar h1 { font: bold 28px/85% Arial, Helvetica, sans-serif; display:block; text-align:center;}
	.bar .page-slogan { display:block; margin:5px 0; text-align:center; }
	.account-type { width:auto; }
	.account input[type="submit"] { margin:0 28%; width:45%; display:block; }
	h1, h2, h3, h4, h5, h6 { padding: 8px 0;}
	#modal { width: 70% !important; margin: 0 auto !important; left: 12% !important; }
}

@media screen and  (max-width : 480px) {
	.container { width: 95%; }
	.vphone { display: none; }
	.bottominfocol .onefourth { width:23%; }
	.bottominfocol .threefourth { width: 73%; }
	.bar .threefourth { width: 65%; }
	.bar { min-height:30px; margin-top:0px; }
	.home header { height:280px; }
	.account input[type="submit"] { margin:0 22%; width:250px; display:block; }
	.account h2{ font: bold 24px/75% Arial, Helvetica, sans-serif; display:block; text-align:center;}
	.account h3{ font: bold 16px/60% Arial, Helvetica, sans-serif;}
	#modal { width: 70% !important; margin: 0 auto !important; left: 10% !important; }
}

@media screen and  (max-width : 384px) {
	.bar .threefourth { width: 56%; }
	.account input[type="submit"] { margin:0 14%; width:250px;}
	#modal { width: 70% !important; margin: 0 auto !important; left: 10% !important; }
}

@media screen and  (max-width : 320px) {
	.bottominfocol .onefourth, .bottominfocol .threefourth { width: 98%; }
	.bar .threefourth { width: 52%; }
	input[type="text"], input[type="number"] { font-size: 10px; }
	input[type="submit"] { font-size:10px; }
	.home header { height:200px; }
	.bottominfocol img { display:block; margin:0 auto; width:35%; }
	p {margin: 0;margin-top: 5px;}
	.account input[type="submit"] { margin:0 6%; width:250px; }
	#modal { width: 79% !important; margin: 0 auto !important; left: 3% !important; }
}

@media screen and  (max-width : 240px) {
	.bar .threefourth { width: 36%; }
	.bar h1 { font: bold 20px/70% Arial, Helvetica, sans-serif; display:block; text-align:center;}
	.bar .page-slogan { font-size:12px; line-height:14px;}
	.account-type h2, .account h2{ font: bold 20px/70% Arial, Helvetica, sans-serif; display:block; text-align:center;}
	p { font-size:12px; line-height:14px;}
	.logo { min-width:100px;}
	.getapp  { min-width:60px; }
	.footerlogo span { font-size:10px; }
	
}