@import url(font/fonts.css);
@import url(common.css);

.main-container{width: 100%; max-width: 1280px; margin:auto;}
.main-container header{margin: 15px 0 ;}
.main-container .banner{position: relative; text-align: center;}
.main-container .banner h1{ text-transform: uppercase;font-family: 'jotialight'; font-weight: 700; font-size: 60px; position: absolute; width: 100%; text-align: center; top: 22%;  }
.main-container.thankyou-page .banner h1{top: 42%}
.main-container .banner-overlay{ position: relative; z-index: 1;margin-top: -107px; width: 100%; text-align: center;  background: #fff; padding: 20px 50px; left: 0%; background: rgba(225,225,225,.8);}
.main-container .banner-overlay p {font-size: 16px;    line-height: 32px; font-family: 'jotialight';  }
.main-container.thankyou-page .banner-overlay{margin-top: 25px; background: #fff}
.main-container.thankyou-page .banner-overlay p{margin-bottom: 20px}
.main-container .form{padding: 75px 125px;}
.main-container.thankyou-page .form{padding: 25px 125px;}
.main-container .banner-overlay .js-cm-submit-button{margin: 20px 0 0; padding: 8px 25px; font-size: 24px;}
.main-container .form form{width: 100%; max-width: 800px; padding:0px 25px; margin: auto; }
.main-container .form form > p{width: 50%; padding: 0 20px; float: left; margin-bottom: 30px}
.main-container .form form > p.full{width: 100%;}
.main-container .form form > p.button-row{text-align: center; margin-bottom: 50px}
.main-container .form form > p label.inline{display: inline; }
.main-container .form form > p label.inline.check{font-weight: normal; }
.main-container .form form > p label{width: 100%; display: block;margin-bottom: 5px;}
.main-container .brands{margin: 25px 0; width: 100%;text-align: center; }
.main-container footer{margin-bottom: 50px;}
.main-container footer strong{ color: #333f48; font-size: 16px;	padding: 15px; margin-bottom: 1px}
.main-container footer strong{background: #D9D9D6 url(../images/open.png) no-repeat right  center;}
.main-container footer strong.show{background: #D9D9D6 url(../images/close.png) no-repeat right  center;}
.main-container footer .content{background:#D9D9D6; padding: 20px;  }
.main-container footer p,
.main-container footer ul{margin-bottom: 25px; line-height: 24px;}
.main-container footer ul li{margin-bottom: 10px; }

@media only screen and (max-width: 1280px) {
	.main-container header,
	.main-container .brands{padding: 0px 20px;}
	.main-container.thankyou-page .form,
	.main-container .form{padding: 50px 20px 20px}

}

@media only screen and (max-width: 980px) {
	.main-container .form{margin-top:25px;}

	.main-container .banner h1{font-size: 50px}
}
@media only screen and (max-width: 760px) {
.main-container .banner-overlay{margin-top: 25px; background: #fff; padding: 0px 50px}
.main-container .form{margin-top: 0px}
.main-container .banner h1{top: 35%}
.main-container .banner-overlay p{line-height: 21px;font-size: 13px;}
.main-container .banner-overlay .js-cm-submit-button{margin: 20px 0 0;}
.js-cm-submit-button{ padding: 6px 20px; font-size: 20px;}
}
@media only screen and (max-width: 680px) {
	.mobile{display: inline-block}
	.desktop{display: none}
	.main-container .banner h1{ font-size: 40px;}
	.main-container .brands{margin: 30px 0;}
	.main-container footer p, 
	.main-container footer ul{font-size: 14px;}
	.main-container .form form > p{width: 100%; padding:0px;}
	.js-cm-submit-button{padding: 10px; min-width: 150px; }
}

@media only screen and (max-width: 480px) {
	.main-container .banner h1{font-size: 30px}
	.main-container header img{max-width: 70px;}
	.main-container .banner-overlay{ padding: 0px 20px;}
	.main-container .banner-overlay .js-cm-submit-button{margin: 20px 0 0;}

}