/**
 * Swiper 6.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2020
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@charset "UTF-8";

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

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

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
This mixin can be used to set the object-fit:
@include object-fit(contain);
or object-fit and object-position:
@include object-fit(cover, top);
*/

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.-orangeMod {
  color: #f04e23;
}

.-greenMod {
  color: #78BE20;
}

.-blueMod {
  color: #0078C9;
}

.-navyMod {
  color: #003057;
}

.-turqMod {
  color: #00A9CE;
}

.-purpleMod {
  color: #5F3C6C;
}

.-yellowMod {
  color: #FFC425;
}

.-limeMod {
  color: #C4D600;
}

.-tealMod {
  color: #00A499;
}

.-redMod {
  color: #DA291C;
}

.-slateMod {
  color: #5B7F95;
}

.columns > hr {
  border: 0;
  display: none;
}

@media screen and (min-width: 576px) {
  .columns {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .columns > * {
    display: table-cell;
    vertical-align: top;
  }

  .columns > hr {
    display: table-cell;
    width: 1rem;
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1188px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
}

@media screen and (min-width: 576px) {
  .container {
    padding-left: 36px;
    padding-right: 36px;
  }
}

.grid .grid-cell {
  margin-bottom: 1rem;
}

.grid .grid-cell:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 576px) {
  .grid {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .grid .grid-cell {
    flex-basis: calc(50% - 1rem);
    flex-shrink: 0;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    max-width: calc(50% - 1rem);
  }
}

@media screen and (min-width: 1000px) {
  .grid .grid-cell {
    flex-basis: calc((100% / 3) - (1rem));
    max-width: calc(50% - 1rem);
  }
}

.mobile {
  background-color: #191919;
  bottom: 0;
  display: none;
  height: 100%;
  opacity: 0;
  overflow-y: auto;
  padding: 1rem;
  position: fixed;
  top: 0;
  transition: transform 0.25s;
  width: 80%;
  z-index: 1000;
}

.mobile.left {
  display: block;
  left: 0;
  right: auto;
  transform: translateX(-100%);
}

.mobile.right {
  display: block;
  left: auto;
  right: 0;
  transform: translateX(100%);
}

.mobile.left.open,
.mobile.right.open {
  transform: translateX(0);
  transition: transform 0.25s;
}

.mobile.init {
  display: block;
  opacity: 1;
}

.mobile.init .menu > div + div {
  display: none;
}

.mobile nav.utility ul li a {
  padding: 0.75rem 0;
}

.mobile ul {
  display: block;
  padding-left: 0;
}

.mobile ul li {
  align-items: center;
  border-bottom: 1px solid #333333;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 0;
  text-align: left;
}

.mobile ul li a {
  color: #fff;
  display: block;
  padding: 1rem 0;
}

.mobile ul li a > i.fa {
  display: none;
}

.mobile ul li i.fa {
  display: inline-block;
}

@media screen and (min-width: 1000px) {
  .mobile.open.left {
    transform: translateX(-100%);
  }

  .mobile.open.right {
    transform: translateX(100%);
  }
}

header.sticky {
  position: fixed;
  top: 0;
  transition: top 0.16s cubic-bezier(0, 0.4, 0.7, 1);
  width: 100%;
  z-index: 100;
}

.button {
  background-color: #78BE20;
  padding: 1.5rem 3.6rem;
  font-weight: 700;
  color: #fff;
  transition: background-color 250ms cubic-bezier(0, 0.55, 0.45, 1), color 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.button:hover,
.button:focus {
  background-color: #5c9317;
  color: #fff;
}

button.button {
  border: none;
  cursor: pointer;
}

.logo {
  max-width: 100%;
}

.logo__branch,
.logo__swirl,
.logo__letters {
  fill: #0078C9;
  transition: fill 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

a .logo:hover .logo__branch,
a .logo:hover .logo__swirl,
a .logo:hover .logo__letters,
a .logo:focus .logo__branch,
a .logo:focus .logo__swirl,
a .logo:focus .logo__letters,
button .logo:hover .logo__branch,
button .logo:hover .logo__swirl,
button .logo:hover .logo__letters,
button .logo:focus .logo__branch,
button .logo:focus .logo__swirl,
button .logo:focus .logo__letters {
  fill: #003057;
}

.aspenIndustries {
  background: #FFF;
  padding: 3rem 0 6rem;
}

@media screen and (min-width: ) {
  .aspenIndustries {
    padding: 4.5rem 0 9rem;
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries {
    padding: 6rem 0 12rem;
  }
}

.aspenIndustries__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
}

@media screen and (min-width: 576px) {
  .aspenIndustries__container {
    padding-left: 36px;
    padding-right: 36px;
  }
}

.aspenIndustries__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.aspenIndustries__title {
  color: #000;
  font-size: 3rem;
  font-weight: 500;
  margin: 0 0 2rem;
  text-align: center;
  text-transform: none;
}

@media screen and (min-width: 576px) {
  .aspenIndustries__title {
    font-size: calc(4vw + 1rem);
    margin: 0 0 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .aspenIndustries__title {
    font-size: 6rem;
    margin: 0 0 4rem;
  }
}

.aspenIndustries__grid {
  display: grid;
  width: 100%;
  gap: 2.4rem 1.6rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

@media screen and (min-width: 750px) {
  .aspenIndustries__grid {
    gap: 3rem 1.6rem;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries__grid {
    gap: 6rem 1.6rem;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}

.-ie11Fallbacks .aspenIndustries__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
  margin: -0.8rem;
}

@media screen and (min-width: 750px) {
  .-ie11Fallbacks .aspenIndustries__grid {
    margin: -1.5rem -0.8rem;
  }
}

@media screen and (min-width: 1000px) {
  .-ie11Fallbacks .aspenIndustries__grid {
    margin: -3rem -0.8rem;
  }
}

.-ie11Fallbacks .aspenIndustries__grid > *:not(.aspenIndustries__footer) {
  flex: 0 1 46%;
  margin: 0.8rem;
}

@media screen and (min-width: 750px) {
  .-ie11Fallbacks .aspenIndustries__grid > *:not(.aspenIndustries__footer) {
    flex: 0 1 30%;
    margin: 1.5rem 0.8rem;
  }
}

@media screen and (min-width: 1000px) {
  .-ie11Fallbacks .aspenIndustries__grid > *:not(.aspenIndustries__footer) {
    flex: 0 1 23%;
    margin: 3rem 0.8rem;
  }
}

.aspenIndustries__card {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.aspenIndustries__card::before {
  content: "";
  display: inline-block;
  height: 0;
  padding-top: 100%;
  position: relative;
  width: 1px;
}

@media screen and (min-width: 750px) {
  .aspenIndustries__card {
    grid-column: span 2;
  }

  .aspenIndustries__card:nth-child(7) {
    grid-column: 2/span 2;
  }

  .aspenIndustries__card:nth-child(8) {
    grid-column: 4/span 2;
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries__card {
    grid-column: span 1;
  }

  .aspenIndustries__card:nth-child(7),
  .aspenIndustries__card:nth-child(8) {
    grid-column: auto/span 1;
  }
}

.aspenIndustries__card:hover:not(.-noHover) .aspenIndustries__cardTitle,
.aspenIndustries__card:hover:not(.-noHover) .aspenIndustries__cardButton,
.aspenIndustries__card:focus .aspenIndustries__cardTitle,
.aspenIndustries__card:focus .aspenIndustries__cardButton,
.aspenIndustries__card.-noHover .aspenIndustries__cardTitle,
.aspenIndustries__card.-noHover .aspenIndustries__cardButton {
  opacity: 1;
}

.aspenIndustries__card:hover:not(.-noHover) .aspenIndustries__cardScreen,
.aspenIndustries__card:focus .aspenIndustries__cardScreen,
.aspenIndustries__card.-noHover .aspenIndustries__cardScreen {
  opacity: 1;
}

.-ie11Fallbacks .aspenIndustries__card:hover:not(.-noHover) .aspenIndustries__cardScreen,
.-ie11Fallbacks .aspenIndustries__card:focus .aspenIndustries__cardScreen,
.-ie11Fallbacks .aspenIndustries__card.-noHover .aspenIndustries__cardScreen {
  opacity: 0.5;
}

.aspenIndustries__card:focus-within .aspenIndustries__cardTitle,
.aspenIndustries__card:focus-within .aspenIndustries__cardButton {
  opacity: 1;
}

.aspenIndustries__card:focus-within .aspenIndustries__cardScreen {
  opacity: 1;
}

.-ie11Fallbacks .aspenIndustries__card:focus-within .aspenIndustries__cardScreen {
  opacity: 0.5;
}

.aspenIndustries__card.-noHover .aspenIndustries__cardTitle,
.aspenIndustries__card.-noHover .aspenIndustries__cardButton {
  transition: all 1200ms cubic-bezier(0, 0.55, 0.45, 1);
}

.aspenIndustries__card.-noHover .aspenIndustries__cardScreen {
  transition: all 1200ms cubic-bezier(0, 0.55, 0.45, 1);
}

.aspenIndustries__cardContent {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  left: 0;
  padding: 4rem 1.8rem 1.8rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.aspenIndustries__cardTitle {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 1rem;
  text-align: center;
  opacity: 0;
  transition: all 500ms cubic-bezier(0, 0.55, 0.45, 1);
}

@media screen and (min-width: 420px) {
  .aspenIndustries__cardTitle {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}

@media screen and (min-width: 576px) {
  .aspenIndustries__cardTitle {
    font-size: 2rem;
    margin: 0 0 2.2rem;
  }
}

@media screen and (min-width: 750px) {
  .aspenIndustries__cardTitle {
    font-size: 2.6rem;
    margin: 0 0 2.8rem;
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries__cardTitle {
    font-size: 2.4rem;
    margin: 0 0 2.6rem;
  }
}

@media screen and (min-width: 1200px) {
  .aspenIndustries__cardTitle {
    font-size: 2.8rem;
    margin: 0 0 3rem;
  }
}

.-ie11Fallbacks .aspenIndustries__cardTitle {
  max-width: 100%;
}

.aspenIndustries__cardLink {
  color: #FFF;
}

.aspenIndustries__cardLink:hover,
.aspenIndustries__cardLink:focus {
  color: #FFF;
}

.aspenIndustries__cardLink::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.aspenIndustries__cardButton {
  background: transparent;
  border: 1px solid #FFC425;
  color: #FFC425;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.6rem 1.2rem;
  position: relative;
  opacity: 0;
  transition: all 500ms cubic-bezier(0, 0.55, 0.45, 1);
}

@media screen and (min-width: 576px) {
  .aspenIndustries__cardButton {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries__cardButton {
    border: 2px solid #FFC425;
    font-size: 1.8rem;
    padding: 0.8rem 1.2rem;
  }
}

.aspenIndustries__cardButton:hover {
  background: #FFC425;
  color: #003057;
  cursor: pointer;
}

.aspenIndustries__cardMedia {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.aspenIndustries__cardScreen {
  background: transparent;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms cubic-bezier(0, 0.55, 0.45, 1);
}

.aspenIndustries__card.-blue .aspenIndustries__cardScreen {
  background: #0078C9;
}

.aspenIndustries__cardImg {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  height: 100%;
  width: 100%;
}

.aspenIndustries__footer {
  display: flex;
  grid-column: 1/span 2;
  grid-row: 5/span 1;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 750px) {
  .aspenIndustries__footer {
    grid-column: 3/span 2;
    grid-row: 4/span 1;
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries__footer {
    grid-column: 4/span 1;
    grid-row: 3/span 1;
  }
}

.aspenIndustries__button {
  background: transparent;
  border: 2px solid #0078C9;
  color: #0078C9;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1.2rem 2rem;
  text-align: center;
  transition: all 500ms cubic-bezier(0, 0.55, 0.45, 1);
  width: 100%;
}

@media screen and (min-width: 750px) {
  .aspenIndustries__button {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1000px) {
  .aspenIndustries__button {
    font-size: 2.2rem;
    padding: 1.6rem 2rem;
  }
}

@media screen and (min-width: 1200px) {
  .aspenIndustries__button {
    font-size: 2.4rem;
  }
}

.aspenIndustries__button:hover,
.aspenIndustries__button:focus {
  background: #0078C9;
  color: #FFF;
}

.aspenMission {
  background: #FFF;
  padding: 3rem 0 6rem;
}

@media screen and (min-width: ) {
  .aspenMission {
    padding: 4.5rem 0 9rem;
  }
}

@media screen and (min-width: 1000px) {
  .aspenMission {
    padding: 6rem 0 12rem;
  }
}

.aspenMission__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
}

@media screen and (min-width: 576px) {
  .aspenMission__container {
    padding-left: 36px;
    padding-right: 36px;
  }
}

.aspenMission__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.aspenMission__title {
  color: #000;
  font-size: 3rem;
  font-weight: 500;
  margin: 0 0 2rem;
  text-align: center;
  text-transform: none;
}

@media screen and (min-width: 576px) {
  .aspenMission__title {
    font-size: calc(4vw + 1rem);
    margin: 0 0 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .aspenMission__title {
    font-size: 6rem;
    margin: 0 0 4rem;
  }
}

.aspenMission__text {
  color: #000;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
  margin: 0 0 3rem;
  max-width: 960px;
  text-align: center;
}

@media screen and (min-width: 576px) {
  .aspenMission__text {
    font-size: calc(2vw + 1rem);
    margin: 0 0 4.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .aspenMission__text {
    font-size: 3.8rem;
    margin: 0 0 6rem;
  }
}

.aspenMission__grid {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: 1fr;
  grid-template-areas: "ONE" "TWO" "THREE";
  width: 100%;
}

@media screen and (min-width: 576px) {
  .aspenMission__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "ONE ONE TWO TWO" ". THREE THREE .";
  }
}

@media screen and (min-width: 1000px) {
  .aspenMission__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "ONE TWO THREE";
  }
}

.-ie11Fallbacks .aspenMission__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (min-width: 1000px) {
  .-ie11Fallbacks .aspenMission__grid {
    flex-wrap: nowrap;
  }
}

.-ie11Fallbacks .aspenMission__grid > * {
  flex: 0 1 48%;
  margin-bottom: 15px;
}

@media screen and (min-width: 1000px) {
  .-ie11Fallbacks .aspenMission__grid > * {
    flex: 1 1 auto;
    margin-bottom: 0;
  }
}

.-ie11Fallbacks .aspenMission__grid > * + * {
  margin-left: 2.4rem;
}

.aspenMission__card {
  position: relative;
  width: 100%;
}

.aspenMission__card::before {
  content: "";
  display: inline-block;
  height: 0;
  padding-top: 100%;
  position: relative;
  width: 1px;
}

.aspenMission__card::after {
  background: #0078C9;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

.aspenMission__card:nth-child(1) {
  grid-area: ONE;
}

.aspenMission__card:nth-child(2) {
  grid-area: TWO;
}

.aspenMission__card:nth-child(3) {
  grid-area: THREE;
}

.aspenMission__card:hover .aspenMission__cardButton {
  background: #FFC425;
  color: #003057;
  text-shadow: 3px 0px 6px rgba(0, 120, 201, 0);
}

.aspenMission__cardContent {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 4rem 1.8rem 1.8rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.aspenMission__cardTitle {
  flex: 1 1 auto;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 3px 0px 6px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 576px) {
  .aspenMission__cardTitle {
    font-size: calc( 3vw + 1.25rem );
  }
}

@media screen and (min-width: 1000px) {
  .aspenMission__cardTitle {
    font-size: 3.6rem;
  }
}

.aspenMission__cardLink {
  color: #FFF;
}

.aspenMission__cardLink:hover,
.aspenMission__cardLink:focus {
  color: #FFF;
}

.aspenMission__cardLink::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.aspenMission__cardButton {
  align-self: flex-end;
  border: 2px solid #FFC425;
  color: #FFC425;
  font-size: 2.5rem;
  font-weight: 500;
  padding: 1.2rem 2.4rem;
  text-shadow: 3px 0px 6px rgba(0, 0, 0, 0.9);
  transition: all 300ms ease-in-out;
}

.aspenMission__cardMedia {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.aspenMission__card.-blue .aspenMission__cardScreen {
  background: #0078C9;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
}

.-ie11Fallbacks .aspenMission__card.-blue .aspenMission__cardScreen {
  opacity: 0.5;
}

.aspenMission__cardImg {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  height: 100%;
  width: 100%;
}

.calloutCard {
  padding: 2.4rem 3rem;
  border: 0.6rem solid #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.calloutCard__title {
  font-size: 2.4rem;
  color: #003057;
  margin-bottom: 3.9rem;
  width: 100%;
}

.calloutCard__button {
  display: inline-block;
  margin-bottom: -5.7rem;
}

@media screen and (min-width: 576px) {
  .calloutCard {
    padding: 4.8rem 6rem;
    padding-right: 8rem;
  }

  .calloutCard__button {
    margin-bottom: -7.7rem;
  }
}

pre {
  color: pink;
}

.dropdown {
  background-color: #e7f1f8;
  box-shadow: 0 3px 5px rgba(91, 127, 149, 0.2);
  padding: 2rem 0;
  z-index: 1;
  transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), top 500ms cubic-bezier(0.16, 1, 0.3, 1), transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.dropdown::after {
  content: "";
  position: absolute;
  top: -2.7rem;
  left: 0;
  width: 100%;
  height: 2.7rem;
  z-index: 1;
}

.dropdown__wrapper {
  display: flex;
  flex-direction: column;
}

.dropdown__column {
  margin-bottom: 2rem;
  flex-grow: 1;
}

.dropdown__tabPanel {
  margin-bottom: 2rem;
}

.dropdown__title,
.dropdown__tabTitle {
  font-size: 1.7rem;
}

.dropdown__link {
  font-size: 1.7rem;
}

.dropdown__tabListWrapper {
  display: none;
}

.dropdown__listItem {
  line-height: 1.3;
}

.dropdown > * + * {
  margin-left: 2rem;
}

@media screen and (min-width: 1000px) {
  .dropdown__wrapper {
    flex-direction: row;
  }

  .dropdown__tabTitle {
    display: none;
  }

  .dropdown__column {
    margin-bottom: 0;
  }

  .dropdown__tabListWrapper {
    width: 25rem;
    min-width: 25rem;
    position: relative;
    z-index: 2;
    margin-bottom: -2rem;
    overflow: hidden;
    display: block;
  }

  .dropdown__tabListWrapper::after {
    content: "";
    position: absolute;
    display: block;
    top: -2rem;
    right: -3rem;
    height: calc(100% + 4rem);
    width: 2rem;
    box-shadow: -2rem 0 2rem rgba(91, 127, 149, 0.3);
  }

  .dropdown__tabPanelWrapper {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    min-height: calc(30rem + 2rem);
  }

  .dropdown__tabPanel .dropdown__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 100%;
  }

  .dropdown__tabPanel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms cubic-bezier(0, 0.55, 0.45, 1);
    border-left: 3px solid #5B7F95;
    padding: 0;
    overflow: hidden;
    height: 0;
  }

  .dropdown__tabListItem {
    font-size: 1.7rem;
    padding: 1rem 1rem;
    color: #003057;
    margin-bottom: 0;
    transition: color 250ms cubic-bezier(0, 0.55, 0.45, 1), background-color 250ms cubic-bezier(0, 0.55, 0.45, 1);
    cursor: pointer;
  }

  .dropdown__tabListItem .fal {
    font-size: 2.4rem;
    margin-left: 0.5rem;
    vertical-align: -3px;
  }

  .dropdown__tabListItem:hover,
  .dropdown__tabListItem:focus,
  .dropdown__tabListItem.-active {
    color: #fff;
    background-color: #5B7F95;
  }

  .dropdown__tabListItem:last-child {
    border-bottom: none;
  }

  .dropdown__tabPanel.-active {
    pointer-events: all;
    opacity: 1;
  }

  .dropdown__tabPanel .dropdown__link {
    font-size: 1.7rem;
  }

  .dropdown__tabPanel .dropdown__listItem {
    margin-bottom: 1.5rem;
    width: 25%;
  }

  .dropdown__wrapper.js-groupedTabs {
    max-height: 30rem;
    min-height: 30rem;
  }
}

.entryCta {
  display: flex;
  flex-direction: column;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

.entryCta__imageWrapper {
  height: 19.3rem;
  min-height: 19.3rem;
  position: relative;
  overflow: hidden;
}

.entryCta__image {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  transform: translate(-50%, -50%);
}

.entryCta__body {
  background-color: #fff;
  padding: 36px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
}

.entryCta__meta {
  color: #f04e23;
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
}

.entryCta__title {
  font-size: 2.4rem;
  color: #003057;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 1rem;
  width: 100%;
}

.entryCta__date {
  color: #5B7F95;
  font-size: 1.8rem;
  margin-bottom: 0;
}

.entryCta__buttonWrapper {
  margin-top: auto;
  padding-top: 2rem;
  margin-bottom: -36px;
  margin-left: -36px;
}

.entryCta__button {
  display: inline-block;
}

.entryCta:hover,
.entryCta:focus {
  transform: translateY(-2rem);
}

@media screen and (min-width: 750px) {
  .entryCta__body {
    padding-right: 10.8rem;
  }
}

.primaryNav__dropdown {
  display: none;
}

.primaryNav__listItem {
  position: relative;
  margin-bottom: 0;
}

.primaryNav__listItem .primaryNav__dropdown {
  transform: translateX(-100%);
}

.primaryNav__listItem .primaryNav__dropdown.-opened {
  transform: translateX(0);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.primaryNav__listItem:hover .primaryNav__dropdown,
.primaryNav__listItem:focus .primaryNav__dropdown {
  opacity: 1;
  pointer-events: all;
}

.primaryNav__listItem:hover .primaryNav__navLink::after,
.primaryNav__listItem:focus .primaryNav__navLink::after {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
}

.primaryNav__listItem:hover .dropdown__tabPanel,
.primaryNav__listItem:focus .dropdown__tabPanel {
  padding: 1rem 3rem;
  height: 100%;
}

.primaryNav .dropdown.-opened .dropdown__tabPanel {
  padding: 1rem 3rem;
  height: calc(100% + 2rem);
}

.primaryNav__listItem:last-child {
  padding-right: 0;
  border-bottom: none;
}

.primaryNav__listItem .primaryNav__dropdown {
  display: block;
  position: fixed;
  top: -0.5rem;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
}

.primaryNav__list {
  display: flex;
  flex-direction: column;
}

.primaryNav__listItem {
  padding: 0.7rem 0;
  border-bottom: 1px solid #5B7F95;
  transition: padding-right 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.primaryNav__navLink {
  font-size: 1.6rem;
  transition: font-size 250ms cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.primaryNav__listItem.js-dropdownParent .primaryNav__navLink::after {
  content: "\F107";
  font: normal normal normal 1em / 1 "Font Awesome 5 Pro";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: auto;
  text-transform: none;
  display: none;
  position: absolute;
  color: #5B7F95;
  top: 2.4rem;
  left: 50%;
  transform: translateX(-50%) translateY(-1rem);
  transition: opacity 500ms cubic-bezier(0, 0.55, 0.45, 1), transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
}

.primaryNav__dropdownTrigger {
  position: absolute;
  top: 9px;
  right: 0;
}

.primaryNav__dropdownTrigger .fal {
  font-size: 2.7rem;
  color: #003057;
}

@media screen and (min-width: 1000px) {
  .primaryNav__list {
    flex-direction: row;
  }

  .primaryNav__listItem .primaryNav__dropdown {
    display: block;
    position: fixed;
    top: 4.6rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    right: 0;
    bottom: auto;
    transform: translateX(0);
    overflow-y: visible;
  }
}

@media screen and (min-width: 1000px) and (-ms-high-contrast: none), screen and (min-width: 1000px) and (-ms-high-contrast: active) {
  .primaryNav__listItem .primaryNav__dropdown {
    top: 14.2rem;
  }
}

@media screen and (min-width: 1000px) {
  .primaryNav__listItem .primaryNav__dropdown.-opened {
    opacity: 1;
    pointer-events: all;
  }
}

@media screen and (min-width: 1000px) {
  .primaryNav__listItem.js-dropdownParent .primaryNav__navLink::after {
    display: block;
  }
}

@media screen and (min-width: 1000px) {
  .primaryNav__listItem {
    padding: 0;
    padding-right: 4.6rem;
    border-bottom: none;
  }
}

@media screen and (min-width: 1000px) {
  .primaryNav__dropdownTrigger {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .primaryNav__navLink {
    font-size: 1.8rem;
  }
}

body.scrolled .primaryNav__listItem {
  padding-right: 2.1rem;
}

@media screen and (min-width: 1000px) {
  body.scrolled .primaryNav__dropdown {
    top: 1.9rem;
  }
}

@media screen and (min-width: 1000px) and (-ms-high-contrast: none), screen and (min-width: 1000px) and (-ms-high-contrast: active) {
  body.scrolled .primaryNav__dropdown {
    top: 8rem;
  }
}

.relatedCard {
  background-color: #fff;
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: stretch;
  text-decoration: none !important;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 1000ms cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 0 rgba(91, 127, 149, 0);
}

.relatedCard__imageWrapper {
  display: none;
  width: 15.6rem;
  min-width: 15.6rem;
  position: relative;
  overflow: hidden;
}

.relatedCard__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}

.relatedCard__body {
  padding: 2.7rem 10.3rem 2.5rem 3.6rem;
  flex-grow: 1;
}

.relatedCard__meta {
  color: #f04e23;
  font-size: 1.8rem;
  margin-bottom: 0.4rem;
}

.relatedCard__title {
  font-size: 2.4rem;
  font-weight: 900;
  text-decoration: none !important;
  color: #003057;
  line-height: 1.15;
  text-transform: initial;
}

.relatedCard__cta {
  font-size: 1.2rem;
  margin-bottom: 0;
  font-weight: 900;
  text-transform: uppercase;
  color: #00A9CE;
  position: relative;
  display: inline-block;
}

.relatedCard__description {
  color: #333233;
}

.relatedCard__cta::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-top: 2px solid #b5e4f1;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
  transform: scaleX(0);
}

.relatedCard::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 0 0 0rem #fff;
  transition: box-shadow 250ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
  pointer-events: none;
}

.relatedCard__solutionIcon {
  position: absolute;
  display: block;
  top: 2.4rem;
  left: 1.8rem;
  width: 5.4rem;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(-15rem);
}

.relatedCard.-solution {
  background-color: transparent;
  min-height: 5.5rem;
}

.relatedCard.-solution .relatedCard__body {
  padding: 0;
  padding-left: 9.6rem;
  position: relative;
  overflow: hidden;
}

.relatedCard.-solution .relatedCard__description,
.relatedCard.-solution .relatedCard__cta {
  display: none;
}

.relatedCard.-solution .relatedCard__title {
  font-size: 1.9rem;
}

.relatedCard.-solution .relatedCard__body::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  opacity: 1;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), opacity 500ms cubic-bezier(0, 0.55, 0.45, 1);
}

.relatedCard.-solution .relatedCard__body::after {
  content: "\F105";
  font: normal normal normal 1em / 1 "Font Awesome 5 Pro";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: auto;
  text-transform: none;
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 2.2rem;
  color: #fff;
  opacity: 0.5;
  font-size: 5.7rem;
  font-weight: 300;
}

.relatedCard.-solution.-eng .relatedCard__body::before {
  background-color: #78BE20;
}

.relatedCard.-solution.-msc .relatedCard__body::before {
  background-color: #00A9CE;
}

.relatedCard.-solution.-amp .relatedCard__body::before {
  background-color: #5F3C6C;
}

.relatedCard.-solution.-aiot .relatedCard__body::before {
  background-color: #003057;
}

.relatedCard:hover,
.relatedCard:focus {
  transform: translateY(-1.2rem);
  box-shadow: 0 1.2rem 3.6rem rgba(91, 127, 149, 0.3);
}

.relatedCard:hover::after,
.relatedCard:focus::after {
  box-shadow: inset 0 0 0 0.6rem #fff;
}

.relatedCard:hover.-solution,
.relatedCard:focus.-solution {
  transform: translateY(0rem);
  box-shadow: 0 1.2rem 3.6rem rgba(91, 127, 149, 0);
}

.relatedCard:hover.-solution::after,
.relatedCard:focus.-solution::after {
  box-shadow: inset 0 0 0 0 #fff;
}

.relatedCard:hover .relatedCard__title,
.relatedCard:focus .relatedCard__title {
  color: #003057;
}

.relatedCard:hover .relatedCard__cta::after,
.relatedCard:focus .relatedCard__cta::after {
  transform: scaleX(1);
}

.relatedCard:hover .relatedCard__description,
.relatedCard:focus .relatedCard__description {
  color: #333233;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .relatedCard::after {
    display: none;
  }
}

@media screen and (min-width: 370px) {
  .relatedCard__imageWrapper {
    display: block;
  }
}

@media screen and (min-width: 576px) {
  .relatedCard.-solution {
    background-color: #fff;
  }

  .relatedCard.-solution .relatedCard__description {
    display: block;
  }

  .relatedCard.-solution .relatedCard__cta {
    display: inline-block;
  }

  .relatedCard.-solution .relatedCard__body {
    padding-top: 2.7rem;
    padding-bottom: 2.5rem;
    padding-right: 7.2rem;
  }

  .relatedCard.-solution .relatedCard__body::before {
    top: 3rem;
    height: 4.2rem;
  }

  .relatedCard.-solution .relatedCard__title {
    font-size: 2.4rem;
  }

  .relatedCard.-solution .relatedCard__body::after {
    display: none;
  }

  .relatedCard:hover.-solution,
  .relatedCard:focus.-solution {
    transform: translateY(-1.2rem);
    box-shadow: 0 1.2rem 3.6rem rgba(91, 127, 149, 0.3);
  }

  .relatedCard:hover.-solution .relatedCard__body::before,
  .relatedCard:focus.-solution .relatedCard__body::before {
    transform: scaleY(20);
    opacity: 0.2;
  }

  .relatedCard:hover.-solution::after,
  .relatedCard:focus.-solution::after {
    box-shadow: inset 0 0 0 0.6rem #fff;
  }

  .relatedCard:hover .relatedCard__solutionIcon,
  .relatedCard:focus .relatedCard__solutionIcon {
    transform: translateX(0);
  }
}

.search {
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 1;
}

.search.-hide {
  opacity: 0;
  pointer-events: none;
}

.search__langButton {
  font-size: 0;
  vertical-align: middle;
}

.search__langDropdown {
  background-color: #e7f1f8;
  position: relative;
}

.search__langButton::before {
  content: "\F0AC";
  font: normal normal normal 1em / 1 "Font Awesome 5 Pro";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: auto;
  text-transform: none;
  font-size: 2.3rem;
  color: #5B7F95;
  font-weight: 300;
  transition: color 250ms cubic-bezier(0, 0.55, 0.45, 1);
  vertical-align: middle;
  padding-top: 3px;
}

.search__langButtonClose {
  font-size: 0;
  position: absolute;
  top: -0.5rem;
  right: 1.8rem;
}

.search__langButtonClose::before {
  content: "\F00D";
  font: normal normal normal 1em / 1 "Font Awesome 5 Pro";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: auto;
  text-transform: none;
  font-size: 2.3rem;
  color: #5B7F95;
  font-weight: 300;
  transition: color 250ms cubic-bezier(0, 0.55, 0.45, 1);
  vertical-align: middle;
}

.search__langButton:focus::before,
.search__langButton:hover::before {
  color: #0078C9;
}

.search__langList > * + * {
  margin-top: 0.5rem;
}

.search__langListItem {
  margin-bottom: 0;
}

.search__langLink {
  font-size: 1.4rem;
}

.search__langLink.-title {
  font-weight: 700;
}

.search__langSelect {
  position: relative;
}

.search__mobileSearch {
  margin-right: 2rem;
}

.search__formWrapper {
  margin-right: 3.2rem;
  flex-grow: 1;
}

.search__searchButton {
  position: absolute;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
  top: 0;
  right: 0;
  width: 4rem;
  height: 3.6rem;
  font-size: 0;
}

.search__searchButton:hover,
.search__searchButton:focus {
  transform: scale(1.1);
}

.search__searchIcon {
  width: 1.6rem;
  min-width: 1.6rem;
}

.search__searchForm {
  position: relative;
  width: 100%;
}

.search__formWrapper {
  display: none;
}

.search__input[type=text] {
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(91, 127, 149, 0.2);
  font-size: 1.4rem;
  padding: 0.75rem 1.5rem;
  border: none;
}

.search__langListGroup {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 1.5rem !important;
}

.search__input[type=text]::-moz-placeholder {
  color: #5B7F95;
}

.search__input[type=text]:-ms-input-placeholder {
  color: #5B7F95;
}

.search__input[type=text]::-ms-input-placeholder {
  color: #5B7F95;
}

.search__input[type=text]::placeholder {
  color: #5B7F95;
}

.search__langDropdown {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), top 250ms cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(-100%);
  overflow-y: scroll;
  width: 100vw;
  z-index: 1;
  padding: 2rem 0;
}

.search__langDropdown.-opened {
  transform: translateX(0);
}

.search__langWrapper {
  -moz-column-count: 2;
       column-count: 2;
}

@media screen and (min-width: 576px) {
  .search__langWrapper {
    -moz-column-count: 3;
         column-count: 3;
  }
}

@media screen and (min-width: 750px) {
  .search__langWrapper {
    -moz-column-count: 4;
         column-count: 4;
  }
}

@media screen and (min-width: 1000px) {
  .search__formWrapper {
    display: flex;
  }

  .search__mobileSearch {
    display: none;
  }

  .search__langDropdown {
    display: block;
    position: fixed;
    top: 7.2rem;
    /* new change for localization*/
    width: 250px;
    /* new change for localization*/
    margin-left: 70%;
    /* new change for localization*/
    box-shadow: 1px 0px 6px -1px rgba(151, 148, 148, 0.65);
    /* new change for localization*/
    -webkit-box-shadow: 1px 0px 6px -1px rgba(151, 148, 148, 0.65);
    /* new change for localization*/
    -moz-box-shadow: 1px 0px 6px -1px rgba(151, 148, 148, 0.65);
    /* new change for localization*/
    left: 0;
    opacity: 0;
    pointer-events: none;
    right: 0;
    bottom: auto;
    transform: translateX(0);
    overflow-y: visible;
  }

  .search__langWrapper {
    -moz-column-count: 5;
         column-count: 5;
  }

  .search__langDropdown.-opened {
    opacity: 1;
    pointer-events: all;
    top: 7.2rem;
    /* new change for localization*/
    width: 250px;
    /* new change for localization*/
    margin-left: 70%;
    /* new change for localization*/
    box-shadow: 1px 0px 6px -1px rgba(151, 148, 148, 0.65);
    /* new change for localization*/
    -webkit-box-shadow: 1px 0px 6px -1px rgba(151, 148, 148, 0.65);
    /* new change for localization*/
    -moz-box-shadow: 1px 0px 6px -1px rgba(151, 148, 148, 0.65);
    /* new change for localization*/
  }

  .search__langButtonClose {
    right: 4.7rem;
  }
}

@media screen and (min-width: 1000px) {
  body.scrolled .search__langDropdown {
    top: 8rem;
  }
}

.secondaryNav__list {
  display: flex;
  flex-direction: column;
}

.secondaryNav__listItem {
  position: relative;
  padding-right: 3.4rem;
  margin-bottom: 0;
}

.secondaryNav__listItem:last-child {
  padding-right: 0;
}

.secondaryNav__link {
  color: #5B7F95;
}

.secondaryNav__link:hover,
.secondaryNav__link:focus {
  color: #003057;
}

.secondaryNav__listItem .primaryNav__dropdown {
  transform: translateX(-100%);
}

.secondaryNav__listItem .primaryNav__dropdown.-opened {
  transform: translateX(0);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.secondaryNav__listItem .primaryNav__dropdown {
  display: block;
  position: fixed;
  top: -0.5rem;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
}

.secondaryNav__listItem:hover .primaryNav__dropdown,
.secondaryNav__listItem:focus .primaryNav__dropdown {
  opacity: 1;
  pointer-events: all;
}

.secondaryNav__listItem:hover .primaryNav__navLink::after,
.secondaryNav__listItem:focus .primaryNav__navLink::after {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
}

.secondaryNav__listItem:hover .dropdown__tabPanel,
.secondaryNav__listItem:focus .dropdown__tabPanel {
  padding: 1rem 3rem;
  height: 100%;
}

.secondaryNav__listItem.js-dropdownParent .primaryNav__navLink::after {
  content: "\F107";
  font: normal normal normal 1em / 1 "Font Awesome 5 Pro";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: auto;
  text-transform: none;
  position: absolute;
  color: #5B7F95;
  top: 2.4rem;
  left: 50%;
  transform: translateX(-50%) translateY(-1rem);
  transition: opacity 500ms cubic-bezier(0, 0.55, 0.45, 1), transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
}

.secondaryNav__listItem .primaryNav__dropdownTrigger .fal {
  transform: translateY(-8px);
}

@media screen and (min-width: 1000px) {
  .secondaryNav__list {
    flex-direction: row;
  }

  .secondaryNav__listItem .primaryNav__dropdown {
    display: block;
    position: fixed;
    top: 4.6rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    right: 0;
    bottom: auto;
    transform: translateX(0);
    overflow-y: visible;
  }
}

@media screen and (min-width: 1000px) and (-ms-high-contrast: none), screen and (min-width: 1000px) and (-ms-high-contrast: active) {
  .secondaryNav__listItem .primaryNav__dropdown {
    top: 14.2rem;
  }
}

.social__list {
  display: flex;
}

.social__link {
  font-size: 0;
}

.social__link:hover .social__icon,
.social__link:focus .social__icon {
  color: #003057;
}

.social__listItem {
  margin-right: 1.8rem;
}

.social__icon {
  font-size: 3.4rem;
  color: #5B7F95;
  transition: color 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.utilityBar__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.utilityBar__brand {
  width: 22.2rem;
  height: 4rem;
  display: block;
  transform: translateY(-7px);
}

.utilityBar__logo {
  height: 4.7rem;
  margin-left: -9px;
}

.utilityBar__search {
  flex-grow: 0;
  margin-left: auto;
  margin-top: -8px;
  margin-right: 2.4rem;
  transition: max-width 500ms cubic-bezier(0.16, 1, 0.3, 1), opacity 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.utilityBar__mobileButton {
  display: block;
  margin-top: -6px;
}

.utilityBar__mobileButton .hamburger-box,
.utilityBar__mobileButton.is-active .hamburger-box {
  width: 30px;
}

.utilityBar__mobileButton .hamburger-inner::after,
.utilityBar__mobileButton .hamburger-inner::before,
.utilityBar__mobileButton .hamburger-inner,
.utilityBar__mobileButton.is-active .hamburger-inner::after,
.utilityBar__mobileButton.is-active .hamburger-inner::before,
.utilityBar__mobileButton.is-active .hamburger-inner {
  background-color: #5B7F95;
  height: 2px;
  width: 30px;
}

.utilityBar__subBack {
  color: #5B7F95;
  font-size: 2.6rem;
  position: absolute;
  top: -0.4rem;
  right: 7.4rem;
  transition: opacity 500ms cubic-bezier(0, 0.55, 0.45, 1);
  pointer-events: none;
  opacity: 0;
}

.utilityBar__subBack.-active {
  pointer-events: all;
  opacity: 1;
}

@media screen and (min-width: 1000px) {
  .utilityBar__subBack {
    display: none;
  }

  .utilityBar__mobileButton {
    display: none;
  }

  .utilityBar__search {
    flex-grow: 1;
    margin-top: 0;
    margin-right: 0;
    max-width: 33.8rem;
  }
}

@media screen and (min-width: 1000px) and (-ms-high-contrast: none), screen and (min-width: 1000px) and (-ms-high-contrast: active) {
  .utilityBar__search {
    flex-grow: 0;
  }
}

@media screen and (min-width: 1000px) {
  .utilityBar__brand {
    transform: translateY(0);
  }
}

body.scrolled .utilityBar__search {
  max-width: 23.5rem;
}

.videoCta__imageWrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.videoCta__imageWrapper::before {
  content: "";
  display: block;
  padding-bottom: 57.5%;
}

.videoCta__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
  -o-object-fit: cover;
     object-fit: cover;
}

.videoCta__cta {
  background-color: #00A9CE;
  padding: 1.8rem 7.8rem 1.8rem 2.4rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  display: block;
  font-size: 1.4rem;
  position: relative;
  text-align: left;
  transition: background-color 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.videoCta:hover .videoCta__cta,
.videoCta:focus .videoCta__cta {
  background-color: #0078C9;
  color: #fff;
}

.videoCta:hover .videoCta__cta::after,
.videoCta:focus .videoCta__cta::after {
  transform: scale(1.1);
}

.videoCta__cta::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #0078C9;
  width: 5.4rem;
  height: 100%;
  transition: background-color 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.videoCta__cta::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.7rem;
  right: 1.7rem;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
  border-left: 15px solid #fff;
}

.aspenProduct {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 5.4rem 0 6rem;
}

.aspenProduct__title {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.3rem;
  font-weight: 300;
  margin-bottom: 98%;
  text-transform: initial;
}

.aspenProduct__title strong {
  font-size: 4.3rem;
}

.aspenProduct__description {
  color: #00A9CE;
  font-size: 1.8rem;
  max-width: 530px;
  margin: 0 auto;
  line-height: 1.25;
  margin-bottom: 2.5rem;
}

.aspenProduct__restricted {
  font-size: 1rem;
  vertical-align: 42px;
}

.aspenProduct__button {
  display: inline-block;
}

@media screen and (min-width: 370px) {
  .aspenProduct__title {
    margin-bottom: 43%;
  }

  .aspenProduct__title strong {
    font-size: 6.6rem;
  }
}

@media screen and (min-width: 750px) {
  .aspenProduct__title {
    display: block;
    font-size: 6.6rem;
    margin-bottom: 21%;
  }
}

@media screen and (min-width: 1530px) {
  .aspenProduct__title {
    margin-bottom: 30%;
  }
}

.brandCallout {
  padding: 4rem 0;
}

.brandCallout__wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}

.brandCallout__text {
  padding-top: 5rem;
  position: relative;
  order: 2;
}

.brandCallout__imageWrapper {
  background-image: url("/web/media/backgrounds/brandCalloutnew.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-grow: 1;
  order: 1;
  position: relative;
  min-height: 24rem;
  margin-left: calc(-9.6rem - 36px);
  margin-right: -36px;
}

.brandCallout__image {
  position: absolute;
  width: 100%;
  bottom: -2.1rem;
  right: 0;
}

.brandCallout__text h2 {
  color: #003057;
  margin: 0;
  margin-top: -0.9rem;
  margin-bottom: -0.5rem;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.5rem;
}

.brandCallout__text br {
  visibility: hidden;
}

@media screen and (min-width: 370px) {
  .brandCallout__text::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -9.6rem;
    width: 6rem;
    height: 100%;
    background-image: linear-gradient(to bottom, #003057 21%, #09a5cf);
  }

  .brandCallout__wrapper {
    padding-left: 9.6rem;
  }

  .brandCallout__image {
    width: calc(100% - 96px);
  }
}

@media screen and (min-width: 420px) {
  .brandCallout__text h2 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 750px) {
  .brandCallout {
    padding: 2rem 0 4rem;
  }

  .brandCallout__wrapper {
    flex-direction: row;
  }

  .brandCallout__imageWrapper {
    order: 2;
    margin-left: 0;
    margin-right: 0;
  }

  .brandCallout__image {
    width: 100%;
  }

  .brandCallout__text {
    order: 1;
    padding-top: 0;
    width: 26.4rem;
    min-width: 26.4rem;
    padding-right: 5rem;
  }

  .brandCallout__text br {
    visibility: visible;
  }
}

@media screen and (min-width: 1000px) {
  .brandCallout__text {
    width: 38.4rem;
    min-width: 38.4rem;
  }

  .brandCallout__image {
    width: 84%;
  }
}

.caseStudySlider {
  background-color: #0078C9;
  border-top: 1px solid currentColor;
}

.caseStudySlider__nav {
  position: absolute;
  top: 2.3rem;
  right: 3.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}

.caseStudySlider__backgroundSlide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.caseStudySlider__mainSliderColumn {
  position: relative;
  width: 19.2rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: border-top 250ms cubic-bezier(0, 0.55, 0.45, 1);
  border-top: 0 solid turquoise;
  cursor: pointer;
}

.caseStudySlider__mainSliderColumn::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.6rem;
  top: -0.6rem;
  left: 0;
  background-color: #00A9CE;
  transform-origin: bottom center;
  transition: transform 250ms cubic-bezier(0, 0.55, 0.45, 1);
  transform: scaleY(0);
}

.caseStudySlider__mainSliderColumn:hover .caseStudySlider__columnImageWrapper::before,
.caseStudySlider__mainSliderColumn:focus .caseStudySlider__columnImageWrapper::before {
  background-color: rgba(0, 169, 206, 0.8);
}

.caseStudySlider__mainSliderColumn:hover::before,
.caseStudySlider__mainSliderColumn:focus::before {
  transform: scaleY(1);
}

.caseStudySlider__columnImageWrapper {
  display: none;
  position: relative;
  height: 25.2rem;
}

.caseStudySlider__columnImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  z-index: 1;
}

.caseStudySlider__columnImageWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 48, 87, 0.8);
  z-index: 2;
  mix-blend-mode: hard-light;
  transition: background-color 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.caseStudySlider__logoWrapper {
  position: relative;
  height: 13.2rem;
  width: 19.2rem;
  background-color: #fff;
}

.caseStudySlider__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 60%;
  max-height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}

.caseStudySlider__valueIndex {
  margin-right: 0.4rem;
}

.caseStudySlider__valueTotal {
  margin-left: 0.4rem;
}

.caseStudySlider__navLeft,
.caseStudySlider__navRight {
  transition: opacity 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.caseStudySlider__navLeft.-disable,
.caseStudySlider__navRight.-disable {
  pointer-events: none;
  opacity: 0.3;
  outline: none;
}

.caseStudySlider__navLeftIcon,
.caseStudySlider__navRightIcon {
  height: 4.1rem;
}

.caseStudySlider__navText {
  display: none;
  font-size: 1.8rem;
  margin-bottom: 0;
  color: #fff;
}

.caseStudySlider__wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 39rem;
}

.caseStudySlider__logoSlider {
  pointer-events: none;
  height: 13.2rem;
  background-image: linear-gradient(to right, transparent, #003057 114%);
}

.caseStudySlider__currentSlideTray {
  position: relative;
  z-index: 2;
  margin-left: auto;
  max-width: 558px;
  width: 100%;
}

.caseStudySlider__currentSlideWrapper {
  padding-bottom: 7rem;
  padding-left: 3rem;
  position: relative;
  display: flex;
  flex-direction: row;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}

.caseStudySlider__currentSlideWrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 120, 201, 0.8);
  z-index: 1;
}

.caseStudySlider__body {
  position: relative;
  background-color: #00A9CE;
  padding: 3.6rem 3.6rem 6rem 3.6rem;
  overflow: visible !important;
}

.caseStudySlider__button {
  position: absolute;
  bottom: -2.4rem;
  left: 0;
}

.caseStudySlider__slideTitle {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
}

.caseStudySlider__mainSliderTray {
  margin-top: -2px;
  padding-top: 2px;
  width: 19.2rem;
}

.caseStudySlider__mainSliderWrapper {
  display: none;
  background-color: #003057;
  position: relative;
  z-index: 1;
}

.caseStudySlider__mainSliderWrapper .swiper-container {
  margin-left: 0;
  overflow: visible;
}

.caseStudySlider__mainSliderWrapper .swiper-slide .caseStudySlider__logoWrapper {
  transition: transform 300ms ease;
}

.caseStudySlider__mainSliderWrapper .swiper-slide-prev .caseStudySlider__logoWrapper {
  transform: translateX(-300%);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .caseStudySlider__mainSliderWrapper .swiper-slide-prev .caseStudySlider__logoWrapper {
    transform: translateX(0);
  }
}

@media screen and (min-width: 370px) {
  .caseStudySlider__nav {
    flex-direction: row;
    top: 3.6rem;
    right: 2.4rem;
  }

  .caseStudySlider__navText {
    display: block;
  }

  .caseStudySlider__navLeftIcon,
  .caseStudySlider__navRightIcon {
    height: 5.4rem;
  }
}

@media screen and (min-width: 750px) {
  .caseStudySlider__wrapper {
    flex-direction: row;
  }

  .caseStudySlider__mainSliderWrapper {
    display: block;
  }

  .caseStudySlider__currentSlideWrapper,
  .caseStudySlider__mainSliderWrapper {
    width: 50%;
  }

  .caseStudySlider__columnImageWrapper {
    display: block;
    flex-grow: 1;
  }

  .caseStudySlider__nav {
    right: 3rem;
    width: 11rem;
  }

  .caseStudySlider__mainSliderColumn {
    height: calc(100% + 2px);
    display: flex;
    flex-direction: column;
  }

  .caseStudySlider__mainSliderWrapper .swiper-container {
    height: 100%;
  }

  .caseStudySlider__body {
    padding: 3.6rem 16.2rem 6rem 3.6rem;
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: all 250ms cubic-bezier(0, 0.55, 0.45, 1);
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.featuredHero {
  background-color: #0b1a2d;
  position: relative;
  padding: 4rem 0 4rem;
}

.featuredHero__meta {
  font-size: 2.4rem;
  background: linear-gradient(to right, #DA291C, #FFC425 10%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .featuredHero__meta {
    background: transparent;
    color: #FFC425;
  }
}

.featuredHero__title {
  font-size: 3rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4.1rem;
}

.featuredHero__wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  padding-left: 4rem;
}

.featuredHero.-single .featuredHero__wrapper {
  padding-left: 0;
}

.featuredHero__videoColumn {
  display: flex;
  flex-direction: column;
  margin-left: -4.1rem;
  padding-bottom: 1.2rem;
  margin-top: -15rem;
}

.featuredHero.-single .featuredHero__videoColumn {
  margin-left: 0;
}

.featuredHero__videoCta {
  margin-top: auto;
}

.featuredHero__textColumn {
  flex-grow: 1;
  width: 100%;
}

.featuredHero__statsWrapper {
  display: flex;
  flex-direction: row;
  margin-left: calc(-4.1rem - 17px);
  margin-right: -17px;
}

.featuredHero.-single .featuredHero__statsWrapper {
  margin-left: -35px;
}

.featuredHero__stat {
  padding: 2.4rem 0.5rem 17.2rem;
  width: 33.3333%;
  text-align: center;
}

.featuredHero__statTitle {
  font-size: 2.7rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
  line-height: 1.1;
}

.featuredHero__statDescription {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 1.4rem;
}

.featuredHero__statTitle,
.featuredHero__statDescription {
  color: #fff;
}

.featuredHero__stat.-eng {
  background-image: linear-gradient(to bottom, transparent -10%, #78BE20);
}

.featuredHero__stat.-eng .featuredHero__statDescription {
  color: #d3ffb4;
}

.featuredHero__stat.-msc {
  background-image: linear-gradient(to bottom, transparent -10%, #00A9CE);
}

.featuredHero__stat.-msc .featuredHero__statDescription {
  color: #c1f0ff;
}

.featuredHero__stat.-amp {
  background-image: linear-gradient(to bottom, transparent -10%, #5F3C6C);
}

.featuredHero__stat.-amp .featuredHero__statDescription {
  color: #e3d1f1;
}

.featuredHero::before,
.featuredHero::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 15rem;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.featuredHero::before {
  left: 0;
  background-image: url("/web/media/hero/doorleft.jpg");
  background-position: top left;
}

.featuredHero::after {
  right: 0;
  background-image: url("/web/media/hero/doorright.jpg");
  background-position: top right;
}

.featuredHero.-single::before {
  display: none;
}

.featuredHero.-single::after {
  background-image: none;
  background-color: #003057;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  right: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .featuredHero.-single::after {
    opacity: 0.85 !important;
  }
}

.featuredHero.-single {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 420px) {
  .featuredHero__stat {
    padding: 2.4rem 2.4rem 17.2rem;
  }

  .featuredHero__statDescription {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 576px) {
  .featuredHero__statsWrapper {
    margin-left: calc(-9.6rem - 36px);
    margin-right: -36px;
  }

  .featuredHero__wrapper {
    padding-left: 9.6rem;
  }

  .featuredHero.-single .featuredHero__wrapper {
    padding-left: 0;
  }

  .featuredHero__title {
    font-size: 4.8rem;
  }

  .featuredHero__videoColumn {
    margin-left: -9.6rem;
  }

  .featuredHero::before,
  .featuredHero::after {
    height: 35rem;
  }
}

@media screen and (min-width: 1000px) {
  .featuredHero {
    padding: 4rem 0 17.4rem;
  }

  .featuredHero__wrapper {
    flex-direction: row;
    align-items: flex-end;
    padding: 0 9.6rem;
    padding-left: 13%;
  }

  .featuredHero.-single .featuredHero__wrapper {
    padding-left: 0;
  }

  .featuredHero::before,
  .featuredHero::after {
    width: calc(50% + 4rem);
    height: 77%;
  }

  .featuredHero::before {
    left: -4rem;
  }

  .featuredHero::after {
    right: -4rem;
  }

  .featuredHero__statsWrapper {
    margin-left: -0.6rem;
    margin-right: -0.6rem;
    padding-right: 36px;
    width: 100%;
  }

  .featuredHero.-single .featuredHero__statsWrapper {
    margin-left: 0;
  }

  .featuredHero__stat {
    text-align: left;
    margin: 0 0.6rem 1.2rem;
    padding: 2.4rem 4.8rem 3rem 3rem;
    width: calc(33.3333% - 1.2rem);
  }

  .featuredHero__videoColumn {
    width: 25.2rem;
    min-width: 25.2rem;
    margin-top: 0;
    margin-left: 0;
    cursor: pointer;
  }

  .featuredHero__statTitle {
    font-size: 3.7rem;
  }
}

@media screen and (min-width: 1200px) {
  .featuredHero__wrapper {
    flex-direction: row;
  }

  .featuredHero::before,
  .featuredHero::after {
    width: 50%;
    height: 90%;
  }

  .featuredHero::before {
    left: 0;
  }

  .featuredHero::after {
    right: 0;
  }

  .featuredHero__statTitle {
    font-size: 4.2rem;
  }
}

@media screen and (min-width: 1530px) {
  .featuredHero__wrapper {
    padding-left: 0;
  }

  .featuredHero::before,
  .featuredHero::after {
    height: 100%;
  }
}

.featuredResources {
  position: relative;
  padding: 0 0 4rem;
  z-index: 1;
}

.featuredResources .container {
  padding: 0;
}

.featuredResources__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(-36px / 2);
  margin-right: calc(-36px / 2);
}

.featuredResources__relatedCard {
  width: calc(100% - 36px);
  margin: 0 calc(36px / 2);
}

.featuredResources__relatedCard .relatedCard__body {
  padding-right: 2.5rem;
}

.featuredResources__relatedCard:nth-child(even) .relatedCard__imageWrapper {
  order: 2;
}

.featuredResources__relatedCard:nth-child(even) .relatedCard__body {
  order: 1;
}

@media screen and (min-width: 1000px) {
  .featuredResources {
    padding: 9rem 0 9rem;
    margin-top: -1rem;
  }

  .featuredResources .container {
    padding: 0 36px;
  }

  .featuredResources__relatedCard {
    width: calc(50% - 36px);
  }

  .featuredResources__relatedCard .relatedCard__body {
    padding-right: 10.3rem;
  }

  .featuredResources__relatedCard:nth-child(even) .relatedCard__imageWrapper {
    order: 1;
  }

  .featuredResources__relatedCard:nth-child(even) .relatedCard__body {
    order: 2;
  }

  .featuredResources__relatedCard + .featuredResources__relatedCard {
    margin-top: 0;
  }
}

@media screen and (min-width: 1000px) {
  .featuredHero + .featuredResources {
    margin-top: -18rem;
  }
}

.footerCta {
  padding: 8rem 0 12.7rem;
  text-align: center;
  position: relative;
}

.footerCta > * {
  position: relative;
  z-index: 2;
}

.footerCta__title {
  font-size: 4.8rem;
  color: #003057;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 2rem;
}

.footerCta__introduction {
  color: #fff;
  font-size: 2.4rem;
  max-width: 660px;
  margin: 0 auto;
  margin-bottom: 2.4rem;
}

.footerCta__introduction a {
  color: #fff;
  font-weight: 700;
}

.footerCta__introduction a:hover,
.footerCta__introduction a:focus {
  color: #003057;
}

.footerCta__button {
  display: inline-block;
}

.footerCta::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100vw + 42rem);
  top: 0;
  left: -21rem;
  height: 100%;
  background-image: radial-gradient(circle at top, #5bb9ed -15%, #1775bb 51%);
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.listedIndustries {
  padding: 6rem 0 6rem;
  background: url("/web/media/graphics/aspenpattern.png"), #fff;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.listedIndustries__wrapper {
  max-width: 558px;
}

.listedIndustries__title {
  font-size: 2.5rem;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 3.6rem;
  color: #003057;
  font-weight: 900;
}

.listedIndustries__introduction {
  color: #747679;
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 4.2rem;
}

.listedIndustries__list {
  -moz-columns: 2;
       columns: 2;
}

.listedIndustries__listItem {
  margin-bottom: 1rem;
}

.listedIndustries__link {
  font-size: 1.8rem;
  font-weight: 900;
  color: #00A9CE;
}

@media screen and (min-width: 750px) {
  .listedIndustries {
    background-position: bottom -30% center;
  }

  .listedIndustries__title {
    font-size: 4.8rem;
    line-height: 1;
  }

  .listedIndustries__introduction {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 1000px) {
  .listedIndustries {
    background: url("/web/media/graphics/industries.png"), #fff;
    background-size: 60%;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 10.8rem 0 9rem;
  }
}

@media screen and (min-width: 1200px) {
  .listedIndustries {
    background-size: auto;
    background-position: right calc((100vw - 1297px) / 2) center;
  }
}

.relatedEntries {
  background-color: #152f56;
  text-align: center;
  padding: 4rem 0 6rem;
  position: relative;
}

.relatedEntries__title {
  font-size: 4.8rem;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  text-align: left;
}

.relatedEntries__wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -1.8rem;
  margin-right: -1.8rem;
  z-index: 3;
}

.relatedEntries__column {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3.6rem);
  margin: 0 1.8rem;
}

.relatedEntries__column:first-child {
  margin-bottom: 36px;
}

.relatedEntries__entryCta {
  flex-grow: 1;
  text-align: left;
}

.relatedEntries__entryCta + .relatedEntries__entryCta {
  margin-top: 36px;
}

.relatedEntries__button {
  display: inline-block;
  position: relative;
  z-index: 3;
}

.relatedEntries__ghostImageWrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 60%;
  z-index: 1;
  overflow: hidden;
}

.relatedEntries__ghostImage {
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  display: block;
  -webkit-filter: blur(3rem);
          filter: blur(3rem);
}

.relatedEntries__triangle {
  display: none;
  position: absolute;
  bottom: 0;
  right: calc(((100vw - 1188px) / 2) - 110px);
  width: 1404px;
  z-index: 2;
}

.relatedEntries__triangleFill {
  fill: #06233f;
}

.relatedEntries__button {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  margin: 0 auto;
  margin-top: 6rem;
}

.relatedEntries__button:hover,
.relatedEntries__button:focus {
  background-color: #fff;
  color: #06233f;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .relatedEntries__ghostImageWrapper {
    opacity: 0.1;
  }
}

@media screen and (min-width: 750px) {
  .relatedEntries__triangle {
    display: block;
  }

  .relatedEntries__column {
    width: calc(50% - 3.6rem);
  }

  .relatedEntries__column:first-child {
    margin-bottom: 0;
  }

  .relatedEntries__ghostImageWrapper {
    width: calc(((100vw - 1188px) / 2) + 868px);
    height: 100%;
  }
}

pre {
  color: pink;
}

.simpleCta {
  padding: 4.8rem 0;
  background-color: #0078C9;
  text-align: center;
}

.simpleCta__button {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  margin: 0 auto;
}

.simpleCta__button:hover,
.simpleCta__button:focus {
  background-color: #fff;
  color: #0078C9;
}

.siteFooter {
  background-color: #e7f1f8;
  padding: 4rem 0 4rem;
}

.siteFooter__brand {
  width: 22.2rem;
  height: 4rem;
  display: block;
  transform: translateY(-7px);
}

.siteFooter__columnHeader {
  height: 4rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}

.siteFooter__columnTitle,
.siteFooter__brand {
  margin-top: auto;
}

.siteFooter__logo {
  height: 4.7rem;
  margin-left: -9px;
}

.siteFooter__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(-36px / 2);
  margin-right: calc(-36px / 2);
}

.siteFooter__column {
  margin: 0 calc(36px / 2) 36px;
  width: calc(100% - 36px);
}

.siteFooter__columnTitle {
  font-size: 1.8rem;
  font-weight: 700;
  color: #5B7F95;
}

.siteFooter__email {
  margin-bottom: 2rem;
  display: block;
}

.siteFooter__contactTitle {
  margin-bottom: 0.8rem;
  color: #5B7F95;
}

.siteFooter__phone {
  margin-bottom: 0;
}

.siteFooter__contact {
  margin-bottom: 5.9rem;
}

.siteFooter__address,
.siteFooter__phone {
  color: #003057;
}

.siteFooter__navLink,
.siteFooter__address,
.siteFooter__email,
.siteFooter__contactTitle,
.siteFooter__phone {
  font-size: 1.6rem;
  font-weight: 500;
}

.siteFooter__navListItem {
  margin-bottom: 0.3rem;
}

.siteFooter__legal {
  display: flex;
  flex-direction: column;
  border-top: 2px solid #a1b8c6;
  padding-top: 1.9rem;
}

.siteFooter__legalLinkList {
  display: flex;
  flex-direction: column;
}

.siteFooter__legalListItem {
  margin-bottom: 1rem;
}

.siteFooter__legalLink {
  font-size: 1.8rem;
}

@media screen and (min-width: 420px) {
  .siteFooter__column {
    width: calc(50% - 36px);
  }
}

@media screen and (min-width: 576px) {
  .siteFooter__legalLinkList {
    flex-direction: row;
  }

  .siteFooter__legalListItem {
    margin-bottom: 0;
    margin-right: 3.2rem;
  }

  .siteFooter__legal {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1000px) {
  .siteFooter {
    padding: 9.2rem 0 13.7rem;
  }

  .siteFooter__navLink,
  .siteFooter__address,
  .siteFooter__email,
  .siteFooter__contactTitle,
  .siteFooter__phone {
    font-size: 1.8rem;
  }

  .siteFooter__column {
    width: calc(25% - 36px);
  }
}

.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e7f1f8;
  border-top: 3px solid #0078C9;
  padding: 1.8rem 0 0.6rem;
  z-index: 4;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0);
  transition: padding-top 500ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.siteHeader__navigation {
  background-color: #e7f1f8;
  position: fixed;
  top: 6.6rem;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(-100%);
}

.siteHeader__navigation.-opened {
  transform: translateX(0);
}

.siteHeader__primaryNav {
  transition: height 500ms cubic-bezier(0.16, 1, 0.3, 1), top 500ms cubic-bezier(0.16, 1, 0.3, 1), left 500ms cubic-bezier(0.16, 1, 0.3, 1);
  top: 0;
  left: 36px;
  margin-bottom: 2rem;
}

.siteHeader__secondaryNav {
  transition: height 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.siteHeader__navigationWrapper {
  display: flex;
  flex-direction: column;
}

.siteHeader__utilityBar {
  transition: margin-bottom 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media screen and (min-width: 1000px) {
  .siteHeader {
    padding: 2.7rem 0 1.9rem;
  }

  .siteHeader__navigationWrapper {
    flex-direction: row;
    justify-content: space-between;
  }

  .siteHeader__primaryNav {
    height: 2.7rem;
    position: absolute;
    margin-bottom: 0;
  }

  .siteHeader__secondaryNav {
    transition: height 500ms cubic-bezier(0.16, 1, 0.3, 1);
    height: 2.7rem;
    margin-left: auto;
  }

  .siteHeader__navigation {
    background-color: transparent;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: translateX(0);
  }

  .siteHeader__utilityBar {
    margin-bottom: 2.6rem;
  }
}

body.scrolled .siteHeader {
  padding-top: 1.8rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

body.scrolled .siteHeader__utilityBar {
  margin-bottom: 0;
}

@media screen and (min-width: 1000px) {
  body.scrolled .siteHeader__secondaryNav {
    height: 0;
    overflow: hidden;
  }

  body.scrolled .siteHeader__primaryNav {
    height: 0;
    top: -2.9rem;
    left: 25.4rem;
  }
}

.solutionsGrid {
  padding: 0 0 5.4rem;
}

.solutionsGrid__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(-36px / 2);
  margin-right: calc(-36px / 2);
}

.solutionsGrid__relatedCard,
.solutionsGrid__calloutCard {
  width: calc(100% - 36px);
  margin: 0 calc(36px / 2) 36px;
}

@media screen and (min-width: 1000px) {
  .solutionsGrid {
    padding: 9rem 0 5.4rem;
    margin-top: -1rem;
  }

  .solutionsGrid__relatedCard,
  .solutionsGrid__calloutCard {
    width: calc(50% - 36px);
  }
}

.videoHero__cta {
  box-shadow: -16px 16px 32px 8px rgba(31, 57, 12, 0.5);
}

.videoHero {
  display: flex;
  flex-direction: column;
  min-height: 65vh;
  justify-content: space-between;
  position: relative;
}

@media screen and (min-width: 750px) {
  .videoHero {
    min-height: 70vh;
  }
}

.videoHero__content,
.videoHero__footer {
  position: relative;
  z-index: 1;
}

.videoHero__content {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-start;
  padding: 6rem 0;
}

.videoHero__contentWrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.videoHero__text {
  border-left: 8px solid transparent;
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.3;
  padding: 0 0 2.8rem 2rem;
  text-shadow: 0 2px 1px rgba(27, 53, 9, 0.5), 0 16px 45px rgba(51, 103, 14, 0.75);
}

.videoHero__text p {
  margin: 0;
}

@media screen and (min-width: 576px) {
  .videoHero__text {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 750px) {
  .videoHero__text {
    font-size: 3.25rem;
    line-height: 1.2;
    text-shadow: 0 2px 1px rgba(27, 53, 9, 0.5), 0 16px 45px rgba(51, 103, 14, 0.75);
  }
}

@media screen and (min-width: 1000px) {
  .videoHero__text {
    font-size: 4rem;
  }
}

.videoHero__text span,
.videoHero__text strong {
  display: block;
  font-weight: 900;
  letter-spacing: 1.6px;
}

.videoHero__cta {
  font-size: 16px;
  letter-spacing: 0.5px;
}

@media screen and (min-width: 750px) {
  .videoHero__cta {
    font-size: 18px;
  }
}

.videoHero__cta::before {
  background-color: #78BE20;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  transition: background-color 250ms cubic-bezier(0, 0.55, 0.45, 1);
  width: 8px;
}

.videoHero__cta:hover::before,
.videoHero__cta:focus::before {
  background-color: #5c9317;
}

.videoHero__footer {
  background: rgba(18, 49, 87, 0.9);
  background: linear-gradient(270deg, rgba(18, 49, 87, 0.9), rgba(2, 12, 26, 0.8));
  padding: 40px 0;
  width: 100vw;
}

@media screen and (min-width: 750px) {
  .videoHero__footer {
    background: rgba(18, 49, 87, 0.9);
    background: linear-gradient(90deg, rgba(18, 49, 87, 0.9), rgba(2, 12, 26, 0.8));
  }
}

.videoHero__footer > * {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 750px) {
  .videoHero__footer > * {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.videoHero__footer > * > * + * {
  margin-top: 2.4rem;
}

@media screen and (min-width: 750px) {
  .videoHero__footer > * > * + * {
    margin-top: 0;
  }
}

.videoHero__footerText {
  color: #FFF;
  flex: 0 1 66%;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

@media screen and (min-width: 576px) {
  .videoHero__footerText {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 750px) {
  .videoHero__footerText {
    font-size: 1.8rem;
  }
}

.videoHero__footerCta {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 33%;
}

.videoHero__media {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.videoHero__media::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
}

@media screen and (min-width: 1200px) {
  .videoHero__media::before {
    left: calc( 50vw - ( 1116px / 2 ) );
    width: 1116px;
  }
}

@media screen and (min-width: 1200px) {
  .videoHero__media::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc( 50vw - ( 1116px / 2 ) );
  }
}

.videoHero__media img,
.videoHero__media video {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  height: 100%;
  width: 100%;
  display: none;
}

@media screen and (min-width: 1000px) {
  .videoHero img,
  .videoHero video {
    display: block;
  }
}

a.videoHero__footerButton.button {
  background-color: #123157;
  color: #FFF;
}

a.videoHero__footerButton.button:hover,
a.videoHero__footerButton.button:focus {
  background-color: #0078C9;
  color: #FFF;
}

_:-ms-fullscreen,
:root .videoHero__content {
  height: 100%;
  min-height: calc(65vh - 134px);
}

@media screen and (min-width: 750px) {
  _:-ms-fullscreen,
  :root .videoHero__content {
    min-height: calc(70vh - 134px);
  }
}

pre {
  color: pink;
}

pre {
  color: pink;
}

html {
  box-sizing: border-box;
  background-color: #e7f1f8;
  color: #333233;
  font-family: "Lato", sans-serif !important;
  overflow-x: hidden;
  font-size: 10px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #e7f1f8;
  min-width: 320px;
  position: relative;
  font-family: "Lato", sans-serif !important;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  font-size: 16px;
  margin: 0;
  padding-top: 6.7rem;
}

@media screen and (min-width: 1000px) {
  body {
    padding-top: 14.2rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    position: static;
  }
}

html.-lock,
body.-lock {
  position: fixed;
  overflow: hidden;
}

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

::-moz-selection {
  background: #cccbcc;
}

::selection {
  background: #cccbcc;
}

::-moz-selection {
  background: #cccbcc;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 0.6em;
}

h1 {
  font-size: 2.2rem;
  font-weight: 700;
}

@media screen and (min-width: 1000px) {
  h1 {
    font-size: 4.8rem;
  }
}

h2 {
  font-size: 1.7rem;
  text-transform: uppercase;
  font-weight: 900;
}

@media screen and (min-width: 1000px) {
  h2 {
    font-size: 4.8rem;
  }
}

h3 {
  font-size: 1.3rem;
}

@media screen and (min-width: 1000px) {
  h3 {
    font-size: 1.6rem;
  }
}

h4 {
  font-size: 1.1rem;
}

@media screen and (min-width: 1000px) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1rem;
}

@media screen and (min-width: 1000px) {
  h5 {
    font-size: 1.15rem;
  }
}

a {
  color: #003057;
  transition: color 250ms cubic-bezier(0, 0.55, 0.45, 1);
  text-decoration: none !important;
}

a:hover,
a:focus {
  color: #0078C9;
}

p {
  margin: 0 0 2em;
  padding: 0;
}

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

blockquote {
  border-left: 1px solid #cccbcc;
  color: #8d8b8d;
  font-style: italic;
  margin-bottom: 2em;
  padding-left: 1rem;
}

hr {
  border: 0;
  border-top: 1px solid #8d8b8d;
  display: block;
  height: 0;
  margin: 2em auto 3em;
  width: 100%;
}

p,
ol,
ul,
dl {
  margin-bottom: 2rem;
}

ol,
ul {
  padding-left: 2rem;
}

ol li,
ol dt,
ol dd,
ul li,
ul dt,
ul dd {
  margin-bottom: 0.5em;
}

ul {
  list-style: disc;
}

ul[class],
ol[class] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

dt {
  font-weight: bold;
  padding-left: 0.5em;
}

pre {
  background-color: #4A4A4A;
  padding: 1em;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  color: #FBCE78;
  font-family: "Consolas", monospace;
  padding: 2px 4px;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

button[class]:not(.button) {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

fieldset .help {
  color: #8d8b8d;
  font-size: 0.8rem;
  margin: 0;
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  border: 1px solid #cccbcc;
  border-radius: 0;
  box-sizing: border-box;
  color: #333233;
  display: block;
  font-family: "Lato", sans-serif !important;
  margin: 0;
  padding: 0.4rem 0.6rem;
  width: 100%;
}

input[type=reset],
input[type=search],
input[type=text],
input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #4A4A4A;
}

::ms-input-placeholder {
  color: #4A4A4A;
}

::-placeholder {
  color: #4A4A4A;
}

select {
  border: 1px solid #cccbcc;
  height: 2.4rem;
  width: 100%;
}

textarea {
  height: 8em;
  overflow: auto;
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2rem;
  width: 100%;
}

table caption {
  font-size: 0.9rem;
  margin-bottom: 0.75em;
}

table td,
table th {
  padding: 0.5em 1em;
  text-align: left;
  vertical-align: top;
}

table th {
  background-color: #333233;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}

table td {
  border: 1px solid #cccbcc;
}

table tr:nth-child(even) td {
  background-color: #F3F3F3;
}

@media print {
  * {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  a {
    text-decoration: underline;
  }

  pre,
  blockquote,
  tr,
  img,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
}

.focus--mouse {
  outline: none !important;
}


/*# sourceMappingURL=main.css.map*/