@import url("https://use.typekit.net/bgn0nxd.css");

* { 
	margin:0; 
	padding:0;
}


img{border:none;}
#tabs ul{padding:0px !important;}
body{ 
	border:0;
	font:16px proxima-nova,Arial,Helvetica,sans-serif; 
	color:#000000;
    font-family:proxima-nova,Arial,Helvetica,sans-serif;
}
body.modal-open {
    overflow: hidden;
}
h1,h2,h3{margin:0px;padding:0px;font-family: kepler-std;color:inherit;font-weight:normal;}
textarea{font-family:inherit}
a {text-decoration: none;color: #184a87;}
a:hover {text-decoration: none; color:#3593C9;}

.fl{float:left}
.fr{float:right}

.center{text-align:center;}

.clear{
	clear:both;
}
.overdiv{
	width:950px;
	margin:auto;
	text-align: center;
	position: relative;
}
.button,
button,
#products_container .multiField_3,
 input[type=submit],
 .form_submit{
	font-family:kepler-std;
	font-size:16px;
	color:white;
	text-transform:uppercase;
	text-align:center;
	padding:10px 20px;
	background:#184a87;
	border:none;
	cursor:pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
.button:hover,
button:hover,
.secondary,
#products_container .multiField_3,
input[type=submit]:hover, .form_submit:hover{
	background:#8eb1c7;
}
.blue_header .button{
	background-color:#8eb1c7;
}
.blue_header .button:hover{
	background-color:#000;
}
#products_container .multiField_3 a{
	color:white;
}
.secondary:hover, #products_container .multiField_3:hover{
	background: #a8c3d5;
}
.mb-90{
	margin-bottom:90px;
}
/** HEADER **/
#header{
	text-align:center;
	padding-top: 100px;
}
#header .blue_header{
	height:40px;
	background:#184a87;
	color:white;
	text-align:center;
	font-family:kepler-std;
	text-transform:uppercase;
	font-size:18px;
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom:60px;
	position: fixed;
	width: 100%;
	z-index: 102;
	top: 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
