@charset "UTF-8";
/* CSS Document */

/* Some normalizing stuff */

/** Prevent iOS text size adjust after orientation change, without disabling user zoom. */

html {
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%;
}

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/*default image settings */
img {
	border: 0;
	max-width:100%;
}

/* The following makes padding and borders not be added to width site wide */
* {
  box-sizing: border-box;
}
/* End normalizing stuff */

body {
	
    font-family: 'Encode Sans Expanded', sans-serif;
	font-size:15px;
	color:#000;
	width:100%;
	margin:0px;
	position:relative;
	background:#fff;
	z-index:0;
}
a {
	color:#0b5f8f;
}
a:visited {
	color:#0b5f8f;
}
a:active {
	color:#0b5f8f;
}
a:hover {
	color:#00a0bd;
}

h1 {

    font-family: 'Droid Serif', serif;
	font-size:2.2em;
	font-weight:normal;
	color:#fff;
	text-align:center;
	margin:70px 0 0px 0;
}
h1 strong {
	display: block;
	font-size:1.2em;
	line-height:1.5em;
	color:#fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 0px #000;
}
h1 sup {
    font-size:.4em;
    margin-top:40px;
}
.sectionwrap small {
    color:#fff;
}
.mainform h3 {
	font-size:2em;
	font-weight:bold;
	color:#fff;
	background: #c00;
	text-align:center;
	padding:1%;
	margin:0px 0px 20px 0px;
	border-radius:3px 3px 0 0;
	border-top:4px solid #900;
	border-left:4px solid #900;
	border-right:4px solid #900;
}
h2 {
	font-size:1.6em;
	font-weight:normal;
	color: #222;
	text-align: left;
	line-height: 1.5em;
}
h3 {
	font-size: 1.2em;
	font-weight:bold;
	color:#00a0bd;
}
p {
	line-height:1.6em;
}

header {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	padding:8px 2% 0 2%;
	position:relative;
}
.topbar {
	background: #5b5d5f;
	padding:10px 4%;
	text-align: left;
	color:#fff;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	position: relative;
}
.topbar strong {
	font-size:1.1em;
}
.topbar span {
	display:inline-block;
	background:#f8d144;
	color:#000;
	font-size:1.3em;
	padding:5px 10px;
	border-radius:4px;
}
.headerprm {
	position:absolute;
	top:8px;
	right:10px;
	height:35px;
	width:auto;
}
#logo {
	width:21%;
	height:auto;
	padding:0px;
	margin:5px 0 0 0px;
	position:relative;
	float:left;
}
#logo img {
	max-height:80px;
	max-width:230px;
	height:auto;
	border:none;
}

nav {
	width:78%;
	height:auto;
	position:relative;
	float:left;
	margin-top:0px;
}


section {
	width:100%;
	margin:0 auto;
	padding:0;
}
.contain {
	padding:0px;
	max-width:1080px;
	margin:0 auto;
}

.fullpage {
	width:96%;
	margin:0 auto 100px auto;
}
.col-half {
	width: 50%;
	float: left;
}
.col-third {
	width: 33%;
	float: left;
}
.col-fourth {
	width: 25%;
	float: left;
}
.col-twothirds {
	width: 66%;
	float: left;
}

.pad-left {
	padding-left: 2%;
}
.pad-right {
	padding-right: 2%;
}
.pad-top {
	padding-top: 2%;
}
.pad-bottom {
	padding-bottom: 2%;
}

.mar-left {
	margin-left: 2%;
}
.mar-right {
	margin-right: 2%;
}
.mar-top {
	margin-top: 2%;
}
.mar-bottom {
	margin-bottom: 2%;
}

.clear {
	clear:both;
}
.clearafter:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.ctr {
	text-align:center;
}

.mainform-container {
	background-image:url(../images/formBG.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	background-size:cover;
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
}

.mainform {
	width:98%;
	max-width:800px;
	margin:0 auto;
	height:auto;
	min-height:480px;
	position:relative;
	text-align: center;
}

.openingp {
	font-size:1.2em;
	line-height:1.5em;
	color:#fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 0px #000;
}

.arrowmessage {
	position:relative;
	top:-70px;
	width:auto;
	text-align: right;
	padding-right:12%;
}

.arrowmessage img {
	width:280px;
	height:auto;
}

#citystate {
	text-align:center;
	color:#fff;
	font-size:2.2em;
}
.privynoti {
	background:#1b4c8e;
	color:#ddd;
	padding:10px;
	border-radius:  3px;
	text-align:center;
	display:none;
	position:absolute;
	bottom:-30px;
	width:100%;
}
.privynoti a {
	color:#fff;
}

