@charset "UTF-8";

@font-face {
	font-family: 'entypo';
	font-style: normal;
	font-weight: normal;
	src: url('icons/entypo/entypo.eot');
	src: url('icons/entypo/entypo.eot?#iefix') format('eot'), 
	url('icons/entypo/entypo.woff') format('woff'), 
	url('icons/entypo/entypo.ttf') format('truetype'), 
	url('icons/entypo/entypo.svg#entypo') format('svg'); }
.entypo-arrows-ccw:before{content:"\1f504" }
[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif; }

#page,
#page-2,
#page-3 {
	margin: 0 auto;
	position: relative;
	z-index: 3; }
	
#page { width: 1000px; }

#page-2 { width: 480px; }

#page-3 { width: 840px; }

.form_style {
	padding: 0 0 50px 0;
	text-align: center;
	color: #00134e;
	font-size: 40px;
	width: auto;
	position: relative;
	margin: 0 auto;
	z-index: 3000; }

/* Radios & Checkboxes */

input[type="radio"]:before {
    content: "";
    display: block;
    position: relative;
    width: 9px;
    height: 9px;
	top: 2px;
	left: 2px;
    border-radius: 50%;
    background: #fff;
	border-width: 2px;
	border-color: #acd580; }

input[type="radio"]:checked:before {
	content: "";
	display: block;
	position: relative;
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #acd580; }
	

/* Date Stamp */

#datestamp-wrap {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	background-color: #FFF;
	display: block;
	border: 1px solid #a1a8b0;
	text-align: center; }

#datestamp {
	font-size: 14px;
	color: #00134e;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding: 10px 20px 10px 25px; }

#gray-box {
	position: absolute;
	top: 0;
	left: 0;
	background: #a1a8b0;
	width: 10px;
	height: 100%; }


/*  ==================
    2. ITEM RESET
    ==================  */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

input[type="radio"],
input[type="reset"] {
	display: inline-block; }
	

/*  ==================
    3. MAIN STYLES
    ==================  */

.boat-form {

	position: relative;
	width: 100%;
	height: auto;
	padding: 10px 40px 20px 40px;
	text-align: center;
	display: inline-block; }
	
.w-47 {
	float: left;
	position: relative; 
	width: 47%; }
	
.mr-6 { margin-right: 6%; }


/***** Paragraphs *****/

.form-text {
	font-size: 16px;
	line-height: 24px;
	color: #ddd;
	margin: 0 0 20px 0;
	width: 100%;
	display: inline-block;
	text-align: justify; }

.who_we {
	font-size: 16px;
	line-height: 24px;
	display: block;
	color: #ddd;
	margin: 0;
	width: 80%;
	display: inline-block;
	text-align: justify; }

.form-text strong {
	color: #00134e;
	font-weight: 500;
	text-transform: uppercase; }

/*  ==================
    5. INPUTS
    ==================  */

/***** Main *****/
.field-left {
	position: relative;
	left: 0;
	width: 47%;
	float: left; }
	