#header .blue_header > div {
	width: 100%;
	max-width: 950px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .blue_header .button {
	margin-right: -20px;
  	white-space: nowrap;
}
#header .blue_header a, #header .blue_header a:hover{
	color:white;
}
#header h1{
	font-family:kepler-std-display;
	text-transform:uppercase;
	font-size: 58px;
}
#header h2{
	text-transform:uppercase;
	font-size:18px;
}
.menu{
	margin:65px 0;
	display:block;
}
.fixed_menu{
	background:white;
	position:fixed;
	top:40px;
	width: 100%;
	margin: 0;
	z-index: 100;
	padding: 20px 0;
}
.fixed_header{
	margin-bottom:153px;
}
.menu a{
	color:black;
}
.menu  ul li ul{
    position: absolute;
    background: white;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 10px;
    margin-left: -10px;
    z-index:300;
    margin-top: 6px;
    display:none;
    text-align: left;
}
.menu  ul li ul li{
	display:block;
	padding:10px;
}
.menu ul li{
	display:inline-block;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	margin-right: 30px;
	padding: 0 10px 5px;
}
.menu ul .menu_selected{
	border-bottom:1px solid #184a87;
}
.menu ul .menu_selected a, .menu ul a:hover{
	color: #184a87;
}
/** FOOTER **/
#footer{
	padding:40px;
	background:#333745;
	color:#acacac;
	font-size:12px;
	margin-top:120px;
}
#footer a{
	color:white;
}
.footer_sub{
	color:white;
	text-transform:uppercase;
	text-align:left;
	width:calc(35% - 40px);
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	float: left;
}
.footer_sub h3{
	color:#acacac;
	font-family:kepler-std;
	font-size:18px;
	text-transform:uppercase;
}
.footer_menu{
	float:right;
	border-left:1px solid #acacac;
	padding-left: 40px;
	/* position: absolute; */
	right: 0;
}
.footer_menu ul{
	text-transform:uppercase;
	text-align:left;
	list-style:none;
}
.footer_menu ul li{
	margin-bottom: 13px;
}
.footer_menu .menu_selected:before{
	content: "-";
	color:#8eb1c6;
	position:absolute;
	margin-left:-20px;
}
.footer_menu a{
	color:white;
}
.footer_menu .menu_selected a{
	color:#8eb1c7 !important;
	text-decoration: underline;
}
.footer_menu a:hover{
	color:#8eb1c7 !important;
	text-decoration:none;
}
#footer_terms{
	color:#a3a3a3;
	font-size:12px;
	float: left;
	text-align:left;
	margin-top: 16px;
	width: 70%;
	position: absolute;
	bottom: 0px;
}
/** HOMEPAGE **/
#main_image_area{
	position:relative;
}
#slideshow_home .slide_img{
	object-fit: cover;
    width: 100%;
    min-height: 100%;
}
.slider{
	border-radius:100%;
	height:20px;
	width:20px;
	background:white;
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
	border: 1px solid #33374547;
}
.slide_tracker_on{
	background:#184a87;
}
#slideshow_home .slide {
    background: #000000b3;
    padding: 40px 80px;
    width: auto;
    max-height: 80px;
    width: fit-content;
	width:-moz-fit-content;
    max-height: fit-content;
    margin: auto;
    padding: 20px 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
    margin-left: 20%;
    font-size: 41px;
    font-family: kepler-std;
    text-transform: uppercase;
    color: white;
    animation: slideDown 2s backwards;
}
#slideshow_home{
	height: 500px !important;
	width:100%;
	display:block;
	overflow: hidden;
}
#main_image_left {
    width: 100px;
    height: 100px;
    background: url(images/chevron_left.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 90;
    left: 20px;
    top: calc(60% - 50px);
    cursor: pointer;
}
#main_image_right {
    width: 100px;
    height: 100px;
    background: url(images/chevron_right.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 90;
    right: 20px;
    top: calc(60% - 50px);
    cursor: pointer;
}
#main_image_right:hover{
	background-position:center right -10px;
}
#main_image_left:hover{
	background-position:center left -10px;
}
#maintext_home{
	margin-bottom:60px;
	text-align:center;
	text-transform:uppercase;
	font-size:36px;
	font-family:kepler-std;
}
#subtext_home{
	font-size:18px;
	margin-bottom: 40px;
}
.sub_header, #page_section_container .multiField_1{
	font-size:28px;
	font-family:kepler-std;
	text-transform:uppercase;
	border-bottom:1px solid #184a87;
	width: fit-content;
	width:-moz-fit-content;
	margin: auto;
	margin-bottom: 40px;
	padding: 0 30px;
}
#products_container, #team_container{
	display:flex;
}
#products_container .multi_field_area{
	width:25%;
}
#products_container .multifield_1{
	width:100%;
}
#products_container .multi_field_area .multiField_1 img{
	width: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#products_container:not(:has(.multi_controls)) .multiField_1:not(:has(img)){
	display:none;
}
@keyframes hoverimg{
	0%{top: 0px;}
	60%{top: -20px;}
	100%{top: 0px;}
}
#products_container .multi_field_area .multiField_1 img:hover{
	animation:hoverimg 1.5s linear infinite;
}
#products_container .mint_field, #team_container .mint_field{
	min-height:20px;
}
#products_container .multiField_1{
	height: 110px;
	position: relative;
}
#products_container .multiField_2, #team_container .multiField_2{
	color:#184a87;
	text-transform:uppercase;
	font-family:kepler-std;
	font-size:21px;
	margin-top: 10px;
}
#products_container .multiField_3{
	width: 90px;
	margin: auto;
	margin-top: 20px;
}
.multi_add{
	position:absolute;
	left:-100px;
}
.img_txt_container{
	/* height:230px; */
}
#half_img{
	width:50%;
	float:right;
	overflow:hidden;
	/* height:230px; */
	position: relative;
}
#half_img img{
	width:100%;
	max-height: 100%;
	min-height: 100%;
	position: absolute;
	left: 0;
	object-fit: cover;
}
.txt_container{
	/* height:230px; */
	width:50%;
	float:left;
	background:#184a87;
	padding: 33px;
	box-sizing:border-box;
	color:white;
	text-transform:uppercase;
	font-family:kepler-std;
	text-align:center;
}
.txt_container button{
	margin-top:30px;
}
#half_txt{
	font-size:38px;
}
#half_txt a{
	color:white;
}
/* ABOUT PAGE */
#page_title{
	font-size:42px;
	font-family:kepler-std;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:40px;
	min-height: 20px;
}
#page_image, .map{
	width:100%;
	height:485px;
	overflow:hidden;
	margin-bottom:60px;
}
#page_image img{
	width:100%;
	min-height: 100%;
	object-fit:  cover;
}
#team_container{
	margin-top: -50px;
	justify-content: space-around;
	flex-wrap:wrap;
	gap:16px;
}
#team_container .multi_field_area{
	width: calc(50% - 32px);
}
#team_container .multiField_1{
	margin:auto;
	overflow:hidden;
	margin-bottom:30px;
	aspect-ratio:1;
}
#team_container .multiField_1 img{
	width:100%;
}
#team_container .multiField_2{
	margin-bottom:10px;
}
#team_container .multiField_3{
	margin-bottom:30px;
}
#team_container .multiField_4{
	font-size:14px;
}
.about_imgs{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.about_img_sub{
	width:50%;
	height:300px;
	padding:10px;
	box-sizing:border-box;
	margin-bottom: 10px;
	cursor: pointer;
	overflow: hidden;
}
.about_img_sub img{
	width:100%;
	min-height:100%;
}
/* CONTACT US PAGE */
#page_subtxt_2{
	margin-bottom:90px;
}
#page_subtxt_2 ul{
	list-style:none;
}
#page_subtxt_2 ul li:before{
	content:"-";
	margin-right:20px;
	color:#184a87;
}
#page_subtxt_2 ul ul li{
	margin-left:30px;
	font-size:14px;
}
#page_subtxt_2 ul ul{
		padding:10px 0;
}
#contact_form{
	width: 70%;
	margin:auto;
	text-align:left;
}
#contact_form label{
	display:inline-block;
	text-transform: uppercase;
	margin-top: 10px;
}
#contact_form input, #contact_form textarea, #newNewsPage{
	display:inline-block;
	width: 65%;
	margin-bottom: 20px;
	padding: 10px;
	float: right;
	border: 1px solid #8eb1c7;
	font-family:proxima-nova;
	border-radius: 0;
	-webkit-appearance: none;
}
#email{
	text-transform:none !important;
}
.header_txt a,.header_txt a:hover{
	color:black;
}
#contact_form textarea{
	text-transform:none;
	resize:none;
	height:150px;
}
#contact_submit{
	width:150px;
	float:right;
	margin-top: 20px;
}
.invalid{
	border:1px solid red !important;
}
.error{
	display:none;
	margin-bottom: 40px;
    color: red;
}
#thankyou_txt{
	font-size:36px;
	font-family:kepler-std;
	color: #184a87;
}
#live_preview_end{
	z-index:500;
}
.fadein{
	opacity:0;
	margin-top:200px;
}
/** MOBILE MENU **/
.mobile_icon{
	cursor: pointer;
	font-size: 18px;
	/* background:#8eb1c7; */
	padding:10px;
	border-top: 1px solid #8eb1c7;
	border-bottom: 1px solid #8eb1c7;
	text-align:center;
	color: black;
	font-family:kepler-std;
	text-transform:uppercase;
	display:none;
}
.mobile_menu{
	display:none;
	padding-bottom: 20px;
	border-bottom: 1px solid #8eb1c7;
	margin-bottom: 40px;
}
.mobile_menu ul li a{
	font-weight:300;
	text-transform:uppercase;
	color:black;
	font-size:14px;
	padding-bottom: 5px;
	display:block;
}
.mobile_menu ul li:last-child a{
	padding-bottom:0;
}
.mobile_menu ul li a:hover{
	text-decoration:underline;
	color:#184a87;
}
.scroll_up{
	display:none;
	position: fixed;
	bottom:10px;
	right: 10px;
	padding: 10px;
	background: #acacac8a;
	color: white;
	cursor:pointer;
	width: 34px;
	height: 34px;
	box-sizing: border-box;
}
@keyframes scrollup{
	0%{bottom:7px;opacity:0;}
	20%{bottom:18px;opacity:1;}
	100%{bottom:18px;opacity:1;}
}
.scroll_up:before{
	position: absolute;
	bottom: 10px;
	right: 9px;
}
.scroll_up:hover:before{
	animation:scrollup 1.5s linear infinite;
}
#slide_nav{
	width: 320px;
	display: flex;
	justify-content: space-around;
	height: 30px;
	position: absolute;
	margin: auto;
	margin-top: -130px;
	z-index: 99;
	left: 0;
	right: 0;
}
.phone_icon{
	position:fixed;
	top:10px;
	left:10px;
	display: none;
}
#main .overdiv img{
	max-width:100%;
	object-fit: cover;
}
.blocker{
	background: #00000073;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 800;
}
.about_img_container{
	z-index: 801;
	width: 800px;
	height: 500px;
	position: fixed;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid white;

}
.about_img_container img{
	width:100%;
	object-fit:cover;
}
.about_img_container .fa{
	position:fixed;
	margin-top: -50px;
	margin-left: -45px;
	color:white;
	font-size: 24px;
	cursor:pointer;
	z-index: 200;
}
.about_img_container .fa:hover{
	color:black;
}
/* STANDARD PAGE */
#page_section_container .multi_field_area{
	margin-bottom:90px;
}

