html, body{height:100%;}
body{background:#fff;margin:0;padding:0;font-family:'quicksandbook';color:#231f20;}
*, a{text-decoration:none;border:none;outline:none;}

/* Custom Fonts */
@font-face{
font-family:'quicksandbold_oblique';
src:url('../fonts/quicksand_bold_oblique-webfont.eot');
src:url('../fonts/quicksand_bold_oblique-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_bold_oblique-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_bold_oblique-webfont.woff') format('woff'),
	 url('../fonts/quicksand_bold_oblique-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_bold_oblique-webfont.svg#quicksandbold_oblique') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'quicksandbold';
src:url('../fonts/quicksand_bold-webfont.eot');
src:url('../fonts/quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_bold-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_bold-webfont.woff') format('woff'),
	 url('../fonts/quicksand_bold-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_bold-webfont.svg#quicksandbold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'quicksandbook_oblique';
src:url('../fonts/quicksand_book_oblique-webfont.eot');
src:url('../fonts/quicksand_book_oblique-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_book_oblique-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_book_oblique-webfont.woff') format('woff'),
	 url('../fonts/quicksand_book_oblique-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_book_oblique-webfont.svg#quicksandbook_oblique') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'quicksandbook';
src:url('../fonts/quicksand_book-webfont.eot');
src:url('../fonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_book-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_book-webfont.woff') format('woff'),
	 url('../fonts/quicksand_book-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_book-webfont.svg#quicksandbook') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'quicksanddash';
src:url('../fonts/quicksand_dash-webfont.eot');
src:url('../fonts/quicksand_dash-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_dash-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_dash-webfont.woff') format('woff'),
	 url('../fonts/quicksand_dash-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_dash-webfont.svg#quicksanddash') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'quicksandlight_oblique';
src:url('../fonts/quicksand_light_oblique-webfont.eot');
src:url('../fonts/quicksand_light_oblique-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_light_oblique-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_light_oblique-webfont.woff') format('woff'),
	 url('../fonts/quicksand_light_oblique-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_light_oblique-webfont.svg#quicksandlight_oblique') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'quicksandlight';
src:url('../fonts/quicksand_light-webfont.eot');
src:url('../fonts/quicksand_light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/quicksand_light-webfont.woff2') format('woff2'),
	 url('../fonts/quicksand_light-webfont.woff') format('woff'),
	 url('../fonts/quicksand_light-webfont.ttf') format('truetype'),
	 url('../fonts/quicksand_light-webfont.svg#quicksandlight') format('svg');
font-weight:normal;
font-style:normal;
}

/* General Layout */
#wrapper{background-image:url(../images/desktop-theme.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center top;width:100%;padding-top:70%;position:relative;line-height:0;}
#wrapper .logo{text-align:center;margin:12% auto auto;padding:0;width:100%;position:absolute;top:0;}
#wrapper .logo img{width:auto;max-width:75%;}
#wrapper .content{position:absolute;top:50%;width:100%;}
#wrapper .content p{margin:0 auto;text-align:center;padding:0 10%;box-sizing:border-box;font:110%/140% 'quicksandbook';color:#231f20;}
#wrapper .content h5{margin:0 auto;text-align:center;padding:4% 0;box-sizing:border-box;font:140%/140% 'quicksandbook';color:#231f20;text-transform:uppercase;}
#wrapper .content h5 a{font-family:'quicksandbold';color:#000;}
#wrapper .content h5 a:hover{color:#4e84c4;}

/* FancyBox Properties */
.lightBox{width:100%;height:100%;overflow:hidden;padding:0;margin:0;background:#4e84c4;}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:100;display:none;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
.fancybox-wrap{width:100% !important;position:absolute;top:0 !important;left:0;padding:0;z-index:1001;outline:none;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:none;border-radius:4px;}
#fancybox-content{width:100%;padding:0;outline:none;position:relative;overflow:hidden;z-index:105;border:none;}
.fancybox-close{position:fixed;top:50px;left:50px;width:30px;height:30px;background:url(../images/close.png) no-repeat left top;cursor:pointer;z-index:1103;display:block;}
.fancybox-inner{height:100% !important; width:100% !important;}

/* Form */
.form-container{width:100%;height:100%;min-height:100%;text-align:center;margin:0 auto;padding:0 2%;box-sizing:border-box;}
.form-container h1{font:330%/150% 'quicksandbook';color:#e4e76d;text-align:center;padding:8% 0 0;margin:0 auto;display:block;clear:both;}
.form-container h4{font:140%/140% 'quicksandbook';color:#fff;text-align:center;padding:0 14% 3%;margin:0 auto;display:block;clear:both;width:100%;box-sizing:border-box;}
.form-container #success_block{color:#e4e76d;}
.form-container #fields{width:60%;margin:0 auto;padding:0;display:block;}
.form-container #fields input[type=text]{background:none;border:1px #41c4dc solid;font:80%/100% 'quicksandbook';color:#e4e76d;text-align:left;margin:1%;padding:22px 15px;display:inline-block;letter-spacing:2px;box-sizing:border-box;float:left;}
.form-container #fields input.half{width:48%;}
.form-container #fields input.city{width:32%;}
.form-container #fields .state{width:14%;}
.form-container #fields input.zip{width:18%;}
.form-container #fields input.age, .form-container #fields .gender{width:13%;}
.form-container #fields input[type=submit]{background:none;border:none;outline:none;text-align:center;width:auto;padding:0;margin:5% auto;font:100%/140% 'quicksandbold';color:#e4e76d;letter-spacing:4px;cursor:pointer;text-transform:uppercase;}
.form-container #footer{margin:6% auto auto;text-align:center;width:100%;padding:0;box-sizing:border-box;display:block;clear:both;}
.form-container #footer img{width:auto;clear:both;}
.form-container #footer p{font:75%/180% 'quicksandbold';color:#42c4dd;padding:0;margin:0;text-align:center;display:block;}

/* Custom Select Box */
.select-default{padding:11px 14px;margin:1%;border:1px #41c4dc solid;width:10%;overflow:hidden;background:url(../images/select-arrow.png) no-repeat 90% 55%;height:34px; float:left;font:80%/100% 'quicksandbook'; letter-spacing:2px;}
.select-default select{padding:0 !important;width:105%;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:34px;color:#e4e76d;text-shadow:none;}
.select-default select:focus{outline:none;}

.select-gender{padding:11px 14px;margin:1%;border:1px #41c4dc solid;width:9%;overflow:hidden;background:url(../images/select-arrow.png) no-repeat 90% 55%;height:34px; float:left;font:80%/100% 'quicksandbook'; letter-spacing:2px;}
.select-gender select{padding:0 !important;width:105%;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:34px;color:#e4e76d;text-shadow:none;}
.select-gender select:focus{outline:none;}



/* Media Queries for Responsiveness */
/* Query effects Only iOs Devices Especially */
@media only screen and (min-width: 1025px) and (max-width: 7200px) and (-webkit-min-device-pixel-ratio: 1){
#wrapper .content p, #wrapper .content h5{font-size:150% !important;}
.form-container h1{font-size:360% !important;}
.form-container h4{font-size:160% !important;}
.form-container #fields input[type="text"], .form-container #fields select{font-size:100% !important;padding:18px 15px;font-family:'quicksandbook';}
.form-container #fields input[type="submit"]{font-size:140% !important;margin:5% auto auto;}
}

/* Query effects from 100px device width to 1024px Width  common Properties*/
@media only screen and (min-width: 100px) and (max-width: 1024px) {
.form-container #fields input[type="text"], .form-container #fields select{padding:13px 12px;}
#wrapper .content p{padding:0 7%;color:#000;}
#wrapper .content{margin:17% auto 8%;}
}

/* Query effects from 200px device width to 359px Width */
@media only screen and (min-width: 200px) and (max-width: 359px) {
body{height:100%;background:#e9e8e6 url(../images/mobile-theme.jpg) no-repeat center top;background-size:cover;position:absolute;width:100%;}
#wrapper{background:none;width:100%;padding-top:0;}
#wrapper .logo{margin:27% auto 25%;position:inherit;}
#wrapper .content{position:inherit;margin:20% auto 8%;top:0;display:block;float:left;}
#wrapper .content p{font-size:70%;line-height:120%;text-align:left;}
#wrapper .content h5{font-size:88%;line-height:110%;text-align:left;padding:4% 7% 0;box-sizing:border-box;}
.fancybox-close{right:20px;display:block;position:fixed;left:auto;top:20px;}
.form-container{margin-bottom:4%;}
.form-container h1{font-size:130%;text-align:left;padding:0;margin:27% auto auto;line-height:100%;}
.form-container h4{font-size:80%;text-align:left;padding:0;margin:3% auto;line-height:120%;}
.fancybox-wrap{left:0 !important;position:absolute !important;}
.form-container{width:100%;padding:0 10%;box-sizing:border-box;}
.form-container #fields{width:100%;margin:6% auto auto;}
.form-container #fields input.half, .form-container #fields input.city{width:100%;margin:2% 0;box-sizing:border-box;}
.form-container #fields input.age{width:48%;margin:2% 0;box-sizing:border-box;float:left;}
.form-container #fields input.zip{width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.form-container #footer{margin:0 auto;}
.form-container #footer img{display:none;}
.form-container #footer p{font-size:60%;line-height:100%;text-align:center;}
.select-gender{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.select-default{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:left;}
}

/* Query effects from 360px device width to 479px Width */
@media only screen and (min-width: 360px) and (max-width: 479px) {
body{height:100%;background:#e9e8e6 url(../images/mobile-theme.jpg) no-repeat center top;background-size:cover;position:absolute;width:100%;}
#wrapper{background:none;width:100%;padding-top:0;}
#wrapper .logo{margin:27% auto;position:inherit;}
#wrapper .content{position:inherit;margin:35% auto auto;top:0;display:block;float:left;}
#wrapper .content p{font-size:90%;line-height:115%;text-align:left;}
#wrapper .content h5{font-size:100%;line-height:120%;text-align:left;padding:4% 7%;box-sizing:border-box;}
.fancybox-close{right:20px;display:block;position:fixed;left:auto;top:20px;}
.form-container{margin-bottom:4%;}
.form-container h1{font-size:140%;text-align:left;padding:0;margin:27% auto auto;line-height:100%;}
.form-container h4{font-size:90%;text-align:left;padding:0;margin:3% auto;line-height:120%;}
.fancybox-wrap{left:0 !important;position:absolute !important;}
.form-container{width:100%;padding:0 10%;box-sizing:border-box;}
.form-container #fields{width:100%;margin:6% auto auto;}
.form-container #fields input.half, .form-container #fields input.city{width:100%;margin:2% 0;box-sizing:border-box;}
.form-container #fields input.age{width:48%;margin:2% 0;box-sizing:border-box;float:left;}
.form-container #fields input.zip{width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.form-container #footer{margin:0 auto;}
.form-container #footer img{display:none;}
.form-container #footer p{font-size:66%;line-height:120%;text-align:center;}
.select-gender{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.select-default{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:left;}
}

/* Query effects from 480px device width to 639px Width */
@media only screen and (min-width: 480px) and (max-width: 639px) {
body{height:100%;background:#e9e8e6 url(../images/mobile-theme.jpg) no-repeat center top;background-size:cover;position:absolute;width:100%;}
#wrapper{background:none;width:100%;padding-top:0;}
#wrapper .logo{margin:27% auto;position:inherit;}
#wrapper .content{position:inherit;margin:35% auto auto;top:0;display:block;float:left;}
#wrapper .content p{font-size:90%;line-height:115%;text-align:left;}
#wrapper .content h5{font-size:100%;line-height:120%;text-align:left;padding:4% 7%;box-sizing:border-box;}
.fancybox-close{right:20px;display:block;position:fixed;left:auto;top:20px;}
.form-container{margin-bottom:4%;}
.form-container h1{font-size:140%;text-align:left;padding:0;margin:27% auto auto;line-height:100%;}
.form-container h4{font-size:90%;text-align:left;padding:0;margin:3% auto;line-height:120%;}
.fancybox-wrap{left:0 !important;position:absolute !important;}
.form-container{width:100%;padding:0 10%;box-sizing:border-box;}
.form-container #fields{width:100%;margin:6% auto auto;}
.form-container #fields input.half, .form-container #fields input.city{width:100%;margin:2% 0;box-sizing:border-box;}
.form-container #fields input.age{width:48%;margin:2% 0;box-sizing:border-box;float:left;}
.form-container #fields input.zip{width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.form-container #footer{margin:0 auto;}
.form-container #footer img{display:none;}
.form-container #footer p{font-size:66%;line-height:120%;text-align:center;}
.select-gender{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.select-default{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:left;}
}

/* Query effects from 640px device width to 767px Width */
@media only screen and (min-width: 640px) and (max-width: 767px) {
body{height:100%;background:#e9e8e6 url(../images/mobile-theme.jpg) no-repeat center top;background-size:cover;position:absolute;width:100%;}
#wrapper{background:none;width:100%;padding-top:0;}
#wrapper .logo{margin:27% auto;position:inherit;}
#wrapper .content{position:inherit;margin:35% auto 8%;top:0;display:block;float:left;}
#wrapper .content p{font-size:100%;line-height:120%;text-align:left;}
#wrapper .content h5{line-height:120%;text-align:left;padding:4% 7% 0;box-sizing:border-box;}
.fancybox-close{right:20px;display:block;position:fixed;left:auto;top:20px;}
.form-container{margin-bottom:4%;}
.form-container h1{font-size:130%;text-align:left;padding:0;margin:27% auto auto;line-height:100%;}
.form-container h4{font-size:80%;text-align:left;padding:0;margin:3% auto;line-height:120%;}
.fancybox-wrap{left:0 !important; position:absolute !important;}
.form-container{width:100%;padding:0 10%;box-sizing:border-box;}
.form-container #fields{width:100%;margin:6% auto auto;}
.form-container #fields input.half, .form-container #fields input.city{width:100%;margin:2% 0;box-sizing:border-box;}
.form-container #fields input.age{width:48%;margin:2% 0;box-sizing:border-box;float:left;}
.form-container #fields input.zip{width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.form-container #footer{margin:0 auto;}
.form-container #footer img{display:none;}
.form-container #footer p{font-size:60%;line-height:100%;text-align:center;}
.select-gender{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.select-default{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:left;}
}

/* Query effects from 768px device width to 1024px Width */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
div, p, a, li, td{-webkit-text-size-adjust:100%;}
body{height:100%;background:#e9e8e6 url(../images/mobile-theme.jpg) no-repeat center top;background-size:cover;position:absolute;width:100%;}
textarea, select, input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance:none;border-radius:0;height:60px;}
#wrapper{background:none;width:100%;padding-top:0;}
#wrapper .logo{margin:27% auto;position:inherit;}
#wrapper .content{position:inherit;margin:32% auto 8%;top:0;display:block;float:left;padding-bottom:15px;}
#wrapper .content p{line-height:150%;text-align:left;}
#wrapper .content h5{line-height:140%;text-align:left;padding:4% 7% 0;box-sizing:border-box;}
.fancybox-close{right:20px;display:block;position:fixed;left:auto;top:20px;}
.form-container{margin-bottom:4%;}
.form-container h1{text-align:left;padding:0;margin:27% auto auto;line-height:100%;}
.form-container h4{font-size:140%;text-align:left;padding:0;margin:3% auto;line-height:130%;}
.fancybox-wrap{left:0 !important;position:absolute !important;}
.form-container{width:100%;padding:0 10%;box-sizing:border-box;}
.form-container #fields{width:100%;margin:6% auto auto;}
.form-container #fields input.half, .form-container #fields input.city{width:100%;margin:1% 0;box-sizing:border-box;}
.form-container #fields input.age{width:48%;margin:1% 0;box-sizing:border-box;float:left;}
.form-container #fields input.zip{width:48%;margin:1% 0;box-sizing:border-box;float:right;}
.form-container #footer{margin:0 auto;}
.form-container #footer img{display:none;}
.form-container #footer p{line-height:120%;text-align:center;}
.select-gender{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:right;height:60px;}
.select-default{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:left;height:60px;}
}

/* Query effects from 602px device width to 610px Width */
@media only screen and (min-width: 602px) and (max-width: 610px) {
body{height:100%;background:#e9e8e6 url(../images/mobile-theme.jpg) no-repeat center top;background-size:cover;position:absolute;width:100%;}
#wrapper{background:none;width:100%;padding-top:0;}
#wrapper .logo{margin:27% auto;position:inherit;}
#wrapper .content{position:inherit;margin:30% auto 8%;top:0;display:block;float:left;}
#wrapper .content p{font-size:100%;line-height:120%;text-align:left;}
#wrapper .content h5{font-size:110%;line-height:130%;text-align:left;padding:4% 7% 0;box-sizing:border-box;}
.fancybox-close{right:20px;display:block;position:fixed;left:auto;top:20px;}
.form-container{margin-bottom:4%;}
.form-container h1{font-size:240%;text-align:left;padding:0;margin:27% auto auto;line-height:100%;}
.form-container h4{font-size:140%;text-align:left;padding:0;margin:3% auto;line-height:130%;}
.fancybox-wrap{left:0 !important;position:absolute !important;}
.form-container{width:100%;padding:0 10%;box-sizing:border-box;}
.form-container #fields{width:100%;margin:6% auto auto;}
.form-container #fields input.half, .form-container #fields input.city{width:100%;margin:2% 0;box-sizing:border-box;}
.form-container #fields input.age{width:48%;margin:2% 0;box-sizing:border-box;float:left;}
.form-container #fields input.zip{width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.form-container #footer{margin:0 auto;}
.form-container #footer img{display:none;}
.form-container #footer p{line-height:120%;text-align:center;}
.select-gender{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:right;}
.select-default{padding:0 12px;width:48%;margin:2% 0;box-sizing:border-box;float:left;}
}