/***************
 **** Fonts ****
 ***************/
@font-face {
	font-family: 'font_awesome_brands';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url("/media/fonts/font_awesome/fa-brands-400.eot");
	src: url("/media/fonts/font_awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/media/fonts/font_awesome/fa-brands-400.woff2") format("woff2"), url("/media/fonts/font_awesome/fa-brands-400.woff") format("woff"), url("/media/fonts/font_awesome/fa-brands-400.ttf") format("truetype"), url("/media/fonts/font_awesome/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
	font-family: 'font_awesome';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url("/media/fonts/font_awesome/fa-solid-900.eot");
	src: url("/media/fonts/font_awesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/media/fonts/font_awesome/fa-solid-900.woff2") format("woff2"), url("/media/fonts/font_awesome/fa-solid-900.woff") format("woff"), url("/media/fonts/font_awesome/fa-solid-900.ttf") format("truetype"), url("/media/fonts/font_awesome/fa-solid-900.svg#fontawesome") format("svg"); }

@font-face {
	font-family:"proxima_nova";
	src:	url("/media/fonts/proxima_nova/proxima_nova_300_normal.woff2") format("woff2"),
	url("/media/fonts/proxima_nova/proxima_nova_300_normal.woff") format("woff");
	font-style:normal;
	font-weight:300; }

@font-face {
	font-family:"proxima_nova";
	src:	url("/media/fonts/proxima_nova/proxima_nova_500_normal.woff2") format("woff2"),
	url("/media/fonts/proxima_nova/proxima_nova_500_normal.woff") format("woff");
	font-style:normal;
	font-weight:500; }

@font-face {
	font-family:"proxima_nova";
	src:	url("/media/fonts/proxima_nova/proxima_nova_600_normal.woff2") format("woff2"),
	url("/media/fonts/proxima_nova/proxima_nova_600_normal.woff") format("woff");
	font-style:normal;
	font-weight:600; }

@font-face {
	font-family:"proxima_nova";
	src:	url("/media/fonts/proxima_nova/proxima_nova_700_normal.woff2") format("woff2"),
	url("/media/fonts/proxima_nova/proxima_nova_700_normal.woff") format("woff");
	font-style:normal;
	font-weight:700; }

:root {
	/* Color Scheme */
	--light-blue: #00a3e1;
	--dark-blue: #00426a;
	--dark-gray: #444;
}

body {
	font-family: proxima_nova, sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: var(--dark-gray);
	background-color: #ffffff; }

html, body{
	width:100%;
	height:100%;
	-webkit-text-size-adjust: 100%; }

img {
	width: 100%;
	height: auto; }

a {
	text-decoration: none; }

input,
textarea {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 10px;
	font-family: proxima_nova, sans-serif;
	font-weight: 300;
	font-size: 15px; }

.ucol{
	/* Legacy */
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-webkit-box-align: start;
	-moz-box-align: start;


	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start; }

	.ucol-10,.ucol-20,.ucol-30,.ucol-40,
	.ucol-50,.ucol-60,.ucol-70,.ucol-80,
	.ucol-90,.ucol-100,.ucol-33,.ucol-66,
	.ucol-25,.ucol-75{
		box-sizing: border-box;

		/* Legacy */
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;

		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto; }

	.ucol-10{
		width: 10%; }
	.ucol-20{
		width: 20%; }
	.ucol-30{
		width: 30%; }
	.ucol-40{
		width: 40%; }
	.ucol-50{
		width: 50%; }
	.ucol-60{
		width: 60%; }
	.ucol-70{
		width: 70%; }
	.ucol-80{
		width: 80%; }
	.ucol-90{
		width: 90%; }
	.ucol-100{
		width: 100%; }
	.ucol-33{
		width: 33.3333333%; }
	.ucol-66{
		width: 66.6666666%; }
	.ucol-25{
		width: 25%; }
	.ucol-75{
		width: 75%; }

.page_width {
	margin: 0 auto;
	max-width: 1290px;
	box-sizing: border-box;
	padding: 0 20px; }

.button_blue {
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	padding: 0 30px;
	line-height: 40px;
	height: 40px;
	background: var(--light-blue);
	border: 0;
	cursor: pointer;

	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	font-family: proxima_nova, sans-serif; }

/*********************
**********************
******* Icons ********
**********************
*********************/

.social_icon_large {
	height: 40px;
	width: 40px;
	text-align: center;
	display: block;
}
.social_icon_large::before {
	content: "\f082";
	font-family: "font_awesome_brands";
	font-size: 40px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: var(--light-blue);
}

.social_icon_large.twitter::before {
	content: "\f081";
}
.social_icon_large.instagram::before {
	content: "\e055";
}

/*********************
**********************
******* Header *******
**********************
*********************/

header > .top_bar {
	background-color: var(--light-blue);
	line-height: 19px;
	padding: 3px 0;
	border-bottom: 1px solid var(--dark-blue);
	color: #fff; }

header > .logo {
	box-sizing: border-box;
	padding: 20px;
	height: 105px; }

	header > .logo > a > img {
		height: 100%;
		width: auto; }

header > nav {
	border: 1px solid #ededed;
	height: 35px; }

	header > nav > ul {
		max-width: 1250px;
		list-style-type: none;
		display: flex;
		margin: 0 auto;
		padding: 0; }

		header > nav > ul > li {
			margin: 0 90px 0 0;
			position: relative; }

			header > nav > ul > li:last-child {
				margin: 0 0 0 auto; }

			header > nav > ul > li:last-child > ul {
				right: 0; }

			header > nav > ul > li > a {
				line-height: 35px;
				color: #444444;
				height: 35px;
				display: block;
				padding: 0 20px; }

			header > nav > ul > li > ul,
			header > nav > ul > li > div {
				border: 1px solid #d5d5d5;
				background-color: #fff;
				list-style-type: none;
				margin: 0;
				padding: 0;
				display: none;
				position: absolute; }

				header > nav > ul > li:hover > ul {
					display: block; }

			header > nav > ul > li > ul {
				padding: 10px 0; }

				header > nav > ul > li > ul > li > a {
					display: block;
					height: 40px;
					line-height: 40px;
					padding: 0 40px 0 20px;
					color: var(--dark-blue);
					white-space: nowrap; }

					header > nav > ul > li > ul > li > a:hover {
						background-color: #fafafa; }


		header > nav > ul > li:hover > div {
			display: flex; }

		header > nav > ul > li > div {
			padding: 20px 25px; }

			header > nav > ul > li > div > ul {
				width: 200px;
				margin: 0 100px 0 0;
				padding: 0;
				list-style-type: none; }

			header > nav > ul > li > div > ul:last-child {
				margin: 0;
				width: 200px; }

				header > nav > ul > li > div > ul > li {
					margin: 0 0 5px; }

				header > nav > ul > li > div > ul > li > a  {
					font-size: 16px;
					color: #444444; }

				header > nav > ul > li > div > ul > li > a.title  {
					color: var(--light-blue);
					font-size: 17px; }



footer {
	background-color: #f5f5f5;
	border: solid #e5e5e5;
	border-width: 1px 0 0 0;
}

footer > .footer_nav {
	padding: 30px 20px 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; }

	footer > .footer_nav > div > h3,
	footer > .footer_nav > nav > h3 {
		font-size: 14px;
		text-transform: uppercase;
		margin: 0 0 20px;
		color: var(--light-blue); }

	footer > .footer_nav > nav > ul {
		list-style-type: none;
		margin: 0;
		padding: 0; }

		footer > .footer_nav > nav > ul > li {
			margin: 0 0 5px; }

		footer > .footer_nav > nav > ul > li > a {
			color: #222; }

	footer > .footer_nav > div > .contact_methods {
		padding: 8px 0;
		border: solid #e5e5e5;
		border-width: 1px 0; }

		footer > .footer_nav > div > .contact_methods > div {
			height: 40px;
			line-height: 40px;
			position: relative;
			font-size: 16px;
			padding: 0 0 0 40px; }

			footer > .footer_nav > div > .contact_methods > div.email::before {
				content: '\f0e0'; }

			footer > .footer_nav > div > .contact_methods > div::before {
				content: '\f879';
				display: block;
				font-family: font_awesome;
				position: absolute;
				font-size: 24px;
				left: 0;
				top: 0;
				color: var(--light-blue); }

			footer > .footer_nav > div > div > div > a {
				color: #222; }

	footer > .footer_nav > div > .social {
		margin: 15px 0 0;
		display: flex; }

		footer > .footer_nav > div > .social > a {
			margin: 0 15px 0 0; }

footer > .copyright {
	background-color: var(--dark-blue);
	line-height: 40px;
	font-size: 13px;
	color: #fff; }

	footer > .copyright > div {
		display: flex; }

		footer > .copyright > div > span {
			flex-grow: 1; }

		footer > .copyright > div > a:last-child {
			margin: 0 0 0 20px; }

		footer > .copyright > div > a {
			color: white;
			font-size: 13px;
			margin: 0 20px 0 0;
			flex-grow: 0; }


.p_contact {
	margin-bottom: 50px; }

	.p_contact > h1,
	.p_contact > p {
		text-align: center;
		max-width: 800px;
		margin: 20px auto;
	}

#contact_page_email_form > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px; }

	#contact_page_email_form > div > div {
		width: 45%; }

	#contact_page_email_form div > label,
	#contact_page_email_form div > input,
	#contact_page_email_form div > textarea {
		width: 100%;
		box-sizing: border-box; }

	#contact_page_email_form div > label {
		display: block;
		font-weight: 400;
		margin: 0 0 4px;
	}