@charset "UTF-8";
/* CSS - UI Site */

/*------- COLORS ------- blue (5eb8e2) - green (E9F18B) - med green (E0E781) */
/*------- FONTS ------- font-family: "Open Sans", Helvetica, Arial, sans-serif; */

/*-----------------------------------------------------
	CSS RESET
-----------------------------------------------------*/
html,body{margin:0;padding:0;/*vertival-align:bottom;*/font-size:100%;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;/*vertical-align:bottom;*/background:transparent}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*-----------------------------------------------------
	Webfonts
-----------------------------------------------------*/
@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular-webfont.eot');
	src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Italic';
	src: url('fonts/OpenSans-Italic-webfont.eot');
	src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Light';
	src: url('fonts/OpenSans-Light-webfont.eot');
	src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Light-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Semibold';
	src: url('fonts/OpenSans-Semibold-webfont.eot');
	src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Bold';
	src: url('fonts/OpenSans-Bold-webfont.eot');
	src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-----------------------------------------------------
	General Styles
-----------------------------------------------------*/
body{font-size:100%; font-family: "Open Sans", Helvetica, Arial, sans-serif; /*font smoothing*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1{font-size:24px; line-height: 26px; font-weight: normal; font-family: "Open Sans Semibold", Helvetica, Arial, sans-serif; margin:0 0 20px 0;}
h2{font-size:18px; line-height: 20px; font-weight: normal;font-family: "Open Sans Light", Helvetica, Arial, sans-serif; margin:0 0 15px 0;}
p{margin:0 0 20px 0;}
a{color:#3AAFFD;text-decoration:none;}
a:hover{color:#333;}

/* Forms */
fieldset{border:0;margin:0;padding:0;} 
label{display:block;margin:0 0 15px 0;font-size:18px;font-weight:bold;/*box*/-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
select{border:none;margin:0 0 10px 0;width:100%;height:36px;padding:8px;font-size:13px;background:#A5A6A1;}
input, textarea{border:none;border-top:1px solid #aaa;background:#cfcfcf;padding:10px 15px;width:100%;margin:0 0 10px 0;color:#000;font-size:13px;-webkit-appearance:none;border-radius:0;}
input[type="submit"]{border:none;}
textarea{height:100px;}
input:focus, textarea:focus{background:#dfdfdf;}
.submit{border:none;width:160px;padding:10px;font-weight:bold;cursor:pointer;text-transform:uppercase;font-size:18;color:#fff;background-color:#3AAFFD;border-radius:0;}
.submit:hover{background:#111;}
.submit:focus{background:#3AAFFD;}
.radio{display:inline-block;margin:0 10px 5px 5px;cursor:pointer;}
.radio input{width:auto;margin:0 3px 10px 0;display:inline-block;cursor:pointer;}
.chbx{margin:0;cursor:pointer;}
.chbx input{width:auto;margin:0 8px;display:inline-block;cursor:pointer;vertical-align:middle;border:none;background:none;-webkit-appearance:checkbox;}
.form_bday{overflow:hidden;}
.form_bday select{display:block;float:left;margin-right:2%;}
.form_bday input{display:block;float:left;}
.form_month{width:40%;}
.form_day{width:30%;}
.form_year{width:26%;text-align:center;}
.vcode-area{position:relative;padding-left:120px;}
.vcode-img{display:block;width:auto;position:absolute;left:0;top:0;}
.vcode{width:100%;height:50px;font-size:30px;text-align:center;}
.inline-fields li{margin-left:30%;}
.inline-fields .inline{margin-left:0;}
.inline{text-align:right;padding:0 !important;}
.inline label{display:inline-block;width:28%;padding-right:10px;margin-bottom:0;vertical-align:middle;}
.inline input{display:inline-block;width:70%;margin-bottom:0;}
.inline-submit input{display:block;float:left;vertical-align:top;width:78%;margin:0 2% 0 0;}
.inline-submit .submit{height:37px;width:20%;padding:0;margin:0;}
.field-callout{padding:10px 0;background:#fff;border-top:1px solid #333;border-bottom:1px solid #333;}
.req{color:rgb(224, 53, 53);}
::-webkit-input-placeholder{color:#555;} ::-moz-placeholder{color:#555;} :-ms-input-placeholder{color:#555;}

/*------- SPRITES -------*/
.home-btn, .dpdown-btn .icon, .zip a{background:url('images/sprite-icons.png') no-repeat center top;}

/*------- CLEARFIX -------*/
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;} /* ie6/ie7 */

/*------- HELPER CLASSES -------*/
.wrap{width:92%;margin:0 auto;max-width:1110px;}
.last{margin-right:0 !important;}
.clear{clear:both;}

/*------- NAV -------*/
.js #header{display:none;}
#header{overflow:auto;width:100%;margin:0;background:#5eb8e2;box-shadow:inset 0 -2px 0 #3489B3;z-index:100;}
#nav-main{overflow:auto;padding:25px 0;margin:0;/* Cols */-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;}
#nav-main li{list-style:none;margin:0 0 12px 0;}
#nav-main a{color:#fff; font-size: 14px; font-family:"Open Sans Semibold", Helvetica, Arial, sans-serif;}
#nav-main a:hover{color:#111;}
#nav-main .current a{}
.nav-toggle-wrap{overflow:hidden;border-top:5px solid #E9F18B;}
.nav-toggle{float:left;padding:13px 30px 15px 30px;font-size:18px;font-weight:normal;font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;color:#5eb8e2;text-transform:uppercase;border:5px solid #E9F18B;border-top:none;cursor:pointer;border-radius:0 0 10px 10px;box-shadow:inset 0 -5px 0 #f3f3f3;}
.nav-toggle:hover{color:#333;}
.home-btn{display:block;float:left;width:40px;height:30px;margin:8px 10px;text-indent:-9999px;}
.home-btn:hover{background-position:center -35px;}

/*------- IN-PAGE STYLES -------*/
#content-main{padding:50px 0;}
.site-sect{padding:90px 0 0 0;clear:both;}
.sect-title{margin:0 0 30px 0;}
.zip{float:right;padding:10px 0 0 0;}
.zip a{display:inline-block;padding:0 0 0 18px;background-position:left -225px; font-size: 13px; font-family:"Open Sans Semibold", Helvetica, Arial, sans-serif;}
.zip a:hover{background-position:left -265px;}

/*------- FOOTER -------*/
#footer{padding:30px 0;clear:both;}

/*------- HOME -------*/
.col-wrap{margin:0 -1%;}
.cta-col{float:left;width:31.3%;margin:0 1% 20px 1%;text-align:center;}
.cta-col .cta{display:table; width:100%; height:120px; padding:5px; font-size:21px; font-family: "Open Sans Bold", Helvetica, Arial, sans-serif; color:#fff; background:#eee; text-align: left; text-shadow:1px 2px 0 #3489B3; border:2px dotted #ccc;border-radius:10px;}
.cta-col .cta:hover span{background:#3489B3; text-shadow:1px 2px 0 #1E6384;}
.cta-col .cta span{display:table-cell;vertical-align:middle;padding:20px 30px;background:#5eb8e2;border-bottom: 5px solid #3489B3;border-radius:5px;}

/*-----------------------------------------------------
	Plugin Settings
-----------------------------------------------------*/
.settings-area{padding:40px 0 20px 0; margin:50px 0 -50px 0; background:#C8EEFF; border-top:2px solid #5eb8e2;}
.sett-sect{margin:0 0 30px 0;}
.mycode{overflow:auto; padding:20px 30px; margin:0 0 20px 0; background:#ECF6FC; border-radius:10px; box-shadow:inset 0 3px 0 #B8E2F5;}


/*-----------------------------------------------------
	Media Queries
-----------------------------------------------------*/
@media screen and (max-width : 1200px) {
	.col-wrap{margin:0 -2%;}
	.cta-col{width:46%;margin:0 2% 20px 2%;}
}
@media screen and (max-width : 600px) {
	.col-wrap{margin:0 -1%;}
	.cta-col{width:48%;margin:0 1% 20px 1%;}
}
@media screen and (max-width : 500px) {
	.col-wrap{margin:0;}
	.cta-col{float:none;width:auto;margin:0 0 20px 0;}
	.cta-col .cta{padding:0;font-size: 22px; height: auto; border-width:4px;}
}