@charset "utf-8";
body,html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:1.1em;
	color:#000;
	text-align:center;
}
header, section, footer {
	position:relative;
	float:left;
	clear:both;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
}
	
header {	
	padding:30px 0px 0px 0px;
	
}
footer {
	padding:30px 0px;
}
.wrap {
	position:relative;
	float:left;
	clear:both;
	width:60%;
	margin:0% 20%;
	text-align:center;
}
header .wrap {
	border: 3px solid #000;	
	padding-top:20px;
}
header .wrap img {
	width:40%;
	height:auto;
	max-width:40%;
}
footer .wrap {
	background: #000;
	display:block;
	padding:15px 0px;
}
h1, h2, h3 {
	font-family: 'Rammetto One', cursive;
	color:#008b94;	
	margin-top:0em;
}
h1 {
	font-size:2em;
	margin:0;
	padding:0;
	text-shadow:	0px 1px 3px rgba(0,0,0,1.0),	0px 1px 0px rgba(0,0,0,0.5);
}
h2 {
	font-family: 'Oswald', sans-serif;
	font-size:1.3em;
	color:#000;
}
h3 {
	font-family: 'Oswald', sans-serif;
	font-size:1.2em;
	color:#008b94;
}
#main {
	padding:30px 0px
}

aside {
	position:relative;
	float:right;
	width:40%;
	height:auto;
	background:#77d5d2;	
	margin:0px 0px 20px 20px;
	padding:20px;
	box-sizing:border-box;
	border:2px solid #008b94;
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;	
	border-radius: 10px;
}
.left {
	text-align:left;
}
.left p:first-child {
	margin-top:0px;
}
#form1 {width:100%; position:relative; float:left; clear:both; margin:0em 0em 2em 0em; font-size:1em;display:block; text-align:left; font-family:'Oswald', sans-serif;}
label {position:relative; float:none; clear:both; width:90%; text-align:left;  font-weight:normal; font-size:1.1em;color:#000}
input {position:relative; float:none;  clear:both;  font-size:1em;}
input[type=checkbox],input[type=radio] {visibility: hidden;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input.error {background-color:#a1d0ce;}
.oops {color:#620b9a; display:block;}
.formwrap {position:relative; float:left; clear:both; margin-bottom:8px; width:100%;}
p.half {position:relative; float:left; width:85%; height:auto; margin-top:0px;}
.oopsie {color:#f6ddc9; font-weight:bold;}
#email, #phone, #name, #org {position:relative; float:none; width:100%; box-sizing:border-box; border:1px solid #07657c; padding-left:8px; padding-top:4px; padding-bottom:4px; box-sizing:border-box; -moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px; -moz-box-shadow:	0px 1px 3px rgba(000,000,000,0.5); 	-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5);	box-shadow:	0px 1px 3px rgba(000,000,000,0.5);}
#org {margin-bottom:20px;}
.wrong {color:#620b9a;}
.raddiv {display:block; float:left; height:28px;clear:both; margin-bottom:10px}
p.flrt {float:right; margin:4px 0px 0px 15px; font-size:1em}
.roundedTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;
	float:right;
	margin:0px;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 0px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.roundedTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #07657c 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #07657c 0%, #45484d 100%);
	background: -o-linear-gradient(top, #07657c 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #07657c 0%, #45484d 100%);
	background: linear-gradient(top, #07657c 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07657c', endColorstr='#45484d',GradientType=0 );
}


.roundedTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.roundedTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.roundedTwo input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#submit {
	margin-top:10px; 
	width:100%; 
	height:auto; 
	text-align:center; 
	cursor:pointer; 
	background-color:#02c0ba; 
	font-family: 'Rammetto One', sans-serif; 
	font-size: 1.1em;
	color: #ffffff;
	padding: .25em 0em;
	background: -moz-linear-gradient(top, #02c0ba 0%,#07657c);
	background: -webkit-gradient(linear, left top, left bottom, from(#02c0ba),	to(#07657c));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 5px rgba(161,142,016,0.6);
	-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 5px rgba(161,142,016,0.6);
	box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 5px rgba(161,142,016,0.6);
	text-shadow:	0px -1px 3px rgba(0,0,0,0.8),	0px 1px 0px rgba(0,0,0,0.3);
}
#submit:hover {
	background-color:#07657c;
	background: -moz-linear-gradient(top,#aef7f5 0%,#07657c);
	background: -webkit-gradient(linear, left top, left bottom, from(#aef7f5),	to(#07657c));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 5px rgba(161,142,016,0.6);
	-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 5px rgba(161,142,016,0.6);
	box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 5px rgba(161,142,016,0.6);
	text-shadow:	0px -1px 3px rgba(0,0,0,0.8),	0px 1px 0px rgba(0,0,0,0.3);
}
@media  screen and (max-width:1281px) {
	.wrap {width:84%; margin:0% 8%;}	
	aside {width:40%; padding:15px}
	label {font-size:1em;}
	h1 {font-size:2em}
}
@media  screen and (max-width:799px) {	
	aside {width:50%;}	
}

@media  screen and (max-width:600px) {
	.wrap {width:96%; margin:0% 2%}
	h1 {font-size:1.8em}
	h2 {font-size:1.2em}
	header, footer {margin:15px 0px;}	
	aside {float:left; clear:both; margin:0px 0px 20px 0px; width:100%; padding:10px; box-sizing:border-box;}
	header .wrap img {	width:70%;	height:auto;	max-width:70%;}
	
}