@charset "utf-8";
/* CSS Document */
/**BEGIN FORM STYLES**/
#contact {
	width: 100%; /**adjust width in %, px or em*/
	padding-bottom: 30px;
	padding: 0;
}
#contact fieldset { overflow: hidden; }
/**required fields indicator**/
#contact em {
	color: red;
	font-weight: bold;
}
#contact ol {
	list-style: none;
	margin: 0;
	padding: 0
}
#contact li {
	padding: 5px;
	margin: 0;
	clear: left;
}
#contact label {
	display: inline-block;
	float: left;
	line-height: 23px; /**lines up labels with fields**/
	margin-top: 0.55em;
	line-height: 1;
	width: 24%;
	color: #555;
	font-size: 14px;
	text-align: right;
	margin-right: 10px; /*space between labels, fields*/
}
input:not([type=submit]), textarea, select {
	width: 58%; /**same width on input fields**/
	padding: 0.33em;
	color: #555;
	font-family: "source-sans-pro", "Source Sans Pro", sans-serif;
	font-size: 15px;
}
#message {
	padding-top: 10px;
	height: 10em;
}
/**trap spam bots**/
#nospam { display: none }
/**field background on focus**/
#contact input:focus, #contact input:active, #contact textarea:focus, #contact textarea:active {
	color: #555;
	border-color: rgba(41, 92, 161, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none;
}
/**error boxes**/
#contact label.error {
	line-height: 1.2em;
	color: #FF4E51;
	background: #EAEAEA;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 1px 2px 3px #333;
}
#Comments, #Name, #Email, #Phone, #Guests, #Nights, #Arrive, #Cabin {
	background: #FFF;
	padding-left: 12px
}
#submit {
	width: 25%;
	margin-left: 1.5em;
	height: 1.75em;
	font: 1.35em "source-sans-pro", "Source Sans Pro", sans-serif;
	letter-spacing: 1px;
}
/**icons**/
.right-inner-addon { position: relative;  }
.right-inner-addon #Arrive {width:58% }
.right-inner-addon i {
	position: absolute;
	right: 15%;
	padding: 0.5em;
	pointer-events: none;
	opacity: 0.8;
	font-size: 18px;
}
#privacy { font-size: x-small }
#privacy h4 {
	margin-left: 30px;
	margin-top: 0
}
#privacy ul li { padding-left: 15px }
	
/* Special Rules for mobiles */
@media only screen and (max-width: 770px) {
#contact label {
	clear: left;
	float: none;
	width: 100%;
	display: block;
	text-align: left;
}
#contact textarea, #contact input:not([type="submit"]), select {
	width: 98%;
	line-height: 250%;
}
#submit {
	width: 25%;
	margin-left: 0;
	height: 2em
}
.right-inner-addon i {
	position: absolute;
	right: 5px;
}