/* Main Styles
-------------------------------------------------------------- */

/* Color Palette
Primary:	#d0202d
Secondary:	#273476
*/

@import url('https://fonts.googleapis.com/css2?family=Boogaloo&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body { /*background:#E9EEF2; background:#E9EEF2;*/ font-family: "Poppins", Sans-serif; color:#1E3240;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header { z-index:1000; position: relative;}
/*--------------------------------------------------------------
## Header - Brand
-------------------------------------------------------------*/
.header nav.navbar .navbar-brand {padding:0;}
.header nav.navbar .navbar-brand a {display:block;}
.header nav.navbar .navbar-brand a img.logo {width:310px;}
/*--------------------------------------------------------------
## Header - Utility Navbar
--------------------------------------------------------------*/
.header nav.navbar#utilityNav  {padding:0px 0;color:#fff;}
.header nav.navbar#utilityNav ul.navbar-nav li.menu-item {margin-left:20px;}
.header nav.navbar#utilityNav ul.navbar-nav li.menu-item:first-child {margin-left:0;}
.header nav.navbar#utilityNav ul.navbar-nav li.menu-item a.nav-link {color:white;text-transform:uppercase;font-weight:400;padding:0;font-size:16px;line-height:19px;}
.header nav.navbar#utilityNav ul.navbar-nav li.login a.nav-link span::before {font-family:"Font Awesome 5 Free";content:"\f007";font-weight:400;border:1px solid white;border-radius:50%;padding:3px 4px;font-size:11px;margin-right:6px;}
/*--------------------------------------------------------------
### Header - Utility Navbar - Hamburger
-------------------------------------------------------------*/
.header nav.navbar#utilityNav button.navbar-toggler {border-width:0;outline:0;padding:0;width:30px;height:20px;margin-top:-4px;}
.header nav.navbar#utilityNav button.navbar-toggler:focus {border:none;box-shadow:unset;}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon {cursor:pointer;width:30px;height:20px;position:relative;margin:0px;	
	-webkit-transform:rotate(0deg);
	   -moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		 -o-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	   -moz-transition:.5s ease-in-out;
		-ms-transition:.5s ease-in-out;
		 -o-transition:.5s ease-in-out;
			transition:.5s ease-in-out;
}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span {background:#e3f2fd;display:block;position:absolute;height:3px;width:100%;border-radius:9px;opacity:1;left:0;
	-webkit-transform:rotate(0deg);
	   -moz-transform:rotate(0deg);
	    -ms-transform:rotate(0deg);
		 -o-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	   -moz-transition:.25s ease-in-out;
		-ms-transition:.25s ease-in-out;
		 -o-transition:.25s ease-in-out;
			transition:.25s ease-in-out;
}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(1) {top:0px;}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(2) {top:10px;}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(3) {top:10px;}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(4) {top:20px;}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon.open span:nth-child(1) {top:11px;width:0%;left:50%;}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon.open span:nth-child(4) {top:11px;width:0%;left:50%;}
/*--------------------------------------------------------------
### Header - Utility Navbar - Mobile menu
-------------------------------------------------------------*/
.header nav.navbar#utilityNav div#headerMenu .mobile-menu {display:none;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu form#mobileSearch {}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu form#mobileSearch .input-group-text,
.header nav.navbar#utilityNav div#headerMenu .mobile-menu form#mobileSearch .form-control,
.header nav.navbar#utilityNav div#headerMenu .mobile-menu form#mobileSearch .form-control::placeholder {color:#273476;background-color:white;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu form#mobileSearch .input-group-text {border-right:none;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu form#mobileSearch .form-control {border-left:none;font-style:italic;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul {margin:0; padding-left: 20px;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.navbar-nav li.menu-item {margin:0; margin-bottom: 4px;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.navbar-nav li.menu-item a.nav-link {padding:5px 0;line-height:1;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.dropdown-menu {background-color:transparent;padding:0;margin:0 0 0 20px;border:none;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.dropdown-menu li.menu-item { margin-bottom:5px;}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.dropdown-menu li.menu-item a.dropdown-item {color:white;font-size:15px;line-height:1;text-transform:uppercase;padding:5px 0;}
/*--------------------------------------------------------------
## Header - Main Navbar
--------------------------------------------------------------*/
.header nav.navbar#mainNav ul.navbar-nav li.menu-item {margin-left:20px;}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item:first-child {margin-left:0;}
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link {color:white;  padding: 5px 10px !important; /*text-transform:uppercase*/;font-weight:400;padding:0;font-size:17px;line-height:24px; 5px 10px;}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link {color:#0272BC;/*text-transform:uppercase*/;font-weight:400;padding:0;font-size:17px;line-height:24px; padding: 5px 10px;}
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link:hover
{color: white; background: #0272BC; padding: 5px 10px;} 
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link:focus,
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link:active,
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.current-menu-item a.nav-link { background:none; padding: 5px 10px;}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link:hover,
.header nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link:focus,
.header nav.navbar#mainNav ul.navbar-nav li.menu-item a.nav-link:active,
.header nav.navbar#mainNav ul.navbar-nav li.current-menu-item a.nav-link{color: white; background: #0272BC; padding: 5px 10px;} 
/*--------------------------------------------------------------
### Header - Main Navbar - Dropdown
--------------------------------------------------------------*/
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu {/*border:2px solid #00AEEF;*/padding:10px 0;}
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item {margin:0;}
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item a.dropdown-item {font-size:18px;line-height:18px;padding:10px 60px 10px 20px;}
.header .frontmenu nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item a.dropdown-item:active {/*background-color:#d0202d;*/}

.mobile-menu .main-menu ul.navbar-nav  {/*border:2px solid #00AEEF;*/padding:10px 0;/* background: #0272BC;*/}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item {margin:0;}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item a.dropdown-item {font-size:18px;line-height:18px;padding:10px 60px 10px 20px; /*color: white;*/}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item a.dropdown-item:active {background-color:#0272BC;/*color: white;*/}
.header nav.navbar#mainNav ul.navbar-nav li.menu-item .dropdown-menu li.menu-item a.dropdown-item:hover {background-color:white; color: #0272BC;} 



/*--------------------------------------------------------------
### Header - Main Navbar - Search Button
--------------------------------------------------------------*/
.header nav.navbar#mainNav button.search-toggler {margin:0;padding:0;border:none;background:transparent;color:white;}
.header nav.navbar#mainNav button.search-toggler:hover,
.header nav.navbar#mainNav button.search-toggler:focus,
.header nav.navbar#mainNav button.search-toggler:active {color:#ddd;}

.footer { background:#0272bc;}

.footer { color:white;}



.footer .social-footer a {color: white; text-decoration: none !important;}

.footer a {color:white; text-decoration: none;}


.footer .menu-footer ul{    float: left;  width: 100%;  flex-direction: column !important;}

.footer .menu-footer ul li { width:100%; float: left;}

.footer .menu-footer ul li a { padding:10px 0 0 0 ; color:white; }
/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
.maincontent { min-height:75%;}

.careers { min-height:65%;}

.careers h1 { font-size: 2.438rem; margin-bottom: 50px; line-height: 3.5rem;} 

.careers p { font-size: 20px; font-weight: 300; line-height: 32px;} 

.careers a { font-size: 20px; font-weight: 300; color:#0272BC; text-decoration: none;} 

.careers .career-item { /*border-bottom:1px solid #707070; padding-bottom: 30px; */} 

.careers .career-item:last-child { border-bottom: 0px;}

.careers .accordion-button:not(.collapsed) {
    color: #1E3240;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.careers .accordion-item{
	
box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.19);
-webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.19);
}


.careers .accordion-item h2 { font-size: 20px; font-weight: 600;}

.careers .jobspecs { font-size: 14px; color:#1E3240;  font-weight: 300;}

.careers .accordion-collapse h3{
	font-size: 20px;
	color:#0272BC;
	font-weight: 400;
	margin-top: 30px;
}

.careers .accordion-collapse p, .careers .accordion-collapse ul, .careers .accordion-collapse ul li, .careers .accordion-collapse a {	font-size: 20px; font-weight: 200;}

.careers .accordion-collapse a.jobsubmit { background:#0272BC !important; padding: 10px 40px; font-weight: 200; text-transform: uppercase; color: white; font-size: 16px;}

.careerscta h3 { font-size: 20px; font-weight: 600;}

.careerscta p { font-size: 18px; font-weight: 200;} 

.careerscta a.jobsubmit { background:#0272BC !important; padding: 10px 40px; font-weight: 200; text-transform: uppercase; color: white; font-size: 16px;}

.careers a.jobsubmit { background:#0272BC !important; padding: 10px 40px; font-weight: 200; text-transform: uppercase; color: white; font-size: 16px;}


.single-career h1 { font-size: 2.438rem; margin-bottom: 50px; line-height: 3.5rem;} 

.single-career h3 { font-size: 20px; font-weight: 500; color: #0272BC;} 

.single-career p { font-size: 20px; font-weight: 300; line-height: 32px;} 

.single-career .career a { font-size: 20px; font-weight: 300; color:#0272BC; text-decoration: none; }  

.career { min-height:75%;}


.teamphotos img { width:100%;}

.general-page { min-height:70vh;}

.general-page h1 {
	
	font-family: "Poppins", Sans-serif;
    font-size: 39px;
    font-weight: 500;
    color: #1E3240;
	
}

.general-page p {
	
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #1E3240;
	line-height: 32px;
	
}