@font-face {
	font-family: 'Lato Regular';
	src: url('../fonts/lato-regular-webfont.eot') format('eot'),
	url('../fonts/lato-regular-webfont.woff') format('woff'), 
	url('../fonts/lato-regular-webfont.ttf') format('truetype'),
	url('../fonts/lato-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Medium';
	src: url('../fonts/lato-medium-webfont.eot') format('eot'),
	url('../fonts/lato-medium-webfont.woff') format('woff'), 
	url('../fonts/lato-medium-webfont.ttf') format('truetype'),
	url('../fonts/lato-medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Bold';
	src: url('../fonts/lato-bold-webfont.eot') format('eot'),
	url('../fonts/lato-bold-webfont.woff') format('woff'), 
	url('../fonts/lato-bold-webfont.ttf') format('truetype'),
	url('../fonts/lato-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Heavy';
	src: url('../fonts/lato-heavy-webfont.eot') format('eot'),
	url('../fonts/lato-heavy-webfont.woff') format('woff'), 
	url('../fonts/lato-heavy-webfont.ttf') format('truetype'),
	url('../fonts/lato-heavy-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Black';
	src: url('../fonts/lato-black-webfont.eot') format('eot'),
	url('../fonts/lato-black-webfont.woff') format('woff'), 
	url('../fonts/lato-black-webfont.ttf') format('truetype'),
	url('../fonts/lato-black-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Bold';
	src: url('../fonts/lato-bold-webfont.eot') format('eot'),
	url('../fonts/lato-bold-webfont.woff') format('woff'), 
	url('../fonts/lato-bold-webfont.ttf') format('truetype'),
	url('../fonts/lato-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Westfalia Regular';
	src: url('../fonts/westfalia-regular-webfont.eot'),
	url('../fonts/westfalia-regular-webfont.woff') format('woff'), 
	url('../fonts/westfalia-regular-webfont.ttf') format('truetype'), 
	url('../fonts/westfalia-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rubik Light';
	src: url('../fonts/rubik-light-webfont.eot'),
	url('../fonts/rubik-light-webfont.woff') format('woff'), 
	url('../fonts/rubik-light-webfont.ttf') format('truetype'), 
	url('../fonts/rubik-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rubik Medium';
	src: url('../fonts/rubik-medium-webfont.eot'),
	url('../fonts/rubik-medium-webfont.woff') format('woff'), 
	url('../fonts/rubik-medium-webfont.ttf') format('truetype'), 
	url('../fonts/rubik-medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Master layout */

/************************************************************
Global styles */

/* Partial CSS Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-tap-highlight-color:  rgba(0, 0, 0, 0);
}
html, body {
	height: 100%;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

:focus {
	outline:none;
}

table {
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
td {
	vertical-align: top;
}

/* End Reset */

body{
	font-family: 'Lato Medium';
	font-size: 16px;
	color: #24335a;
	line-height: normal;
}
body:not(.desktop) * {
  background-attachment: scroll !important;
}

/* Links */
a, input[type=submit]{
	color:inherit;
	outline:none;
	color:inherit;
	outline:none;
	transition: all 0.3s ease 0s;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	outline: none;
}
a img {
	border:none;
}
img {
	max-width:100%;
}
a[href^="tel:"] {
	color:inherit;
	cursor:inherit;
}
input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: normal;
}
h1 {
  font-family: 'Lato Bold';
  font-size: 26px;
  line-height: 32px;
  padding-bottom: 22px;
}
h2 {
}
h3 {
}
h4 {

}

h1.page-header {
  font-family: Westfalia Regular;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 88px;
  text-align: center;
}

/* Block-level */

address {
	font-style:inherit;
}
p, .para {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}

p.large {
  font-size: 24px;
  line-height: 34px;
}
ul li{
	list-style-type: none;
}
strong{
	font-family: 'Lato Bold';
	font-weight: normal;
}
/*************************
   Generic Site Styles
*************************/
.table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  /*float: none !important;*/
}
.table.page, .container{
  max-width: 1024px;
  margin: 0 auto;
}
.table.page.large {
  max-width: 1024px;
}
main .table.page,
.table.auto-height {
  height: auto;
}

.table.auto-width {
  width: auto;
}

.table.auto-all {
  height: auto;
  width: auto;
}

.row {
  display: table-row;
}
.cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none !important;
}
.padding {
  padding: 0px 20px;
}
.padding-left {
  padding-left: 20px;
}
.padding-right {
  padding-right: 20px;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
.table-header-group {
  display: table-header-group;
}
.table-footer-group {
  display: table-footer-group;
}

/* Text alignment */
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }

/** Default Placeholder styles ***/

::-webkit-input-placeholder {
/* WebKit browsers */
  
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */

}
:-ms-input-placeholder {
/* Internet Explorer 10+ */

}

i {
  text-transform: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: normal;
  color: inherit;
}

/* Container class to make iFrames responsive */
.frame-contain {
	position: relative;
	height:0;
	max-width:100%;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16:9 */
							/* 75% = 4:3 */
}

.frame-contain iframe {
	position: absolute;
	top:0;
	left:0;
	height:100% !important;
	width:100% !important;
}

/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
	border:none;
	padding:0;
	line-height:1;
}
/************************************************************
Miscellaneous */
.clearfix:after{
	content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.relative {
  position: relative;
}

.full-size {
  height: 100%;
  width: 100%;
}

.on-top {
  position: relative;
  z-index: 1;
}

.uppercase {
  text-transform: uppercase;
}

.hide {
  display: none !important;
}
/* hide/show content (e.g. career opps.) */
.hide-show {
	position: relative;
	
/* 	height:35px; */
	padding:15px;
	overflow: hidden;
	
	transition:background-color 0.35s linear 0s, padding 0.35s linear 0s;
}

.hide-show.show {
	background-color:rgba(132, 207, 205, 0.4);
}

.hide-show .hs-trigger {
	position: relative;
	cursor: pointer;
	padding-left:18px;
	margin-bottom:0;
}
.hide-show .hs-content {
/*
	position: absolute;
	z-index: -1;
	visibility: hidden;
*/
	opacity: 0;
	overflow: hidden;
	
	transition:opacity 0.35s linear 0s;
}

.opp-section.hide-show {
	margin-bottom:10px;
}

.hide-show .hs-trigger {
	transition:margin 0.35s linear 0s;
}

.hide-show.show .hs-trigger {
	margin-bottom:20px;
}

.opp-section.hide-show .hs-trigger:before {
	content:"\0003E";
	display: inline-block;
	font-size:25px;
	line-height: 1;
	color:inherit;
	height:26px;
	width:15px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-13px;
	
	transition:all 0.3s linear 0s;
}
.opp-section.hide-show.show .hs-trigger:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.hide-show.show .hs-content {
	opacity: 1;
}

.clearfix:after{
	content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Transition */
.header-menu .cell .skew, .search-box,
#your_support .ys-content,.ql-box .ql-info,
.ql-box:hover .text-overlay, .bg-overlay,
.ev-box.nw .img-box, .bg-gradient,.ev-box.fb .ev-text,
.slick-arrow{
	transition: all 0.3s ease 0s;
}
.bg-overlay, .bg-gradient{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 3;
}
.img-box{
	position: relative;
}
.img-box img{
	display: block;
	width: 100%;
}
.bg-gradient {
	background: rgba(20,27,67,1);
	background: -moz-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.5) 41%, rgba(127,42,53,0) 71%, rgba(231,56,39,0) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(11%, rgba(20,27,67,1)), color-stop(41%, rgba(20,27,67,0.5)), color-stop(71%, rgba(127,42,53,0)), color-stop(100%, rgba(231,56,39,0)));
	background: -webkit-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.5) 41%, rgba(127,42,53,0) 71%, rgba(231,56,39,0) 100%);
	background: -o-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.5) 41%, rgba(127,42,53,0) 71%, rgba(231,56,39,0) 100%);
	background: -ms-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.5) 41%, rgba(127,42,53,0) 71%, rgba(231,56,39,0) 100%);
	background: linear-gradient(135deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.5) 41%, rgba(127,42,53,0) 71%, rgba(231,56,39,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141b43', endColorstr='#e73827', GradientType=1 );
	opacity: 0.8;
	z-index: 1;
}
.ev-box.fb:hover .bg-gradient {
	background: rgba(20,27,67,1);
	background: -moz-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.51) 76%, rgba(20,27,67,0.33) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(11%, rgba(20,27,67,1)), color-stop(76%, rgba(20,27,67,0.51)), color-stop(100%, rgba(20,27,67,0.33)));
	background: -webkit-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.51) 76%, rgba(20,27,67,0.33) 100%);
	background: -o-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.51) 76%, rgba(20,27,67,0.33) 100%);
	background: -ms-linear-gradient(-45deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.51) 76%, rgba(20,27,67,0.33) 100%);
	background: linear-gradient(135deg, rgba(20,27,67,1) 11%, rgba(20,27,67,0.51) 76%, rgba(20,27,67,0.33) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141b43', endColorstr='#141b43', GradientType=1 );
	opacity: 1;
}
.ev-box.fb:hover .bg-gradient{
	
}
.video-box{
	display: block;
	position: relative;
}
.video-box img{
	display: block;
}
.video-overlay{
	background: url("../images/layout/video_btn_green.png") no-repeat center 30% rgba(0, 0, 0, 0.65);
	color: #fff;
	text-align: center;
}
.col-right .video-box:last-child .video-overlay{
	background: url("../images/layout/video_btn_burg.png") no-repeat center 30% rgba(0, 0, 0, 0.65);
}
.btn, a.btn, input[type="submit"].btn {
	color: #84cfcd;
	font-size: 16px;
	display: inline-block;
	min-width: 184px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	white-space: nowrap;
	background: #24335a;
	text-transform: uppercase;
	font-family: 'Lato Heavy';
	cursor: pointer;
}
input[type="submit"].btn {
  padding: 25px 35px;
  line-height: 16px;
  height: auto;
  max-height: none;
}
.btn:hover, a.btn:hover, input[type="submit"].btn:hover{
	background-color: #84cfcd;
	color: #24335a;
}

