@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic|Open+Sans+Condensed:700");

@font-face {
	font-family: 'Hibernate';
	src: url('../webfonts/Hibernate.otf') format('opentype');
}

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, 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;}

nav {display: block;}

html {
  box-sizing: border-box;
	scroll-behavior: smooth;
}

[id] {
	scroll-margin-top: 100px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background: #fff;
  color: #000;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 13pt;
  line-height: 1.4em;
}

b {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  margin: 0 0 0.5em 0;
  line-height: 1.3;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 1.75em;
}

p {
  margin-bottom: .9em;
}

ul {
  list-style-position: outside;
}

li {
  margin-bottom: .3em;
}

section {
  margin: 2em;
}

div.image {
  margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

div.image section {
	margin: 0;
	padding: 0;
}

div.image img.width {
	position: absolute;
	width: 120%;
	left: -20px;
	top: -40px;
}

div.image img.height {
	position: absolute;
	height: 100%;
	left: -50px;
}

.script-font {
  font-family: 'Hibernate', sans-serif;
  font-weight: normal;
}

.upper {
  text-transform: uppercase;
}

img.inline {
  height: 2.2em;
  margin: 0 0.8em 0 0;
}

img.logos {
	height: 15em;
	margin: 0;
}

.inline {
  display: inline-block;
  margin: 0;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left-margin {
  margin-left: 5em;
}

.no-top-margin {
  margin-top: 0;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.title-bar {
  margin: 2em 2em 0 2em;
}

.title-bar h1 {
  line-height: 1em;
  margin: 0;
}

.green {
  background: #394d2e;
  color: #fff;
}

.gray {
  background: #2f292b;
  color: #fff;
}

.stealth {
	position:absolute;
	top: -9000px;
	left: -9000px;
}

/* Grid */
.row {
  /*border: #f00 1px solid; /* DEBUG */
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
    justify-content: center;
}

		.row > .col-12 {
			width: 100%;
      /*border: blue 1px solid; /* DEBUG */
		}
		.row > .col-11 {
			width: 91.66%;
      /*border: blue 1px solid; /* DEBUG */
		}
		.row > .col-10 {
			width: 83.33%;
      /*border: blue 1px solid; /* DEBUG */
		}
		.row > .col-8 {
			width: 66.66%;
      /*border: blue 1px solid; /* DEBUG */
		}
		.row > .col-7 {
			width: 57.14%;
      /*border: blue 1px solid; /* DEBUG */
    }
		.row > .col-6 {
			width: 50%;
      /*border: blue 1px solid; /* DEBUG */
    }
		.row > .col-5 {
			width: 41.66%;
      /*border: blue 1px solid; /* DEBUG */
    }
    .row > .col-4 {
      width: 33.33%;
      /*border: blue 1px solid; /* DEBUG */
		}
    .row > .col-1 {
      width: 8.33%;
      /*border: blue 1px solid; /* DEBUG */
		}
   
.feature {
	vertical-align: middle;
	align-items: center;
}


/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 72em;
	}

/* Nav */
	#nav {
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
    letter-spacing: .2em;
    font-weight: 300;
		height: 4.25em;
		line-height: 3.25em;
		text-align: center;
		text-transform: uppercase;
		cursor: default;
		background-color: #fff;
		vertical-align: middle;
	}

		#nav ul {
			position: relative;
			z-index: 1001;
			margin-top: 5px;
		}

		#nav li.logo img {
			height: 4.5em;
		}
		#nav li.logo {
			display: inline-block;
			margin: 0.5em;
		}

		#nav li {
			display: inline-block;
			margin: 0 0.5em 0 0.5em;
			position: relative;
		}

			#nav li > ul {
				display: none;
			}

			#nav li a, #nav li span {
				position: relative;
				display: block;
				text-decoration: none;
				color: #000;
				padding: 0.25em 1.5em;
				outline: 0;
				top: -1.5em;
			}

			#nav li.active a, #nav li.active span {
				background: #C1CAC5;
				color: #fff;
			}

			#nav li.current a {
				background: #b1ddab;
				color: #fff;
			}

	.dropotron {
		list-style: none;
		background: #000;
		color: #fff;
		border-radius: 6px;
		line-height: 2.75em;
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		padding: 1em 0;
		text-align: left;
		min-width: 14em;
		margin-top: -1em;
		box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.1);
	}

		.dropotron li {
			padding-left: 0;
		}

			.dropotron li > a, .dropotron li > span {
				display: block;
				color: #D7DAD8;
				text-decoration: none;
				padding: 0 1.25em;
			}

			.dropotron li:hover > a, .dropotron li:hover > span {
				color: #fff;
				background: #7B8780;
			}

			.dropotron li.active > a, .dropotron li.active > span {
				color: #fff;
				background: #7B8780;
			}

			.dropotron li:first-child {
				border-top: 0;
			}

		.dropotron.level-0 {
			margin-top: 1em;
			font-size: 0.9em;
		}

			.dropotron.level-0:before {
				content: '';
				position: absolute;
				left: 50%;
				margin-left: -1em;
				top: -0.65em;
				border-bottom: solid 1em #000;
				border-left: solid 1em transparent;
				border-right: solid 1em transparent;
			}