.field-left input,
.field-left textarea,
.field-left select {
	padding: 0;
	width: 47%;
	float: left;
	color: #00134e;
	font-size: 18px;
	border: solid 1px #a1a8b0; }
	
.field-left > input:hover,
.field-left > input:focus,
.field-left > select:hover,
.field-left > select:focus,
.field-left > textarea:hover,
.field-left > textarea:focus{
	border: solid 1px #acd580;
	outline: none; }

.field-right {
	position: relative;
	top:0;
	width: 47%;
	float: right; }
	
.field-right input,
.field-right textarea,
.field-right select {
	padding: 0;
	width: 47%;
	float: left;
	color: #00134e;
	font-size: 18px;
	border: solid 1px #a1a8b0; }

.field-right > input:hover,
.field-right > input:focus,
.field-right > select:hover,
.field-right > select:focus,
.field-right > textarea:hover,
.field-right > textarea:focus{
	border: solid 1px #acd580;
	outline: none; }

.fields-wrap {
	position: relative;
	width: 100%;
	display: block; }
	
.g-recaptcha {
display: inline-block;
	position: relative;
	width: 48%;
	margin: 0;  }

.field {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 15px; }
	
.field span.icon {
	position: absolute;
	top: 0;
	left: 0;
	color: #a1a8b0;
	background: #a1a8b0;
	width: 10px;
	height: 100%; }
	
.field input,
.field textarea,
.field select {
	padding: 10px 20px 10px 25px;
	width: 100%;
	float: left;
	color: #737d89;
	font-size: 18px;
	border: solid 1px #a1a8b0; }

.field > input:hover,
.field > input:focus,
.field > select:hover,
.field > select:focus,
.field > textarea:hover,
.field > textarea:focus{
	border: solid 1px #acd580;
	outline: none; }
	
input:hover ~ span.icon,
input:focus ~ span.icon,
select:hover ~ span.icon,
select:focus ~ span.icon,
textarea:hover ~ span.icon,
textarea:focus ~ span.icon {
	outline: none;
	background: #acd580; }


/***** In Paragraph input *****/

.in-text:required {
	padding: 3px 2px 3px 12px;
	margin: 0 0 0 5px;
	color: #00134e;
	background: #f5f9fd url(img/required.png) no-repeat 100% 7px;
	box-shadow: none; }

.in-text:hover:required {
	padding: 3px 2px 3px 12px;
	margin: 0 0 0 5px;
	color: #00134e;
	background: #f5f9fd url(img/focused.png) no-repeat 100% 6px; }

.in-text:hover:invalid {
	background: #f5f9fd url(img/focused.png) no-repeat 100% 7px;
	outline: none;
	box-shadow: none; }
	
.in-text:required:valid {
	background: #f5f9fd url(img/valid.png) no-repeat 100% 7px;
	outline: none;
	box-shadow: none; }
	
.in-text:focus:invalid {
	background: #f5f9fd url(img/invalid.png) no-repeat 100% 7px;
	outline: none;
	box-shadow: none; }

.in-text2 {
	padding: 3px 0 3px 0;
	margin: 0  5px;
	background-color: #f5f9fd;
	color: #00134e;
	text-align: center; }

.date-pick {
	padding: 0;
	margin: 0 5px;
	background-color: #f5f9fd;
	text-align: center;
	color: #00134e; }
	

/***** Select input *****/


.grayed { color: #78818c; }

#arrow-select,
#arrow-select-svg {
	background: #fff url('img/select.png') no-repeat 0 11px;
	width: 44px;
	height: 35px;
	position: absolute;
	right: 1px;
	top: 1px;
	pointer-events: none;
	vertical-align: middle;
	outline: none;
	border: none;
	z-index: 3; }

.cc-contract {
	text-align: center;
	display: inline-block;
	padding: 20px;
	width: 100%;
	margin: 5px auto;
	position: relative;
	font-size: 14px;
	vertical-align: baseline; }
	
.cc-contract a:link {
	color: #ddd;
	text-decoration: none;
	font-weight: 400; }
	
.cc-contract a:visited {
	text-decoration: none;
	color: #ddd; }
	
.cc-contract a:hover {
	text-decoration: none;
	color: #acd580; }
	
.cc-contract a:focus {
	text-decoration: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#arrow-select-svg {
		display: none; /* <-- Hide svg arrow in webkit browsers and IE9/10 (pointer events don't work in those IE) */ }
}

x:-o-prefocus, #arrow-select {
	display: none; /* <-- Hack for Opera 12 */ }

/***** Placeholders *****/

/*-- Webkit --*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #a1a8b0; }
	
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: #a1a8b0; }
	
/*-- Firefox 19 down --*/
input:-moz-placeholder,
textarea:-moz-placeholder { color: #a1a8b0; }
	
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: #a1a8b0; }
	
/*-- Firefox 19 up --*/
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #a1a8b0; }
	
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: #a1a8b0; }
	
/*-- IE 10+ --*/
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #a1a8b0; }
	
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: #a1a8b0; }
	
/*-- IE 9 --*/
.ie9-placeholder { color: #a1a8b0 !important; }
.ie9-placeholder:focus { color: #a1a8b0 !important; }

/***** Validations *****/

.field input:required,
.field textarea:required,
.field select:required {
	background: #fff url(img/required.png) no-repeat 100% 15px;
	outline: none;
	box-shadow: none; }
	
.field input:hover:invalid,
.field textarea:hover:invalid,
.field select:hover:invalid {
	background: #fff url(img/focused.png) no-repeat 100% 15px;
	outline: none;
	box-shadow: none; }
	
.field input:required:valid,
.field textarea:required:valid,
.field select:required:valid {
	background: #fff url(img/valid.png) no-repeat 100% 15px;
	outline: none;
	box-shadow: none; }
	
.field input:focus:invalid,
.field textarea:focus:invalid,
.field select:focus:invalid {
	background: #fff url(img/invalid.png) no-repeat 100% 15px;
	outline: none;
	box-shadow: none; }


/***** Send button *****/

input.send {
	display: inline-block;
	background: #acd580;
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	font-family: 'PT Serif', serif;
	color: #000;
	width: auto;
	padding: 16px 28px;
	margin: 10px auto 5px auto;
	border: none;
	letter-spacing: .1em; }
	
input.send:hover,
input.send:focus {
	border: none;
	outline: none;
	background: #7a848f;
	color: #fff; }

/***** Upload input *****/

.upload-wrap {
	text-align: center;
	display: block;
	width: 100%;	
	margin: 10px 0 15px 0; }

.request {
	font-size: 16px;
	text-transform: uppercase;
	color: #00134e;
	text-decoration: none;
	display: block;
	margin: 3px 0;
	padding: 3px 0;
	text-align: center;
	word-spacing: 0.3em;
	letter-spacing: 0.1em; }
	
.custom-upload {
	background-color: #a1a8b0;
	color: #fff;
	padding: 7px 11px;
	font-size: 14px;
	border: thin solid #fff;
	display: inline-block;
	margin: 0 5px; }
	
.custom-upload input {
    left: -9999px; 
    position: absolute; }

/***** Reset input *****/

.reset {
	color: #00134e;
	display: block;
	float: left;
	font-size: 16px;
	outline: 0 none;
	background: none;
	text-transform: uppercase;
	vertical-align: bottom; }
	
.reset:focus,
.reset:hover {
    color: #acd580; }
	
.reset span {
	margin-right: 6px;
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	margin-top: -2px; }
	
.reset:hover span {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg); }

.terms {
	font-size: 15px;
	line-height: 22px;
	display: block;
	margin: 5px 0;
	width: 100%;
	text-align: center; }

#terms {
	font-size: 15px;
	line-height: 22px;
	display: block;
	margin: 5px 0;
	width: 100%;
	text-align: center; }

.finish {
	display: inline;
	padding: 10px;
	margin: 0 auto 20px auto;
	text-align: center; }


/*  ==================
    6. TRANSITIONS
    ==================  */

a,
label,
input,
select,
textarea,
.reset span,
input ~ span.icon,
select ~ span.icon,
textarea ~ span.icon {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; }

@media screen and (max-width:1024px) {
    
#page  {width: 100%;}
	.who_we {
	font-size: 18px;
	line-height: 22px;
	display: block;
	color: #ddd;
	margin: 0;
	width: 86%;
	display: inline-block;
	text-align: justify; }

}


@media screen and (max-width:840px) {
	.w-47 { width: 100%; }
	.mr-6  { margin-right: 0; }
	
	input.send {
display: inline-block;
		font-size: 16px; }

.reset  { margin-bottom: 20px; }

.who_we {
	font-size: 16px;
	line-height: 22px;
	display: block;
	color: #ddd;
	margin: 0;
	width: 86%;
	display: inline-block;
	text-align: justify; }

.who_we-wrap {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
	display: inline-block; }

}


@media screen and (max-width:600px) {

#page-3 { width: 100%; }

.boat-form {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px 20px;
	text-align: center;
	display: inline-block; }

.g-recaptcha { 
	display: inline-block;
	position: relative;
	width: 68%;
	margin: 0;  }

.who_we {
	font-size: 16px;
	line-height: 20px;
	display: block;
	color: #ddd;
	margin: 0;
	width: 90%;
	display: inline-block;
	text-align: justify; }

.who_we-wrap {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
	display: inline-block; }

}

@media screen and (max-width:480px) {

	#page-2 { width: 100%; }

	#c-policy1 {
	width: 100%;
	margin: 10px auto 20px auto;
	position: relative;
	height: 30px;
	padding: 0 0 15px 0 }
	
	.field input,
	.field textarea,
	.field select {
		font-size: 16px;
		padding-left: 25px; }
	
.form-text {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px; }
		
	input.send {
		width: 100%;
		padding: 12px; }
	
.field-left {
	width: 100%; }
.field-left input,
.field-left textarea,
.field-left select {
	width: 100%;
	padding-left: 25px; }
	
	.field-right {
	width: 100%; }
.field-right input,
.field-right textarea,
.field-right select {
	width: 100%; 
	margin: 15px 0 0 0; }
	
.field-right span.icon {
	position: absolute;
	top: 0;
	left: 0;
	background: #a1a8b0;
	font-size: 18px;
	line-height: 24px;
	width: 10px;
	height: 73%;
	margin: 15px 0 0 0; }	

.boat-form {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
	display: inline-block; }

}