body { font-family: 'akzidenz-grotesk-next-pro', sans-serif !important; overflow-x: hidden;}
html { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, p, a, li { font-family: 'akzidenz-grotesk-next-pro' !important; }
a { text-decoration: none !important; outline: none; }

.text-blue {color: #0065AA !important; }
.text-navy {color: #254E85 !important;}
.text-purple {color: #6F0186 !important;}
.text-black {color: #000000 !important;}
.text-white {color: #ffffff !important;}
.text-med-blue { color: #4F92CC !important; }
.text-light-blue { color: #82bbec !important; }
.text-uppercase { text-transform: uppercase; }
.text-sm { font-size: 20px !important; line-height: 28px; }
.text-xs { font-size: 18px !important; line-height: 26px; }
.text-xxs { font-size: 16px !important; }

.bg-light-blue { background-color: #E9EDF2 !important; }
.bg-blue { background: #0065AA !important;}

.font-el { font-weight: 200 !important; }
.font-l { font-weight: 300 !important; }
.font-m { font-weight: 500 !important; }
.font-b { font-weight: 700 !important;} 

.border.purple { border-width: 2px !important; border-color: #6F0186 !important; }

#customHead .sub-menu li a { font-size: 16px; text-transform: none; padding: 10px; font-weight: 400; }
#intro, #callout { position: relative; }
#intro .dash { position: absolute; right: 320px; top: 25px; }
#intro .dash:after { content: ""; height: 1px; width: 1200px; border-top: 1px solid #888888; position: absolute; right: -1180px; top: 18px; z-index: 1; }
#copyright { font-size: 16px; line-height: 16px; color: #ffffff; }
#copyright p { margin-bottom: 0; }
#callout .dash { position: absolute; left: -20px; top: -3px; }
.blob { background: #6F0186; border-radius: 50%; margin: 10px; height: 16px; width: 16px; box-shadow: 0 0 0 0 rgba(111, 1, 134, 1); transform: scale(1); animation: pulse 2s infinite; z-index: 2; position: relative; }
.blob.blue { background: #4F92CC; border-radius: 50%; margin: 10px; height: 16px; width: 16px; box-shadow: 0 0 0 0 rgba(111, 1, 134, 1); transform: scale(1); animation: pulse2 2s infinite; z-index: 2; position: relative; }
.eael-dual-header { margin-bottom: 0 !important; }
.slick-next.slick-arrow, .slick-prev.slick-arrow { border: 0 !important; font-size: 0 !important; }
.slick-next:before, .slick-prev:before { opacity: 1; color: #666666; }
.slick-next.slick-arrow:hover, .slick-prev.slick-arrow:hover { background: none; }
.spotlight-thumbnail img { border-radius: 14px; }

@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(111, 1, 134, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(111, 1, 134, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(111, 1, 134, 0); }
}

@keyframes pulse2 {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(79, 146, 204, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(79, 146, 204, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(79, 146, 204, 0); }
}

@media screen and (min-width: 767px) {
	.anim { position: relative; transition: 2s all ease !important; }
	.anim.appear { opacity: 0 !important;  }
	.anim.slideUp { transform: translateY(150px) !important; }
	.anim.appear.active { opacity: 1 !important; }
	.anim.slideUp.active { transform: translateY(0) !important; }
	.delay1 { transition-delay: 250ms !important; }
	.delay2 { transition-delay: 500ms !important; }
	.delay3 { transition-delay: 750ms !important; }
}

@media screen and (min-width: 1026px) {
  #customHead { position: absolute; left: 0; top: 0; }
	#customHead .hfe-menu-toggle { display: none; }
}