.full-gallery{
    display: none;
}
.mob-show{
	display: none;
}

.button, a.button, input[type="submit"].button {	
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	color: #84cfcd;
	font-size: 16px;
	display: inline-block;
	min-width: 184px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	white-space: nowrap;
	background: #24335a;
	text-transform: uppercase;
	font-family: 'Lato Heavy';
	cursor: pointer;
}

.button:hover, a.button:hover, input[type="submit"].button:hover {
  background-color: #84cfcd;
	color: #24335a;
}

.content-no-padding {
  padding-bottom: 0px !important;
/*   margin-bottom: 30px; */
}

/* photo galleries (new) */
.full-gallery {
	display: none;
}

/***********************
  Pagination Styles
***********************/

.pagination {
  display: block;
  background-color: #F9F9F9;
  border: 1px solid #E8E8E8;
  padding: 6px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.pagination > div {
  display: inline-block;
  vertical-align: middle;
}

.pagination > div + div {
  margin-left: 6px;
}

.pagination a, 
.pagination span,
.pagination strong {
  display: inline-block;
  font-family: 'Lato Medium';
  font-size: 14px;
  line-height: 14px;
  padding: 10px 11px 8px;
}

.pagination span {
  padding:10px 13px 10px 11px;
}

.pagination a {
  color: #24335a !important;
  background-color: #ddd;
  border: 1px solid #ccc;
  transition: all 0.3s ease 0s;
}

.pagination a:hover {
  background-color: #F47E58;
  color: #FFF !important;
}

.pagination span {
  font-family: 'Lato Regular';
  color: #FFF;
  background-color: #F47E58;
  border: 1px solid #FFF;
  font-weight: bold;
}

.pagination > .prev a,
.pagination > .next a {
  font-size: 22px;
  padding: 8px 11px 11px 11px;
}

.pagination strong {
  font-family: 'Lato Heavy';
  font-weight: normal;
  color: #24335A;
  background-color: #ddd;
  border: 1px solid #24335A;
}

.pagination > .prev:empty,
.pagination > .next:empty {
  display: none;
}

.pagination > .prev:empty + div {
  margin-left: 0px;
}

#search-results .pagination > li {
	display: inline-block;
	vertical-align: middle;
}
#search-results .pagination > li + li {
	margin-left:8px;
}
#search-results > ol > li {
	font-size:24px;
}
#search-results > ol > li p {
	font-size:16px;
}

