body {
	font-family: 'Roboto', sans-serif;
	color: #343A46;
}

nav {
	background: #ECF7FC;
}

.logo img {
    max-height: 80px;
}

@media screen and (max-width: 500px) {
    .logo img {
        max-height: 55px;
    }
}

nav ul.nav li.nav-item a.nav-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #343A46;
	font-size: 16px;
	text-rendering: optimizeLegibility;
}

nav ul.nav li.nav-item a.nav-link.nav-btn {
    background: #004473;
    border-radius: 7px;
    color: #fefefe !important;
}

nav ul.nav li.nav-item {
    padding-right: 3em;
}

nav ul.nav li.nav-item:last-child {
    padding-right: 0;
}

.desktop-menu {
		display: flex;
	}

.mobile-menu-button {
	display: none;
}

@media screen and (max-width: 1110px) {
	
	nav ul.nav li.nav-item {
	    padding-right: 1em;
	}

}

@media screen and (max-width: 940px) {

	nav ul.nav li.nav-item a.nav-link {
		font-size: 15px;
	}
	
	nav ul.nav li.nav-item {
	    padding-right: 0.5em;
	}
	
}

@media screen and (max-width: 900px) {

	.desktop-menu {
		display: none;
	}

	.mobile-menu-button {
		display: flex;
	}

}