/* STORY PAGE */
#story_form{
	border: 1px solid #184a87;
	padding: 20px;
	font-size: 18px;
	font-weight: lighter;
	text-transform: uppercase;
	width: 320px;
	margin: auto;
	margin-bottom: 60px;
}
.form_name, #newNewsPage{
	margin-bottom:20px;
}
#newNewsPage{
	width:100%;
	box-sizing: border-box;
}
#news_date, .news_date_txt, .date_news{
	text-transform:uppercase;
	font-weight:300;
	color:#184a87;
	display:inline-block;
}
.date_container{
	margin-top: -20px;
    margin-bottom: 40px;
}
#news_subtitle{
	font-size: 32px;
    font-family: kepler-std;
    text-transform: uppercase;
}
.news_sub_header{
	margin-bottom:60px;
	text-align:left;
	text-transform: uppercase;
	font-weight: 300;
}
.sub_header a{
	color:black;
}
.img_boxes{
	height:300px;
	overflow:hidden;
	margin:40px 0;
}
#main .overdiv .img_boxes img{
	width:100%;
	object-fit:cover;
	transform: translate(0, -30%);
	transition:all .5s ease-in-out;
}
#main .overdiv .img_boxes:hover img{
	transform: scale(1.1);
	margin-top: -20%;
}
.date_news{
	margin-top:-20px;
}
.box_text{
	margin-bottom:20px;
}
.share_article_icons{
	display:flex;
	margin-top:10px;
	justify-content:space-around;
}
.share_article .fa{
	color:white;
	font-size:20px;
	background:#8eb1c7;
	padding:5px;
	width:30px;
	height:30px;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	transition:all .2s ease-in-out;
}
.share_article .fa:hover{
	background:#a8c3d5;
}
#footer_news ul{
	display:none;
}
.mobile_menu ul li div a, .mobile_menu ul li div i{
	display:inline-block;
}
.mobile_menu ul li div i{
	margin-left:10px;
	color:#184a87;
	cursor:pointer;
}
.mobile_menu ul li:hover div i{
	color:#8eb1c7;
}
.mobile_menu ul li ul{
	margin-bottom:10px;
	display:none;
}
#logos_container{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
#main .overdiv #logos_container img{
	max-width:100px;
	max-height:100px;
	object-fit: contain;
}
/* COOKIES */
#mint_popup h3{
	text-transform:uppercase;
	font-family:proxima-nova;
}
#mint_popup{
	border-color:#8eb1c7;
}
.cookie_corner input, .cookie_bar input, #mint_popup input[type=button] {
    width: 150px;
    background-color: #184a87;
    padding: 10px;
    font-family: kepler-std;
    font-size: 16px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    height: auto;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}
.view_cookies_button{
	cursor:pointer;
	margin: 20px 0 10px;
	display: block;
	color: #184a87;
}
.view_cookies_button:hover{
	color:#8eb1c7;
}
.cookie_corner input:hover, .cookie_bar input:hover, #mint_popup input[type=button]:hover{
	background-color:#8eb1c7;
}