#search-results h4  {
	font-weight:bold;
}

#search-results h4 a {
	color:#24335A;
}

#search-results mark {
	color:#FFF;
	background-color:#444;
}

/**** Modal Style ****/

.modal-popup {
  background-color:#FFF;
  padding: 35px;
  font-family: 'Lato Medium' !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #24335a !important;
}

.modal-popup p {
  font-family: 'Lato Medium';
  font-size: 14px;
  line-height: 18px;
  color: #24335a;
  padding: 0px;
  margin: 0px;
}

.modal-popup p + p {
  padding: 10px 0px 0px 0px;
}

.align-right > .btn {
  float: right;
}

#main ul:not([class]) {
  margin-bottom: 20px;
  margin-left: 10px;
}

#main ul:not([class]) > li {
  position: relative;
  padding: 0px 0px 0px 18px;
}

#main ul:not([class]) > li + li {
  margin-top: 10px;
}

#main ul:not([class]) > li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #24335A;
  border-radius: 50%;
}

/**** Form Style ****/

/*input[type=text]{
	text-align: left;
	background: #ffffff;
	height: 58px;
	line-height: 58px;
	width: 100%;
	padding: 0 20px;
	color: #363636;
	font-size: 16px;
	font-family: 'Montserrat Regular';
}

/**** Custom Select ****/

/*form .sbHolder {
    text-align: left;
    height: 58px;
    padding: 11px 0;
    width: 100%;
    width: 100%;
    background: #ffffff;
    position: relative;
	color: #363636;
	font-size: 16px;
}
form .sbToggle {
    width: 45px;
    height: 100%;
    background: url(../images/arrows/select.png) left 50% no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;

}
form .sbSelector {
    margin-right: 40px;
    line-height: 38px;
    height: 100%;
    padding: 0 22px;
	
}
form .sbOptions {
    background: #ffffff;
    margin-top: 10px;
}
form .sbOptions li {
    list-style-type: none;
}
form .sbOptions li a {
    padding: 15px 22px;
    display: block;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    transition: all linear 0.1s;
    cursor: pointer;
}
form .sbOptions li a:hover{
	background: #893c56;
	color: #ffffff;
}*/