.hero, .header {
    background: url(../img/hero-bg-new.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: #fefefe;
    color: #004473;
    padding: 3em 0;
}

.header {
    background: none;
    background-color: #fefefe;
    color: #004473;
}

@media screen and (max-width: 767px) {
	
	.hero, .header {
	    background-size: cover;
	    padding: 3em 0 7em;
	}

}


h1 {
    font-size: 4em;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 12px;
}

p.lead {
    font-size: 1.3em;
    line-height: 1.5em;
}

.hero p span.hero-subtitle, .header p span.hero-subtitle {
    color: #ADADAD;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
}

h2.sub {
    color: #ADADAD;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.orange {
	color: #F7941E !important;
}

h3.large-text, h2 {
    font-size: 2.3em;
    line-height: 1.35;
    font-weight: 500;
}

.hp-testimonials .card-body {
    padding: 1.5em 3em;
    align-items: center;
    display: flex;
}

.normal-pad {
	padding: 5em 0;
}

h4 {
    font-size: 1em;
    margin-top: 15px;
    margin-bottom: 15px;
}

.small {
    font-size: 14px;
}

.btn-primary {
    color: #fff;
    background-color: #004473;
    border-color: #004473;
    font-weight: 700;
    font-size: 16px;
    padding: .375rem 2em;
}

.btn-secondary {
    color: #fff;
    background-color: #F7941E;
    border-color: #F7941E;
    font-weight: 700;
    font-size: 16px;
    padding: .375rem 2em;
}

.wavy-bg {
	background-image: url('../img/wavy-bg.png');
	background-size: cover;
	background-repeat: repeat-y;
}

.delayed-wavy-bg {
	background-image: url('../img/wavy-bg.png');
	background-size: cover;
	background-repeat: repeat-y;
}

.blue-bg {
	background-color: #1F8BBA;
	color: #fefefe;
}

.grey-bg {
	background: #ECF7FC;
}

p.hp-about {
	font-size: 15px;
}

.footer {
	background: #E7E4E4;
	padding: 2em 0;
}

.footer h3 {
	font-size: 18px;
}

.footer p {
	font-size: 14px;
	letter-spacing: 0.25px;
}

.footer .credits p {
	color: #717376;
	font-size: 12px;
}

.footer i {
    font-size: 32px;
    color: #CF4B04;
}

.footer a.nav-link {
    padding-left: 0;
}

.blue-text {
    color: #004473;
}

.light-blue-text {
    color: #007CB1;
}

.curve-top-bg {
    background: url(../img/curve-top-bg-new.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #fefefe;
    color: #004473;
    padding: 9em 0 3em;
}

.delayed-blue-bg {
    background: linear-gradient(to top, #1F8BBA 70%, white 0%);
    color: #fefefe;
    position: relative;
    overflow: hidden;
}

img.spiral {
    position: absolute;
    left: -7%;
    top: 15%;
}

img.explosion {
    position: absolute;
    right: -5%;
    bottom: 5%;
}

.yellow-text {
	color: #FFE9C2;
}

.large-pad {
	padding: 10em 0;
}

.culture-cta {
	background: url('../img/culture-cta.png');
	background-position: 50% 30%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	color: #fefefe !important;
}

.culture-cta:before {
	content: '';
	position: absolute;
	background: #000000;
	opacity: 0.45;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.culture-cta h2, .culture-cta h3  {
	color: #fefefe !important;
}

.hero.contact {
    background: url(../img/hero-bg-new.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 0px bottom -25%;
    background-color: #fefefe;
    color: #004473;
    padding: 3em 0;
}

.form-control {
    color: #495057;
    background-color: #F6F4F4;
    border: none;
    border-radius: 0;
}

.form-control::placeholder {
	font-family: 'Roboto', sans-serif;
    color: #ADADAD;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

.hp-testimonials .card p {
 	color: #004473;
}


.owl-carousel.hp-testimonials .owl-stage {
	display: flex;
}

.owl-carousel.hp-testimonials .owl-item {
	display: flex;
	flex: 1 0 auto;
}

.owl-carousel.hp-testimonials .card {
	display: flex;
	flex-direction: column;
	margin-bottom: 35px;
}

.card {
	border-radius: 0;
	border: none;
	box-shadow: 0 1rem 1em rgba(0,0,0,.195)!important;
}

.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

p.source {
    color: #F7941E !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    margin-top: 24px;
    margin-bottom: 20px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
}

.modal-header {
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mobile-menu a.nav-link {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #343A46;
    font-size: 16px;
    text-rendering: optimizeLegibility;
}

.mobile-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mobile-menu.active {
    height: 100vh;
    background: #ECF7FC;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: scroll;
}

nav {
    position: sticky;
    top: 0;
    z-index: 1000;
}

body.no-scroll {
	overflow-y: hidden;
}

@media screen and (min-width: 901px) {
    .mobile-menu.active {
        display: none !important;
        opacity: 0;
    }

    body.no-scroll {
        overflow-y: scroll !important;
    }
}



.hamburger .line {
    width: 35px;
    height: 2px;
    background-color: #07314E;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.hover-effect:hover {
	cursor: pointer;
}

@media screen and (max-width: 1080px) {

	h1 {
    	font-size: 3.5em;
	}

	p.lead {
    	font-size: 1.1em;
    	line-height: 1.5em;
	}

	h3.large-text {
	    font-size: 2.1em;
	}

}

@media screen and (max-width: 943px) {

	h1 {
	    font-size: 3em;
	}

}

@media screen and (max-width: 817px) {

	h1 {
	    font-size: 2.8em;
	}

}

@media screen and (max-width: 767px) {

	h1 {
	    font-size: 3.5em;
	}

	.hero p.lead {
	    font-size: 1.1em;
	}

}

@media screen and (max-width: 565px) {

	h1 {
	    font-size: 2.75em;
	}

	.hero p.lead {
	    font-size: 1.2em;
	}

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fefefe;
}

.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #fefefe;
}

.modal-backdrop.show {
    opacity: .75;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fefefe;
    text-shadow: none;
    opacity: 1;
}

.close:hover {
    color: #F7941E !important;
    text-decoration: none;
}

.culture-header {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 943px) {
    .culture-header h1 {
        font-size: 3.75em;
    }
}

@media screen and (max-width: 767px) {
    .culture-header h1 {
        font-size: 4em;
    }
}

@media screen and (max-width: 500px) {
    .culture-header h1 {
        font-size: 3em;
    }
}

.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    margin-top: 0;
    top: calc(50% - 13px);
    font-size: 26px;
    color: #004473;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: none;
    color: #F7941E !important;
    text-decoration: none;
}

button.owl-prev {
    left: 0;
    position: absolute;
}

button.owl-next {
    position: absolute;
    right: 0;
}

.source-title-culture {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
}

@media screen and (max-width: 920px) {

    img.explosion {
        position: absolute;
        right: -10%;
        bottom: 0%;
    }

}

@media screen and (max-width: 767px) {
    
    .delayed-blue-bg {
        background: linear-gradient(to top, #1F8BBA 85%, white 0%);
    }

    img.spiral {
        position: absolute;
        left: -16%;
        top: 3%;
    }

}

@media screen and (max-width: 650px) {

    img.spiral {
        position: absolute;
        left: -8%;
        top: 24%;
        width: 125px;
    }

    img.explosion {
        position: absolute;
        right: -7%;
        bottom: -5%;
        width: 130px;
    }

}

.perks-header {
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1250px) {
 
    .perks-header h1 {
        font-size: 3.75em;
    }

}

@media screen and (max-width: 1175px) {

    .perks-header h1 {
        font-size: 3.25em;
    }

}

@media screen and (max-width: 1028px) {

    .perks-header h1 {
        font-size: 3em;
    }

}

p.lead.testimonial {
    font-size: 1.5em;
}

.source-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #adadad;
}

.dark-text {
    color: #343A46;
}

a.tel-link {
    color: #007CB1;
    font-size: 1.6em;
    text-decoration: underline;
}

.btn-info {
    color: #fff;
    background-color: #007CB1;
    border-color: #007CB1;
    font-weight: 700;
    font-size: 16px;
    padding: 0.375rem 2em;
}

.mobile-menu a.nav-link {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #343A46;
    font-size: 24px;
    text-rendering: optimizeLegibility;
}

.mobile-menu a.nav-link.nav-btn {
    background: #004473;
    border-radius: 7px;
    color: #fefefe !important;
    display: inline-block;
}

.btn-secondary:hover {
    color: #fefefe;
    background-color: #d72c00;
    border-color: #d72c00;
}

.icon {
    height: 60px;
}

a.nav-link.active {
    color: #004473 !important;
}


nav ul.nav li a:after {
    background: none repeat scroll 0 0 #007CB1;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transition: all 0.35s ease-out;
}

nav ul.nav li a:hover:after {
    background: none repeat scroll 0 0 #007CB1;
    bottom: -5px;
    opacity: 1;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

nav ul.nav li a.active:after {
    background: none repeat scroll 0 0 #007CB1;
    bottom: -5px;
    opacity: 1;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

nav ul.nav li a.nav-btn:after, nav ul.nav li a.nav-btn:after, nav ul.nav li a.mob-menu:after, nav ul.nav li a.mob-menu:after {
    display: none;
}

nav ul.nav li a.active:hover:after {
    -webkit-animation: bounce-top 0.25s both;
            animation: bounce-top 0.25s both;
}

@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

p.testimonial {
    position: relative;
}

.testimonial::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f10d";
    position: absolute;
    left: -40px;
    top: -12px;
    font-weight: 900;
    color: #F7941E;
}

.testimonial::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f10e";
    position: absolute;
    right: -24px;
    bottom: 0;
    font-weight: 900;
    color: #F7941E;
}

.hero-container {
    max-width: 605px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 500px) {

    nav img {
        max-width: 265px !important;
    }

}

.interior-slider .owl-dots .owl-dot.active span, .interior-slider .owl-dots .owl-dot:hover span {
    background: #004473;
}


.interior-slider .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #004473;
}

#perk-tabs a.nav-link {
    color: #CF4B04;
    font-weight: 700;
}

#perk-tabs a.nav-link.active:after {
    background: none repeat scroll 0 0 #007CB1;
    bottom: -5px;
    opacity: 1;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #F7941E;
}

#perk-tabs-dropdown {
    display: none;
}

@media (max-width: 768px) {
    #perk-tabs {
        display: none;
    }
    #perk-tabs-dropdown {
        display: block;
    }
}

.form-control:focus {
    background-color: #F6F4F4;
}

.glassdoor a:hover {
    text-decoration: none !important;
}

.glassdoor a:hover p.lead {
    text-decoration: underline !important;
}