

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong, b{ font-weight: bold;}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}

.stage ul, .stage ol, .stage ul ul, .stage ol ul, .stage ol ol, .stage ul ol { padding:0px 40px 20px 40px; }

.stage li{ font-size:16px; letter-spacing: 1px;}

.stage ul { 
   list-style-type: disc; 
   list-style-position: inside;
}
.stage ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
.stage ul ul, .stage ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.stage ol ol, .stage ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}



caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
    font-family: 'Expressway', sans-serif;
	font-weight: 300;
	color: #111;
	font-size: 18px;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}


h1{
	font-size: 6em;
}

	.logo{font-size:56px; margin-bottom: 20px;}


p{ letter-spacing:1px;}
p.story{ font-size:16px; color: #fff; padding: 0px 20px; line-height: 18px;}

.stage p, .stage-full p{ font-size:16px;}
.stage h3, .stage-full h3{ font-size:25px;}

.split p{ padding-left:15px; padding-right:15px;}

article p, .stage p{ padding-bottom:25px; line-height: 24px;}


@media (max-width:767px){
	p{font-size: 5vw;}
	p.story{ font-size: 4vw;}
	.storyimg{ float:left; position: relative; display: inline-block; padding-left: 15px; margin-right: 15px;}
	.leftSmall{ text-align:left;}
}
@media (min-width:768px) and (max-width: 1199px){
	p{font-size: 2.5vw;}
}
@media (min-width:1200px){ 
	p{font-size: 30px;}
}


.section{
	text-align:center;
}


.slide .slidecontent { font-weight:300; padding: 10px 60px 50px 60px;}


.slidecontent{ top: 50%; transform: translateY(-50%); position: relative; padding:15px 15px 50px 15px; max-width: 1020px; margin: auto;
		}

.whiteText{ color:#fff !important;}
.logo{ letter-spacing: 2px;}
.logo strong{ letter-spacing: -1px;}


.orBG{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffae00+0,ef6e22+100 */
			background: #ffae00; /* Old browsers */
			background: -moz-radial-gradient(center, ellipse cover,  #ffae00 0%, #ef6e22 100%); /* FF3.6-15 */
			background: -webkit-radial-gradient(center, ellipse cover,  #ffae00 0%,#ef6e22 100%); /* Chrome10-25,Safari5.1-6 */
			background: radial-gradient(ellipse at center,  #ffae00 0%,#ef6e22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ef6e22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.brandlabel{ width:100%; max-width: 600px; padding-bottom:15px;}

.agac{ padding-bottom:15px; color: #999 !important;}


div.split{ width:50%; display: block; position: relative; float: left;}

article header h1{ font-size:4vw;}


@media (max-width: 400px){
	div.split{ width:100%; display: block; position: relative; float: none; padding-bottom: 15px;}
	.centerSmall{ text-align:center;}
	
	article header h1{ font-size:8vw;}


}


.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}



.orBG h3{ color:#fff;}
h3{ color:#333; font-weight: bold; font-size: 55px; margin-bottom: 30px;}


.whButton, .orButton, .applyButton{ font-size:20px; line-height: 20px; text-transform: uppercase; border-radius: 5px; font-weight: normal; display: inline-block; padding: 15px 60px; letter-spacing: 2px; text-decoration: none !important;}

.orButton{color:#ee6f21; border: 3px solid #ee6f21; background-color: transparent; }
.orButton:hover{color:#ffffff; background-color: #ee6f21; }

.whButton{color:#fff; border: 3px solid #fff; background-color: transparent; }
.whButton:hover{color:#ee6f21; background-color: #fff; }

.applyButton{color:#fff; border: 3px solid #ee6f21; background-color: #ee6f21; }
.applyButton:hover{color:#ffffff; background-color: #d85200; }



#hero{ background-size:cover; background-repeat: no-repeat; text-align: center; padding: 150px 15px;}
#hero h1{ margin: 0px; padding:25px 0px !important; font-size:40px; text-transform: uppercase; color:#fff; line-height: 50px; letter-spacing: 2px;}
#hero p{ color:#fff; font-size: 25px; padding-top: 20px; line-height: 31px; text-transform: uppercase;}

.stage{ display:block; margin: auto; position: relative; max-width: 1020px; padding: 40px 15px;}

.stage-full{ display:block; margin: auto; position: relative; width:100%; padding: 40px 15px;}


.author{ font-size: 14px; padding: 15px 0px 30px 0px; font-weight: bold;}
.author span{ font-weight:300; font-style: italic; color: #333;}

.stage h3{ margin-bottom: 15px;}







.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}


.brandblock{ display:inline-block; width: 30% !important; position: relative;}
.brandblock div { text-align:center; padding: 15px;}
.brandblock div img{ width:100%;}


@media (min-width:401px) and (max-width:1050px){
	.brandblock{ display:inline-block; width: 30% !important; position: relative;}
}
@media (max-width:400px){
	.brandblock{ display:inline-block; width: 30% !important; position: relative;}
}


.agac2{ padding-bottom:65px; color: #222 !important; font-size: 55px;}

@media (max-width:390px){
	.agac2{ padding-bottom:0px; color: #222 !important; font-size: 25px;}

}
@media (min-width:391px) and (max-width:560px){
	.agac2{ padding-bottom:5px; color: #222 !important; font-size: 35px;}

}



body.modal-open #wrap{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
  
.modal-backdrop {background: #000;}

.close {
    font-size: 50px;
    display:block;
}


.brands p{ font-size: 16px;}


.mob{ display:none;}

#section4 p{ font-size:20px;}

@media (max-width:960px){
	.desk{ display: none;}
	.mob{ display: block;}
	p.story{font-size:12px !important; line-height: 15px !important;}
	
	#section4 p{ font-size:14px; line-height: 17px !important;}
	#section4 .split{ width:100%;}
}




.brandsdesc p{ padding-left:25px; padding-right:25px; font-size: 14px !important; text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;}

