/*
small heading font: Montserrat
large heading font: Bebas Neue
body font: Libre Franklin

font-family: bebas-neue-pro, cursive;
font-family: libre-franklin, sans-serif;
font-family: montserrat, sans-serif;
*/

:root {
  --red: #D00026; rgba(208, 0, 38, 1);
  --indigo: #14143C; rgba(20, 20, 60, 1);
  --dkgray: #53575A; rgba(78, 85 104, 1);
  --ltgray: #ddd;
  --blue: #316094; rgba(49, 96, 148, 1);
  
  --maxwidth: 1440px;
}

* {margin:0; padding:0; box-sizing: border-box;}

html {font-size:13px; -webkit-text-size-adjust: none; background-color:#000; scroll-behavior:smooth;}
html:lang(en-US) .home .title-block-2 h1 {white-space: nowrap;}

body {font-family:libre-franklin, sans-serif; line-height: 1.2;}

h1, h2, h3, h4, h5, h6 {font-family: bebas-neue-pro, sans-serif; font-weight:600; text-transform:uppercase; line-height: 1; margin-bottom:1rem; -webkit-font-smoothing:antialiased;}
h1 {font-size:4rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2rem;}
h4 {font-size:1.5rem;}
h5 {font-size:1rem;}
h6 {font-size:.75rem;}

p, ul {margin-bottom:1rem;}
li {margin-bottom:.5rem;}
p:last-child, ul:last-child, li:last-child {margin-bottom:0;}

strong, b {font-weight:600;}
em {font-style: italic;}

img {display: block;}

.max-width {width:90%; max-width:var(--maxwidth); margin:auto;}

.content-block-11.flex-start {justify-content:flex-start;}

.mobile-span {display:inline;}
.mobile-br {display:none;}

.two-col {column-count:2; column-gap:2rem;}

/* CONTAINER */
.page-wrap {position: fixed; left:0; right:0; bottom:0; top:0; background-color: #fff; z-index: 99999; display: flex; justify-content: center; align-items: center;}
.page-wrap img {width:17vw; min-width: 180px; display: none;}
#container {line-height: 1.75; background-color:#fff;}
#main-content {background-color:#fff;}
#main-content h2 {margin-bottom:0;}
#main-content .pre-title {font-family:montserrat,libre-franklin,sans-serif; font-size:.85rem; font-weight: 500; letter-spacing:.05rem; line-height: 1; margin-bottom:1rem;  text-transform: uppercase;}
.title-underline {width:4rem; height:3px; margin:.5rem 0 1rem; background-color:var(--red);}
  .bg-indigo .title-underline {background-color:#fff;}
  .products .title-underline {background-color:var(--red);}
/* Block Padding */
.bp {padding:1rem 0;}
.bp-t {padding-top:1rem;}
.bp-b {padding-bottom:1rem;}
/* Border */
.border-t {border-top:1px dotted var(--indigo);}
.border-b {border-bottom:1px dotted var(--indigo);}
.row-border {width:90%; max-width: var(--maxwidth); margin: auto; border-top:1px dotted var(--indigo);}
/* Block Alignment */
.ba-l {text-align: left;}
.ba-c {text-align: center;}
.ba-r {text-align: right;}
/* Background Color */
.bg-red {background-color:var(--red); color:#fff;}
.bg-indigo {background-color:var(--indigo); color:#fff;}
.bg-dkgray {background-color:var(--dkgray); color:#fff;}
.bg-ltgray {background-color:var(--ltgray);}
/* Width */
.w23 {width:calc(66.66% - 10%) !important;}

.ws-nw {white-space: nowrap;}

.btn {display:inline-block; padding:.65rem .75rem; background-color:var(--indigo); color:#fff; text-decoration: none; text-transform:uppercase; font-size:.75rem; font-weight: 600; border-radius:.2rem; font-family:"Montserrat"; letter-spacing: .1rem; margin:1rem 0; text-align: center; cursor:pointer; white-space: nowrap;}
  .bg-indigo .btn, #cta-block .btn, .post-feature-copy .btn {background-color:#fff; color:var(--indigo);}
  .btn.btn-post {padding-left:0; font-size: .85rem; background-color:transparent;}
.btn:last-child {margin-bottom:0;}

/* HEADER */
header {position: fixed; top:0; width:100%; z-index: 9999;}
#top-nav {height:44px; background-color:rgba(0,0,0,.5); margin-top:0; transition:.4s margin-top ease; display: flex; justify-content: flex-end; align-items: center;}
#main-menu {width:100%; height:80px; background-color:rgba(20,20,60,0); position: relative; transition:.4s background-color ease;}
#mega-menu-wrap-main-menu #mega-menu-main-menu {padding-right:calc(5% - 1.25rem);}
.header-logo {position: absolute; top: 0; left:5%; height: 80px; display: flex; justify-content: flex-start; align-items: center; z-index: 999;}
.header-logo img {width:220px;}
header.scrolled #top-nav {margin-top:-44px; transition:.4s margin-top ease;}
header.scrolled #main-menu {background-color:rgba(20,20,60,1); transition:.4s background-color ease;}
#top-nav > a {font-family: "Montserrat", sans-serif; font-size:.65rem; letter-spacing:1px; margin-right:1.75rem; color:#fff; text-transform: uppercase; text-decoration: none;}

.search-wrapper {display:block;border:1px solid rgba(255,255,255,.5); display: flex; justify-content: center; align-items: center; background-color:rgba(255,255,255,.25); padding:1px 6px; margin-right:5%;}
.search-wrapper i {display:block; color:#fff; font-size:.6rem;}
.search-wrapper form {display: block; font-size:1rem; line-height: 1; height:18px;}
.search-wrapper input {outline:none; background-color:transparent; color:#fff; border:none; font-family: "Montserrat", sans-serif; font-size:.65rem; text-transform: uppercase; width:8rem; letter-spacing: 1px; -webkit-appearance: textfield;}
.search-wrapper input::placeholder {color:#ffffff;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.nav-ext {position: absolute; top:0; right:5%; height:80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.nav-ext .icon-search {color:#ffffff; padding-left:.5rem; -webkit-transition:.5s color; -o-transition:.5s color; transition:.5s color; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer;}
.nav-ext .icon-bars {display:none; color:#ffffff; margin-left:2em; font-size:1.75rem;  -webkit-transition:.5s color;  -o-transition:.5s color;  transition:.5s color;}
.nav-ext form {position: absolute; right:calc(100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility:hidden; opacity:0;}
.nav-ext form input[type="search"] {border: 1px solid rgba(255,255,255,.25); font-family: "Open Sans", sans-serif; font-size:.75rem; padding: .5rem .75rem; background-color:#ffffff; color:#fff; outline:none;}
.nav-ext form input[type="search"]::-webkit-input-placeholder {color:#fff;}
.nav-ext form input[type="search"]::-moz-placeholder {color:#fff;}
.nav-ext form input[type="search"]:-ms-input-placeholder {color:#fff;}
.nav-ext form input[type="search"]::-ms-input-placeholder {color:#fff;}
.nav-ext form input[type="search"]::placeholder {color:#fff;}
.nav-ext form input[type="submit"] {display:none;}
.nav-ext form input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-current_page_item > a.mega-menu-link::after, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-current_page_parent > a.mega-menu-link::after {display: block; content: ''; width: calc(100% - 2.5rem); height: 3px; background: var(--red); position: absolute; bottom: calc(50% - 1rem); left: 1.25rem;}

/* ---- Mobile Menu ---- */
.menu-mobile {height:80px; display:none; -moz-align-items:center; -ms-flex-align:center; -webkit-box-align:center; align-items:center;}
.mobile-menu {font-size:1.5rem; display:block; position:fixed; top:-200%; left:0; right:0; height:100%; text-align:center; background:var(--indigo); z-index:9999; -webkit-transition:top .5s ease-in-out; -o-transition:top .5s ease-in-out; transition:top .5s ease-in-out;}
.mobile-menu-wrapper {position:absolute; top:80px; left:0; right:0; bottom:0; padding:10vw 0; overflow-y:auto;}
.mobile-menu.active {top:0; -webkit-transition:top .5s ease-in-out; -o-transition:top .5s ease-in-out; transition:top .5s ease-in-out;}
#mobile-menu a {font-family:montserrat,libre-franklin,sans-serif; font-size:1.5rem; font-weight:600; line-height:2.5; text-transform: uppercase; color:rgba(255,255,255,.85); text-decoration:none;}
#mobile-menu {list-style:none;}
#mobile-menu .sub-menu {display:none; list-style:none; background:rgba(255,255,255,.05); padding:.5rem 0; font-size:.85rem; font-weight:200;}
#mobile-menu .sub-menu a {font-size:1.25rem; font-weight:400;}
#mobile-menu .sub-menu .sub-menu a {font-size:1.5rem;}
.mobile-menu .footer-contact {width:100%; margin-bottom:.75rem; margin-top:2rem;}
.mobile-menu .footer-contact i {font-size:1.5rem; margin:0 .5rem; color:#fff;}
.mobile-menu .footer-contact i.fa-phone-alt {font-size:1.35rem;}
.mobile-menu .fa-chevron-down {font-size:2rem; color:var(--red); margin-left:1rem;}
.mobile-menu .sub-menu .fa-chevron-down {font-size:1.5rem;}
.mobile-menu .footer-social {font-size:2rem; margin-top:2rem;}
.mobile-menu .footer-social a {font-size:2rem;}

/* ------ Contact ------ */
.content-block-11.careers-block {padding:0;}
.content-block-11.careers-btn {padding-top:0;}
.careers-btn > div {text-align: center;}

/* ------ ACCORDION LIST ------ */
.listing-title {cursor:pointer; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items:stretch;}
.listing-title h4 {font-size:1.75rem; font-weight:400; line-height:1.1; color:#000; margin-bottom:0; display:inline; margin-top:0;}
.listing-title h5 {font-size:1.5rem; font-weight:400; display:flex; justify-content: flex-end; align-items: center; white-space:nowrap; margin-left:1em; color:#000;}
.listing-details {line-height:1.5; font-weight:300; margin:1.5rem 3.5rem; display:none;}
.listing-details p, .listing-details div {margin-bottom:1.5rem;}
.listing-details ul {list-style:none; margin:1.5rem 0 1.5rem 1rem; position:relative; color:#000;}
.listing-details li:before {content:'\f111' !important; left:-1.5rem !important; top:.3rem !important; color:var(--red) !important; font-size:.6rem !important;}
.listing-details h6 {font-size:1em;}
.listing-details .button-small {margin:30px 0 0 0; text-transform:uppercase;}
.listing-title svg {width:2.5em; height:2.5em; margin:0 1em 0 0; -ms-flex-negative:0; flex-shrink:0; -webkit-transition:.3s; -o-transition:.3s; transition:.3s;}
.listing-title.open svg {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); -webkit-transition:.3s; -o-transition:.3s; transition:.3s;}
.listing-title svg path:first-of-type {opacity:1; -webkit-transition:.3s; -o-transition:.3s; transition:.3s;}
.listing-title.open svg path:first-of-type {opacity:0; -webkit-transition:.3s; -o-transition:.3s; transition:.3s;}
.listing-name {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.accordian-list {padding:5vw 0;}
.listing {border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px;}
.listing:last-child {border:none; padding-bottom:0;}


/* Content Blocks */
.reversed {flex-direction: row-reverse;}
.cr-left.image-block {background-size:cover; background-position:right center; background-repeat: no-repeat;}
.cr-right.image-block {background-size:cover; background-position:left center; background-repeat: no-repeat;}
.cr-full > div {padding-left:5%; padding-right:5%;}
.cr-left {justify-content: flex-end; float:left;}
.cr-left > div {padding-right:10%;}
.cr-left > div > *:last-child, .cr-right > div > *:last-child {}
  .reversed .cr-left {justify-content: flex-start;  background-position:left center;}
  .reversed .cr-left > div {padding-left:10%; padding-right:0;}
.cr-right {justify-content: flex-start;}
.cr-right > div {padding-left:10%;}
  .reversed .cr-right {justify-content: flex-end; background-position:right center;}
  .reversed .cr-right > div {padding-left:0%; padding-right:10%;}
.image-nobg {position: relative;}
.image-nobg > div {position:absolute; top:1.5rem; bottom:1.5rem;  background-size:contain; background-position:center center; background-repeat: no-repeat;}
.content-row-11 {width:100%; margin:0 auto; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.content-row-12 {width:50%; margin:0 auto; display: flex; align-items: stretch;}
.content-row-13 {width:calc(50% - var(--maxwidth)*.16666); margin:0 auto; display: flex; align-items: stretch; flex-wrap: wrap;}
.content-row-23 {width:calc(50% + var(--maxwidth)*.16666); margin:0 auto; display: flex; align-items: stretch; flex-wrap: wrap;}
.content-block-11 {width:calc(100% - 10%); max-width:var(--maxwidth); display:flex; flex-direction: column; justify-content: center;}
  .cr-left .content-block-11, .cr-right .content-block-11 {max-width:calc(var(--maxwidth)/2);}
  .content-row-13.cr-left .content-block-11 {width:85%; max-width:calc(var(--maxwidth)*.33333);}
  .content-row-23.cr-right .content-block-11 {width:92.5%; max-width:calc(var(--maxwidth)*.66666);}
  .content-row-13.cr-right .content-block-11 {width:85%; max-width:calc(var(--maxwidth)*.33333);}
  .content-row-23.cr-left .content-block-11 {width:92.5%; max-width:calc(var(--maxwidth)*.66666);}
.content-block-12 {width:calc(50% - 5%); max-width:calc(var(--maxwidth)/2); display:flex; flex-direction: column; justify-content: center;}
.content-block-13 {width:calc(50% - var(--maxwidth)*.16666); max-width:calc(var(--maxwidth)/2); display:flex; flex-direction: column; justify-content: center;}
.content-block-23 {width:calc(50% + var(--maxwidth)*.16666); max-width:calc(var(--maxwidth)/2); display:flex; flex-direction: column; justify-content: center;}
.content-block-11, .content-block-12, .content-block-13, .content-block-23 {padding:5rem 0 5rem 0;}
.image-block {min-height: calc(var(--maxwidth)/2*.5625);}


.market-bottom-p {text-align:center; }
.market-bottom-img {min-height: calc(var(--maxwidth)/3*.5625); background-size:contain; background-position:center; background-repeat: no-repeat;}
.market-bottom.content-block-11 {padding: 1rem 0;}


#main-content ul, .fancybox-content ul {list-style-type: none;}
#main-content ul > li, .fancybox-content ul > li {position: relative; left:3rem; margin-bottom:1.2rem; margin-right:3rem;}
#main-content ul > li::before, .fancybox-content ul > li::before {position:absolute; left:-3rem; top:-.6rem; font-size:1.75rem; content: "\f058"; font-family: "Font Awesome 5 Pro"; color:var(--blue);}
#main-content .wikoff-tech ul > li::before, #main-content .equipment-blocks ul > li::before {left:-1.5rem; top:.3rem; font-size:.6rem; content: "\f111";}
  .bg-indigo ul > li::before {color:#fff !important;}
li.alm-filter--checkbox {left:0 !important; margin-bottom:0 !important;}
li.alm-filter--checkbox::before {display: none;}

/* HOME */
#hero {width:100%; height:39.75vw; min-height:360px; max-height:500px; background-position: center center; background-size: cover; position: relative; display:flex; justify-content: center; align-items: flex-end; z-index: 999;}
.home #hero {width:100%; height:57vw; background-position: center center; background-size: cover; position: relative; display:flex; justify-content: center; align-items: flex-end;}
.hero-overlay {background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.75) 100%); position: absolute; top:0; left:0; right:0; bottom: 0;}
#hero-title-row {width:100%; display: flex; justify-content:center; align-items: flex-end;}
#hero-title-row > div {width:calc(50% - 5%); max-width:calc(var(--maxwidth)/2); position: relative;}
.title-block > div {position:absolute; bottom:0; left:0; width:16vw; height: 16vw; max-height:205px; max-width: 205px; background-color:rgba(208, 0, 38, .63); display:flex; justify-content: flex-start; align-items: center; overflow: visible;}
  .home .title-block > div {width:21vw; height: 21vw; max-height:320px; max-width: 320px; min-width:168px; min-height: 168px;}
.title-block > div h2 {color:#fff; padding-left:40%; font-size:64px; font-weight: 600; line-height: .85; margin-bottom:0; white-space: nowrap;}
  .home .title-block > div h2 {padding:3vw; font-size:5vw; font-weight: 600; -webkit-font-smoothing:antialiased; line-height: .9;}
.home .title-block-2 {padding-left:0; padding-bottom: 5vw;}
.home .title-block-2 h1 {color:#fff; font-size:3.5vw; font-weight: 600; line-height: 1; margin-bottom:.5rem; float:right;}
.home .title-block-2 p {color:#fff;}
.home .title-block-2 .btn {margin:.5rem 0 0 0; background-color:#fff; color:var(--indigo);}
#cat-block {position: relative; background-color:var(--indigo);}
#cat-block .content-row-11 {}
.home-cat-block {position: relative; z-index: 9; width:90%; max-width:800px; background-color:var(--indigo); display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; overflow: visible;}
.home-cat-bg-1 {position: absolute; top:0; left:0; right:0; bottom:50%;}
.home-cat-bg-2 {position: absolute; top:50%; left:0; right:0; bottom:0;}
.home-cat-bg-3 {position: absolute; top:calc(50% - 0.5rem); left:0; right:0; bottom:calc(50% - 0.5rem); background-color:#fff;}
.home-cat-bg-1 > div {width:50%; height: 100%; background-size: cover; background-position:right center;}
.home-cat-bg-2 > div {width:100%; height: 100%; background-size: cover; background-position: center center;}
.cat-block-item {width:33.33%; padding:6rem 3rem 4rem; border-right:0.05rem solid rgba(255,255,255, .75); transform:scale(1); transition:.2s transform ease-in-out;}
.cat-block-item:last-child {border:none; border-right:none;}
.cat-block-item:hover {transform:scale(1.2); z-index: 1; border:none; box-shadow: 0 0 4rem rgba(35,31,32,0.7); transition:.2s transform ease-in-out;}
.cat-block-item div:first-child {display: flex; justify-content: flex-start; align-items: center; margin-bottom:.5rem;}
.cat-block-item img {width:4rem; height: auto; margin-left:1rem;}

/* ABOUT */
.compass li:before {content:'\f14e' !important;}
.timeline-block {position: relative; z-index: 9; width:90%; max-width:var(--maxwidth); background-color:#fff; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding:1rem;}
.timeline-slider {width:100%; position: relative;} 
.timeline-slide {display:flex !important; justify-content: center; align-items:center; flex-wrap: wrap; width:100%; height: 100%;}
.timeline-slide > div {width:50%;}
.ts-image > div {width:100%;}
.ts-image > div > img {width:100%; height:auto;}
.ts-copy {padding:2rem 2rem 2rem 5%;}
.timeline-controls {width:100%; display: flex; justify-content: space-between; align-items: center; border-top:1px solid #eee; padding-top:1rem; margin-top:1rem;}
#prev, #next {color:var(--red); text-decoration: none; font-family: montserrat; font-size:1.25rem; font-weight: 600;}

.leadership-blocks, .bod-blocks {display: flex; justify-content:center; align-items: flex-start; flex-wrap: wrap;}
  .bod-blocks {width:80%; margin:auto;}
.leadership-item {width:calc(20% - 2rem); display: flex; flex-direction: column; justify-content: center; margin-bottom:2vw; margin-right:2rem;}
  .bod-blocks .leadership-item {width:calc(25% - 2rem);}
.leadership-item:nth-child(5n), .leadership-item:nth-child {margin-right:0;}
.leadership-titles {text-align: center;}
.leadership-item h4 {font-family:"Montserrat", sans-serif; font-size: 1.2rem; line-height: 1.2; margin:1rem 0 .5rem; text-transform:capitalize;}
.leadership-item h5 {font-family:"Montserrat", sans-serif; font-size: .85rem; font-weight: 300; line-height: 1.2; text-transform: capitalize;}
.leadership-item img {width:100%; height: 100%; object-fit:cover;}
.leadership-item a {display: inline-block; margin-right:.75rem;}
.bod-photo {display: block; width:100%; height: auto;}
.bod-caption {width:100%; text-align:center; font-size:.85rem; font-style: italic; padding:3vw 0; margin: 0;}
.bod-members {padding-top:0 !important;}

.locations-map {width:100%; height:56.25vw; background-color:var(--indigo); position: relative; overflow: hidden;}
.locations-wrapper {position:absolute; top:0; left:0; bottom:0; width:200%; transform:none; -webkit-transform:none; transition:transform 300ms linear;}
.locations-wrapper > div {float:left; width:50%; height: 100%; position: relative;}
.locations-wrapper .map-bg {object-fit:cover; width:100%; height: 100%;}
.locations-wrapper.active {transform: translateX(-50%); -webkit-transform: translateX(-50%); transition:transform 300ms linear;}
.map-title {position:absolute; right:5%; bottom:7.5vw; width: 32vw; max-width:32rem; min-width:15rem;}
  .usmap .map-title {position:absolute; right:5%; top:7.5vw;}
.map-back {position:absolute; bottom:7.5vw; right:5%; color:#fff; font-size:2rem; font-family:bebas-neue-pro, sans-serif; cursor:pointer;}
.map-back i {margin-right:.25rem; font-size:1.75rem;}

.circles.us {position:absolute; top:33%; left:15%;}
.circles.us span {color:#fff; font-family:montserrat; font-size:12px; display: block; height:16px; position:absolute; top:-7px; left:32px; white-space: nowrap; padding:2px 4px; vertical-align: middle; line-height: 12px;}
.circles.us span em {font-size:.75rem; color:var(--red); font-style: normal;}
.circles:hover .circle {background-color:var(--red); cursor: pointer; transition:.2s all;}
.circle {border-radius: 50%; background-color: #fff; width: 20px; height: 20px; position: absolute; top:-10px; left:-10px; opacity: 0; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32); transition:.2s all;}
  .circles.us .circle {width: 30px; height: 30px; top:-15px; left:-15px;}
@keyframes scaleIn {
  from {transform: scale(.5, .5); opacity: .5;}
  to {transform: scale(2.5, 2.5); opacity: 0;}
}
.markers {position:absolute;}
.marker {border-radius: 50%; border:1px solid #fff; background-color: var(--red); width: 20px; height: 20px; position: absolute; top:-11px; left:-11px; display: flex; justify-content: center; align-items: center; opacity:1}
  .usmap .marker {background-color: var(--indigo);}
.marker div {border-radius: 50%; background-color: #fff; width: 10px; height: 10px; position: absolute;}
.markers span {color:#fff; font-family:montserrat; font-size:12px; display: block; height:16px; position:absolute; top:-8px; left:15px; white-space: nowrap; padding:2px 4px; vertical-align: middle; line-height: 12px;}
  .usmap .markers span {left:15px; background-color:#fff; color:var(--indigo); opacity:0; transition:all .2s; display: none;}
/* 	.usmap .markers:hover span,  */.usmap .markers.active span {opacity:1; transition:all .2s; display: block; z-index: 9;}
.markers span.flip {left:auto; right:15px;}
  .usmap .markers span.flip {right:15px;}

.tab {overflow: hidden; position: relative; z-index: 1; margin-bottom:-1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tab div {background-color: var(--ltgray); color:#000; float: left; border: none; outline: none; cursor: pointer; padding:1rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 1rem; margin:0; border:1px solid #cecece; border-bottom:#fff; width:calc(16.67% - 3px);}
.tab div:hover, .accordion:hover {background-color: var(--red); color:#fff; border:1px solid var(--red);}
.tab div.active, .accordion.active {background-color: var(--red); color:#fff; border:1px solid var(--red);}
.tabcontent {min-height: 15rem; display: none; padding:2rem; border: 1px solid #cecece; position: relative; z-index: 0;}
.tabcontent.active {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.accordion {width:100%; background-color: var(--ltgray); color:#000; cursor: pointer; padding:1rem; font-size: 1rem; margin-top:3px; border:1px solid #cecece; border-bottom:#fff; display: none;}
.location-block {width:calc(25% - 2rem); margin:1rem;}
.location-block h4 {line-height: 1.2; margin-bottom:0;}
.location-block h4.location-name {text-transform: capitalize; font-size:1.25rem;}
.location-block p {font-size:.85rem; line-height: 1.4; margin:.25rem 0;}

/* SERVICES */
.cci .image-block {background-size: contain; background-position: center center;}
.logo-wrapper {display: flex; justify-content: space-around; align-items: center; flex-wrap:wrap;}
.logo-item {width:calc(25% - 2rem); margin-bottom:3rem;}
.logo-item img {width:100%; max-width:150px; height: auto; margin:auto;}

/* WIKOFF GRAPHICS */
.partner-row {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width:100%; max-width:var(--maxwidth); margin:0 auto 5rem;}
.partner-row > div:first-child {width:33.33%;}
.partner-row > div:last-child {flex:1; margin-left:2rem;}
.partner-row > div:first-child > img {width:100%; max-width:350px;}
.partnership h2 {padding:5rem 0;}
.photopolymer .cr-right {background-color:#eee;}
.photopolymer .cr-right > div {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
.photopolymer .cr-right > div > div {width:40%; text-align: center;}
.photopolymer .cr-right > div > div img {width:100%; max-width:180px; margin:auto;}
.photopolymer .cr-right > div > div h3 {margin:2rem 0; padding-bottom:2rem; border-bottom:1px solid var(--indigo);}
.photopolymer .cr-right > div > div h4 {margin-top:2rem;}
.equipment > div {padding-bottom:1rem;}
.equipment-blocks {display: flex; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap;}
.equipment-block {width:calc(33.33% - 2rem);}
.equipment-block > img {width:100%; margin:auto; display: block;}
.equipment-block > h4 {margin-top:2rem;}
#main-content .equipment-block ul > li {left:1.5rem;}
.software-block {margin-top:2rem;}
.software-block > img {width:150px;}
.software-block h3 {margin-top:2rem;}

/* SUSTAINABILITY */
#main-content.sustainability {padding:5vw 0;}
#main-content .sus-intro {margin-bottom:5vw; width:90%;}
#main-content .sus-intro h2 {margin:3rem 0 1rem;}
#main-content .sus-intro h2:first-child {margin-top:0;}
.full-image {width:100%; height:37.5vw; background-size:cover; background-position: center center; margin-top:5vw;}
.sus-row.governance .cr-right {height:37.5vw;}

/* WIKOFF TECH */
.wikoff-tech .intro-image {width:50%; min-width:300px; margin:0 auto 3rem;}
.wikoff-tech .intro-image img {width:100%; height: auto;}

/* SEARCH */
.search-block h3 {margin-bottom:2rem; font-weight: 400; text-transform: lowercase;}
.search-item {margin-bottom:2rem;}
.search-item h4 {text-transform: none; font-weight: 400; color:var(--indigo); line-height: 1.2;}
.search-item {color:#000; text-decoration: none;}
.search-item em {text-decoration: underline;}

/* CTA BLOCK */
#cta-block {background-color:var(--red); color:#fff; text-align: center;}
#cta-block h2 {margin-bottom:1.5rem;}

/* POST */
.post-content {padding:3rem 0;}
.post-blocks-wrapper > div {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.post-item {width:calc(33.33% - .6666rem); background-color:var(--indigo); margin-bottom:1rem; color:#fff; margin:0 .5rem 1rem;}
.post-item .far {color:var(--red);}
  .post-item:nth-child(3n+1) {margin-left:0;}
  .post-item:nth-child(3n+3) {margin-right:0;}
  .post-item:nth-child(even) {background-color:var(--red);}
  .post-item:nth-child(even) .far {color:var(--indigo);}
  .post-item:nth-last-child(3), .post-item:nth-last-child(2), .post-item:last-child {margin-bottom:0;}
.post-image {width:100%; height: 0; padding-bottom:58%; background-image:url('../images/logo-color.svg'); position: relative;}
.post-excerpt {margin:1rem 0;}
.post-copy {width:100%; padding:2.5vw;}
.post-image > div {position: absolute; top:0; left:0; right:0; bottom:0; background-repeat: no-repeat; background-size: 50%; background-position: center center;}
.post-image img {object-fit:cover; width:100%; height: 100%;}
.post-copy h4 {font-family:"Montserrat", sans-serif; font-size: 1.25rem; line-height: 1.5; margin-bottom:.5rem; text-transform: uppercase;}
.post-copy h5 {font-family:"Montserrat", sans-serif; font-size: 1rem; line-height: 1; text-transform: uppercase; margin-bottom: 2rem; color:var(--dkblue);}
.post-copy h6 {font-family:"Montserrat", sans-serif; font-size: .75rem; font-weight: 400; line-height: 1; text-transform: uppercase; margin: 1rem 0 .5rem;}

.post-feature {width:100%; margin-bottom:3rem; color:#fff;}
.post-feature > div {display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap;}
.post-feature-copy {width:calc(33.33% - .6666rem); background:var(--red);}
.post-feature-image {flex:1; background-size:cover; background-position: center center;}
.post-feature-image img {display: block; object-fit:cover; width:100%; height: 100%;}
.post-feature .post-image {width:100%;}
.post-feature .post-copy {padding:5vw;}
.post-feature .post-image > div {width:100%; height: 0; padding-bottom:45%; position: relative;}

.post-title {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; margin-bottom:2rem;}
.post-title > div {width:50%;}
.post-title .addtoany_shortcode {margin-top:.25rem;}
.post-title .addtoany_list {white-space: nowrap; float:right;}
.post-intro {font-family: montserrat, sans-serif; font-weight: 500; letter-spacing:.05rem;}
.post-intro span {margin:0 1rem;}

.single-nav {padding-top:2rem; border-top:1px solid var(--indigo);}
.single-nav > div {width:100%; display: flex; justify-content: space-between; align-items: center;}

.single-content > * {margin-bottom: 2rem;}
.single-content h4 {font-size:2rem; font-weight:400; text-transform: none;}
.single-content .content-row-11 {margin-bottom:0;}
.single-content .content-row-11 > * {width:100%; margin-bottom: 3rem;}
.single-content .content-row-11 > *:last-child {margin-bottom:0;}
.single-content .image-row {text-align: center;}
.single-content .image-row > div {width:100%; max-width:100%; margin:auto;}
.single-content .image-row img {width:100%; height: auto; margin:auto;}
.single-content .media-caption {font-size:.85rem; font-style: italic; margin:.5rem auto 0; text-align: left;}
.single-content .twoCol {width:50%;}
.single-content .two-col-image-row {width:80%; max-width:1024px;}
.single-content .two-col-image-row img {width: 100%; height: auto;}
.single-content .two-col-image-row table {width:100%; margin-top:1rem; border-collapse: collapse; border:1px solid #000; text-align: left;}
.single-content .two-col-image-row table th {background:var(--indigo); color:#fff; border:1px solid #000; padding:1rem 2rem; font-family: bebas-neue-pro, sans-serif;}
.single-content .two-col-image-row table th h4 {margin-bottom: 0;}
.single-content .two-col-image-row table td {width:50%; vertical-align: top; border:1px solid #000;}
.single-content .two-col-image-row table td > div {padding:1rem 2rem;}
.single-content .two-col-image-row table td:last-child > div {border-bottom:1px solid #000; padding:1rem 2rem;}
.single-content .two-col-image-row table td:last-child > div:last-child {border-bottom:none;}
.single-content .video-wrapper {width:100%; max-width:100%; margin:auto;}
.single-content .video-wrapper > div {width:100%; padding-bottom:56.25%; height: 0; position: relative;}
.single-content .video-wrapper iframe {position: absolute; top:0; left:0; width:100%; height: 100%; }

.prev-post, .next-post {width:50%;}
.next-post {text-align:right;}
.prev-post em, .next-post em {font-family:montserrat,libre-franklin,sans-serif; font-size:.85rem; font-weight:500; font-style:normal; letter-spacing:.05rem;}
.prev-post a, .next-post a {text-decoration: none; color:var(--indigo);}
.prev-post em {margin-left:.4rem;}
.next-post em {margin-right:.4rem;}

.more-posts {width:100%; margin-top:3.5rem; text-align: center;}
.more-posts button {background: linear-gradient(to right, #8f2fff 0%,#2626eb 100%);}
.more-posts button svg {display:none;}

.prod-tax {text-transform: uppercase; margin-bottom: .5rem;}
.prod-tax span {margin:0 .5rem; color:black;}
[id^="prodDesc"], [id^="marketDesc"] {width:80%; border:4px solid var(--blue); line-height:1.75;}
.no-products {margin-top:5rem;}
.fb-logo {width:140px; margin:auto;}
.filter-box-toggle {font-size:1.5rem; color:var(--indigo); cursor:pointer; position: absolute; bottom:.5rem; right:1rem;}
.alm-filters-container.closed .filter-box-toggle {transform: rotate(180deg);}
.products .alm-listing > div > div:last-child .row-border {display: none;}

.news-nav {width:100%; text-align: center; padding-top:3rem; display: flex; justify-content: center; align-content: center;}
.news-nav a {font-family:montserrat,libre-franklin,sans-serif; font-size:1rem; font-weight:600; text-transform:uppercase; text-decoration: none; color:var(--dkgray);}
.news-nav a.active {color:var(--red); position: relative;}
.news-nav a.active:after {font-family:montserrat,libre-franklin,sans-serif; font-size:1.2rem; font-weight:300; line-height:1; content:'|'; position:absolute; left:50%; top:100%;}
.news-nav span {font-family:montserrat,libre-franklin,sans-serif; font-size:1.2rem; font-weight:300; margin:0 1rem; visibility: hidden;}

/* PRODUCT SINGLE */
.single-product .post-intro {text-transform: uppercase;}
.single-product .image-row {width:auto; max-width:80%; max-height: 450px;}


/* FOOTER */
footer {background-color:var(--indigo); padding:4rem 5%;}
.footer-top {display:flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.footer-top > div {width:50%;}
.footer-left {}
.footer-logo {width:220px; margin-left:0;}
.footer-logo img {width:100%;}
.footer-contact {color:#fff; margin-top:2rem; font-size:.9rem;}
.footer-contact a {color:#fff;}
.footer-contact a[href^="tel:"] {text-decoration: none; font-family:montserrat,libre-franklin,sans-serif; font-size:1.25rem; font-weight:600; letter-spacing:.2rem; display: inline-block; margin-bottom:.5rem;}
.footer-contact p {line-height: 1.5;}
.footer-social {margin-top:3rem;}
.footer-social a {display: inline-block; width:3rem; margin-right:1rem;}
.footer-right {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.footer-right > div {width:33.33%; max-width:25rem; padding-right:10%;}
.footer-right ul {list-style: none;}
.footer-right .sub-menu {margin-top:.5rem;}
.footer-right .sub-menu li {padding-left:1rem; text-indent: -1rem;}
.footer-right ul a {color:#fff; text-decoration: none; font-size:.9rem;}
.footer-header {margin-top:2rem;}
.footer-header:first-child {margin-top:0;}
.footer-header > a {font-family:montserrat,libre-franklin,sans-serif; font-weight: 600; letter-spacing:.2rem; text-transform: uppercase;}
.footer-bottom {text-align: right; margin-top:2rem;}
.footer-copyright {font-size:.75rem; color:#fff;}
.footer-copyright span {margin:0 .5rem;}
.footer-copyright a {color:#fff; text-decoration: none;}

/* -- Hamburger -- */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }

.hamburger-box {
  width: 2.5rem;
  height: 1.5rem;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: 0; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 2.5rem;
    height: 3px;
    background-color: #ffffff;
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
         -o-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -.5rem; }
  .hamburger-inner::after {
    bottom: -.5rem; }
    
/* Spin */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);
  -webkit-transition-delay: 0.14s;
       -o-transition-delay: 0.14s;
          transition-delay: 0.14s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Spin Reverse */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);
  -webkit-transition-delay: 0.14s;
       -o-transition-delay: 0.14s;
          transition-delay: 0.14s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }