@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: translateZ(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(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.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: normal;
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: #fff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity .3s;
transform: translateZ(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, .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(0,-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: transform .2s,top .2s
}
.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: transform .2s,left .2s
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s,right .2s
}
.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: #fff
}
.swiper-pagination-black {
--swiper-pagination-color: #000
}
.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 linear infinite;
animation: swiper-preloader-spin 1s linear infinite;
box-sizing: border-box;
border-radius: 50%;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-top: 4px solid transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin {
to {
transform: rotate(1turn)
}
}
@keyframes swiper-preloader-spin {
to {
transform: rotate(1turn)
}
}
.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: 0;
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
}
.primaryNav__navLink {
font-size: 1.6rem;
transition: font-size .25s cubic-bezier(.16,1,.3,1);
position: relative
}
.primaryNav__listItem.js-dropdownParent .primaryNav__navLink:after {
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
text-rendering: auto;
text-transform: none;
position: absolute;
top: 2.4rem;
left: 50%;
transform: translateX(-50%) translateY(-1rem);
transition: opacity .5s cubic-bezier(0,.55,.45,1), transform .5s cubic-bezier(.16,1,.3,1);
opacity: 0;
content: '';
width: 16px;
height: 16px;
-webkit-mask: url(/_Images/icons/chevron-down.svg) no-repeat center;
-webkit-mask-size: contain;
background-color: currentColor;
color: #5b7f95;
}
.chevron-right {
mask: url(/_Images/icons/chevron-right.svg) no-repeat center;
mask-size: contain;
position: absolute;
background-color: #5b7f95;
margin-top: 6px;
margin-left: 4px;
width: 18px;
height: 16px;
}
.chevron-left {
mask: url(/_Images/icons/chevron-left.svg) no-repeat center;
mask-size: contain;
position: absolute;
background-color: #5b7f95;
margin-top: 6px;
margin-left: 4px;
width: 26px;
height: 32px;
}
.dropdown__tabListItem.-active .chevron-right,
.dropdown__tabListItem:focus .chevron-right,
.dropdown__tabListItem:hover .chevron-right {
background-color: #fff;
}
.globe__language {
font-size: 0px;
}
.globe__icon {
width: 24px;
height: 24px;
mask: url('/_Images/icons/globe.svg') no-repeat center;
mask-size: contain;
background-color: #5b7f95;
margin-top: 8px;
}
.globe__icon:hover {
background-color: #0078c9;
}
.email__us__icon {
width: 24px;
height: 24px;
mask: url('/_Images/icons/email_24x24_Icon.svg') no-repeat center;
mask-size: contain;
background-color: #5b7f95;
margin-top: 5px;
}
.email__us__icon:hover {
background-color: #0078c9;
}
.close__icon {
width: 20px;
height: 20px;
mask: url('/_Images/icons/close.svg') no-repeat center;
mask-size: contain;
background-color: #5b7f95;
margin-top: 2px;
}
.close__language {
font-size: 0px;
right: 2.8rem;
position: absolute;
}
.fa_icon {
width: 32px;
height: 32px;
background-color: #5b7f95;
}
.fa_icon:hover {
background-color: #003057
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/ .hamburger {
padding: 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity,-webkit-filter;
transition-property: opacity,filter;
transition-property: opacity,filter,-webkit-filter;
transition-duration: .15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible
}
.hamburger.is-active:hover, .hamburger:hover {
opacity: .7
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
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:after, .hamburger-inner:before {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: ease
}
.hamburger-inner:after, .hamburger-inner:before {
content: "";
display: block
}
.hamburger-inner:before {
top: -10px
}
.hamburger-inner:after {
bottom: -10px
}
.hamburger--3dx .hamburger-box {
perspective: 80px
}
.hamburger--3dx .hamburger-inner {
transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.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)
}
.hamburger--3dx-r .hamburger-box {
perspective: 80px
}
.hamburger--3dx-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.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)
}
.hamburger--3dy .hamburger-box {
perspective: 80px
}
.hamburger--3dy .hamburger-inner {
transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.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)
}
.hamburger--3dy-r .hamburger-box {
perspective: 80px
}
.hamburger--3dy-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.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)
}
.hamburger--3dxy .hamburger-box {
perspective: 80px
}
.hamburger--3dxy .hamburger-inner {
transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.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)
}
.hamburger--3dxy-r .hamburger-box {
perspective: 80px
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotate(-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)
}
.hamburger--arrow.is-active .hamburger-inner:before {
transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrow.is-active .hamburger-inner:after {
transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:before {
transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:after {
transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowalt .hamburger-inner:before {
transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt .hamburger-inner:after {
transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt.is-active .hamburger-inner:before {
top: 0;
transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowalt.is-active .hamburger-inner:after {
bottom: 0;
transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowalt-r .hamburger-inner:before {
transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r .hamburger-inner:after {
transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {
top: 0;
transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {
bottom: 0;
transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn.is-active .hamburger-inner:before {
transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrowturn.is-active .hamburger-inner:after {
transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.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) scaleX(.7)
}
.hamburger--arrowturn-r.is-active .hamburger-inner:after {
transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
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)
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse .hamburger-inner:after {
top: -20px;
transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}
.hamburger--collapse .hamburger-inner:before {
transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0,-10px,0) rotate(-45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--collapse.is-active .hamburger-inner:after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
}
.hamburger--collapse.is-active .hamburger-inner:before {
top: 0;
transform: rotate(-90deg);
transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse-r .hamburger-inner:after {
top: -20px;
transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner:before {
transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0,-10px,0) rotate(45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
top: 0;
transform: rotate(90deg);
transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
}
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: .275s;
transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic .hamburger-inner:before {
top: 10px;
transition: opacity .125s ease .275s
}
.hamburger--elastic .hamburger-inner:after {
top: 20px;
transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0,10px,0) rotate(135deg);
transition-delay: 75ms
}
.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: 75ms
}
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: .275s;
transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic-r .hamburger-inner:before {
top: 10px;
transition: opacity .125s ease .275s
}
.hamburger--elastic-r .hamburger-inner:after {
top: 20px;
transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0,10px,0) rotate(-135deg);
transition-delay: 75ms
}
.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: 75ms
}
.hamburger--emphatic {
overflow: hidden
}
.hamburger--emphatic .hamburger-inner {
transition: background-color .125s ease-in .175s
}
.hamburger--emphatic .hamburger-inner:before {
left: 0;
transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}
.hamburger--emphatic .hamburger-inner:after {
top: 10px;
right: 0;
transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}
.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 .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}
.hamburger--emphatic.is-active .hamburger-inner:after {
right: -80px;
top: -80px;
transform: translate3d(-80px,80px,0) rotate(-45deg);
transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}
.hamburger--emphatic-r {
overflow: hidden
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color .125s ease-in .175s
}
.hamburger--emphatic-r .hamburger-inner:before {
left: 0;
transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}
.hamburger--emphatic-r .hamburger-inner:after {
top: 10px;
right: 0;
transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}
.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 .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}
.hamburger--emphatic-r.is-active .hamburger-inner:after {
right: -80px;
top: 80px;
transform: translate3d(-80px,-80px,0) rotate(45deg);
transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}
.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
transition: bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear
}
.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
opacity: 0;
transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s
}
.hamburger--minus.is-active .hamburger-inner:before {
top: 0
}
.hamburger--minus.is-active .hamburger-inner:after {
bottom: 0
}
.hamburger--slider .hamburger-inner {
top: 2px
}
.hamburger--slider .hamburger-inner:before {
top: 10px;
transition-property: transform,opacity;
transition-timing-function: ease;
transition-duration: .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)
}
.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: .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)
}
.hamburger--spin .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin .hamburger-inner:before {
transition: top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after {
transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
transition: top .1s ease-out,opacity .1s ease-out .12s
}
.hamburger--spin.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.hamburger--spin-r .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r .hamburger-inner:before {
transition: top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner:after {
transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin-r.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
transition: top .1s ease-out,opacity .1s ease-out .12s
}
.hamburger--spin-r.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(90deg);
transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s linear .13s
}
.hamburger--spring .hamburger-inner:before {
top: 10px;
transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring .hamburger-inner:after {
top: 20px;
transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: .22s;
background-color: transparent !important
}
.hamburger--spring.is-active .hamburger-inner:before {
top: 0;
transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
transform: translate3d(0,10px,0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner:after {
top: 0;
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
transform: translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring-r .hamburger-inner:after {
top: -20px;
transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
}
.hamburger--spring-r .hamburger-inner:before {
transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0,-10px,0) rotate(-45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--spring-r.is-active .hamburger-inner:after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s
}
.hamburger--spring-r.is-active .hamburger-inner:before {
top: 0;
transform: rotate(90deg);
transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s
}
.hamburger--stand .hamburger-inner {
transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}
.hamburger--stand .hamburger-inner:before {
transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand .hamburger-inner:after {
transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s
}
.hamburger--stand.is-active .hamburger-inner:before {
top: 0;
transform: rotate(-45deg);
transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}
.hamburger--stand.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}
.hamburger--stand-r .hamburger-inner {
transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}
.hamburger--stand-r .hamburger-inner:before {
transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r .hamburger-inner:after {
transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s
}
.hamburger--stand-r.is-active .hamburger-inner:before {
top: 0;
transform: rotate(-45deg);
transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}
.hamburger--stand-r.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 75ms;
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze .hamburger-inner:before {
transition: top 75ms ease .12s,opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
transition: top 75ms ease,opacity 75ms ease .12s
}
.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s
}
.hamburger--vortex .hamburger-inner {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.19,1,.22,1)
}
.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
transition-duration: 0s;
transition-delay: .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(.19,1,.22,1)
}
.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
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)
}
.hamburger--vortex-r .hamburger-inner {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.19,1,.22,1)
}
.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
transition-duration: 0s;
transition-delay: .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(.19,1,.22,1)
}
.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
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)
}
.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
}
}
footer .container, header .container {
margin-left: auto;
margin-right: auto;
max-width: 1188px;
padding-left: 18px;
padding-right: 18px;
position: relative
}
@media screen and (min-width:576px) {
footer .container, header .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: -.5rem;
margin-right: -.5rem
}
.grid .grid-cell {
flex-basis: calc(50% - 1rem);
flex-shrink: 0;
margin-left: .5rem;
margin-right: .5rem;
max-width: calc(50% - 1rem)
}
}
@media screen and (min-width:1000px) {
.grid .grid-cell {
flex-basis: calc(33.33333% - 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 .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 .25s
}
.mobile.init {
display: block;
opacity: 1
}
.mobile.init .menu > div + div {
display: none
}
.mobile nav.utility ul li a {
padding: .75rem 0
}
.mobile ul {
display: block;
padding-left: 0
}
.mobile ul li {
align-items: center;
border-bottom: 1px solid #333;
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 .16s cubic-bezier(0,.4,.7,1);
width: 100%;
z-index: 100
}
.button {
background-color: #78be20;
padding: 1.5rem 3.6rem;
font-weight: 700;
color: #fff;
transition: background-color .25s cubic-bezier(0,.55,.45,1),color .25s cubic-bezier(0,.55,.45,1)
}
.button:focus, .button:hover {
background-color: #5c9317;
color: #fff
}
button.button {
border: none;
cursor: pointer
}
.logo {
max-width: 100%
}
.logo__branch, .logo__letters, .logo__swirl {
fill: #0078c9;
transition: fill .25s cubic-bezier(0,.55,.45,1)
}
a .logo:focus .logo__branch, a .logo:focus .logo__letters, a .logo:focus .logo__swirl, a .logo:hover .logo__branch, a .logo:hover .logo__letters, a .logo:hover .logo__swirl, button .logo:focus .logo__branch, button .logo:focus .logo__letters, button .logo:focus .logo__swirl, button .logo:hover .logo__branch, button .logo:hover .logo__letters, button .logo:hover .logo__swirl {
fill: #003057
}
.calloutCard {
padding: 2.4rem 3rem;
border: .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 8rem 4.8rem 6rem
}
.calloutCard__button {
margin-bottom: -7.7rem
}
}
.dropdown {
background-color: #e7f1f8;
box-shadow: 0 3px 5px rgba(91,127,149,.2);
padding-top: 2rem;
z-index: 1;
transition: opacity .25s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.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 {
flex-grow: 1
}
.dropdown__column, .dropdown__tabPanel {
margin-bottom: 2rem
}
.dropdown__link, .dropdown__tabTitle, .dropdown__title {
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;
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,.3)
}
.dropdown__tabPanelWrapper {
position: relative;
z-index: 1;
flex-grow: 1;
min-height: 32rem
}
.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 .25s cubic-bezier(0,.55,.45,1);
border-left: 3px solid #5b7f95;
padding: 0;
overflow: hidden;
height: 0
}
.dropdown__tabListItem {
font-size: 1.7rem;
padding: 1rem;
color: #003057;
margin-bottom: 0;
transition: color .25s cubic-bezier(0,.55,.45,1),background-color .25s cubic-bezier(0,.55,.45,1);
cursor: pointer
}
.dropdown__tabListItem .fal {
font-size: 2.4rem;
margin-left: .5rem;
vertical-align: -3px
}
.dropdown__tabListItem.-active, .dropdown__tabListItem:focus, .dropdown__tabListItem:hover {
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;
margin-right: 2rem;
width: 25%
}
.dropdown__wrapper.js-groupedTabs {
max-height: 50rem;
min-height: 30rem
}
}
.entryCta {
display: flex;
flex-direction: column;
transition: transform .25s cubic-bezier(.16,1,.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: .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:focus, .entryCta:hover {
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,.2)
}
.primaryNav__listItem:focus .primaryNav__dropdown, .primaryNav__listItem:hover .primaryNav__dropdown {
opacity: 1;
pointer-events: all
}
.primaryNav__listItem:focus .primaryNav__navLink:after, .primaryNav__listItem:hover .primaryNav__navLink:after {
transform: translateX(-50%) translateY(0) !important;
opacity: 1 !important
}
.primaryNav__listItem:focus .dropdown__tabPanel, .primaryNav__listItem:hover .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: -.5rem;
left: 0;
bottom: 0;
right: 0;
overflow-y: scroll
}
.primaryNav__list {
display: flex;
flex-direction: column;
font-size: 16px
}
.primaryNav__listItem {
padding: .7rem 0;
border-bottom: 1px solid #5b7f95;
transition: padding-right .5s cubic-bezier(.16,1,.3,1)
}
.primaryNav__navLink {
font-size: 1.6rem;
transition: font-size .25s cubic-bezier(.16,1,.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 .5s cubic-bezier(0,.55,.45,1),transform .5s cubic-bezier(.16,1,.3,1);
opacity: 0
}
.primaryNav__dropdownTrigger {
position: absolute;
top: 9px;
right: 22px;
}
.primaryNav__dropdownTrigger .fal {
font-size: 2.7rem;
color: #003057
}
@media screen and (min-width:1000px) {
.primaryNav__list {
flex-direction: row
}
.primaryNav__hideDesktop {
display: none
}
.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:active),screen and (min-width:1000px) and (-ms-high-contrast:none) {
.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 3.2rem 0 0;
border-bottom: none
}
}
@media screen and (min-width:1000px) {
.primaryNav__dropdownTrigger {
display: none
}
}
body.scrolled .primaryNav__listItem {
padding-right: 2.8rem
}
@media screen and (min-width:1000px) {
body.scrolled .primaryNav__dropdown {
top: 1.9rem
}
}
@media screen and (min-width:1000px) and (-ms-high-contrast:active),screen and (min-width:1000px) and (-ms-high-contrast:none) {
body.scrolled .primaryNav__dropdown {
top: 8rem
}
}
.relatedCard {
background-color: #fff;
display: flex;
position: relative;
flex-direction: row;
align-items: stretch;
text-decoration: none;
transition: transform .5s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.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: .4rem
}
.relatedCard__title {
font-size: 2.4rem;
font-weight: 900;
text-decoration: none;
color: #003057;
line-height: 1.15;
text-transform: none
}
.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 {
bottom: -.1rem;
border-top: 2px solid #b5e4f1;
transition: transform .25s cubic-bezier(.16,1,.3,1);
transform: scaleX(0)
}
.relatedCard:after, .relatedCard__cta:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%
}
.relatedCard:after {
top: 0;
height: 100%;
box-shadow: inset 0 0 0 0 #fff;
transition: box-shadow .25s cubic-bezier(.16,1,.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 .5s cubic-bezier(.16,1,.3,1);
transform: translateX(-15rem)
}
.relatedCard.-solution {
background-color: transparent;
min-height: 5.5rem
}
.relatedCard.-solution .relatedCard__body {
padding: 0 0 0 9.6rem;
position: relative;
overflow: hidden
}
.relatedCard.-solution .relatedCard__cta, .relatedCard.-solution .relatedCard__description {
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 .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(0,.55,.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: .2rem;
left: 2.2rem;
color: #fff;
opacity: .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:focus, .relatedCard:hover {
transform: translateY(-1.2rem);
box-shadow: 0 1.2rem 3.6rem rgba(91,127,149,.3)
}
.relatedCard:focus:after, .relatedCard:hover:after {
box-shadow: inset 0 0 0 .6rem #fff
}
.relatedCard:focus.-solution, .relatedCard:hover.-solution {
transform: translateY(0);
box-shadow: 0 1.2rem 3.6rem rgba(91,127,149,0)
}
.relatedCard:focus.-solution:after, .relatedCard:hover.-solution:after {
box-shadow: inset 0 0 0 0 #fff
}
.relatedCard:focus .relatedCard__title, .relatedCard:hover .relatedCard__title {
color: #003057
}
.relatedCard:focus .relatedCard__cta:after, .relatedCard:hover .relatedCard__cta:after {
transform: scaleX(1)
}
.relatedCard:focus .relatedCard__description, .relatedCard:hover .relatedCard__description {
color: #333233
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.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:focus.-solution, .relatedCard:hover.-solution {
transform: translateY(-1.2rem);
box-shadow: 0 1.2rem 3.6rem rgba(91,127,149,.3)
}
.relatedCard:focus.-solution .relatedCard__body:before, .relatedCard:hover.-solution .relatedCard__body:before {
transform: scaleY(20);
opacity: .2
}
.relatedCard:focus.-solution:after, .relatedCard:hover.-solution:after {
box-shadow: inset 0 0 0 .6rem #fff
}
.relatedCard:focus .relatedCard__solutionIcon, .relatedCard:hover .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 !important;
vertical-align: middle
}
.search__langDropdown {
background-color: #e7f1f8;
position: relative
}
.search__langDropdown > .container {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1188px !important;
position: relative !important;
width: 100% !important;
font-size: 10px;
}
.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 .25s cubic-bezier(0,.55,.45,1);
vertical-align: middle;
padding-top: 3px
}
.search__langButtonClose {
font-size: 0;
position: absolute;
top: -.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 .25s cubic-bezier(0,.55,.45,1);
vertical-align: middle
}
.search__langButton:focus:before, .search__langButton:hover:before {
color: #0078c9
}
.search__langList > * + * {
margin-top: .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: 1rem;
flex-grow: 1
}
.siteHeader .search__searchButton {
position: absolute;
transition: transform .25s cubic-bezier(.16,1,.3,1);
top: 0;
right: 0;
width: 4rem;
height: 3.6rem;
font-size: 0
}
.search__searchButton:focus, .search__searchButton:hover {
transform: scale(1.1)
}
.search__searchIcon {
width: 1.6rem;
min-width: 1.6rem
}
.search__searchForm {
position: relative;
width: 100%
}
.search__formWrapper {
display: none
}
.siteHeader .search__input[type=text] {
background-color: #fff;
box-shadow: 0 3px 5px rgba(91,127,149,.2);
font-size: 1.4rem;
padding: .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 .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),top .25s cubic-bezier(.16,1,.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
}
}
.search__contactUs {
display: none;
font-size: 1em
}
.search__contactUs a {
color: #5b7f95 !important
}
.search__contactUs a:hover {
color: #003057 !important
}
.search__contactUsDivider span {
padding-left: 1rem;
height: 3.6rem;
margin-right: 1.6rem;
display: none;
border-right: 2px solid #5b7f95
}
@media screen and (min-width:1000px) {
.search__contactUs, .search__contactUsDivider span {
display: block
}
.search__formWrapper {
display: flex
}
.search__mobileSearch {
display: none
}
.search__langDropdown {
display: block;
position: fixed;
top: 7.2rem;
width: 250px;
margin-left: 70%;
box-shadow: 1px 0 6px -1px rgba(151,148,148,.65);
-webkit-box-shadow: 1px 0 6px -1px rgba(151,148,148,.65);
-moz-box-shadow: 1px 0 6px -1px rgba(151,148,148,.65);
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;
width: 160px;
margin-left: 80%;
box-shadow: 1px 0 6px -1px rgba(151,148,148,.65);
-webkit-box-shadow: 1px 0 6px -1px rgba(151,148,148,.65);
-moz-box-shadow: 1px 0 6px -1px rgba(151,148,148,.65)
}
.search__langButtonClose {
right: 4.7rem
}
}
@media screen and (min-width:1000px) {
body.scrolled .search__langDropdown {
top: 8rem
}
body.scrolled .search__contactUs, body.scrolled .search__contactUsDivider {
display: none !important
}
}
.secondaryNav__list {
display: flex;
flex-direction: column;
font-size: 16px
}
.secondaryNav__listItem {
position: relative;
padding-right: 3rem;
margin-bottom: 0
}
.siteHeader .secondaryNav__link {
color: #5b7f95
}
.secondaryNav__link:focus, .secondaryNav__link:hover {
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,.2)
}
.secondaryNav__listItem .primaryNav__dropdown {
display: block;
position: fixed;
top: -.5rem;
left: 0;
bottom: 0;
right: 0;
overflow-y: scroll
}
.secondaryNav__listItem:focus .primaryNav__dropdown, .secondaryNav__listItem:hover .primaryNav__dropdown {
opacity: 1;
pointer-events: all
}
.secondaryNav__listItem:focus .primaryNav__navLink:after, .secondaryNav__listItem:hover .primaryNav__navLink:after {
transform: translateX(-50%) translateY(0) !important;
opacity: 1 !important
}
.secondaryNav__listItem:focus .dropdown__tabPanel, .secondaryNav__listItem:hover .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 .5s cubic-bezier(0,.55,.45,1),transform .5s cubic-bezier(.16,1,.3,1);
opacity: 0
}
.secondaryNav__listItem .primaryNav__dropdownTrigger .fal {
transform: translateY(-8px)
}
@media screen and (min-width:1000px) {
.secondaryNav__list {
flex-direction: row;
margin-right: -3.6rem !important
}
.secondaryNav__hideDesktop {
display: none
}
.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:active),screen and (min-width:1000px) and (-ms-high-contrast:none) {
.secondaryNav__listItem .primaryNav__dropdown {
top: 14.2rem
}
}
.social__list {
display: flex
}
.social__link {
font-size: 0
}
.social__link:focus .social__icon, .social__link:hover .social__icon {
color: #003057
}
.social__listItem {
margin-right: 1.8rem
}
.social__icon {
font-size: 3.4rem;
color: #5b7f95;
transition: color .25s cubic-bezier(0,.55,.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 .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.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, .utilityBar__mobileButton .hamburger-inner:after, .utilityBar__mobileButton .hamburger-inner:before, .utilityBar__mobileButton.is-active .hamburger-inner, .utilityBar__mobileButton.is-active .hamburger-inner:after, .utilityBar__mobileButton.is-active .hamburger-inner:before {
background-color: #5b7f95;
height: 2px;
width: 30px
}
.utilityBar__subBack {
color: #5b7f95;
position: absolute;
top: -.4rem;
right: 10.8rem;
transition: opacity .5s cubic-bezier(0,.55,.45,1);
pointer-events: none;
opacity: 0
}
.utilityBar__subBack.-active {
pointer-events: all;
opacity: 1
}
@media screen and (min-width:1000px) {
.utilityBar__mobileButton, .utilityBar__subBack {
display: none
}
.utilityBar__search {
flex-grow: 1;
margin-top: 0;
margin-right: 0;
max-width: 36.6rem
}
}
@media screen and (min-width:1000px) and (-ms-high-contrast:active),screen and (min-width:1000px) and (-ms-high-contrast:none) {
.utilityBar__search {
flex-grow: 0
}
}
@media screen and (min-width:1000px) {
.utilityBar__brand {
transform: translateY(0)
}
}
body.scrolled .utilityBar__search {
max-width: 25.9rem
}
.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 .25s cubic-bezier(0,.55,.45,1)
}
.videoCta:focus .videoCta__cta, .videoCta:hover .videoCta__cta {
background-color: #0078c9;
color: #fff
}
.videoCta:focus .videoCta__cta:after, .videoCta:hover .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 .25s cubic-bezier(0,.55,.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 .25s cubic-bezier(.16,1,.3,1);
border-left: 15px solid #fff
}
.aspenProduct {
background-position: 50%;
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: none
}
.aspenProduct__title strong {
font-size: 4.3rem
}
.aspenProduct__description {
color: #00a9ce;
font-size: 1.8rem;
max-width: 530px;
line-height: 1.25;
margin: 0 auto 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: 50%;
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: -.9rem 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(180deg,#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
}
.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: 50%;
background-repeat: no-repeat
}
.caseStudySlider__mainSliderColumn {
position: relative;
width: 19.2rem;
box-shadow: 0 0 10px rgba(0,0,0,.2);
transition: border-top .25s cubic-bezier(0,.55,.45,1);
border-top: 0 solid #40e0d0;
cursor: pointer
}
.caseStudySlider__mainSliderColumn:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: .6rem;
top: -.6rem;
left: 0;
background-color: #00a9ce;
transform-origin: bottom center;
transition: transform .25s cubic-bezier(0,.55,.45,1);
transform: scaleY(0)
}
.caseStudySlider__mainSliderColumn:focus .caseStudySlider__columnImageWrapper:before, .caseStudySlider__mainSliderColumn:hover .caseStudySlider__columnImageWrapper:before {
background-color: rgba(0,169,206,.8)
}
.caseStudySlider__mainSliderColumn:focus:before, .caseStudySlider__mainSliderColumn:hover: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,.8);
z-index: 2;
mix-blend-mode: hard-light;
transition: background-color .25s cubic-bezier(0,.55,.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: .4rem
}
.caseStudySlider__valueTotal {
margin-left: .4rem
}
.caseStudySlider__navLeft, .caseStudySlider__navRight {
transition: opacity .25s cubic-bezier(0,.55,.45,1)
}
.caseStudySlider__navLeft.-disable, .caseStudySlider__navRight.-disable {
pointer-events: none;
opacity: .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(90deg,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: 50%;
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,.8);
z-index: 1
}
.caseStudySlider__body {
position: relative;
background-color: #00a9ce;
padding: 3.6rem 3.6rem 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 .3s ease
}
.caseStudySlider__mainSliderWrapper .swiper-slide-prev .caseStudySlider__logoWrapper {
transform: translateX(-300%)
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.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 .25s cubic-bezier(0,.55,.45,1)
}
.fade-enter, .fade-leave-to {
opacity: 0
}
.featuredHero {
background-color: #0b1a2d;
position: relative;
padding: 4rem 0
}
.featuredHero__meta {
font-size: 2.4rem;
background: linear-gradient(90deg,#da291c,#ffc425 10%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.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 .5rem 17.2rem;
width: 33.3333%;
text-align: center
}
.featuredHero__statTitle {
font-size: 2.7rem;
margin-bottom: .4rem;
font-weight: 700;
line-height: 1.1
}
.featuredHero__statDescription {
margin-bottom: 0;
line-height: 1.1;
font-size: 1.4rem
}
.featuredHero__statDescription, .featuredHero__statTitle {
color: #fff
}
.featuredHero__stat.-eng {
background-image: linear-gradient(180deg,transparent -10%,#78be20)
}
.featuredHero__stat.-eng .featuredHero__statDescription {
color: #d3ffb4
}
.featuredHero__stat.-msc {
background-image: linear-gradient(180deg,transparent -10%,#00a9ce)
}
.featuredHero__stat.-msc .featuredHero__statDescription {
color: #c1f0ff
}
.featuredHero__stat.-amp {
background-image: linear-gradient(180deg,transparent -10%,#5f3c6c)
}
.featuredHero__stat.-amp .featuredHero__statDescription {
color: #e3d1f1
}
.featuredHero:after, .featuredHero:before {
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: 0 0
}
.featuredHero:after {
right: 0;
background-image: url(/web/media/hero/doorright.jpg);
background-position: 100% 0
}
.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 (-ms-high-contrast:active),(-ms-high-contrast:none) {
.featuredHero.-single:after {
opacity: .85 !important
}
}
.featuredHero.-single {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
@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:after, .featuredHero:before {
height: 35rem
}
}
@media screen and (min-width:1000px) {
.featuredHero {
padding: 4rem 0 17.4rem
}
.featuredHero__wrapper {
flex-direction: row;
padding: 0 9.6rem 0 13%
}
.featuredHero.-single .featuredHero__wrapper {
padding-left: 0
}
.featuredHero:after, .featuredHero:before {
width: calc(50% + 4rem);
height: 77%
}
.featuredHero:before {
left: -4rem
}
.featuredHero:after {
right: -4rem
}
.featuredHero__statsWrapper {
margin-left: -.6rem;
margin-right: -.6rem;
padding-right: 36px;
width: 100%
}
.featuredHero.-single .featuredHero__statsWrapper {
margin-left: 0
}
.featuredHero__stat {
text-align: left;
margin: 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
}
.featuredHero__statTitle {
font-size: 3.7rem
}
}
@media screen and (min-width:1200px) {
.featuredHero__wrapper {
flex-direction: row
}
.featuredHero:after, .featuredHero:before {
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:after, .featuredHero:before {
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: -18px;
margin-right: -18px
}
.featuredResources__relatedCard {
width: calc(100% - 36px);
margin: 0 18px
}
.featuredResources__relatedCard .relatedCard__body {
padding-right: 2.5rem
}
.featuredResources__relatedCard:nth-child(2n) .relatedCard__imageWrapper {
order: 2
}
.featuredResources__relatedCard:nth-child(2n) .relatedCard__body {
order: 1
}
@media screen and (min-width:1000px) {
.featuredResources {
padding: 9rem 0;
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(2n) .relatedCard__imageWrapper {
order: 1
}
.featuredResources__relatedCard:nth-child(2n) .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 2.4rem
}
.footerCta__introduction a {
color: #fff;
font-weight: 700
}
.footerCta__introduction a:focus, .footerCta__introduction a:hover {
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;
background: url(/web/media/graphics/aspenpattern.png),#fff;
background-size: contain;
background-position: bottom;
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;
column-count: 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: 100%;
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
}
.primaryNav__navLink {
font-size: 1.8rem
}
.secondaryNav__listItem {
padding-right: 3.4rem;
}
}
.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 {
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: 6rem auto 0
}
.relatedEntries__button:focus, .relatedEntries__button:hover {
background-color: #fff;
color: #06233f
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.relatedEntries__ghostImageWrapper {
opacity: .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%
}
}
.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:focus, .simpleCta__button:hover {
background-color: #fff;
color: #0078c9
}
.siteFooter {
background-color: #e7f1f8;
padding: 4rem 0
}
.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__brand, .siteFooter__columnTitle {
margin-top: auto
}
.siteFooter__logo {
height: 4.7rem;
margin-left: -9px
}
.siteFooter__wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -18px;
margin-right: -18px
}
.siteFooter__column {
margin: 0 18px 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: .8rem;
color: #5b7f95
}
.siteFooter__phone {
margin-bottom: 0
}
.siteFooter__contact {
margin-bottom: 5.9rem
}
.siteFooter__address, .siteFooter__phone {
color: #003057
}
.siteFooter__address, .siteFooter__contactTitle, .siteFooter__email, .siteFooter__navLink, .siteFooter__phone {
font-size: 1.6rem;
font-weight: 500
}
.siteFooter__navListItem {
margin-bottom: .3rem
}
.siteFooter__legal {
border-top: 2px solid #a1b8c6;
padding-top: 1.9rem
}
.siteFooter__legal, .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__address, .siteFooter__contactTitle, .siteFooter__email, .siteFooter__navLink, .siteFooter__phone {
font-size: 1.8rem
}
.siteFooter__column {
width: calc(25% - 36px)
}
}
.siteHeader {
top: 0;
width: 100%;
border-top: 3px solid #0078c9;
padding: 1.8rem 0 .6rem;
z-index: 4;
box-shadow: 0 3px 5px transparent;
transition: padding-top .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)
}
.siteHeader, .siteHeader__navigation {
position: fixed;
left: 0;
background-color: #e7f1f8
}
.siteHeader__navigation {
top: 6.6rem;
right: 0;
bottom: 0;
transition: transform .25s cubic-bezier(.16,1,.3,1);
transform: translateX(-100%)
}
.siteHeader__navigation.-opened {
transform: translateX(0)
}
.siteHeader__primaryNav {
transition: height .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),left .5s cubic-bezier(.16,1,.3,1);
top: 0;
left: 36px;
margin-bottom: 2rem
}
.siteHeader__secondaryNav {
transition: height .5s cubic-bezier(.16,1,.3,1)
}
.siteHeader__navigationWrapper {
display: flex;
flex-direction: column
}
.siteHeader__utilityBar {
transition: margin-bottom .5s cubic-bezier(.16,1,.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 .5s cubic-bezier(.16,1,.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,.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: -18px;
margin-right: -18px
}
.solutionsGrid__calloutCard, .solutionsGrid__relatedCard {
width: calc(100% - 36px);
margin: 0 18px 36px
}
@media screen and (min-width:1000px) {
.solutionsGrid {
padding: 9rem 0 5.4rem;
margin-top: -1rem
}
.solutionsGrid__calloutCard, .solutionsGrid__relatedCard {
width: calc(50% - 36px)
}
}
pre {
color: pink
}
html {
box-sizing: border-box
}
*, :after, :before {
box-sizing: inherit
}
body {
min-width: 320px;
position: relative;
height: 100%;
width: 100%;
overflow-x: hidden;
margin: 0;
padding-top: 6.7rem
}
@media screen and (min-width:1000px) {
body {
padding-top: 14.2rem
}
}
.siteHeader, footer {
background-color: #e7f1f8;
font-family: Lato,sans-serif !important;
font-size: 16px;
color: #333233;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
body {
position: static
}
}
body.-lock, html.-lock {
position: fixed;
overflow: hidden
}
.siteHeader img, footer img {
max-width: 100%;
vertical-align: middle;
height: auto
}
::selection {
background: #cccbcc
}
::-moz-selection {
background: #cccbcc
}
.siteHeader h1, .siteHeader h2, .siteHeader h3, .siteHeader h4, .siteHeader h5, footer h1, footer h2, footer h3, footer h4, footer h5 {
font-weight: 400;
line-height: 1.2;
margin: 0 0 .6em
}
.siteHeader h1, footer h1 {
font-size: 2.2rem;
font-weight: 700
}
@media screen and (min-width:1000px) {
.siteHeader h1, footer h1 {
font-size: 4.8rem
}
}
.siteHeader h2, footer h2 {
font-size: 1.7rem;
text-transform: uppercase;
font-weight: 900
}
@media screen and (min-width:1000px) {
.siteHeader h2, footer h2 {
font-size: 4.8rem
}
}
.siteHeader h3, footer h3 {
font-size: 1.3rem
}
@media screen and (min-width:1000px) {
.siteHeader h3, footer h3 {
font-size: 1.6rem
}
}
.siteHeader h4, footer h4 {
font-size: 1.1rem
}
@media screen and (min-width:1000px) {
.siteHeader h4, footer h4 {
font-size: 1.25rem
}
}
.siteHeader h5, footer h5 {
font-size: 1rem
}
@media screen and (min-width:1000px) {
.siteHeader h5, footer h5 {
font-size: 1.15rem
}
}
.siteHeader a, footer a {
color: #003057;
transition: color .25s cubic-bezier(0,.55,.45,1);
text-decoration: none
}
.siteHeader a:focus, .siteHeader a:hover, footer a:focus, footer a:hover {
color: #0078c9
}
.siteHeader p, footer p {
margin: 0 0 2em;
padding: 0
}
.siteHeader b, .siteHeader strong, footer b, footer strong {
font-weight: 700
}
.siteHeader blockquote, footer blockquote {
border-left: 1px solid #cccbcc;
color: #8d8b8d;
font-style: italic;
margin-bottom: 2em;
padding-left: 1rem
}
.siteHeader hr, footer hr {
border: 0;
border-top: 1px solid #8d8b8d;
display: block;
height: 0;
margin: 2em auto 3em;
width: 100%
}
.siteHeader dl, .siteHeader ol, .siteHeader p, .siteHeader ul, footer dl, footer ol, footer p, footer ul {
margin-bottom: 2rem
}
.siteHeader ol, .siteHeader ul, footer ol, footer ul {
padding-left: 2rem
}
.siteHeader ol dd, .siteHeader ol dt, .siteHeader ol li, .siteHeader ul dd, .siteHeader ul dt, .siteHeader ul li, footer ol dd, footer ol dt, footer ol li, footer ul dd, footer ul dt, footer ul li {
margin-bottom: .5em
}
.siteHeader ul, footer ul {
list-style: disc
}
.siteHeader ol[class], .siteHeader ul[class], footer ol[class], footer ul[class] {
list-style-type: none;
padding: 0;
margin: 0
}
.siteHeader dt, footer dt {
font-weight: 700;
padding-left: .5em
}
.siteHeader pre, footer pre {
background-color: #4a4a4a;
padding: 1em;
white-space: pre-wrap;
word-wrap: break-word
}
.siteHeader code, footer code {
color: #fbce78;
font-family: Consolas,monospace;
padding: 2px 4px
}
.siteHeader button, .siteHeader input, .siteHeader optgroup, .siteHeader select, .siteHeader textarea, footer button, footer input, footer optgroup, footer select, footer textarea {
margin: 0
}
.siteHeader button[class]:not(.button), footer button[class]:not(.button) {
border: none;
background: none;
padding: 0;
cursor: pointer
}
.siteHeader label, footer label {
cursor: pointer;
display: block;
font-weight: 700;
margin-bottom: .5em
}
.siteHeader fieldset, footer fieldset {
border: 0;
margin: 0;
padding: 0
}
.siteHeader fieldset .help, footer fieldset .help {
color: #8d8b8d;
font-size: .8rem;
margin: 0
}
.siteHeader input[type=date], .siteHeader input[type=datetime-local], .siteHeader input[type=email], .siteHeader input[type=month], .siteHeader input[type=number], .siteHeader input[type=password], .siteHeader input[type=search], .siteHeader input[type=tel], .siteHeader input[type=text], .siteHeader input[type=time], .siteHeader input[type=url], .siteHeader input[type=week], .siteHeader textarea, footer input[type=date], footer input[type=datetime-local], footer input[type=email], footer input[type=month], footer input[type=number], footer input[type=password], footer input[type=search], footer input[type=tel], footer input[type=text], footer input[type=time], footer input[type=url], footer input[type=week], footer 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: .4rem .6rem;
width: 100%
}
.siteHeader input[type=reset], .siteHeader input[type=search], .siteHeader input[type=submit], .siteHeader input[type=text], footer input[type=reset], footer input[type=search], footer input[type=submit], footer input[type=text] {
border-radius: 0;
-webkit-appearance: none
}
.siteHeader ::-webkit-input-placeholder, footer ::-webkit-input-placeholder {
color: #4a4a4a
}
.siteHeader ::-placeholder, .siteHeader ::ms-input-placeholder, footer ::-placeholder, footer ::ms-input-placeholder {
color: #4a4a4a
}
.siteHeader select, footer select {
border: 1px solid #cccbcc;
height: 2.4rem;
width: 100%
}
.siteHeader textarea, footer textarea {
height: 8em;
overflow: auto;
resize: vertical
}
.siteHeader input[type=checkbox], .siteHeader input[type=radio], footer input[type=checkbox], footer input[type=radio] {
padding: 0
}
.siteHeader table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 2rem;
width: 100%
}
.siteHeader table .siteHeader caption {
font-size: .9rem;
margin-bottom: .75em
}
.siteHeader table .siteHeader td, .siteHeader table .siteHeader th {
padding: .5em 1em;
text-align: left;
vertical-align: top
}
.siteHeader table .siteHeader th {
background-color: #333233;
color: #fff;
font-weight: 700;
text-transform: uppercase
}
.siteHeader table .siteHeader td {
border: 1px solid #cccbcc
}
.siteHeader table .siteHeader tr:nth-child(2n) td {
background-color: #f3f3f3
}
footer table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 2rem;
width: 100%
}
footer table footer caption {
font-size: .9rem;
margin-bottom: .75em
}
footer table footer td, footer table footer th {
padding: .5em 1em;
text-align: left;
vertical-align: top
}
footer table footer th {
background-color: #333233;
color: #fff;
font-weight: 700;
text-transform: uppercase
}
footer table footer td {
border: 1px solid #cccbcc
}
footer table footer tr:nth-child(2n) td {
background-color: #f3f3f3
}
@media print {
* {
background-color: transparent !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important
}
.siteHeader a, footer a {
text-decoration: underline
}
.siteHeader blockquote, .siteHeader h1, .siteHeader h2, .siteHeader h3, .siteHeader h4, .siteHeader h5, .siteHeader h6, .siteHeader img, .siteHeader pre, .siteHeader tr, footer blockquote, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img, footer pre, footer tr {
page-break-inside: avoid
}
thead {
display: table-header-group
}
@page {
margin: .5cm
}
.siteHeader h2, .siteHeader h3, .siteHeader p, footer h2, footer h3, footer p {
orphans: 3;
widows: 3
}
}
.focus--mouse {
outline: none !important
}
/*Company Logo CSS*/
.logo-image {
margin-left: -9px;
width: 387.1px;
height: 46.9853px;
}
/*Company Logo CSS*/