@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for <PROJECT NAME>.

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, 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,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: inherit;
	text-decoration: none;
		-webkit-transition: color 300ms linear;
	    -moz-transition: color 300ms linear;
	    -o-transition: color 300ms linear;
	    -ms-transition: color 300ms linear;
	    transition: color 300ms linear;
}


/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }

/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display:block; height:1px; border:0; margin:1em 0; padding:0;
	border-top:1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
h1 { font-size: 2em; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
fieldset { border: 1px solid transparent; margin: 0; padding: 0; }

/* End Normalization
--------------------------------------------------------------------------------------------------*/

input[type=checkbox].css-checkbox {
							display:none;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:60px;
							height:33px; 
							display:inline-block;
							line-height:33px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:19px;
							vertical-align:middle;
							cursor:pointer;
							color: #fff;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -33px;
						}
						label.css-label {
				background-image:url(../img/bgi/csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}



/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font-family: 'Ubuntu', sans-serif;C
  font-size: 12px;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/




/* =Header
--------------------------------------------------------------------------------------------------*/
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
#header {
	background: url(../img/bgi/header.jpg) center top no-repeat;
	background-size: cover;
}
	#logo {
		display: inline-block;
		margin: 50px 0 210px 80px;
	}
	.main-info {
		padding-left: 15%;
		padding-bottom: 105px;
	}
		.main-info h1 {
			font-weight: 700;
			margin: 0;
			color: #ffffff;
			font-size: 48px;
			background: url(../img/bgi/transp.png) repeat;
			display: inline-block;
			padding: 5px 15px;
		}
		#tryit {
			display: block;
			color: #fff;
			font-weight: 700;
			width: 242px;
			height: 80px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			text-align: center;
			line-height: 80px;
			font-size: 22px;
			background-color: #ff540e;
			opacity: 0.7;
			-webkit-transition: opacity 300ms linear;
		    -moz-transition: opacity 300ms linear;
		    -o-transition: opacity 300ms linear;
		    -ms-transition: opacity 300ms linear;
		    transition: opacity 300ms linear;
		}
			#tryit:hover {
				opacity: 1;
			}


/* End Header
--------------------------------------------------------------------------------------------------*/





/* =Main Content
--------------------------------------------------------------------------------------------------*/
#features {
	margin: 120px 0;
	background-color: #fff;
}
	#features ul {
		display: table;
		margin: 0 auto;
	}
		#features ul li {
			list-style-type: none;
			float: left;
			margin: 0px 25px;
			text-align: center;
			max-width: 320px;
		}
			#features ul li img {
				display: block;
				margin: 0 auto;
				border:none;
			}
			#features ul li h2 {
				font-weight: bold;
				font-size: 23px;
				color: #323232;
				max-width: 260px;
				margin: 1.5em auto;
			}
			#features ul li p {
				font-size: 19px;
				color: #5e5e5e;
				line-height: 24px;
				text-align: justify;
			}

/* =End Main Content
--------------------------------------------------------------------------------------------------*/




/* =Secondary Content
--------------------------------------------------------------------------------------------------*/
#become-member {
	background-color: #0092d6;
	padding-top: 110px;
	padding-bottom: 30px;
}
	.innerwrapper {
		max-width: 758px;
		margin: 0 auto;
	}
	#become-member h3 {
		font-weight: 700;
		font-size: 60px;
		text-transform: uppercase;
		opacity: 0.2;
		text-align: center;
	}
		#become-member span.legend {
			display: block;
			color: #fff;
			font-size: 19px;
			text-align: center;
			margin-bottom: 30px;
		}
			
		.white-input {
			display: block;
			width: 100%;
			height: 60px;
			line-height: 60px;
			font-size: 23px;
			color: #a3a3a3;
			background-color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 0 2%;
			border:none;
			margin-bottom: 22px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
			.white-input.small, .chosen-box {
				width: 48%;
			}
			.chosen-container {
				float: left;
			}


			.white-input option {
				line-height: 60px;
			}
			
				#become-member form label a {
					color: #fefefe;
					text-decoration: underline;
				}
				#become-member form label a:hover {
					color: #cccccc;
				}

                .error {
                        display: block;
                        width: 100%;
                        height: 40px;
                        line-height: 40px;
                        font-size: 20px;
                        color: #ee0000;
                        background-color: #fff;
                        border-radius: 5px;
                        -webkit-border-radius: 5px;
                        padding: 0 2%;
                        border:none;
                        margin-bottom: 22px;
                        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                }

		.blue-btn {
			display: block;
			width: 185px;
			height: 80px;
			line-height: 80px;
			font-size: 22px;
			font-weight: 700;
			text-align: center;
			color: #fff;
			font-weight: bold;
			float:left;
			margin-right: 15px;
			background-color: #0075ab;
			border: none;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-webkit-transition: background-color 300ms linear;
		    -moz-transition: background-color 300ms linear;
		    -o-transition: background-color 300ms linear;
		    -ms-transition: background-color 300ms linear;
		    transition: background-color 300ms linear;
		}
			.blue-btn:hover {
				background-color: #015d88;
			}
	#contact-link {
		font-size: 22px;
		line-height: 80px;
		color: #fff;

	}
		#contact-link:hover {
			color: #cccccc;
		}
	

/* End Secondary Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/

/* End Footer
--------------------------------------------------------------------------------------------------*/
@media (max-width:1180px) { 
	#features ul li {
		max-width: 250px;
		margin: 0 10px;
	}
}