@font-face {
    font-family: 'gibson';
    src: url("../fonts/gibson-semibold-webfont.eot");
    src: url("../fonts/gibson-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-semibold-webfont.woff") format("woff"), url("../fonts/gibson-semibold-webfont.woff2") format("woff2"), url("../fonts/gibson-semibold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal; }

@font-face {
    font-family: 'gibson';
    src: url("../fonts/gibson-regular-webfont.eot");
    src: url("../fonts/gibson-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-regular-webfont.woff") format("woff") url("../fonts/gibson-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

/*
* Main
*/

body {
	font-family: 'gibson', sans-serif;
	color: #fff;
	background-color: #001A40;
	padding:0;
}

body.page { background-color: #0066ff; }
body.page h2 { font-size: 20px; font-weight: bold; margin:0 0 20px; }
body.page .featured-image { width: 100%; max-width: 500px; }
body.page article { padding:60px 0 20px; }

body.page form { max-width: 550px; margin:0 0 10px; }
html.csstransitions form label { display: none !important; }
body.page form input[type="text"],
body.page form input[type="number"],
body.page form input[type="email"],
body.page form textarea { color: #001A40; padding:8px 10px; border:2px solid #001A40; box-shadow: none; background-color: transparent; border-radius: 5px; font-weight: bold; font-size: 14px; }
body.page form textarea.large { height: 90px !important; }

body.page form ::-webkit-input-placeholder { /* Edge */
  color: #001A40;
  text-transform: uppercase;
  opacity: 1;
}

body.page form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #001A40;
  text-transform: uppercase;
  opacity: 1;
}

body.page form ::placeholder {
  color: #001A40;
  text-transform: uppercase;
  opacity: 1;
}

body.page form button,
body.page form .button { font-weight: bold;text-transform: uppercase; border-radius: 5px; border:none; background-color: #001A40; color: #fff; }

body.page form button:hover,
body.page form .button:hover { color: #001A40; background-color: #fff; }


a { text-decoration: underline; color: #fff; }
a:active, a:focus { color: #fff; }
a:hover { text-decoration: none; color: #fff; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'gibson', sans-serif;
	color: #fff;	
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
	margin:0;
}

.gallery img { border:none !important; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a.button {
	border-radius: 5px;
	background-color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	padding:15px 30px 15px;
	position: relative;
	color: #001a40;
	border:none;
	font-weight: bold;
}


a.button:active,
a.button:focus { outline: none; }

input.button:hover,
a.button:hover {
	background-color: #001a40;
	color: #fff;
	text-decoration: none;
}


.wp-pagenavi {
	padding:10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding:10px 15px;
	border:2px solid #32E1E6;
	background-color: #fff;
	color: #32E1E6;
	font-weight: bold;
	margin: 10px 5px;
	border-radius: 5px;
}

.wp-pagenavi .current {
	background-color: #32E1E6;
	color: #fff;
}

@media only screen and (max-width: 63.9375em) {
	body .off-canvas-content { padding-top: 100px; }
}

@media only screen and (max-width: 39.9375em) {

	body .off-canvas-content { padding-top: 88px; }

}


/*
* Header
*/

.header { 
	padding:30px 30px; 
	background-color: #0066ff;
}


.header svg { 
	fill:#fff;
	width: 100%; height: auto; max-width: 142px; 
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}



@media only screen and (max-width: 63.9375em) {

}

@media only screen and (max-width: 39.9375em) {

}

/*
* Offset
*/

.offset-left { padding-left: 80px; }

@media only screen and (max-width: 63.9375em) {
	.offset-left { padding-left: 30px; }
}

@media only screen and (max-width: 39.9375em) {
	.offset-left { padding-left: 20px; }  
}


/*
* Menu
*/

.header nav { text-transform: uppercase; font-weight: bold; position: relative; z-index: 5; }
.header nav a { color: #fff; text-transform: uppercase; text-decoration: none; }
.header nav a:hover { color: #fff; text-decoration: none; }


.li-button a {
	font-size: 14px;
	letter-spacing: 1px;
	background-color: #001A40; 
	border:2px solid #001A40; 
	color: #fff;
	border-radius:5px;
	display: inline-block;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.li-button a:hover {
	background-color: #0066ff;
	color: #fff;
}

@media only screen and (max-width: 63.9375em) {	

}

/*
* Home - Hero
*/

#home-hero {
	background-color: #0066ff;
	padding:0;
	position: relative;
}

#home-hero:after {
	content: "";
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height: 100px;
	height: 20vh;
	background: url(../images/bg-curve-dblue.png) left bottom no-repeat;
	background-size: 100% auto;
	z-index: 2;	
}

#home-hero > .grid-container > .grid-x {
	min-height: 400px;
	min-height: calc(100vh - 114px);
}

#home-hero h1 {
	font-size: 3.4rem;
	line-height: 1;
	font-weight: bold;
	max-width: 500px;
	margin:0 0 30px;
}

#home-hero p {
	margin:0 0 20px;
	font-weight: bold;
}

#home-hero img.feature-image {
	float: right;
	width: 50%;
	height: auto;
	position: absolute;
	bottom:0;
	right: 0;

}

.module-content {
	padding:60px 0;
}

#section-1 .feature-image,
#section-2 .feature-image,
#section-3 .feature-image {
	width: 100%;
	max-width: 500px;
}

.module-content h2 {
	font-size: 18px;
	font-weight: bold;
}

#brands {	
	background: url(../images/bg-curve-lblue.png) left bottom no-repeat;
	background-size: 100% auto;
	background-color: #fff;
	color: #001a40;
	padding:40px 0 80px;
}

#brands a {
	display: block;
}

#brands h3 {
	font-size: 22px;
	font-weight: bold;
	color: #0066ff;
	margin:0 0 40px;
}

#brands img {
	max-width: 240px;
	height: auto;
	margin:0 0 20px;
}

#brands p {
	color: #001a40;
	font-size: 14px;
	padding:0 30px;
	opacity: 0.7;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#brands a:hover p {
	opacity: 1;
}

#section-1 {
	padding-bottom: 100px;	
	background: url(../images/bg-curve-dblue-top.png) left bottom no-repeat;
	background-color: #001a40;
	background-size: 100% auto;
}