.prm {
	font-size:.9em;
	padding:0px 0;
	clear:both;
}
.prm img {
	margin:0px 0px 20px 0px;
	width:80%;
}
address {
	font-style:normal;
}

.advans {
	margin:10px 0px;
	padding:0px;
}
.advans li {
	list-style:none;
	margin:0;
	padding:10px 8px 10px 30px;
	background: url(../images/bullet.png) 4px 10px no-repeat #ffffff;
	font-size:1em;
	border-radius:3px;
}
.advans li:nth-child(odd) {
	background: url(../images/bullet.png) 4px 10px no-repeat #f4f4f4;
}
.list li{
    display: list-item;
    list-style: none;
	background:url(../images/bullet.png) 0px 0px no-repeat;
	padding:3px 0px 5px 23px;
	margin: 8px 0 12px 0;
}	
.list li a {
	font-size:1.2em;
	font-weight:bold;
}

.ctr {
	text-align:center;
}
.clear {
	clear:both;
}

.pageimg {
	border:6px solid #FFF;
	-moz-box-shadow: 3px 3px 4px #555;
	-webkit-box-shadow: 3px 3px 4px #555;
	box-shadow: 3px 3px 4px #555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
	/* For IE 5.5 - 7 */	
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}

.imgleft {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
.imgright {
	float:right;
	margin-left:30px;
	margin-bottom:20px;
}



.bigredbutton {
	display:block;
	background:#900;
	color:#fff !important;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	padding:10px 0 ;
	margin:10px 0px;
	letter-spacing:.1em;
	border-radius:3px;
}
.bigredbutton span {
	font-size:1.4em;
}
.bigredbutton:hover {
	background:#c00;
}

.grayness {
	background:#eee;
	padding:1% 0;
}
hr {
	border: 0;
    height: 1px;
	margin:40px 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

a.c2a {
	display:inline-block;
	background:#f8d144;
	padding:1% 2%;
	font-size:1.8em;
	font-weight:bold;
	border-radius:4px;
	color:#000;
	text-decoration: none;
}

.google-maps {
	position: relative;
	padding-bottom: 74%; /*This is the aspect ratio*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	pointer-events: none;
}

.socials a {
	margin:0 10px;
    font-size:.5em;
}
.disclaimer {
	font-size:.8em;
	margin:40px 0 0 0;
	text-align: left;
	clear:both;
}
footer {
	width:auto;
	height:auto;
	margin:0px;
	padding:30px 0px 50px 0px;
	font-size:.9em;
	background:#4b758d;
	color:#fff;
	position: relative;
}
footer a, footer a:visited, footer a:active {
	color:#fff;
}
footer a:hover {
	color:#ccc;
}
	

/*form styles*/
fieldset.sectionwrap{ /*fieldset that wraps around each form "page" */
border-width:0;
padding:1%;
padding-bottom:40px;
width:100%;
}

legend{ /*title shown at top of each form page */
	margin-top: 100px;
	font-size:1.8em;
	color:#fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 0px #000;
	text-align:center;
	width:100%;
}

div.stepsguide{ /*div that contains all the "steps" text located at top of form */ 
width: 80%; /*width of "steps" container*/
overflow:hidden;
margin:0px auto 15px auto;
cursor:pointer;
display:none;
}

div.stepsguide .step{ /*div that wraps around each "steps" text */
width:30%; /*width of each "steps" text*/
font: bold 16px Arial;
color:#000000;
float:left;
text-align:center;
background:#f8d144;
padding:5px 0px;
margin:1%;
border-radius:4px;
}

div.stepsguide .disabledstep{ /*div that wraps around each "steps" text */
color:#fff;
background:#C4C4C4;
}

div.stepsguide .step .smalltext{ /*small footer text inside "steps" text */
font-size: 12px;
font-weight: normal;
}
span.status {
	visibility:hidden;
	width:0px;
	height:0px;
}
div.formpaginate{ /* CSS for pagination DIV container */
width: auto;
overflow:hidden;
font-weight:bold;
text-align:center;
margin-top:1em;
}

div.formpaginate .next { /*CSS for "next" SPAN elements within paginate container */
	width: 98%;
	display:block;
	background: #f8d144;
	font-weight: bold;
	font-size:2em;
	color: #000;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 2% 5%;
	margin: 10px 5px;
}
div.formpaginate .prev { /*CSS for "prev"  SPAN elements within paginate container */
	width: 98%;
	display:block;
	background: none;
	font-weight: bold;
	font-size:1.2em;
	color: white;
	border: 0 none;
	cursor: pointer;
	padding: 2% 5%;
	margin: 10px 5px;
}
div.formpaginate .next:hover {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #1b4c8e;
}


/*inputs*/
#feedbackform input, #feedbackform textarea {
	padding: 12px;
	border: 1px solid #163d5a;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	color: #163d5a;
	font-weight:bold;
	font-size: 28px;
	text-align:center;
}
#feedbackform select {
	padding: 12px;
	border: 1px solid #163d5a;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	color: #163d5a;
	font-weight:bold;
	font-size: 28px;
	text-align:center;
}
#feedbackform input[type=submit] {
	width: 100%;
	background: #f8d144;
	font-weight: bold;
	color: #000;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px auto;	
}
#feedbackform input[type=submit]:hover {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #ecbb09;
}

