/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; -moz-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 1; }

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

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

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 24px; height: 3px; background-color: currentColor; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }

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

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

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

/* Arrow Turn */
.hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

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

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

/* Arrow Turn Right */
.hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) { .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; -moz-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 1; } .hamburger-box { width: 30px; height: 19px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: currentColor; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -8px; } .hamburger-inner::after { bottom: -8px; } /* Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -moz-transition-duration: 0.075s; -o-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -moz-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.12s ease, -o-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -moz-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -moz-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s ease, -o-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } }

progress, sub, sup { vertical-align: baseline; }

button, hr, input { overflow: visible; }

html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

figcaption, menu, article, aside, details, figure, footer, header, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sub { bottom: -.25em; }

sup { top: -.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

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

optgroup { font-weight: 700; }

button, select { text-transform: none; }

[type=submit], [type=reset], button, html [type=button] { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; opacity: .54; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

a { color: inherit; text-decoration: none; outline: none; }

a, button { cursor: pointer; }

img { outline: none; border: none; }

h1, h2, h3, h4, h5, h6, h7, h8, h9, p { margin: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.cf::before, .cf::after { content: ''; display: table; clear: both; }

label, input, select, textarea, button, fieldset { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; padding: 0; margin: 0; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; }

::-moz-placeholder { /* Firefox 19+ */ opacity: 1; }

:-ms-input-placeholder { /* IE 10+ */ opacity: 1; }

:-moz-placeholder { /* Firefox 18- */ opacity: 1; }

ul { display: block; margin: 0; padding: 0; list-style: none; }

li { display: block; margin: 0; padding: 0; }

hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?9nma5w"); src: url("../fonts/icomoon.eot?9nma5w#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?9nma5w") format("truetype"), url("../fonts/icomoon.woff?9nma5w") format("woff"), url("../fonts/icomoon.svg?9nma5w#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before { content: "\e900"; }

.icon-linkedin:before { content: "\e901"; }

.icon-twitter:before { content: "\e902"; }

.icon-logo-stacked:before { content: "\e903"; }

.icon-forward-anchor:before { content: "\e904"; }

.icon-back-anchor:before { content: "\e916"; }

.icon-down-chev:before { content: "\e905"; }

.icon-fax:before { content: "\e906"; }

.icon-location:before { content: "\e907"; }

.icon-logo:before { content: "\e908"; }

.icon-mail-2:before { content: "\e909"; }

.icon-mail:before { content: "\e90a"; }

.icon-map-marker:before { content: "\e90b"; }

.icon-arrow:before { content: "\e90c"; }

.icon-phone:before { content: "\e90d"; }

.icon-logo-mark:before { content: "\e90e"; }

.icon-rotary-phone:before { content: "\e90f"; }

.icon-slide-arrow-right:before { content: "\e910"; }

.icon-talk:before { content: "\e911"; }

.icon-watch:before { content: "\e912"; }

.icon-minus:before { content: "\e913"; }

.icon-plus:before { content: "\e914"; }

.icon-slide-arrow-left:before { content: "\e915"; }