#section-2 {

	background-color: #0066ff;
}

#section-3 {
	padding-top: 100px;
	background: url(../images/bg-curve-lblue-top.png) left top no-repeat;
	background-size: 100% auto;
	background-color: #001a40;
}

@media only screen and (max-width: 63.9375em) {

}

@media only screen and (max-width: 39.9375em) {

}


/*
* Footer
*/

.footer { 
	background: url(../images/bg-curve-white.png) left top no-repeat;
	background-size: 100% auto;
	background-color: #fff; 
	padding:180px 40px 20px; color: #001a40; 

}

	body.page .footer { 
		background: url(../images/bg-curve-white-page.png) left top no-repeat;
		background-size: 100% auto;
		background-color: #fff; }

.footer a { color: #001a40; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.footer .footer-logo { max-width: 400px; margin:0 0 30px; }


.footer h3 { text-transform: uppercase; color: #0066ff; font-size: 18px; margin:0 0 10px; font-weight: bold; }
.footer p {}

.footer ul.socials li { margin-right: 10px; }
.footer ul.socials li a { padding:0; }
.footer ul.socials li svg { height: 40px; width: auto; fill:#0066ff; }
.footer ul.socials li a:hover svg { fill:#0066ff; }

.footer .address-text { color: #001a40; font-size: 14px; }
.footer .address-text a { color: #001a40; text-decoration: none; }
.footer .address-text a:hover { text-decoration: underline; }



@media only screen and (max-width: 63.9375em) {
	.footer { padding:100px 20px 40px 20px; }
	.footer .footer-logo { max-width: 100%; }

}

@media only screen and (max-width: 39.9375em) {

	.footer ul.socials { margin-bottom: 30px; }

}