#feedbackform .fieldwrap {
	position:relative;
	color:#fff;
	font-size:2em;
}
label.labeltext {
	text-align: left;
	display:block;
	padding:0 0 0 6px;
	font-size:12px;
	position:relative;
}
label span {
	font-size:1.2em;
	color:#C00;
}

#msform {
	width: 320px;
	margin: 0px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: none;
	border: 0 none;
	border-radius: 3px;
	/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
	padding: 0px 30px;
	
	box-sizing: border-box;
	width: 98%;
	margin: 0;
	
	/*stacking fieldsets above each other*/
	position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 90%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
}
#msform select {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 90%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #f8d144;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #ecbb09;
}
/*headings*/
.fs-title {
	font-size: 22px;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #777;
	margin: -10px 0 5px 0;
}
/*progressbar*/
#progressbar {
	margin-bottom: 20px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	padding:0px;
}
#progressbar li {
	list-style-type: none;
	color: #777;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #fff;
	background: #000;
	border-radius: 3px;
	margin: 0 auto 5px auto;
	position:relative;
	z-index:5;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: 0; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #f8d144;
	color: #000;
}

.validarium-error {
	color:#fff;
	font-style: italic;
	font-size: .4em;
	border: 1px solid #600;
	border-radius:3px;
	padding:2px;
	background:#c00;
	position:absolute;
	top:-15px;
	right:0px;
	width:auto;
	z-index:500;
	box-shadow: 0px 3px 3px #aaa;
	list-style:none;
}
div.error { display: none; }


.error { border: 1px solid red;}

/* INPUT SLIDER */
[class^=slider] { display: inline-block; margin-bottom: 5px; }
.output { color: #fff; font-size: 2.2em; padding-top: 10px; text-align:center; display:block;font-weight:bold;}
.output:before {
    content: '$';
}

#discriptor{ color: #fff; font-size: 2em; text-align:center; display:block;font-weight:bold;}
.slider {
  width: 100%;
}

.slider > .dragger {
  background: #004956;
  background: -webkit-linear-gradient(top, #004956, #00a0bd);
  background: -moz-linear-gradient(top, #004956, #00a0bd);
  background: linear-gradient(top, #004956, #00a0bd);

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

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

  border: 1px solid #123754;
  width: 15px;
  height: 55px;
  
  top:8px !important;
}

.slider > .dragger:hover {
  background: -webkit-linear-gradient(top, #00a0bd, #00a0bd);
}


.slider > .track, .slider > .highlight-track {
  background: #eee;
  background: -webkit-linear-gradient(top, #ddd, #fff);
  background: -moz-linear-gradient(top, #ddd, #fff);
  background: linear-gradient(top, #ddd, #fff);

  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);

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

  border: 1px solid #aaa;
  height: 50px;
}

.slider > .highlight-track {
	background-color: #00a0bd;
  background: -webkit-linear-gradient(top, #01829a, #00a0bd);
  background: -moz-linear-gradient(top, #01829a, #00a0bd);
  background: linear-gradient(top, #01829a, #00a0bd);
	
	border-color: #123754;
}
 /* END INPUT SLIDER */

#emailform fieldset {
	width:400px;
	border:none;	
	border-radius: 10px;
	margin:20px auto 0 auto;
	background:#f2f2f2;
}
#emailform legend {
	font-size:22px;
	font-weight:bold;
	color:#000;
}
#emailform div {
	margin:10px;
	text-align:left;
}
#emailform label {
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:12px 10px 0 0;
	width:120px;
}
#emailform #submit {
	text-align:center;
}
#emailform input {
	border:1px solid #000;
	color:#000;
	font-size:12px;
	font-family:tahoma,arial,sans-serif;
	border-radius: 5px;
	margin-top:8px;
	padding:5px;
	width:200px;
}
#emailform textarea {
	border:1px solid #000;
	color:#000;
	font-size:12px;
	font-family:tahoma,arial,sans-serif;
	border-radius: 5px;
	margin-top:8px;
	padding:5px;
	width:220px;
	height:120px;
}
#emailform select {
	border:1px solid #000;
	color:#000;
	font-size:12px;
	font-family:tahoma,arial,sans-serif;
	border-radius: 5px;
	margin-top:8px;
	padding:5px;
	width:auto;
	cursor:pointer;
}

#emailform .button{
	background-color: #c1d6e4;
	border:1px solid #039;
	color:#000;
	font-size:16px;
	cursor:pointer;
	width:auto;
}
#emailform .button:hover{
	background-color: #069;
	color:#FFF;
	cursor:pointer;
	width:auto;
}