/* Form */

form {
	box-sizing: border-box;
	margin: 0 3em;
}

.form-section *,
.form-section *:before,
.form-section *:after {
	box-sizing: border-box;
}
input,
textarea,
select option,
select {
	font-family: 'Inter', sans-serif;
	font-size: 12pt;
	resize: none;
  width: 100%;
  padding: 1em;
  line-height: 1.4;
	color: #000;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

label {
	line-height: 2em;
}

.input-icon {
	color: #7c7c7c;
}

input[type=submit] {
	background-color: #ffffffe2;
	border-radius: 5px;
	color: #2f292b;
	font-weight: 600;
	font-size: 1.5em;
	padding: .3em;
	width: 30%;
}
input[type=submit]:hover {
	background-color: #fff;
	border-radius: 0px;
	color: #433b3e;
}

input:focus,
textarea:focus {
  outline: 0;
  border-color: #394d2e;
}
input:focus + .input-icon i {
  color: #394d2e;
}
input:focus + .input-icon:after {
  border-right-color: #394d2e;
}

input::placeholder {
	font-family: 'Inter', sans-serif;
}

.input-group {
  margin-bottom: 1em;
  zoom: 1;
}
.input-group:before,
.input-group:after {
  content: "";
  display: table;
}
.input-group:after {
  clear: both;
}
.input-group-icon {
  position: relative;
}
.input-group-icon input {
  padding-left: 5em;
}
.input-group-icon .input-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.4em;
  height: 3.4em;
  line-height: 3.4em;
  text-align: center;
  pointer-events: none;
}
.input-group-icon .input-icon:after {
  position: absolute;
  top: 0.6em;
  bottom: 0.6em;
  left: 3.4em;
  display: block;
  border-right: 1px solid #7c7c7c;
  content: "";
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.input-group-icon .input-icon i {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.formrow {
  zoom: 1;
}
.formrow:before,
.formrow:after {
  content: "";
  display: table;
}
.formrow:after {
  clear: both;
}
.form-half {
  padding-right: 10px;
  float: left;
  width: 50%;
}
.form-half:last-of-type {
  padding-right: 0;
}

/* Responsive */
		@media screen and (max-width: 1280px) {
			.container {
				width: calc(100% - 100px);
			}

			.form-half {
				width: 100%;
				padding-right: 0;
			}
			#nav li a, #nav li span {
				padding: 0.25em 0.5em;
			}

      .row > .col-12-small {
        width: 100%;
      }

			.left-margin {
				margin-left: 2em;
			}

			.packages {
				font-size: 2.5em;
			}

			img.packages {
				display:none;
				height: 0.9em;
				margin-right: .7em;
			}

			div.image img.sm-width {
				width: 600px;
				border-radius: 300px;
				overflow:hidden;
				display: flex;
				justify-content: center;
				position: static;
				margin: 1em auto;
				padding: 1em;
			}

      .row > .sm-center {
        align-content: center;
        align-items: center;
        text-align: center;
      }
		}

		@media screen and (max-width: 980px) {
			body {
				font-size: 10pt;
			}

			form.sm-no-margin {
				margin: 0;
			}
			
			div.image img.sm-width {
				width: 350px;
				overflow:hidden;
				display: flex;
				justify-content: center;
				position: static;
				margin: 0em auto;
			}

			#nav {
				height: 6em;
			}

			section.sm-no-margin {
				margin: 0;
			}

			.packages {
				font-size: 2em;
			}
			img.packages {
				height: 0.9em;
				margin-right: .5em;
			}

			.container {
				width: 100%;
			}

		}

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

			.container {
				width: calc(100% - 40px);
			}
		}

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

			.container {
				width: calc(100% - 30px);
			}

		}