body { font: normal 18px/28px "din-2014", sans-serif; color: #13212E; }

body.hpad { padding: 80px 0 0; }

body.hpad.sticky { padding: 50px 0 0; }

.text-large { font: normal 18px/28px "din-2014", sans-serif; }

.desktop { display: none; }

.tablet { display: none; }

.tabletonly { display: none; }

.tabletinline { display: none; }

.col-sm-1 { width: 8.3333333333%; float: left; }

.col-sm-2 { width: 16.6666666667%; float: left; }

.col-sm-3 { width: 25%; float: left; }

.col-sm-4 { width: 33.3333333333%; float: left; }

.col-sm-5 { width: 41.6666666667%; float: left; }

.col-sm-6 { width: 50%; float: left; }

.col-sm-7 { width: 58.3333333333%; float: left; }

.col-sm-8 { width: 66.6666666667%; float: left; }

.col-sm-9 { width: 75%; float: left; }

.col-sm-10 { width: 83.3333333333%; float: left; }

.col-sm-11 { width: 91.6666666667%; float: left; }

.col-sm-12 { width: 100%; float: left; }

.color--white { color: #FFF; }

.color--black { color: #000; }

.color--picled-bluewood { color: #2A3C4C; }

.color--big-stone { color: #13212E; }

.color--lil-stone { color: #1A2D3E; }

.color--crimson { color: #E21B22; }

.color--crimson-light { color: #E52B31; }

.color--amulet { color: #7A9B76; }

.color--glade-green { color: #637F60; }

.color--gallery { color: #EEEEEE; }

.color--alabaster { color: #F7F7F7; }

.color--wedgewood { color: #477C8F; }

.color--mine_shaft { color: #3e3e3e; }

.bg--white { background-color: #FFF; }

.bg--black { background-color: #000; }

.bg--picled-bluewood { background-color: #2A3C4C; }

.bg--big-stone { background-color: #13212E; }

.bg--lil-stone { background-color: #1A2D3E; }

.bg--crimson { background-color: #E21B22; }

.bg--crimson-light { background-color: #E52B31; }

.bg--amulet { background-color: #7A9B76; }

.bg--glade-green { background-color: #637F60; }

.bg--gallery { background-color: #EEEEEE; }

.bg--alabaster { background-color: #F7F7F7; }

.bg--wedgewood { background-color: #477C8F; }

.bg--mine_shaft { background-color: #3e3e3e; }

.mt-sm-0 { margin-top: 0px !important; }

.pt-sm-0 { padding-top: 0px !important; }

.mb-sm-0 { margin-bottom: 0px !important; }

.pb-sm-0 { padding-bottom: 0px !important; }

.ml-sm-0 { margin-left: 0px !important; }

.pl-sm-0 { padding-left: 0px !important; }

.mr-sm-0 { margin-right: 0px !important; }

.pr-sm-0 { padding-right: 0px !important; }

.mt-sm-5 { margin-top: 5px !important; }

.pt-sm-5 { padding-top: 5px !important; }

.mb-sm-5 { margin-bottom: 5px !important; }

.pb-sm-5 { padding-bottom: 5px !important; }

.ml-sm-5 { margin-left: 5px !important; }

.pl-sm-5 { padding-left: 5px !important; }

.mr-sm-5 { margin-right: 5px !important; }

.pr-sm-5 { padding-right: 5px !important; }

.mt-sm-10 { margin-top: 10px !important; }

.pt-sm-10 { padding-top: 10px !important; }

.mb-sm-10 { margin-bottom: 10px !important; }

.pb-sm-10 { padding-bottom: 10px !important; }

.ml-sm-10 { margin-left: 10px !important; }

.pl-sm-10 { padding-left: 10px !important; }

.mr-sm-10 { margin-right: 10px !important; }

.pr-sm-10 { padding-right: 10px !important; }

.mt-sm-15 { margin-top: 15px !important; }

.pt-sm-15 { padding-top: 15px !important; }

.mb-sm-15 { margin-bottom: 15px !important; }

.pb-sm-15 { padding-bottom: 15px !important; }

.ml-sm-15 { margin-left: 15px !important; }

.pl-sm-15 { padding-left: 15px !important; }

.mr-sm-15 { margin-right: 15px !important; }

.pr-sm-15 { padding-right: 15px !important; }

.mt-sm-20 { margin-top: 20px !important; }

.pt-sm-20 { padding-top: 20px !important; }

.mb-sm-20 { margin-bottom: 20px !important; }

.pb-sm-20 { padding-bottom: 20px !important; }

.ml-sm-20 { margin-left: 20px !important; }

.pl-sm-20 { padding-left: 20px !important; }

.mr-sm-20 { margin-right: 20px !important; }

.pr-sm-20 { padding-right: 20px !important; }

.mt-sm-25 { margin-top: 25px !important; }

.pt-sm-25 { padding-top: 25px !important; }

.mb-sm-25 { margin-bottom: 25px !important; }

.pb-sm-25 { padding-bottom: 25px !important; }

.ml-sm-25 { margin-left: 25px !important; }

.pl-sm-25 { padding-left: 25px !important; }

.mr-sm-25 { margin-right: 25px !important; }

.pr-sm-25 { padding-right: 25px !important; }

.mt-sm-28 { margin-top: 28px !important; }

.pt-sm-28 { padding-top: 28px !important; }

.mb-sm-28 { margin-bottom: 28px !important; }

.pb-sm-28 { padding-bottom: 28px !important; }

.ml-sm-28 { margin-left: 28px !important; }

.pl-sm-28 { padding-left: 28px !important; }

.mr-sm-28 { margin-right: 28px !important; }

.pr-sm-28 { padding-right: 28px !important; }

.mt-sm-30 { margin-top: 30px !important; }

.pt-sm-30 { padding-top: 30px !important; }

.mb-sm-30 { margin-bottom: 30px !important; }

.pb-sm-30 { padding-bottom: 30px !important; }

.ml-sm-30 { margin-left: 30px !important; }

.pl-sm-30 { padding-left: 30px !important; }

.mr-sm-30 { margin-right: 30px !important; }

.pr-sm-30 { padding-right: 30px !important; }

.mt-sm-35 { margin-top: 35px !important; }

.pt-sm-35 { padding-top: 35px !important; }

.mb-sm-35 { margin-bottom: 35px !important; }

.pb-sm-35 { padding-bottom: 35px !important; }

.ml-sm-35 { margin-left: 35px !important; }

.pl-sm-35 { padding-left: 35px !important; }

.mr-sm-35 { margin-right: 35px !important; }

.pr-sm-35 { padding-right: 35px !important; }

.mt-sm-40 { margin-top: 40px !important; }

.pt-sm-40 { padding-top: 40px !important; }

.mb-sm-40 { margin-bottom: 40px !important; }

.pb-sm-40 { padding-bottom: 40px !important; }

.ml-sm-40 { margin-left: 40px !important; }

.pl-sm-40 { padding-left: 40px !important; }

.mr-sm-40 { margin-right: 40px !important; }

.pr-sm-40 { padding-right: 40px !important; }

.mt-sm-45 { margin-top: 45px !important; }

.pt-sm-45 { padding-top: 45px !important; }

.mb-sm-45 { margin-bottom: 45px !important; }

.pb-sm-45 { padding-bottom: 45px !important; }

.ml-sm-45 { margin-left: 45px !important; }

.pl-sm-45 { padding-left: 45px !important; }

.mr-sm-45 { margin-right: 45px !important; }

.pr-sm-45 { padding-right: 45px !important; }

.mt-sm-50 { margin-top: 50px !important; }

.pt-sm-50 { padding-top: 50px !important; }

.mb-sm-50 { margin-bottom: 50px !important; }

.pb-sm-50 { padding-bottom: 50px !important; }

.ml-sm-50 { margin-left: 50px !important; }

.pl-sm-50 { padding-left: 50px !important; }

.mr-sm-50 { margin-right: 50px !important; }

.pr-sm-50 { padding-right: 50px !important; }

.mt-sm-55 { margin-top: 55px !important; }

.pt-sm-55 { padding-top: 55px !important; }

.mb-sm-55 { margin-bottom: 55px !important; }

.pb-sm-55 { padding-bottom: 55px !important; }

.ml-sm-55 { margin-left: 55px !important; }

.pl-sm-55 { padding-left: 55px !important; }

.mr-sm-55 { margin-right: 55px !important; }

.pr-sm-55 { padding-right: 55px !important; }

.mt-sm-60 { margin-top: 60px !important; }

.pt-sm-60 { padding-top: 60px !important; }

.mb-sm-60 { margin-bottom: 60px !important; }

.pb-sm-60 { padding-bottom: 60px !important; }

.ml-sm-60 { margin-left: 60px !important; }

.pl-sm-60 { padding-left: 60px !important; }

.mr-sm-60 { margin-right: 60px !important; }

.pr-sm-60 { padding-right: 60px !important; }

.mt-sm-62 { margin-top: 62px !important; }

.pt-sm-62 { padding-top: 62px !important; }

.mb-sm-62 { margin-bottom: 62px !important; }

.pb-sm-62 { padding-bottom: 62px !important; }

.ml-sm-62 { margin-left: 62px !important; }

.pl-sm-62 { padding-left: 62px !important; }

.mr-sm-62 { margin-right: 62px !important; }

.pr-sm-62 { padding-right: 62px !important; }

.mt-sm-65 { margin-top: 65px !important; }

.pt-sm-65 { padding-top: 65px !important; }

.mb-sm-65 { margin-bottom: 65px !important; }

.pb-sm-65 { padding-bottom: 65px !important; }

.ml-sm-65 { margin-left: 65px !important; }

.pl-sm-65 { padding-left: 65px !important; }

.mr-sm-65 { margin-right: 65px !important; }

.pr-sm-65 { padding-right: 65px !important; }

.mt-sm-70 { margin-top: 70px !important; }

.pt-sm-70 { padding-top: 70px !important; }

.mb-sm-70 { margin-bottom: 70px !important; }

.pb-sm-70 { padding-bottom: 70px !important; }

.ml-sm-70 { margin-left: 70px !important; }

.pl-sm-70 { padding-left: 70px !important; }

.mr-sm-70 { margin-right: 70px !important; }

.pr-sm-70 { padding-right: 70px !important; }

.mt-sm-75 { margin-top: 75px !important; }

.pt-sm-75 { padding-top: 75px !important; }

.mb-sm-75 { margin-bottom: 75px !important; }

.pb-sm-75 { padding-bottom: 75px !important; }

.ml-sm-75 { margin-left: 75px !important; }

.pl-sm-75 { padding-left: 75px !important; }

.mr-sm-75 { margin-right: 75px !important; }

.pr-sm-75 { padding-right: 75px !important; }

.mt-sm-80 { margin-top: 80px !important; }

.pt-sm-80 { padding-top: 80px !important; }

.mb-sm-80 { margin-bottom: 80px !important; }

.pb-sm-80 { padding-bottom: 80px !important; }

.ml-sm-80 { margin-left: 80px !important; }

.pl-sm-80 { padding-left: 80px !important; }

.mr-sm-80 { margin-right: 80px !important; }

.pr-sm-80 { padding-right: 80px !important; }

.mt-sm-100 { margin-top: 100px !important; }

.pt-sm-100 { padding-top: 100px !important; }

.mb-sm-100 { margin-bottom: 100px !important; }

.pb-sm-100 { padding-bottom: 100px !important; }

.ml-sm-100 { margin-left: 100px !important; }

.pl-sm-100 { padding-left: 100px !important; }

.mr-sm-100 { margin-right: 100px !important; }

.pr-sm-100 { padding-right: 100px !important; }

.mt-sm-120 { margin-top: 120px !important; }

.pt-sm-120 { padding-top: 120px !important; }

.mb-sm-120 { margin-bottom: 120px !important; }

.pb-sm-120 { padding-bottom: 120px !important; }

.ml-sm-120 { margin-left: 120px !important; }

.pl-sm-120 { padding-left: 120px !important; }

.mr-sm-120 { margin-right: 120px !important; }

.pr-sm-120 { padding-right: 120px !important; }

.mt-sm-130 { margin-top: 130px !important; }

.pt-sm-130 { padding-top: 130px !important; }

.mb-sm-130 { margin-bottom: 130px !important; }

.pb-sm-130 { padding-bottom: 130px !important; }

.ml-sm-130 { margin-left: 130px !important; }

.pl-sm-130 { padding-left: 130px !important; }

.mr-sm-130 { margin-right: 130px !important; }

.pr-sm-130 { padding-right: 130px !important; }

.mt-sm-150 { margin-top: 150px !important; }

.pt-sm-150 { padding-top: 150px !important; }

.mb-sm-150 { margin-bottom: 150px !important; }

.pb-sm-150 { padding-bottom: 150px !important; }

.ml-sm-150 { margin-left: 150px !important; }

.pl-sm-150 { padding-left: 150px !important; }

.mr-sm-150 { margin-right: 150px !important; }

.pr-sm-150 { padding-right: 150px !important; }

.mt-sm-170 { margin-top: 170px !important; }

.pt-sm-170 { padding-top: 170px !important; }

.mb-sm-170 { margin-bottom: 170px !important; }

.pb-sm-170 { padding-bottom: 170px !important; }

.ml-sm-170 { margin-left: 170px !important; }

.pl-sm-170 { padding-left: 170px !important; }

.mr-sm-170 { margin-right: 170px !important; }

.pr-sm-170 { padding-right: 170px !important; }

.spacer { position: relative; display: block; width: 100%; height: auto; line-height: 0; font-size: 0; }

.heading--h2 { font: 800 36px/36px "din-2014", sans-serif; color: #FFF; }

.heading--dark { color: #2A3C4C; }

.heading--green { color: #7A9B76; }

/* <div data-hero-content> <picture> <source srcset="http://via.placeholder.com/1440x432" media="(min-width:1025px)"> <source srcset="http://via.placeholder.com/1024x432" media="(min-width:768px)"> <img src="http://via.placeholder.com/767x310" alt="HERO ALT"> </picture> </div> */
[data-hero-content] { display: none; }

.cms-block { max-width: 700px; }

.sxn { display: block; position: relative; z-index: 1; background-color: #FFF; width: 100%; height: auto; }

.sxn__wrap { max-width: 980px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }

.sxn__wrap--flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.sxn__wrap--flex .sxn__item { margin-bottom: 20px; }

.sxn__wrap--flex .sxn__item:last-child { margin-bottom: 0; margin-top: 40px; }

.sxn__item--bleed { margin-bottom: -80px !important; }

.sxn__intro { margin-bottom: 80px; }

.sxn--light { background-color: #F7F7F7; }

.sxn--medium { background-color: #2A3C4C; color: #FFF; }

.sxn--dark { background-color: #13212E; color: #FFF; }

.sxn--centered { text-align: center; }

.sxn--40-50 { padding-top: 40px; padding-bottom: 50px; }

.sxn--60-0 { padding-top: 60px; padding-bottom: 0; }

.sxn--60-60 { padding-top: 60px; padding-bottom: 60px; }

.sxn--60-80 { padding-top: 60px; padding-bottom: 80px; }

.sxn--80-80 { padding-top: 80px; padding-bottom: 80px; }

.sxn.is-hidden { display: none; }

.cta { display: inline-block; padding: 11px 21px; min-width: 150px; font: 800 14px/18px "din-2014", sans-serif; text-transform: uppercase; color: #FFF; background-color: #E21B22; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 5px 0 rgba(16, 16, 16, 0.5); -moz-box-shadow: 0 0 5px 0 rgba(16, 16, 16, 0.5); box-shadow: 0 0 5px 0 rgba(16, 16, 16, 0.5); text-align: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }

.cta--large { padding: 15px 21px; font: 800 16px/20px "din-2014", sans-serif; }

.cta.disabled { pointer-events: none; opacity: 0.8; }

.form { padding: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 5px 0 rgba(16, 16, 16, 0.5); -moz-box-shadow: 0 0 5px 0 rgba(16, 16, 16, 0.5); box-shadow: 0 0 5px 0 rgba(16, 16, 16, 0.5); }

.form--filled { background-color: #EEEEEE; }

.form__field { margin-bottom: 20px; }

.form__field:last-of-type { margin-bottom: 0; }

.form__field__label { font: 500 18px/18px "din-2014", sans-serif; color: #2A3C4C; margin-bottom: 10px; }

.form__field__input { padding: 11px; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #FFF; border: 0.5px solid #BBBBBB; }

.form__field textarea { resize: vertical; }

.chosen { display: block; width: 100% !important; height: auto !important; background: #FFF !important; -moz-background-size: 10px 15px; background-size: 10px 15px; background-position: center bottom; border: 0.5px solid #BBBBBB !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; padding: 11px !important; color: #637F60 !important; font: normal 18px/28px "din-2014", sans-serif !important; text-align: left !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.chosen-container .chosen-single { display: block !important; width: 100% !important; height: auto !important; background: #FFF !important; -moz-background-size: 10px 15px; background-size: 10px 15px; background-position: center bottom; border: 0.5px solid #BBBBBB !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; padding: 11px !important; color: #637F60 !important; font: normal 18px/28px "din-2014", sans-serif !important; text-align: left !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.chosen-container .chosen-single div { width: 30px !important; background: url("/public/img/iconfontsrc/down-chev.svg") no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background-position: right center; -moz-background-size: 15px 8.55px; background-size: 15px 8.55px; }

.chosen-container .chosen-single div > b { display: none !important; }

.chosen-container .chosen-default { color: #BBBBBB !important; }

.chosen-container .chosen-results li { padding: 11px 16px !important; background: #EEEEEE; border-bottom: 2px solid #FFF; color: #637F60; font-weight: 500; font-size: 18px; line-height: 22px; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; }

.chosen-container .chosen-results li.highlighted { background: #637F60; color: #FFF; }

.chosen-container-active.chosen-with-drop .chosen-single div { width: 30px !important; background: url("/public/img/iconfontsrc/down-chev.svg") no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background-position: right center; -moz-background-size: 15px 8.55px; background-size: 15px 8.55px; }

.header-hero { display: block; position: relative; z-index: 1; width: 100%; height: auto; }

.header-hero__image { position: relative; overflow: hidden; width: 100%; height: 310px; display: none; pointer-events: none; }

.header-hero__image picture, .header-hero__image img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 1; }

.header-hero__image picture::before, .header-hero__image img::before { content: ' '; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: rgba(26, 45, 62, 0.6); z-index: 2; }

.header-hero__image img { max-height: 100vw; }

.header-hero__img-container { position: relative; min-width: 100%; width: auto; height: auto; min-height: 100%; margin: 0 0 0 auto; display: block; }

.header-hero__title { font: 700 34px/40px "din-2014", sans-serif; color: #FFF; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); max-width: 1024px; text-align: center; font-weight: 300 !important; }

.header-hero__title strong { font-weight: 700; }

.header-hero.is-filled .header-hero__image { display: block; }

.header { position: fixed; z-index: 9999; width: 100%; min-height: 80px; top: 0; left: 0; background: #E21B22; }

.header::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(74, 74, 74, 0.8); pointer-events: none; opacity: 0; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; }

.header__logo { position: relative; z-index: 2; display: block; width: -webkit-calc(100% - 73px); width: -moz-calc(100% - 73px); width: calc(100% - 73px); height: 80px; padding: 15px 20px 14px; background-color: #13212E; -webkit-transition: height 0.333s ease, padding 0.333s ease; -o-transition: height 0.333s ease, padding 0.333s ease; -moz-transition: height 0.333s ease, padding 0.333s ease; transition: height 0.333s ease, padding 0.333s ease; }

.header__logo--mobile { display: block; width: 173px; height: 51px; opacity: 1; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; background: url("/public/img/logo/logo.svg") no-repeat; -moz-background-size: auto; background-size: auto; }

.no-svg .header__logo--mobile { background: url("/public/img/logo/logo.png") no-repeat; }

.header__logo i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 100px; color: #FFF; opacity: 0; -webkit-transition: opacity 0.333s ease; -o-transition: opacity 0.333s ease; -moz-transition: opacity 0.333s ease; transition: opacity 0.333s ease; }

.header__menu { position: relative; z-index: 1; background-color: #E21B22; max-width: 1024px; margin: 0 auto; }

.header.is-active::before { opacity: 1; }

.header.is-sticky { min-height: 50px; }

.header.is-sticky .header__logo { height: 50px; padding: 10px 20px; }

.header.is-sticky .header__logo .header__logo--mobile { opacity: 0; display: none; }

.header.is-sticky .header__logo i { opacity: 1; }

.header.is-hero { position: relative; }

.header.is-hero.is-sticky { position: fixed; }

.nav__container { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: auto; background-color: #E21B22; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: padding 0.333s ease; -o-transition: padding 0.333s ease; -moz-transition: padding 0.333s ease; transition: padding 0.333s ease; opacity: 0; pointer-events: none; padding: 80px 0 0; }

.nav__container.is-active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; pointer-events: auto; }

.nav__toggle.hamburger { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; line-height: 0; }

.nav__toggle.hamburger .hamburger-box { width: 33px; height: 22px; }

.nav__toggle.hamburger .hamburger-inner, .nav__toggle.hamburger .hamburger-inner::before, .nav__toggle.hamburger .hamburger-inner::after { width: 33px; background-color: #FFF; }

.nav__toggle.hamburger .hamburger-inner::before { top: -8px; }

.nav__toggle.hamburger .hamburger-inner::after { bottom: -8px; }

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

.nav__primary__item { display: block; border-bottom: 1px solid #FFF; }

.nav__primary__item a { display: block; font: normal 16px/22px "din-2014", sans-serif; line-height: 62px; text-transform: uppercase; text-align: center; color: #FFF; }

.nav__contact { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 20px; }

.nav__contact__item { display: block; border: none; padding: 0 13px; }

.nav__contact__item a { display: block; font: normal 16px/22px "din-2014", sans-serif; line-height: 62px; text-transform: uppercase; text-align: center; color: #FFF; line-height: 72px; }

.nav__contact__item .nav__contact__item.is-active a { text-decoration: underline; }

.nav__exchange { background-color: #7A9B76; }

.nav__exchange__item { display: block; border-bottom: 1px solid #FFF; }

.nav__exchange__item a { display: block; font: normal 16px/22px "din-2014", sans-serif; line-height: 62px; text-transform: uppercase; text-align: center; color: #FFF; }

.nav__secondary { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.nav__secondary__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; }

.nav__secondary__item:nth-of-type(even) { border-left: 1px solid #FFF; }

.nav__secondary__item a { display: block; width: 100%; text-align: center; color: #FFF; padding: 18px 0 17px; }

.nav__secondary__item a .icon-mail { font-size: 25px; }

.nav__secondary__item a .icon-phone { font-size: 21px; }

.nav.is-sticky .nav__container { padding: 50px 0 0; }

.footer { width: 100%; min-height: 60px; background: #E21B22; }

.footer__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 1024px; margin: 0 auto; }

.footer__left { position: relative; z-index: 1; background-color: #FFF; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; }

.footer__right { position: relative; z-index: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 21px 20px 13px; color: #FFF; max-width: 100%; max-height: 100%; }

.footer__right::before { position: absolute; bottom: 0; left: 0; content: '\e90e'; font-family: 'icomoon' !important; font-size: 60px; line-height: 60px; color: #1A2D3E; opacity: 0.15; }

.footer__nav { display: none; }

.footer__copyright { font: normal 10px/13px "din-2014", sans-serif; }

.footer__copyright a { text-decoration: underline; display: inline-block; }

.footer__atypic { position: absolute; bottom: 13px; right: 20px; z-index: 1; font: 300 14px/21px "museo-sans", sans-serif; }

.footer__atypic img { display: block; height: 20px; line-height: 0; width: 20px; }

.c-bg-image-banner { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 60, 76, 0.85)), to(rgba(42, 60, 76, 0.85))), url("/public/img/Home-L-bw.png"); background-image: -webkit-linear-gradient(rgba(42, 60, 76, 0.85), rgba(42, 60, 76, 0.85)), url("/public/img/Home-L-bw.png"); background-image: -moz-linear-gradient(rgba(42, 60, 76, 0.85), rgba(42, 60, 76, 0.85)), url("/public/img/Home-L-bw.png"); background-image: -o-linear-gradient(rgba(42, 60, 76, 0.85), rgba(42, 60, 76, 0.85)), url("/public/img/Home-L-bw.png"); background-image: linear-gradient(rgba(42, 60, 76, 0.85), rgba(42, 60, 76, 0.85)), url("/public/img/Home-L-bw.png"); background-position-x: 70%; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; border-top: 15px solid #E21B22; position: relative; text-align: center; }

.c-bg-image-banner__inner { padding: 60px 42px 107px; }

.c-bg-image-banner__logo { margin-bottom: -10px; margin-top: -20px; -webkit-transform: scale(0.67); -moz-transform: scale(0.67); -ms-transform: scale(0.67); -o-transform: scale(0.67); transform: scale(0.67); }

.c-bg-image-banner__title { color: #FFF; font: 300 24px "din-2014", sans-serif; line-height: 34px; }

.c-bg-image-banner__fact { background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; bottom: 0; -webkit-box-shadow: 0 0 10px 2px rgba(62, 62, 62, 0.3); -moz-box-shadow: 0 0 10px 2px rgba(62, 62, 62, 0.3); box-shadow: 0 0 10px 2px rgba(62, 62, 62, 0.3); left: 0; margin: 0 20px; position: absolute; -webkit-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); z-index: 2; }

.c-bg-image-banner__fact-inner { font: 700 16px "din-2014", sans-serif; line-height: 26px; padding: 15px; }

.c-facts-split-banner { background-color: #F7F7F7; padding-top: 37px; position: relative; }

.c-facts-split-banner__inner { padding: 20px 47px; text-align: center; }

.c-facts-split-banner__item { padding: 60px 0; }

.c-facts-split-banner__item:not(:last-child) { border-bottom: 1px solid #7A9B76; }

.c-facts-split-banner__item:nth-of-type(2) { color: #637F60; }

.c-facts-split-banner__icon { padding-bottom: 20px; }

.c-facts-split-banner__heading { font: 800 32px "din-2014", sans-serif; padding-bottom: 20px; }

.c-facts-split-banner__text { padding-bottom: 40px; min-height: 180px; }

.c-feature { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.c-feature__title { font: 800 36px/36px "din-2014", sans-serif; color: #2A3C4C; text-align: center; margin: 0 0 55px; }

.c-feature__item { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; text-align: center; font: normal 16px/20px "din-2014", sans-serif; color: #13212E; padding: 0 53px 0; }

.c-feature__item ~ .c-feature__item { padding-top: 50px; }

.c-feature__item__icon { display: block; line-height: 0; width: 42px; height: 42px; margin: 0 auto 10px; }

.c-feature__item__icon i { font-size: 42px; line-height: 42px; color: #2A3C4C; }

.c-feature__item__title { font: 700 24px/24px "din-2014", sans-serif; color: #E21B22; margin: 0 0 15px; }

.c-slider { position: relative; z-index: 1; display: block; width: 100%; height: auto; padding: 0 20px; }

.c-slider .slick-prev, .c-slider .slick-next { width: 25px; height: 25px; top: auto; bottom: 0; -webkit-transform: translateY(-165px); -moz-transform: translateY(-165px); -ms-transform: translateY(-165px); -o-transform: translateY(-165px); transform: translateY(-165px); }

.c-slider .slick-prev { left: -5px; }

.c-slider .slick-next { right: -5px; }

.c-slider .slick-prev::before, .c-slider .slick-next::before { font-family: 'icomoon'; opacity: 0.5; font-size: 25px; }

.c-slider .slick-prev::before { content: '\e915'; }

.c-slider .slick-next::before { content: '\e910'; }

.c-slider__slide__image { position: relative; z-index: 1; width: 100%; padding-top: 80.85%; overflow: hidden; }

.c-slider__slide__image::before { position: absolute; content: ''; display: block; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(74, 74, 74, 0.7); pointer-events: none; z-index: 2; opacity: 0; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; }

.c-slider__slide__image img { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; display: block; }

.c-slider__slide__image.is-bg::before { opacity: 1; }

.c-slider__slide__title { margin: 34px 0 0; font: 800 21px/27px "din-2014", sans-serif; color: #FFF; text-align: center; }

.c-slider__slide__flyout { margin: 30px 0 0; }

.c-flyout { position: relative; z-index: 1; width: 100%; height: auto; min-height: 135px; color: #FFF; text-align: center; font: normal 14px/18px "din-2014", sans-serif; }

.c-flyout__flag { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 1; opacity: 0; pointer-events: none; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; }

.c-flyout__flag--top { background-color: #7A9B76; padding: 15px 38px; display: none; }

.c-flyout__flag--bottom { background-color: #637F60; padding: 18px 20px; font: normal 16px/22px "din-2014", sans-serif; }

.c-flyout__flag--bottom strong { font-weight: 600; }

.c-flyout__flag.is-active { pointer-events: auto; opacity: 1; bottom: 100%; }

.c-flyout__flag__value { font: normal 16px/20px "din-2014", sans-serif; }

.c-flyout__flag__value span { color: #2A3C4C; display: block; font-size: 18px; line-height: 23px; letter-spacing: 0.5px; margin-bottom: 2px; }

.c-flyout__flag .icon-arrow { font-size: 25px; color: #637F60; margin: 4px 0 12px; display: block; line-height: 25px; }

.c-flyout__body { position: relative; z-index: 1; padding: 41px 45px 40px; background-color: #2A3C4C; }

.c-flyout__body__text { font: 700 24px/31px "din-2014", sans-serif; }

.c-flyout__body__subtext { font: 700 18px/23px "din-2014", sans-serif; color: #7A9B76; }

.c-flyout__trigger { text-transform: lowercase; display: block; position: absolute; top: 10px; left: 15px; /* &::after { content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1.5px solid red; border-radius: 100%; transform: translate(-5.75px, 0.75px); } */ }

.c-flyout__trigger i { margin: 0 12px 0 0; position: relative; display: inline-block; font-size: 8px; }

.c-flyout__trigger i::before { border: 1.5px solid crimson; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 2.5px 3px; }

.c-flyout__trigger .icon-plus { line-height: 0; }

.c-text-block { padding: 80px 20px; color: #13212E; }

.c-text-block--filled { padding: 50px 20px; background-color: #13212E; color: #FFF; }

.c-text-block .sxn__wrap { padding: 0; }

.c-text-block .cms-block { width: auto !important; }

.c-text-block__col--right { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.c-text-block__col--right img { margin-bottom: -100px; }

.c-text-block__title { margin-bottom: 20px; font: 800 36px/36px "din-2014", sans-serif; }

.c-text-block__title--filled { display: inline-block; margin-left: -20px; padding: 12px 90px 12px 20px; background-color: #2A3C4C; }

.c-text-img-block { padding: 40px 0 50px; color: #13212E; }

.c-text-img-block--filled { background-color: #13212E; color: #FFF; }

.c-text-img-block .sxn__wrap { padding: 0 20px; }

.c-text-img-block__col--left { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; }

.c-text-img-block__col--right { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.c-text-img-block__col--right img { margin-bottom: -100px; }

.c-text-img-block__title { margin-bottom: 20px; font: 800 36px/36px "din-2014", sans-serif; color: #7A9B76; }

.c-text-img-block__title--m-centered { text-align: center; }

.c-text-img-block__image img { width: 100%; height: auto; }

.c-text-img-block__image--absolute { margin-left: -20px; margin-right: -20px; }

.c-quick-links__heading { color: #7A9B76; font: 800 21px/27px "din-2014", sans-serif; margin-bottom: 8px; }

.c-quick-links__list { background-color: #F7F7F7; }

.c-quick-links__item { border-bottom: 2px solid #FFF; }

.c-quick-links__item a { font: 600 18px/22px "din-2014", sans-serif; display: block; padding: 13px 20px; color: #637F60; }

.c-news { font-size: 16px; }

.c-news__preheading { padding-bottom: 20px; }

.c-news__preheading__label { color: #2A3C4C; font-weight: bold; }

.c-news__preheading__text { color: #7A9B76; }

.c-news__heading { padding-bottom: 20px; color: #13212E; font-size: 22px; line-height: 26px; font-weight: bold; }

.c-news__body { padding-bottom: 20px; line-height: 22px; }

.c-news__cta { color: #E21B22; }

.c-news__cta__text { text-decoration: underline; }

.c-news__cta__icon::before { font-size: 10px; line-height: 16px; }

.c-news-detail { font-size: 16px; }

.c-news-detail__preheading { padding-bottom: 20px; color: #7A9B76; }

.c-news-detail__heading { padding-bottom: 20px; color: #13212E; font-size: 22px; line-height: 26px; font-weight: bold; }

.c-news-detail__cms-body { font-size: 18px; line-height: 28px; }

.c-panel:not(:last-of-type) { margin-bottom: 20px; }

.c-panel h1, .c-panel h2, .c-panel h3, .c-panel h4, .c-panel h5, .c-panel h6 { margin-bottom: 10px; }

.c-panel h2 { font: bold 22px/26px "din-2014", sans-serif; }

.c-panel p:not(:last-child), .c-panel ul:not(:last-child) { margin-bottom: 20px; }

.c-panel ul { list-style: disc; padding-left: 40px; }

.c-panel ul li { display: list-item; }

.c-panel img { width: 100%; height: auto; }

.c-panel--full-width-quote { color: #637F60; font-weight: 500; font-size: 21px; line-height: 31px; text-align: center; margin-top: 20px !important; margin-bottom: 60px !important; }

.c-panel--full-width-image { margin-bottom: 60px !important; }

.c-panel--half-text-image img { display: none; }

.c-below-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin: 0 auto; padding-top: 15px; width: 87.5%; border-top: 1px solid #979797; }

.c-below-content--single { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; }

.c-below-content__spacer { height: 20px; width: auto; }

.c-below-content__item { color: #E21B22; }

.c-below-content__item--grow { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.c-below-content__item:not(:first-of-type) { margin-top: 12px; }

.c-below-content__item a *:not(i) { text-decoration: underline; }

.c-below-content__item i::before { font-size: 10px; line-height: 16px; }

.c-below-content__item .st-btn { margin-left: 7px; background-color: #2A3C4C !important; }

.c-below-content__item .st-btn:first-child { margin-left: 10px; }

.c-tab-panel { position: relative; overflow-x: hidden; overflow-y: visible; margin-left: -20px; margin-right: -20px; text-align: center; }

.c-tab-panel .slick-slider { position: unset; }

.c-tab-panel .slick-slider.slick-dotted { margin-bottom: 0; }

.c-tab-panel .slick-slider .slick-dots { bottom: 0; }

.c-tab-panel .slick-slider .slick-dots li button:before { content: ""; width: 15px; height: 15px; border: 2px solid #979797; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 1; }

.c-tab-panel .slick-slider .slick-dots li.slick-active button:before { opacity: 1; background: #979797; }

.c-tab-panel__tabs { background: #EEEEEE; padding: 15px 0; -webkit-box-shadow: inset 0 0 30px 0 rgba(150, 150, 150, 0.5); -moz-box-shadow: inset 0 0 30px 0 rgba(150, 150, 150, 0.5); box-shadow: inset 0 0 30px 0 rgba(150, 150, 150, 0.5); }

.c-tab-panel__tabs::before, .c-tab-panel__tabs::after { content: ""; position: absolute; display: block; top: 0; width: 25px; height: 78px; z-index: 1; background: -webkit-gradient(linear, right top, left top, from(rgba(216, 216, 216, 0)), to(#d8d8d8)); background: -webkit-linear-gradient(right, rgba(216, 216, 216, 0) 0%, #d8d8d8 100%); background: -moz-linear-gradient(right, rgba(216, 216, 216, 0) 0%, #d8d8d8 100%); background: -o-linear-gradient(right, rgba(216, 216, 216, 0) 0%, #d8d8d8 100%); background: linear-gradient(270deg, rgba(216, 216, 216, 0) 0%, #d8d8d8 100%); }

.c-tab-panel__tabs::after { right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.c-tab-panel__tabs .slick-active .c-tab-panel__tab { background: #637F60; color: #FFF; }

.c-tab-panel__tabs .slick-slide:not(:last-child) .c-tab-panel__tab::after { content: ""; position: absolute; display: block; background: #FFF; top: 0; right: -100px; width: 100px; height: 48px; -webkit-box-shadow: 0 0 5px 0 rgba(57, 57, 57, 0.5); -moz-box-shadow: 0 0 5px 0 rgba(57, 57, 57, 0.5); box-shadow: 0 0 5px 0 rgba(57, 57, 57, 0.5); }

.c-tab-panel__tab { position: relative; display: block; margin: 0; padding: 10px; background: #FFF; color: #637F60; width: -webkit-calc(100% - 100px) !important; width: -moz-calc(100% - 100px) !important; width: calc(100% - 100px) !important; -webkit-box-shadow: 0 0 5px 0 rgba(57, 57, 57, 0.5); -moz-box-shadow: 0 0 5px 0 rgba(57, 57, 57, 0.5); box-shadow: 0 0 5px 0 rgba(57, 57, 57, 0.5); font-weight: bold; }

.c-tab-panel__tab:hover:not(.is-active) { background: #7A9B76; color: #FFF; cursor: pointer; }

.c-tab-panel__contents { margin-bottom: 45px; }

.c-tab-panel__content { display: none; margin: 0; min-height: 300px; border: 5px solid #EEEEEE; background: #FFF; padding: 40px; font-size: 21px; line-height: 31px; }

.c-tab-panel__content.is-active { display: block; }

.c-contact-info { padding: 0 22px; }

.c-contact-info__title { margin-bottom: 20px; }

.c-contact-info__sub { font-size: 16px; margin-top: 10px; }

.c-icon-text { margin-bottom: 20px; }

.c-icon-text:last-of-type { margin-bottom: 0; }

.c-icon-text i { margin-right: 15px; color: #7A9B76; }

.c-icon-text a { text-decoration: underline; }

.c-full-message { min-height: 335px; padding: 80px 60px 0; text-align: center; }

.c-full-message__title { font: 700 34px/40px "din-2014", sans-serif; }

.c-full-message__text { color: #7A9B76; font-weight: 800; padding-top: 10px; }

.c-full-message__button { margin-top: 30px; max-width: 150px; }

.c-modal { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; overflow: hidden; position: fixed; -webkit-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; -o-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; -moz-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; top: 0; width: 100%; z-index: 9000; }

.c-modal__overlay { background: rgba(0, 0, 0, 0.5); cursor: pointer; height: 100%; position: absolute; width: 100%; }

.c-modal__content { background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0; position: relative; -webkit-transition: all 0.0001s linear 0.21667s; -o-transition: all 0.0001s linear 0.21667s; -moz-transition: all 0.0001s linear 0.21667s; transition: all 0.0001s linear 0.21667s; top: 100px; width: 100%; z-index: 9001; }

.c-modal__content__container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 300px; max-height: 100%; overflow: hidden; padding: 0 30px; position: relative; }

.c-modal__content__container::before { background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(white, rgba(255, 255, 255, 0)); background: linear-gradient(white, rgba(255, 255, 255, 0)); content: ' '; display: block; height: 20px; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 9020; }

.c-modal__content__container::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white); background: -moz-linear-gradient(rgba(255, 255, 255, 0), white); background: -o-linear-gradient(rgba(255, 255, 255, 0), white); background: linear-gradient(rgba(255, 255, 255, 0), white); bottom: 0px; content: ' '; display: block; height: 20px; left: 0px; pointer-events: none; position: absolute; width: 100%; z-index: 9020; }

.c-modal__content__article { -ms-overflow-style: none; scrollbar-width: none; height: auto; max-height: 100vh; min-height: 300px; overflow-x: hidden; overflow-y: scroll; position: relative; z-index: 9010; }

.c-modal__content__article::-webkit-scrollbar { display: none; }

.c-modal__content__article::before, .c-modal__content__article::after { content: ' '; display: block; height: 40px; }

.c-modal__content__close { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 20px; top: 20px; width: 20px; z-index: 9100; }

.c-modal.is-open { height: 100%; opacity: 1; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }

.c-modal.is-open .c-modal__content { opacity: 1; top: 0; -webkit-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; -o-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; -moz-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; }

.client-success { padding-bottom: 0; position: relative; z-index: 1; }

.client-success .sxn__wrap { position: relative; z-index: 2; }

.client-success::after { content: ''; display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 30px; background-color: #FFF; }

#page.services .c-text-block .sxn__wrap--flex { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }

#page.services .c-text-block .c-text-block__col--left img, #page.services .c-text-block .c-text-block__col--right img { width: 100%; height: auto; }

#page.services .c-text-block .c-text-block__col--left { width: 194px; margin-bottom: -30px; }

#page.privacy #privacy-and-terms h2 { font-size: 21px; line-height: 28px; }

#page.privacy #privacy-and-terms p { font-size: 14px; line-height: 28px; }

#page.exchange #header { background-color: #7A9B76; }

#page.exchange #nav__container { background-color: #7A9B76; }

#page.exchange #header__menu { background-color: #7A9B76; }

#page.exchange-news #header { background-color: #7A9B76; }

#page.exchange-news #nav__container { background-color: #7A9B76; }

#page.exchange-news #header__menu { background-color: #7A9B76; }

.exchange-page .header, .exchange-page .nav__container, .exchange-page .header__menu { background-color: #7A9B76; }

.exchange-page .nav__exchange { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }

.exchange-page .header.is-hero .header__logo--tabdsk { background: url("/public/img/logo/logo-stacked-exchange.svg"); background-repeat: no-repeat; }

.exchange-page .header__logo--mobile { background: url("/public/img/logo/logo-exchange.svg"); }

.exchange .header, .exchange .nav__container, .exchange .header__menu { background-color: #7A9B76; }

.exchange .nav__exchange { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }

.exchange .header.is-hero .header__logo--tabdsk { background: url("/public/img/logo/logo-stacked-exchange.svg"); background-repeat: no-repeat; }

.exchange .header__logo--mobile { background: url("/public/img/logo/logo-exchange.svg"); }

.exchange-news .header, .exchange-news .nav__container, .exchange-news .header__menu { background-color: #7A9B76; }

.exchange-news .nav__exchange { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }

.exchange-news .header.is-hero .header__logo--tabdsk { background: url("/public/img/logo/logo-stacked-exchange.svg"); background-repeat: no-repeat; }

.exchange-news .header__logo--mobile { background: url("/public/img/logo/logo-exchange.svg"); }

.contact .header.is-hero .header__logo--tabdsk { background: url("/public/img/logo/logo-simple-S.svg"); background-repeat: no-repeat; }

.contact .header__logo--mobile { background: url("/public/img/logo/logo-simple-S.svg"); }

.nav__primary { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }

@media screen and (min-width: 768px) { body.hpad { padding: 72px 0 0; } body.hpad.sticky { padding: 72px 0 0; } .text-large { font: normal 21px / 31px "din-2014", sans-serif; } .tablet { display: block; } .mobileonly { display: none; } .tabletonly { display: block; } .tabletinline { display: inline-block; } .col-md-1 { width: 8.3333333333%; float: left; } .col-md-2 { width: 16.6666666667%; float: left; } .col-md-3 { width: 25%; float: left; } .col-md-4 { width: 33.3333333333%; float: left; } .col-md-5 { width: 41.6666666667%; float: left; } .col-md-6 { width: 50%; float: left; } .col-md-7 { width: 58.3333333333%; float: left; } .col-md-8 { width: 66.6666666667%; float: left; } .col-md-9 { width: 75%; float: left; } .col-md-10 { width: 83.3333333333%; float: left; } .col-md-11 { width: 91.6666666667%; float: left; } .col-md-12 { width: 100%; float: left; } .mt-md-0 { margin-top: 0px !important; } .pt-md-0 { padding-top: 0px !important; } .mb-md-0 { margin-bottom: 0px !important; } .pb-md-0 { padding-bottom: 0px !important; } .ml-md-0 { margin-left: 0px !important; } .pl-md-0 { padding-left: 0px !important; } .mr-md-0 { margin-right: 0px !important; } .pr-md-0 { padding-right: 0px !important; } .mt-md-5 { margin-top: 5px !important; } .pt-md-5 { padding-top: 5px !important; } .mb-md-5 { margin-bottom: 5px !important; } .pb-md-5 { padding-bottom: 5px !important; } .ml-md-5 { margin-left: 5px !important; } .pl-md-5 { padding-left: 5px !important; } .mr-md-5 { margin-right: 5px !important; } .pr-md-5 { padding-right: 5px !important; } .mt-md-10 { margin-top: 10px !important; } .pt-md-10 { padding-top: 10px !important; } .mb-md-10 { margin-bottom: 10px !important; } .pb-md-10 { padding-bottom: 10px !important; } .ml-md-10 { margin-left: 10px !important; } .pl-md-10 { padding-left: 10px !important; } .mr-md-10 { margin-right: 10px !important; } .pr-md-10 { padding-right: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .pt-md-15 { padding-top: 15px !important; } .mb-md-15 { margin-bottom: 15px !important; } .pb-md-15 { padding-bottom: 15px !important; } .ml-md-15 { margin-left: 15px !important; } .pl-md-15 { padding-left: 15px !important; } .mr-md-15 { margin-right: 15px !important; } .pr-md-15 { padding-right: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .pt-md-20 { padding-top: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .mt-md-25 { margin-top: 25px !important; } .pt-md-25 { padding-top: 25px !important; } .mb-md-25 { margin-bottom: 25px !important; } .pb-md-25 { padding-bottom: 25px !important; } .ml-md-25 { margin-left: 25px !important; } .pl-md-25 { padding-left: 25px !important; } .mr-md-25 { margin-right: 25px !important; } .pr-md-25 { padding-right: 25px !important; } .mt-md-28 { margin-top: 28px !important; } .pt-md-28 { padding-top: 28px !important; } .mb-md-28 { margin-bottom: 28px !important; } .pb-md-28 { padding-bottom: 28px !important; } .ml-md-28 { margin-left: 28px !important; } .pl-md-28 { padding-left: 28px !important; } .mr-md-28 { margin-right: 28px !important; } .pr-md-28 { padding-right: 28px !important; } .mt-md-30 { margin-top: 30px !important; } .pt-md-30 { padding-top: 30px !important; } .mb-md-30 { margin-bottom: 30px !important; } .pb-md-30 { padding-bottom: 30px !important; } .ml-md-30 { margin-left: 30px !important; } .pl-md-30 { padding-left: 30px !important; } .mr-md-30 { margin-right: 30px !important; } .pr-md-30 { padding-right: 30px !important; } .mt-md-35 { margin-top: 35px !important; } .pt-md-35 { padding-top: 35px !important; } .mb-md-35 { margin-bottom: 35px !important; } .pb-md-35 { padding-bottom: 35px !important; } .ml-md-35 { margin-left: 35px !important; } .pl-md-35 { padding-left: 35px !important; } .mr-md-35 { margin-right: 35px !important; } .pr-md-35 { padding-right: 35px !important; } .mt-md-40 { margin-top: 40px !important; } .pt-md-40 { padding-top: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .mt-md-45 { margin-top: 45px !important; } .pt-md-45 { padding-top: 45px !important; } .mb-md-45 { margin-bottom: 45px !important; } .pb-md-45 { padding-bottom: 45px !important; } .ml-md-45 { margin-left: 45px !important; } .pl-md-45 { padding-left: 45px !important; } .mr-md-45 { margin-right: 45px !important; } .pr-md-45 { padding-right: 45px !important; } .mt-md-50 { margin-top: 50px !important; } .pt-md-50 { padding-top: 50px !important; } .mb-md-50 { margin-bottom: 50px !important; } .pb-md-50 { padding-bottom: 50px !important; } .ml-md-50 { margin-left: 50px !important; } .pl-md-50 { padding-left: 50px !important; } .mr-md-50 { margin-right: 50px !important; } .pr-md-50 { padding-right: 50px !important; } .mt-md-55 { margin-top: 55px !important; } .pt-md-55 { padding-top: 55px !important; } .mb-md-55 { margin-bottom: 55px !important; } .pb-md-55 { padding-bottom: 55px !important; } .ml-md-55 { margin-left: 55px !important; } .pl-md-55 { padding-left: 55px !important; } .mr-md-55 { margin-right: 55px !important; } .pr-md-55 { padding-right: 55px !important; } .mt-md-60 { margin-top: 60px !important; } .pt-md-60 { padding-top: 60px !important; } .mb-md-60 { margin-bottom: 60px !important; } .pb-md-60 { padding-bottom: 60px !important; } .ml-md-60 { margin-left: 60px !important; } .pl-md-60 { padding-left: 60px !important; } .mr-md-60 { margin-right: 60px !important; } .pr-md-60 { padding-right: 60px !important; } .mt-md-62 { margin-top: 62px !important; } .pt-md-62 { padding-top: 62px !important; } .mb-md-62 { margin-bottom: 62px !important; } .pb-md-62 { padding-bottom: 62px !important; } .ml-md-62 { margin-left: 62px !important; } .pl-md-62 { padding-left: 62px !important; } .mr-md-62 { margin-right: 62px !important; } .pr-md-62 { padding-right: 62px !important; } .mt-md-65 { margin-top: 65px !important; } .pt-md-65 { padding-top: 65px !important; } .mb-md-65 { margin-bottom: 65px !important; } .pb-md-65 { padding-bottom: 65px !important; } .ml-md-65 { margin-left: 65px !important; } .pl-md-65 { padding-left: 65px !important; } .mr-md-65 { margin-right: 65px !important; } .pr-md-65 { padding-right: 65px !important; } .mt-md-70 { margin-top: 70px !important; } .pt-md-70 { padding-top: 70px !important; } .mb-md-70 { margin-bottom: 70px !important; } .pb-md-70 { padding-bottom: 70px !important; } .ml-md-70 { margin-left: 70px !important; } .pl-md-70 { padding-left: 70px !important; } .mr-md-70 { margin-right: 70px !important; } .pr-md-70 { padding-right: 70px !important; } .mt-md-75 { margin-top: 75px !important; } .pt-md-75 { padding-top: 75px !important; } .mb-md-75 { margin-bottom: 75px !important; } .pb-md-75 { padding-bottom: 75px !important; } .ml-md-75 { margin-left: 75px !important; } .pl-md-75 { padding-left: 75px !important; } .mr-md-75 { margin-right: 75px !important; } .pr-md-75 { padding-right: 75px !important; } .mt-md-80 { margin-top: 80px !important; } .pt-md-80 { padding-top: 80px !important; } .mb-md-80 { margin-bottom: 80px !important; } .pb-md-80 { padding-bottom: 80px !important; } .ml-md-80 { margin-left: 80px !important; } .pl-md-80 { padding-left: 80px !important; } .mr-md-80 { margin-right: 80px !important; } .pr-md-80 { padding-right: 80px !important; } .mt-md-100 { margin-top: 100px !important; } .pt-md-100 { padding-top: 100px !important; } .mb-md-100 { margin-bottom: 100px !important; } .pb-md-100 { padding-bottom: 100px !important; } .ml-md-100 { margin-left: 100px !important; } .pl-md-100 { padding-left: 100px !important; } .mr-md-100 { margin-right: 100px !important; } .pr-md-100 { padding-right: 100px !important; } .mt-md-120 { margin-top: 120px !important; } .pt-md-120 { padding-top: 120px !important; } .mb-md-120 { margin-bottom: 120px !important; } .pb-md-120 { padding-bottom: 120px !important; } .ml-md-120 { margin-left: 120px !important; } .pl-md-120 { padding-left: 120px !important; } .mr-md-120 { margin-right: 120px !important; } .pr-md-120 { padding-right: 120px !important; } .mt-md-130 { margin-top: 130px !important; } .pt-md-130 { padding-top: 130px !important; } .mb-md-130 { margin-bottom: 130px !important; } .pb-md-130 { padding-bottom: 130px !important; } .ml-md-130 { margin-left: 130px !important; } .pl-md-130 { padding-left: 130px !important; } .mr-md-130 { margin-right: 130px !important; } .pr-md-130 { padding-right: 130px !important; } .mt-md-150 { margin-top: 150px !important; } .pt-md-150 { padding-top: 150px !important; } .mb-md-150 { margin-bottom: 150px !important; } .pb-md-150 { padding-bottom: 150px !important; } .ml-md-150 { margin-left: 150px !important; } .pl-md-150 { padding-left: 150px !important; } .mr-md-150 { margin-right: 150px !important; } .pr-md-150 { padding-right: 150px !important; } .mt-md-170 { margin-top: 170px !important; } .pt-md-170 { padding-top: 170px !important; } .mb-md-170 { margin-bottom: 170px !important; } .pb-md-170 { padding-bottom: 170px !important; } .ml-md-170 { margin-left: 170px !important; } .pl-md-170 { padding-left: 170px !important; } .mr-md-170 { margin-right: 170px !important; } .pr-md-170 { padding-right: 170px !important; } .heading--h2 { font: 800 50px / 50px "din-2014", sans-serif; } .heading--dark { color: #2A3C4C; } .heading--green { color: #7A9B76; } .sxn__wrap { padding-left: 30px; padding-right: 30px; } .sxn__wrap--aligned { padding-left: 50px; padding-right: 50px; } .sxn__wrap--flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sxn__wrap--flex .sxn__item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sxn__wrap--flex .sxn__item:last-child { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sxn__item--bleed { margin-bottom: -130px !important; } .sxn--40-50 { padding-top: 50px; } .sxn--60-60 { padding-top: 80px; padding-bottom: 80px; } .sxn--60-80 { padding-top: 110px; padding-bottom: 130px; } .sxn--80-80 { padding-top: 130px; padding-bottom: 130px; } .cta { padding: 15px 21px; font: 800 16px / 20px "din-2014", sans-serif; } .form__field { display: inline-block; } .form__field.t-align-right { float: right; } .form__field.t-50 { width: -webkit-calc(50% - 10px - 3px); width: -moz-calc(50% - 10px - 3px); width: calc(50% - 10px - 3px); } .form__field.t-50:nth-of-type(even) { margin-left: 20px; } .form__field.t-100 { width: 100%; } .header-hero__curtain { position: absolute; content: ''; z-index: 1; pointer-events: none; width: 100%; height: auto; min-height: 100%; max-width: 1024px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header-hero__curtain::before { background: #13212E; } .header-hero__curtain::after { z-index: 1; position: absolute; content: ''; width: 374px; height: 100%; top: 0; left: 0; background: #13212E; } .header-hero__image img { max-width: 100%; max-height: unset; } .header-hero__img-container { width: 75%; min-width: unset; } .header-hero__title { text-align: left; padding-left: 126px; top: 190px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); font: 700 60px / 70px "din-2014", sans-serif; width: 100%; } .header-hero__image { height: 432px; } .header-hero.is-home .header-hero__curtain::after { position: absolute; content: ''; width: 265px; height: 100%; top: 0; left: 0; background: #13212E; } .header-hero.is-home .header-hero__title { text-align: left; padding-left: 121px; top: 190px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .header { min-height: 72px; } .header::before { display: none; } .header__menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .header__logo { -webkit-box-flex: 1; -webkit-flex: 1 1 265px; -moz-box-flex: 1; -ms-flex: 1 1 265px; flex: 1 1 265px; width: auto; height: 72px; padding: 11px 20px 10px; } .header__logo i { font-size: 150px; } .header.is-hero .header__menu { z-index: 2; } .header.is-hero .header__logo { position: absolute; top: 0; left: 0; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; background: transparent; -webkit-transform: translate(40px, -410px); -moz-transform: translate(40px, -410px); -ms-transform: translate(40px, -410px); -o-transform: translate(40px, -410px); transform: translate(40px, -410px); z-index: 1; padding: 0; height: 94px; width: 265px; } .header.is-hero .header__logo--tabdsk { display: block; width: 134px; height: 94px; opacity: 1; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; background: url("/public/img/logo/logo-stacked.svg") no-repeat; -moz-background-size: auto; background-size: auto; } .no-svg .header.is-hero .header__logo--tabdsk { background: url("/public/img/logo/logo-stacked.png") no-repeat; } .header.is-hero .header__logo--mobile { display: none; } .header.is-hero .nav__container::before { content: ' '; display: none; position: absolute; width: -webkit-calc(50vw - 49.5%); width: -moz-calc(50vw - 49.5%); width: calc(50vw - 49.5%); height: 100%; border: inherit; background: #13212E; top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; left: 0.4px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .header.is-hero .nav__container::after { position: absolute; content: ''; width: 0px; height: 100%; top: 0; left: 0; background: #13212E; pointer-events: none; } .header.is-home .nav__container::before { content: ' '; display: block; position: absolute; width: 0px; height: 100%; border: inherit; background: #13212E; top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; left: 0.4px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .header.is-home .nav__container::after { position: absolute; content: ''; width: 0px; height: 100%; top: 0; left: 0; background: #13212E; pointer-events: none; } .header.is-sticky .header__logo { height: 72px; padding: 11px 20px 10px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; z-index: 2; background: #13212E; -webkit-transition: background 0.333s ease; -o-transition: background 0.333s ease; -moz-transition: background 0.333s ease; transition: background 0.333s ease; } .header.is-sticky .header__logo .header__logo--tabdsk { opacity: 0; display: none; } .nav { -webkit-box-flex: 1; -webkit-flex: 1 1 -webkit-calc(100% - 265px); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% - 265px); flex: 1 1 calc(100% - 265px); width: -webkit-calc(100% - 265px); width: -moz-calc(100% - 265px); width: calc(100% - 265px); } .nav__toggle { display: none; } .nav__container { position: relative; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 0; opacity: 1; pointer-events: auto; } .nav__primary { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 20px; } .nav__primary__item { border: none; padding: 0 13px; } .nav__primary__item a { line-height: 72px; } .nav__primary__item.is-active a { text-decoration: underline; } .nav__secondary { display: none; } .nav__exchange { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 20px; } .nav__exchange__item { border: none; padding: 0 13px; } .nav__exchange__item a { line-height: 72px; } .nav__exchange__item.is-active a { text-decoration: underline; } .nav.is-sticky .nav__container { padding: 0; } .footer { min-height: 185px; margin-top: 130px; } .footer__left { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(295 / 768 * 100%); -moz-box-flex: 0; -ms-flex: 0 0 calc(295 / 768 * 100%); flex: 0 0 calc(295 / 768 * 100%); max-width: -webkit-calc(295 / 768 * 100%); max-width: -moz-calc(295 / 768 * 100%); max-width: calc(295 / 768 * 100%); padding: 34px 50px 13px; } .footer__right { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - (295 / 768 * 100%)); -moz-box-flex: 0; -ms-flex: 0 0 calc(100% - (295 / 768 * 100%)); flex: 0 0 calc(100% - (295 / 768 * 100%)); max-width: -webkit-calc(100% - (295 / 768 * 100%)); max-width: -moz-calc(100% - (295 / 768 * 100%)); max-width: calc(100% - (295 / 768 * 100%)); padding: 40px 30px 20px; } .footer__right::before { font-size: 180px; line-height: 180px; } .footer__contact { font: 700 24px / 26px "din-2014", sans-serif; color: #13212E; } .footer__contact__list li { font-size: 18px; line-height: 1; margin: 20px 0; } .footer__contact__list li > * { vertical-align: middle; } .footer__contact__list li:first-child a { text-decoration: underline; } .footer__contact__list li a { font: 700 normal 18px / 28px "din-2014", sans-serif; line-height: 26px; color: #E21B22; padding-left: 20px; } .footer__contact__list li i { color: #2A3C4C; } .footer__copyright { position: absolute; bottom: 17px; left: 30px; z-index: 1; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); height: auto; font-size: 14px; line-height: 26px; } .footer__atypic { right: 0; bottom: 0; } .footer__atypic span { padding-right: 11px; vertical-align: text-bottom; } .footer__nav { display: block; text-align: right; } .footer__nav__item { display: inline-block; } .footer__nav__item ~ .footer__nav__item { padding-left: 43px; } .footer__nav__item a { display: inline-block; font: normal 18px / 28px "din-2014", sans-serif; line-height: 23px; text-transform: uppercase; text-align: center; color: #FFF; } .c-bg-image-banner__inner { padding: 130px 88px 140px 88px; } .c-bg-image-banner__logo { margin-bottom: 20px; margin-top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .c-bg-image-banner__title { font-size: 60px; line-height: 72px; } .c-bg-image-banner__fact { left: 0; margin-left: -webkit-calc((100vw - 688px) / 2); margin-left: -moz-calc((100vw - 688px) / 2); margin-left: calc((100vw - 688px) / 2); max-width: 688px; } .c-bg-image-banner__fact-inner { font-size: 20px; line-height: 30px; padding: 25px 75px; } .c-facts-split-banner { padding-top: 40px; } .c-facts-split-banner__inner { padding: 80px 0 100px; } .c-facts-split-banner__facts { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0 auto; max-width: 845px; } .c-facts-split-banner__item { min-width: 50%; padding: 0px 60px; } .c-facts-split-banner__item:not(:last-child) { border-bottom: none; position: relative; } .c-facts-split-banner__item:not(:last-child)::after { content: ""; background: #7A9B76; min-height: 255px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 1px; } .c-facts-split-banner__text { padding: 0 10px; } .c-feature { -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .c-feature__title { margin: 0 0 50px; } .c-feature__item { -webkit-box-flex: 1; -webkit-flex: 1 0 33.33%; -moz-box-flex: 1; -ms-flex: 1 0 33.33%; flex: 1 0 33.33%; padding: 0; } .c-feature__item ~ .c-feature__item { padding-top: 0; padding: 0 35px; } .c-feature__item:first-child { padding: 0 35px 0 20px; } .c-feature__item:last-child { padding: 0 20px 0 35px; } .c-slider { padding: 0 40px; } .c-slider .slick-prev, .c-slider .slick-next { width: 34px; height: 34px; } .c-slider .slick-prev::before, .c-slider .slick-next::before { font-size: 34px; } .c-slider__slide { padding: 0 20px; } .c-slider__slide__title { font-size: 24px; } .c-flyout__flag--top { padding: 23px 18px; display: block; } .c-flyout__flag--bottom { padding: 36px 18px 35px; height: 135px; overflow: hidden; padding: 0; position: relative; } .c-flyout__flag--bottom > * { padding: 18px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .c-text-block { padding: 130px 30px; } .c-text-block--filled { padding: 50px 50px 80px; } .c-text-block__title { font: 800 50px / 50px "din-2014", sans-serif; } .c-text-block__title--filled { margin-left: -50px; padding: 20px 100px 20px 50px; margin-bottom: 30px; } .c-text-img-block { padding: 50px 0; } .c-text-img-block .sxn__wrap { padding: 0 30px 0 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .c-text-img-block__col--shrink { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 300px; -ms-flex-preferred-size: 300px; flex-basis: 300px; } .c-text-img-block__col--grow { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .c-text-img-block__col--left { margin-bottom: 0; padding-right: 25px; } .c-text-img-block__col--left img { margin-bottom: -25px; } .c-text-img-block__col--right { padding-left: 25px; } .c-text-img-block__title { font: 800 50px / 50px "din-2014", sans-serif; } .c-text-img-block__title--m-centered { text-align: left; } .c-text-img-block__image--absolute { margin-right: 0; } .c-text-img-block-old { padding: 50px 0 25px; } .c-text-img-block-old .sxn__wrap { padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .c-text-img-block-old__title { font: 800 50px / 50px "din-2014", sans-serif; text-align: left; padding-left: 20px; } .c-text-img-block-old--right { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 0; padding-left: 63px; } .c-text-img-block-old--left { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding-right: 17px; } .c-news { max-width: 700px; } .c-news__preheading { padding-bottom: 30px; } .c-news__heading { font-size: 34px; line-height: 40px; } .c-news__body { padding-bottom: 30px; } .c-news-detail__preheading { padding-bottom: 10px; } .c-news-detail__heading { font-size: 60px; line-height: 70px; } .c-panel:not(:last-of-type) { margin-bottom: 80px !important; } .c-panel h1, .c-panel h2, .c-panel h3, .c-panel h4, .c-panel h5, .c-panel h6 { margin-bottom: 20px; } .c-panel h2 { font-size: 34px; line-height: 40px; } .c-panel--full-width-quote { color: #637F60; font-weight: 500; font-size: 21px; line-height: 31px; text-align: center; margin-top: -20px !important; max-width: 678px; margin-left: auto; margin-right: auto; } .c-panel--half-text-image img { display: inline-block; width: 50%; float: right; padding-left: 20px; } .c-panel--half-text-image.is-reversed img { float: left; padding-left: 0px; padding-right: 20px; } .c-below-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-align: left; padding-top: 20px; width: 92.3%; } .c-below-content--single { padding-top: 50px; } .c-below-content__spacer { display: none; } .c-below-content__item:not(:first-of-type) { margin-top: 0px; } .c-tab-panel { margin-left: 0; margin-right: 0; } .c-tab-panel__tabs { padding: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .c-tab-panel__tabs::before, .c-tab-panel__tabs::after { display: none; } .c-tab-panel__tab { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: -webkit-calc((100% - 30px) / 3) !important; width: -moz-calc((100% - 30px) / 3) !important; width: calc((100% - 30px) / 3) !important; color: #637F60; background: #FFF; } .c-tab-panel__tab.is-active { background: #637F60; color: #FFF; } .c-tab-panel__contents { margin-bottom: 0; } .c-tab-panel__content { min-height: 100%; padding: 40px 82px; } .c-contact-info { padding: 0 20px; } .c-contact-info__title { margin-bottom: 35px; } .c-full-message { padding: 130px 90px 0; } .c-full-message__title { font-size: 100px; font-weight: 600; line-height: 70px; } .c-full-message__text { font-size: 24px; font-weight: 700; line-height: 31px; padding-top: 30px; } .c-full-message__button { margin-top: 40px; } .c-modal { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; overflow: hidden; position: fixed; -webkit-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; -o-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; -moz-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; top: 0; width: 100%; z-index: 9000; } .c-modal__content { background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0; position: relative; -webkit-transition: all 0.0001s linear 0.21667s; -o-transition: all 0.0001s linear 0.21667s; -moz-transition: all 0.0001s linear 0.21667s; transition: all 0.0001s linear 0.21667s; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); top: 100px; z-index: 9001; } .c-modal__content__container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 300px; max-height: -webkit-calc(100vh - 120px); max-height: -moz-calc(100vh - 120px); max-height: calc(100vh - 120px); padding: 0 40px; overflow: hidden; position: relative; } .c-modal__content__container::before { background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(white, rgba(255, 255, 255, 0)); background: linear-gradient(white, rgba(255, 255, 255, 0)); content: ' '; display: block; height: 40px; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 9020; } .c-modal__content__container::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white); background: -moz-linear-gradient(rgba(255, 255, 255, 0), white); background: -o-linear-gradient(rgba(255, 255, 255, 0), white); background: linear-gradient(rgba(255, 255, 255, 0), white); bottom: 0px; content: ' '; display: block; height: 40px; left: 0px; pointer-events: none; position: absolute; width: 100%; z-index: 9020; } .c-modal__content__article { -ms-overflow-style: none; scrollbar-width: none; height: auto; max-height: -webkit-calc(100vh - 120px); max-height: -moz-calc(100vh - 120px); max-height: calc(100vh - 120px); min-height: 300px; overflow-x: hidden; overflow-y: scroll; position: relative; z-index: 9010; } .c-modal__content__article::-webkit-scrollbar { display: none; } .c-modal__content__article::before, .c-modal__content__article::after { content: ' '; display: block; height: 80px; } .c-modal__content__close { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 30px; top: 30px; width: 20px; z-index: 9100; } .c-modal.is-open { height: 100%; opacity: 1; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .c-modal.is-open .c-modal__content { opacity: 1; top: 0; -webkit-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; -o-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; -moz-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; } .intro .cms-block { width: 300px; } .intro .c-quick-links { padding-left: 23px; } .client-success__text { padding: 0 38px; } #page.services .c-text-block .sxn__wrap--flex { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } #page.services .c-text-block .c-text-block__col--left { width: 275px; margin-bottom: -60px; } #page.services .c-text-block .c-text-block__col--right { padding-left: 200px; } #page.privacy #privacy-and-terms h2 { font-size: 26px; } #page.privacy #privacy-and-terms p { font-size: 16px; } #page.contact .form .cta[type='submit'] { float: right; margin-top: 14px; } .exchange-page .nav__exchange { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .exchange .nav__exchange { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .exchange-news .nav__exchange { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } }

@media screen and (min-width: 1025px) { .desktop { display: block; } .tabletonly { display: none; } .col-lg-1 { width: 8.3333333333%; float: left; } .col-lg-2 { width: 16.6666666667%; float: left; } .col-lg-3 { width: 25%; float: left; } .col-lg-4 { width: 33.3333333333%; float: left; } .col-lg-5 { width: 41.6666666667%; float: left; } .col-lg-6 { width: 50%; float: left; } .col-lg-7 { width: 58.3333333333%; float: left; } .col-lg-8 { width: 66.6666666667%; float: left; } .col-lg-9 { width: 75%; float: left; } .col-lg-10 { width: 83.3333333333%; float: left; } .col-lg-11 { width: 91.6666666667%; float: left; } .col-lg-12 { width: 100%; float: left; } .mt-lg-0 { margin-top: 0px !important; } .pt-lg-0 { padding-top: 0px !important; } .mb-lg-0 { margin-bottom: 0px !important; } .pb-lg-0 { padding-bottom: 0px !important; } .ml-lg-0 { margin-left: 0px !important; } .pl-lg-0 { padding-left: 0px !important; } .mr-lg-0 { margin-right: 0px !important; } .pr-lg-0 { padding-right: 0px !important; } .mt-lg-5 { margin-top: 5px !important; } .pt-lg-5 { padding-top: 5px !important; } .mb-lg-5 { margin-bottom: 5px !important; } .pb-lg-5 { padding-bottom: 5px !important; } .ml-lg-5 { margin-left: 5px !important; } .pl-lg-5 { padding-left: 5px !important; } .mr-lg-5 { margin-right: 5px !important; } .pr-lg-5 { padding-right: 5px !important; } .mt-lg-10 { margin-top: 10px !important; } .pt-lg-10 { padding-top: 10px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .ml-lg-10 { margin-left: 10px !important; } .pl-lg-10 { padding-left: 10px !important; } .mr-lg-10 { margin-right: 10px !important; } .pr-lg-10 { padding-right: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .pt-lg-15 { padding-top: 15px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .ml-lg-15 { margin-left: 15px !important; } .pl-lg-15 { padding-left: 15px !important; } .mr-lg-15 { margin-right: 15px !important; } .pr-lg-15 { padding-right: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .pt-lg-20 { padding-top: 20px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .ml-lg-20 { margin-left: 20px !important; } .pl-lg-20 { padding-left: 20px !important; } .mr-lg-20 { margin-right: 20px !important; } .pr-lg-20 { padding-right: 20px !important; } .mt-lg-25 { margin-top: 25px !important; } .pt-lg-25 { padding-top: 25px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .pb-lg-25 { padding-bottom: 25px !important; } .ml-lg-25 { margin-left: 25px !important; } .pl-lg-25 { padding-left: 25px !important; } .mr-lg-25 { margin-right: 25px !important; } .pr-lg-25 { padding-right: 25px !important; } .mt-lg-28 { margin-top: 28px !important; } .pt-lg-28 { padding-top: 28px !important; } .mb-lg-28 { margin-bottom: 28px !important; } .pb-lg-28 { padding-bottom: 28px !important; } .ml-lg-28 { margin-left: 28px !important; } .pl-lg-28 { padding-left: 28px !important; } .mr-lg-28 { margin-right: 28px !important; } .pr-lg-28 { padding-right: 28px !important; } .mt-lg-30 { margin-top: 30px !important; } .pt-lg-30 { padding-top: 30px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .ml-lg-30 { margin-left: 30px !important; } .pl-lg-30 { padding-left: 30px !important; } .mr-lg-30 { margin-right: 30px !important; } .pr-lg-30 { padding-right: 30px !important; } .mt-lg-35 { margin-top: 35px !important; } .pt-lg-35 { padding-top: 35px !important; } .mb-lg-35 { margin-bottom: 35px !important; } .pb-lg-35 { padding-bottom: 35px !important; } .ml-lg-35 { margin-left: 35px !important; } .pl-lg-35 { padding-left: 35px !important; } .mr-lg-35 { margin-right: 35px !important; } .pr-lg-35 { padding-right: 35px !important; } .mt-lg-40 { margin-top: 40px !important; } .pt-lg-40 { padding-top: 40px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .pl-lg-40 { padding-left: 40px !important; } .mr-lg-40 { margin-right: 40px !important; } .pr-lg-40 { padding-right: 40px !important; } .mt-lg-45 { margin-top: 45px !important; } .pt-lg-45 { padding-top: 45px !important; } .mb-lg-45 { margin-bottom: 45px !important; } .pb-lg-45 { padding-bottom: 45px !important; } .ml-lg-45 { margin-left: 45px !important; } .pl-lg-45 { padding-left: 45px !important; } .mr-lg-45 { margin-right: 45px !important; } .pr-lg-45 { padding-right: 45px !important; } .mt-lg-50 { margin-top: 50px !important; } .pt-lg-50 { padding-top: 50px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .ml-lg-50 { margin-left: 50px !important; } .pl-lg-50 { padding-left: 50px !important; } .mr-lg-50 { margin-right: 50px !important; } .pr-lg-50 { padding-right: 50px !important; } .mt-lg-55 { margin-top: 55px !important; } .pt-lg-55 { padding-top: 55px !important; } .mb-lg-55 { margin-bottom: 55px !important; } .pb-lg-55 { padding-bottom: 55px !important; } .ml-lg-55 { margin-left: 55px !important; } .pl-lg-55 { padding-left: 55px !important; } .mr-lg-55 { margin-right: 55px !important; } .pr-lg-55 { padding-right: 55px !important; } .mt-lg-60 { margin-top: 60px !important; } .pt-lg-60 { padding-top: 60px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .ml-lg-60 { margin-left: 60px !important; } .pl-lg-60 { padding-left: 60px !important; } .mr-lg-60 { margin-right: 60px !important; } .pr-lg-60 { padding-right: 60px !important; } .mt-lg-62 { margin-top: 62px !important; } .pt-lg-62 { padding-top: 62px !important; } .mb-lg-62 { margin-bottom: 62px !important; } .pb-lg-62 { padding-bottom: 62px !important; } .ml-lg-62 { margin-left: 62px !important; } .pl-lg-62 { padding-left: 62px !important; } .mr-lg-62 { margin-right: 62px !important; } .pr-lg-62 { padding-right: 62px !important; } .mt-lg-65 { margin-top: 65px !important; } .pt-lg-65 { padding-top: 65px !important; } .mb-lg-65 { margin-bottom: 65px !important; } .pb-lg-65 { padding-bottom: 65px !important; } .ml-lg-65 { margin-left: 65px !important; } .pl-lg-65 { padding-left: 65px !important; } .mr-lg-65 { margin-right: 65px !important; } .pr-lg-65 { padding-right: 65px !important; } .mt-lg-70 { margin-top: 70px !important; } .pt-lg-70 { padding-top: 70px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .ml-lg-70 { margin-left: 70px !important; } .pl-lg-70 { padding-left: 70px !important; } .mr-lg-70 { margin-right: 70px !important; } .pr-lg-70 { padding-right: 70px !important; } .mt-lg-75 { margin-top: 75px !important; } .pt-lg-75 { padding-top: 75px !important; } .mb-lg-75 { margin-bottom: 75px !important; } .pb-lg-75 { padding-bottom: 75px !important; } .ml-lg-75 { margin-left: 75px !important; } .pl-lg-75 { padding-left: 75px !important; } .mr-lg-75 { margin-right: 75px !important; } .pr-lg-75 { padding-right: 75px !important; } .mt-lg-80 { margin-top: 80px !important; } .pt-lg-80 { padding-top: 80px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .ml-lg-80 { margin-left: 80px !important; } .pl-lg-80 { padding-left: 80px !important; } .mr-lg-80 { margin-right: 80px !important; } .pr-lg-80 { padding-right: 80px !important; } .mt-lg-100 { margin-top: 100px !important; } .pt-lg-100 { padding-top: 100px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .ml-lg-100 { margin-left: 100px !important; } .pl-lg-100 { padding-left: 100px !important; } .mr-lg-100 { margin-right: 100px !important; } .pr-lg-100 { padding-right: 100px !important; } .mt-lg-120 { margin-top: 120px !important; } .pt-lg-120 { padding-top: 120px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .ml-lg-120 { margin-left: 120px !important; } .pl-lg-120 { padding-left: 120px !important; } .mr-lg-120 { margin-right: 120px !important; } .pr-lg-120 { padding-right: 120px !important; } .mt-lg-130 { margin-top: 130px !important; } .pt-lg-130 { padding-top: 130px !important; } .mb-lg-130 { margin-bottom: 130px !important; } .pb-lg-130 { padding-bottom: 130px !important; } .ml-lg-130 { margin-left: 130px !important; } .pl-lg-130 { padding-left: 130px !important; } .mr-lg-130 { margin-right: 130px !important; } .pr-lg-130 { padding-right: 130px !important; } .mt-lg-150 { margin-top: 150px !important; } .pt-lg-150 { padding-top: 150px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .ml-lg-150 { margin-left: 150px !important; } .pl-lg-150 { padding-left: 150px !important; } .mr-lg-150 { margin-right: 150px !important; } .pr-lg-150 { padding-right: 150px !important; } .mt-lg-170 { margin-top: 170px !important; } .pt-lg-170 { padding-top: 170px !important; } .mb-lg-170 { margin-bottom: 170px !important; } .pb-lg-170 { padding-bottom: 170px !important; } .ml-lg-170 { margin-left: 170px !important; } .pl-lg-170 { padding-left: 170px !important; } .mr-lg-170 { margin-right: 170px !important; } .pr-lg-170 { padding-right: 170px !important; } .sxn__wrap { padding-left: 40px; padding-right: 40px; } .sxn__wrap--aligned { padding-left: 122px; padding-right: 122px; max-width: 1024px; } .sxn__wrap--flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sxn__wrap--flex .sxn__item { margin-bottom: 20px; } .sxn__wrap--flex .sxn__item:last-child { margin-bottom: 0; margin-top: 0; } .sxn__wrap.d-no-flex { position: relative; display: block; padding-bottom: 160px; } .sxn__wrap.d-no-flex .sxn__item:last-child { position: absolute; float: right; top: 0; right: 0; width: 602px; } .sxn__item--bleed { margin-bottom: -150px !important; } .sxn--60-80 { padding-top: 120px; padding-bottom: 155px; } .sxn--60-60 { padding-top: 80px; padding-bottom: 80px; } .sxn--80-80 { padding-top: 150px; padding-bottom: 150px; } .cta { -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; } .cta:hover { background-color: #E52B31; } .bleed { position: relative; } .bleed--before:before { content: ' '; display: block; position: absolute; width: -webkit-calc(50vw - 48%); width: -moz-calc(50vw - 48%); width: calc(50vw - 48%); height: 100%; border: inherit; background: inherit; top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bleed--before:before { left: 2px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .bleed--after:after { content: ' '; display: block; position: absolute; width: -webkit-calc(50vw - 48%); width: -moz-calc(50vw - 48%); width: calc(50vw - 48%); height: 100%; border: inherit; background: inherit; top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bleed--after:after { right: 0px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .bleed--both:before, .bleed--both:after { content: ' '; display: block; position: absolute; width: -webkit-calc(50vw - 48%); width: -moz-calc(50vw - 48%); width: calc(50vw - 48%); height: 100%; border: inherit; background: inherit; top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bleed--both:before { left: 0.4px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .bleed--both:after { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); width: -webkit-calc(50vw - 48%); width: -moz-calc(50vw - 48%); width: calc(50vw - 48%); } .header-hero__curtain::before { background: #13212E; } .header-hero__curtain::after { width: 451px; } .header-hero__img-container { width: 57%; } .is-home .header-hero__img-container { width: 75%; } .header-hero__title { padding-left: 121px; } .header__logo::before { content: ' '; display: block; position: absolute; width: -webkit-calc(50vw - 50%); width: -moz-calc(50vw - 50%); width: calc(50vw - 50%); height: 100%; border: inherit; background: #13212E; top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; left: 0.4px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .header.is-hero .nav__container::after { width: 0px; } .header.is-home .nav__container::after { width: 0px; } .nav__primary { padding: 0 30.5px; padding: 0 19.5px; } .nav__primary__item { border: none; padding: 0 19.5px; } .nav__primary__exchange { padding: 0 30.5px; padding: 0 19.5px; } .nav__primary__exchange__item { border: none; padding: 0 19.5px; } .footer { margin-top: 150px; } .footer__left { padding: 34px 50px 13px 62px; } .footer__right { padding: 40px 40px 20px; } .footer__copyright { left: 40px; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); } .c-bg-image-banner { background-position-y: 25%; border-top-width: 10px; } .c-bg-image-banner__inner { padding: 134px 152px 150px; } .c-bg-image-banner__fact { margin-left: -webkit-calc((100vw - 768px) / 2); margin-left: -moz-calc((100vw - 768px) / 2); margin-left: calc((100vw - 768px) / 2); max-width: 768px; } .c-facts-split-banner__facts { max-width: 1025px; } .c-facts-split-banner__item { padding: 0px 90px; } .c-feature__title { font: 800 50px / 50px "din-2014", sans-serif; margin: 0 0 73px; } .c-feature__item { padding: 0 37.5px; } .c-feature__item:first-child { padding: 0 37.5px 0 0; } .c-feature__item:last-child { padding: 0 0 0 37.5px; } .c-slider { padding: 0; } .c-slider .slick-prev { left: -45px; } .c-slider .slick-next { right: -45px; } .c-slider .slick-prev:hover::before, .c-slider .slick-next:hover::before { opacity: 1; } .c-slider .slick-prev::before, .c-slider .slick-next::before { -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; } .c-slider .slick-list { margin: 0 -20px; } .c-text-block { padding: 150px 42px; } .c-text-block--filled { padding: 50px 64px 80px; } .c-text-block__col--left { margin-right: 50px; } .c-text-block__title--filled { margin-left: -64px; padding: 20px 87px 20px 64px; } .c-text-block__title--filled::before { content: ""; position: absolute; display: inline-block; z-index: -1; top: 50px; left: 0; width: 50%; height: 90px; background: #2A3C4C; } .c-text-img-block { padding: 50px 0 80px; } .c-text-img-block .sxn__wrap { padding: 0 42px 0 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .c-text-img-block__col--shrink { -webkit-flex-basis: 495px; -ms-flex-preferred-size: 495px; flex-basis: 495px; } .c-text-img-block__col--left { padding-right: 45px; } .c-text-img-block__col--left img { margin-bottom: -150px; } .c-text-img-block__col--right { padding-left: 45px; } .c-text-img-block__col--right img { margin-bottom: -136px; } .c-quick-links__item a { background-color: transparent; -webkit-transition: 0.333s ease; -o-transition: 0.333s ease; -moz-transition: 0.333s ease; transition: 0.333s ease; } .c-quick-links__item a:hover { color: #FFF; background-color: #7A9B76; } .c-news { padding-left: 0px; padding-right: 0px; } .c-below-content { width: 91.8%; max-width: 941px; } .c-tab-panel__content { padding: 40px 90px; } .c-full-message { padding-bottom: 20px; padding-top: 150px; } .c-modal { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; overflow: hidden; position: fixed; -webkit-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; -o-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; -moz-transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; transition: all 0.0001s linear 0.21667s, opacity 0.2s linear 0s; top: 0; width: 100%; z-index: 9000; } .c-modal__content { background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0; position: relative; -webkit-transition: all 0.0001s linear 0.21667s; -o-transition: all 0.0001s linear 0.21667s; -moz-transition: all 0.0001s linear 0.21667s; transition: all 0.0001s linear 0.21667s; top: 100px; width: 1000px; z-index: 9000; } .c-modal__content__container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 300px; max-height: -webkit-calc(100vh - 120px); max-height: -moz-calc(100vh - 120px); max-height: calc(100vh - 120px); padding: 0 100px; overflow: hidden; position: relative; } .c-modal__content__container::before { background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(white, rgba(255, 255, 255, 0)); background: linear-gradient(white, rgba(255, 255, 255, 0)); content: ' '; display: block; height: 40px; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 9020; } .c-modal__content__container::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white); background: -moz-linear-gradient(rgba(255, 255, 255, 0), white); background: -o-linear-gradient(rgba(255, 255, 255, 0), white); background: linear-gradient(rgba(255, 255, 255, 0), white); bottom: 0px; content: ' '; display: block; height: 40px; left: 0px; pointer-events: none; position: absolute; width: 100%; z-index: 9020; } .c-modal__content__article { -ms-overflow-style: none; scrollbar-width: none; height: auto; left: -40px; padding-left: 40px; padding-right: 40px; width: -webkit-calc(100% + 80px); width: -moz-calc(100% + 80px); width: calc(100% + 80px); position: relative; max-height: -webkit-calc(100vh - 120px); max-height: -moz-calc(100vh - 120px); max-height: calc(100vh - 120px); min-height: 300px; overflow-x: hidden; overflow-y: scroll; z-index: 9010; } .c-modal__content__article::-webkit-scrollbar { display: none; } .c-modal__content__article::before, .c-modal__content__article::after { content: ' '; display: block; height: 80px; } .c-modal__content__close { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 30px; top: 30px; width: 20px; z-index: 9100; } .c-modal__content.is-open { height: 100%; opacity: 1; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .c-modal__content.is-open .c-modal__content { opacity: 1; top: 0; -webkit-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; -o-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; -moz-transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; transition: opacity .3s linear 0.001s, top .45s ease-out 0.001s; } .intro .cms-block { width: 450px; } .intro .c-quick-links { padding-left: 100px; } .client-success__text { padding: 0; } #page.services .c-text-block .c-text-block__col--left { width: auto; margin-bottom: 0; } #page.services .c-text-block .c-text-block__col--right { padding-left: 0; } }
/*# sourceMappingURL=main.css.map */