.button-wrap {
  position: relative;
  text-align: center;
  top: 50%;
}
@media (max-width: 40em) {
  .button-wrap {
    margin-top: -1.5em;
  }
}

.button-label {
	display: inline-block;
	width:45%;
	padding: 2%;
	margin: 1%;
	cursor: pointer;
	color: #eee;
	font-size:1.6em;
	border-radius: 0.25em;
	background: #5b5d5f;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	  user-select: none;
}
.button-label:hover {
  background: #d6d6d6;
  color: #101010;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
}
.button-label:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}
@media (max-width: 40em) {
  .button-label {
    padding: 0em 1em 3px;
    margin: 0.25em;
  }
}

.radio-label:checked + .button-label {
  background: #f8d144;
  color: #000;
}
.radio-label:checked + .button-label:hover {
  background: #ecbb09;
  color: #000;
}



.hidden {
  display: none;
}






@media (max-width: 940px) {
	#contactbug {
		font-size:1.2em;
	}
	nav {
		width:100%;
		height:auto;
		position:relative;
		float:left;
		margin-top:-45px;
	}
	.col-half {
		width: 100%;
		padding:2%;
		float: none;
	}
	.col-third {
		width: 100%;
		padding:2%;
		float: none;
	}
	.col-fourth {
		width: 100%;
		padding:2%;
		float: none;
	}
	.col-twothirds {
		width: 100%;
		padding:2%;
		float: none;
	}
	.topbar {
		background: #5b5d5f;
		padding:10px 0 5px 2%;
		text-align: left;
		color:#fff;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		position: relative;
	}
	.topbar strong {
		font-size:1.1em;
	}
	.topbar span {
		display:inline-block;
		background:#f8d144;
		color:#000;
		font-size:1.1em;
		padding:3px 5px;
		border-radius:4px;
	}
	.topbar a {
		color:#000;
		text-decoration: none;
	}
	.headerprm {
		position:relative;
		top:0px;
		right:0px;
		height:17px;
		width:auto;
	}

}
@media (max-width: 719px) {
	#logo {
		width:21%;
		height:auto;
		padding:0px;
		margin:5px 0 0 0px;
		position:relative;
		float:left;
	}
	#logo img {
		max-height:80px;
		max-width:230px;
		height:auto;
		border:none;
	}

	nav {
		width:78%;
		height:auto;
		position:relative;
		float:left;
		margin-top:0px;
	}
	h1 {

		font-size:1.8em;
		font-weight:normal;
		color:#fff;
		text-align:center;
		margin:50px 0 0px 0;
		padding-right:10%;
	}
	h1 strong {
		display: block;
		font-size:1.2em;
		line-height:1.5em;
		color:#fff;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-shadow: 1px 1px 0px #000;
	}
	legend {
		margin-bottom:30px;
	}
	.button-label {
		display: block;
		width:85%;
		padding: 2%;
		margin: 1% auto;
	}



}