/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {margin:0;padding:0;font-family: 'Roboto', Helvetica, Arial, sans-serif;}
h1 {font-size: 67px; font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; font-weight: 700; color: #fff;}
h2 {font-size: 44px; font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; font-weight: 700; color: rgb(248, 152, 28);}
h2 a {font-size: 44px; font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; font-weight: 700; color: rgb(248, 152, 28); text-decoration: underline;}
h3 {font-size: 20px; font-weight: 400; line-height: 1.3; color: rgba(255, 255, 255, 0.65);}
ul{list-style-image: url(/410promo/images/arrow.png);}
ul li{margin: 6px 0; color: #fff;font-size: 18px; text-align: left;}
p {font-size: 16px; color: #fff;line-height: 1.5; text-align: left;}
img {max-width: 100%;}

#gallery-wrapper{width:100%;}
#double-col-wrapper{width:100%;}
#double-col-left{width:45%;float:left;}
#double-col-middle{width:10%;}
#double-col-right{width:45%;float:right; text-align: left;}

#content-wrapper {
	background:#2d2c2c;
	background:-moz-linear-gradient(top, #000000 0%, #2d2c2c 60%, #2d2c2c 100%);;background:-webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(60%, #2d2c2c), color-stop(100%, #2d2c2c));;background:-webkit-linear-gradient(top, #000000 0%, #2d2c2c 60%, #2d2c2c 100%);;background:-o-linear-gradient(top, #000000 0%, #2d2c2c 60%, #2d2c2c 100%);;background:-ms-linear-gradient(top, #000000 0%, #2d2c2c 60%, #2d2c2c 100%);;background:linear-gradient(to bottom, #000000 0%, #2d2c2c 60%, #2d2c2c 100%);;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2d2c2c', GradientType=0);;
}
#content-section {margin: 0 auto; max-width: 1024px;;text-align: center; margin-top: -20px; margin-bottom: -20px;}
#footer-wrapper{background: rgb(248, 152, 28);}
#footer-section{margin: 0 auto; max-width: 1024px; text-align: center;margin-bottom: -20px;}
#footer-wrapper ul li {font-size: 24px; line-height: 2; color: rgb(41, 41, 41);}

#orange-box {
	visibility: visible;
	max-width: 760px;
	height: auto;
	border: none;
	box-shadow: rgba(101, 95, 95, 0.31) 4px 5px 7px 2px;
	background-color: rgb(248, 152, 28);
	background-image: none;
	border-radius: 10px;
	margin: 0 auto;
}
#white-box {
	visibility: visible;
	max-width: 1024px;
	height: auto;
	border: none;
	background-color: #EFEFEF;
	margin: 0 auto;
	padding: 40px 60px;
	text-align: left;
}
.box-text {
	font-size: 35px;
	font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-align: center !important;
	line-height: 1.3;
}
.box-text-xl {
	font-size: 42px;
	font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-align: center !important;
	line-height: 1.3;
}
.box-text-white {
	font-size: 35px;
	font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center !important;
	line-height: 1.3;
}
#white-box .box-text {font-size: 52px;}
.box-text-med {
	font-size: 26px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 1.4;
	text-align: center !important;
	font-weight: bold;
}
.box-text-sml {
	font-size: 20px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 1.4;
}
.orange {color: rgb(248, 152, 28);}
.orange-bkg {background-color: rgb(248, 152, 28); color: #000; font-weight: 700;}
.white {color: #ffffff;}
.main-header-box {background: rgba(134, 134, 133, 0.52); margin: 0 auto;}
.main-header-box.h1 {font-size: 67px;}
.main-header-box.h1.orange {color: rgb(248, 152, 28);}
.clearFloat{clear:both;}
.price{font-size: 56px;font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700px; color: #fff;}
.price-sml{font-size: 40px;font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700px; color: #fff;}
.text {font-size: 18px;font-family: 'Roboto', Helvetica, Arial, sans-serif; color: rgb(41,41,41);}
.sml-text {font-size: 14px; font-weight: 700; font-family: 'Roboto', Helvetica, Arial, sans-serif;color: rgb(41,41,41);}
.div-center {margin: 0 auto;}
.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width:768px){
#content-wrapper {padding: 0 10px;}	
#double-col-left{float:none;margin-bottom:40px;width: 100% !important;}
#double-col-middle{float:none;margin-bottom:40px;width: 100% !important;}			
#double-col-right{float:none;margin-bottom:40px;width: 100% !important;text-align:center !important;}
.div-center {width: 100% !important;}	
}
@media screen and (max-width:430px){
#content-wrapper {padding: 0 10px;}				
#double-col-left{float:none;margin-bottom:40px;width: 100% !important;}
#double-col-middle{float:none;margin-bottom:40px;width: 100% !important;}			
#double-col-right{float:none;margin-bottom:40px;width: 100% !important;text-align:center !important;}
.div-center {width: 100% !important;}	
}