@charset “UTF-8”; @font-face {
font-family: Fakt; src: url(../fonts/fakt/Fakt-Blond.eot); src: url(../fonts/fakt/Fakt-Blond.eot#iefix) format("embedded-opentype"), url(../fonts/fakt/Fakt-Blond.woff2) format("woff2"), url(../fonts/fakt/Fakt-Blond.woff) format("woff"), url(../fonts/fakt/Fakt-Blond.ttf) format("truetype"), url(../fonts/fakt/Fakt-Blond.otf) format("opentype"); font-weight: 400; font-style: normal; font-stretch: normal
}
@font-face {
font-family: Fakt; src: url(../fonts/fakt/Fakt-BlondItalic.eot); src: url(../fonts/fakt/Fakt-BlondItalic.eot#iefix) format("embedded-opentype"), url(../fonts/fakt/Fakt-BlondItalic.woff2) format("woff2"), url(../fonts/fakt/Fakt-BlondItalic.woff) format("woff"), url(../fonts/fakt/Fakt-BlondItalic.ttf) format("truetype"), url(../fonts/fakt/Fakt-BlondItalic.otf) format("opentype"); font-weight: 400; font-style: italic; font-stretch: normal
}
@font-face {
font-family: Fakt; src: url(../fonts/fakt/Fakt-Normal.eot); src: url(../fonts/fakt/Fakt-Normal.eot#iefix) format("embedded-opentype"), url(../fonts/fakt/Fakt-Normal.woff2) format("woff2"), url(../fonts/fakt/Fakt-Normal.woff) format("woff"), url(../fonts/fakt/Fakt-Normal.ttf) format("truetype"), url(../fonts/fakt/Fakt-Normal.otf) format("opentype"); font-weight: 500; font-style: normal; font-stretch: normal
}
@font-face {
font-family: Fakt; src: url(../fonts/fakt/Fakt-NormalItalic.eot); src: url(../fonts/fakt/Fakt-NormalItalic.eot#iefix) format("embedded-opentype"), url(../fonts/fakt/Fakt-NormalItalic.woff2) format("woff2"), url(../fonts/fakt/Fakt-NormalItalic.woff) format("woff"), url(../fonts/fakt/Fakt-NormalItalic.ttf) format("truetype"), url(../fonts/fakt/Fakt-NormalItalic.otf) format("opentype"); font-weight: 500; font-style: italic; font-stretch: normal
}
@font-face {
font-family: Fakt; src: url(../fonts/fakt/Fakt-SemiBold.eot); src: url(../fonts/fakt/Fakt-SemiBold.eot#iefix) format("embedded-opentype"), url(../fonts/fakt/Fakt-SemiBold.woff2) format("woff2"), url(../fonts/fakt/Fakt-SemiBold.woff) format("woff"), url(../fonts/fakt/Fakt-SemiBold.ttf) format("truetype"), url(../fonts/fakt/Fakt-SemiBold.otf) format("opentype"); font-weight: 600; font-style: normal; font-stretch: normal
}
body {
color: #00112c; font-family: Fakt, sans-serif; font-size: 16px; font-weight: 400; line-height: 26px
}
.area–dark, .subpage-header-image {
color: #fff
}
.header–dark-content {
color: #00112c
}
ul {
padding: 0
}
.heading-h1, .home .quote-container__quote, h1 {
font-size: 48px; font-weight: 400; line-height: 58px
}
.heading-h2, h2 {
font-size: 32px; line-height: 42px
}
home blockquote, .blog__post blockquote, .heading-h3, h3 {
font-size: 24px; font-weight: 500; line-height: 34px
}
.heading-h6, h6 {
font-weight: 600
}
home blockquote, .blog__post blockquote, .heading-h3, .heading-h4, h3, h4 {
padding: 12px 0; margin-bottom: 0
}
.heading-h4, .heading-h5, h4, h5 {
font-size: 20px; font-weight: 400; line-height: 30px
}
.heading-h6, h6 {
font-size: 16px; line-height: 26px
}
p {
margin-bottom: 15px
}
.p–margin-top {
margin-top: 15px
}
sign-up-form dfn {
display: none
}
.subtext {
font-size: .8125rem; font-style: italic
}
strong {
font-weight: 600
}
.status-green, .status-operational {
color: #0abf53
}
.status-degraded, .status-yellow {
color: #ffda00
}
.status-issue, .status-red {
color: #d81b4a
}
q {
margin: 1.5rem 0 0; padding: .5rem 10px; max-width: 80%; quotes: none
}
q, q p {
font-style: italic
}
q p {
display: inline
}
blockquote {
border-left: 1px solid #90a2bd; display: block; font-size: 17px; font-style: italic; margin: 1.5rem 0 0; max-width: 80%; padding-left: 2rem
}
.area–img-full-container blockquote, .quote-container blockquote {
border-left: 0; margin: 0 auto; padding-left: 0
}
home blockquote, .blog__post blockquote {
border-left: 0; color: #0abf53; font-weight: 400; text-align: center; margin: 48px auto 48px -10%; max-width: 120%; width: 120%
}
home blockquote p, .blog__post blockquote p {
margin-bottom: 0
}
@media only screen and (max-width:34rem) {
#home blockquote, .blog__post blockquote { margin: 48px auto; max-width: 100%; width: 100% }
}
.small-blockquote {
border-left: 1px solid #00112c; margin: 1.5rem 20px; padding: .5rem 10px; quotes: "“" "‘"
}
.small-blockquote:after, .small-blockquote:before {
color: #00112c; content: open-quote; font-size: 2em; line-height: .1em; margin-right: .25em; vertical-align: -.4em
}
.small-blockquote:after {
content: close-quote; margin-left: 6px; margin-top: -10px
}
.small-blockquote p {
display: inline; font-style: italic
}
.checkmark-list {
padding-left: 0
}
.checkmark-list li {
padding: 5px 0 0; list-style: none
}
.checkmark-list li:before {
color: #0abf53; content: "\77"; font-family: theme-website; left: 0; margin-left: -1.5rem; padding-right: 7px
}
.rich-text {
margin-top: 0; width: 100%
}
.rich-text ul {
margin-left: 1.5rem
}
.warning {
color: #ffda00
}
.area–green-blue, .gradient-green-blue, .home .btn–play-video, .home .btn–play-video:hover, .home .home-gradient-hr, .home .home-timeline__green-item {
background: #0abf53; background: -webkit-gradient(left bottom, right top, color-stop(0, #0abf53), color-stop(100%, #4ee5e5)); background: linear-gradient(45deg, #0abf53, #4ee5e5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$green", endColorstr="$light-blue", GradientType=1)
}
mgnlhp {
display: none
}
.g-recaptcha {
border: 1px solid transparent; padding: 2px 0 0 2px; display: inline-block
}
.form-error, .g-recaptcha.form-error {
border: 1px solid #d81b4a
}
label.form-error {
border: 0; color: #d81b4a; display: block
}
.form-group {
position: relative; width: 100%
}
.form-control {
padding-top: 24px
}
.form-label {
font-size: 12px; position: absolute
}
.form-element {
border: 0; outline: 0; width: 100%
}
select.form-control {
height: 44px; padding-bottom: 0; padding-top: 0
}
select.form-control:focus {
border: 1px solid #0abf53
}
.form__button-wrapper {
position: relative; float: left; clear: both; padding: 30px 0 0
}
.form__button {
position: relative; float: left; margin: 0 0 0 20px; clear: none
}
.form__button:first-of-type {
margin-left: 0
}
.external-pardot-form {
border: none; height: 500px; overflow: hidden; width: 100%
}
@font-face {
font-family: theme-website; src: url(../fonts/theme-website.eot); src: url(../fonts/theme-website.eot?#iefix) format("embedded-opentype"), url(../fonts/theme-website.woff) format("woff"), url(../fonts/theme-website.ttf) format("truetype"), url(../fonts/theme-website.svg#theme-website) format("svg"); font-weight: 400; font-style: normal
}
[data-icon]:before {
content: attr(data-icon)
}
[class*=“ icon-theme-”]:before, [class^=icon-theme-]:before, [data-icon]:before {
font-family: theme-website!important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}
.icon-theme-download:before {
content: "\e006"
}
.icon-theme-question:before {
content: "\62"
}
.icon-theme-code:before {
content: "\63"
}
.icon-theme-fashion:before {
content: "\64"
}
.icon-theme-clipboard:before {
content: "\65"
}
.icon-theme-clipboard-1:before {
content: "\66"
}
.icon-theme-protect:before {
content: "\67"
}
.icon-theme-risk:before {
content: "\68"
}
.icon-theme-globe:before {
content: "\69"
}
.icon-theme-mobile:before {
content: "\6b"
}
.icon-theme-strategy:before {
content: "\6c"
}
.icon-theme-user:before {
content: "\6e"
}
.icon-theme-users:before {
content: "\6f"
}
.icon-theme-value:before {
content: "\70"
}
.icon-theme-cards:before {
content: "\72"
}
.icon-theme-camera:before {
content: "\73"
}
.icon-theme-bank:before {
content: "\74"
}
.icon-theme-factory:before {
content: "\75"
}
.icon-theme-talk:before {
content: "\76"
}
.icon-theme-checkmark:before {
content: "\77"
}
.icon-theme-merchant:before {
content: "\78"
}
.icon-theme-tutorial:before {
content: "\79"
}
.icon-theme-safe:before {
content: "\43"
}
.icon-theme-currency:before {
content: "\44"
}
.icon-theme-cash-register:before {
content: "\45"
}
.icon-theme-acquirer:before {
content: "\46"
}
.icon-theme-callcenter:before {
content: "\47"
}
.icon-theme-tie:before {
content: "\48"
}
.icon-theme-diamond:before {
content: "\49"
}
.icon-theme-desktop:before {
content: "\4a"
}
.icon-theme-document:before {
content: "\4b"
}
.icon-theme-easy-encryption:before {
content: "\4c"
}
.icon-theme-map-pointer:before {
content: "\4e"
}
.icon-theme-laptop:before {
content: "\4f"
}
.icon-theme-chess:before {
content: "\51"
}
.icon-theme-multichannel:before {
content: "\53"
}
.icon-theme-notifaction:before {
content: "\54"
}
.icon-theme-cross:before {
content: "\56"
}
.icon-theme-search:before {
content: "\58"
}
.icon-theme-compass:before {
content: "\59"
}
.icon-theme-one-solution:before {
content: "\5a"
}
.icon-theme-innovation:before {
content: "\30"
}
.icon-theme-network:before {
content: "\31"
}
.icon-theme-admpl:before {
content: "\32"
}
.icon-theme-document-diagram:before {
content: "\33"
}
.icon-theme-3d-security:before {
content: "\34"
}
.icon-theme-developers:before {
content: "\35"
}
.icon-theme-tablet:before {
content: "\36"
}
.icon-theme-judge:before {
content: "\38"
}
.icon-theme-play:before {
content: "\39"
}
.icon-theme-submit:before {
content: "\21"
}
.icon-theme-mail:before {
content: "\23"
}
.icon-theme-present:before {
content: "\26"
}
.icon-theme-settings:before {
content: "\28"
}
.icon-theme-v2:before {
content: "\61"
}
.icon-theme-pos-1:before {
content: "\29"
}
.icon-theme-apple-android:before {
content: "\2a"
}
.icon-theme-mozg-v2:before {
content: "\27"
}
.icon-theme-mozg-v2-1:before {
content: "\2b"
}
.icon-theme-mozg-v2-2:before {
content: "\2c"
}
.icon-theme-mozg-v2-3:before {
content: "\2d"
}
.icon-theme-mozg-v2-4:before {
content: "\2e"
}
.icon-theme-mozg-v2-5:before {
content: "\2f"
}
.icon-theme-mozg-v2-6:before {
content: "\3a"
}
.icon-theme-mozg-v2-7:before {
content: "\3b"
}
.icon-theme-mozg-v2-8:before {
content: "\3c"
}
.icon-theme-mozg-v2-9:before {
content: "\3d"
}
.icon-theme-mozg-v2-10:before {
content: "\52"
}
.icon-theme-mozg-v2-11:before {
content: "\3e"
}
.icon-theme-mozg-v2-12:before {
content: "\3f"
}
.icon-theme-mozg-v2-14:before {
content: "\37"
}
.icon-theme-mozg-v2-15:before {
content: "\41"
}
.icon-theme-mozg-v2-16:before {
content: "\42"
}
.icon-theme-mozg-v2-17:before {
content: "\5b"
}
.icon-theme-mozg-v2-18:before {
content: "\5d"
}
.icon-theme-mozg-v2-19:before {
content: "\50"
}
.icon-theme-mozg-v2-20:before {
content: "\24"
}
.icon-theme-hpp:before {
content: "\5e"
}
.icon-theme-mozg-v2-22:before {
content: "\5f"
}
.icon-theme-mozg-v2-23:before {
content: "\25"
}
.icon-theme-mozg-v2-24:before {
content: "\60"
}
.icon-theme-mozg-v2-25:before {
content: "\6a"
}
.icon-theme-mozg-v2-26:before {
content: "\7b"
}
.icon-theme-mozg-v2-27:before {
content: "\55"
}
.icon-theme-mozg-v2-28:before {
content: "\22"
}
.icon-theme-mozg-v2-29:before {
content: "\7c"
}
.icon-theme-mozg-v2-30:before {
content: "\7d"
}
.icon-theme-mozg-v2-13:before {
content: "\71"
}
.icon-theme-mozg-v2-31:before {
content: "\7a"
}
.icon-theme-mozg-v2-32:before {
content: "\40"
}
.icon-theme-mozg-v2-33:before {
content: "\7e"
}
.icon-theme-mozg-v2-34:before {
content: "\5c"
}
.icon-theme-mozg-v2-35:before {
content: "\57"
}
.icon-theme-mozg-v2-36:before {
content: "\4d"
}
.icon-theme-mozg-v2-37:before {
content: "\e000"
}
.icon-theme-mozg-v2-38:before {
content: "\e001"
}
.icon-theme-mozg-v2-39:before {
content: "\6d"
}
.icon-theme-search-left:before {
content: "\e002"
}
.icon-theme-pos:before {
content: "\e003"
}
@media (min-width:34rem) {
.hidden-sm-up { display: none!important }
}
@media (max-width:34rem) {
.hidden-sm-down { display: none!important }
}
@media (min-width:34rem) and (max-width:47.9em) {
.hidden-sm-down { display: block!important }
}
@media (min-width:45rem) {
.hidden-md-up { display: none!important }
}
@media (min-width:61.25rem) {
.hidden-lg-up { display: none!important }
}
.col–centered-textarea {
padding-bottom: 40px
}
.area–text-image__img {
height: auto; margin-bottom: 20px; margin-top: 10px; width: 100%
}
home .area__header blockquote, .area__header home blockquote, .area__header .blog__post blockquote, .area__header .heading-h2, .area__header .heading-h3, .area__header .heading-h4, .area__header .heading-h5, .area__header .heading-h6, .area__header h2, .area__header h3, .area__header h4, .area__header h5, .area__header h6, .blog__post .area__header blockquote {
padding: 0 0 12px; margin-bottom: 0
}
home .area__header blockquote.area__header-subheader-padding-bottom, .area__header home blockquote.area__header-subheader-padding-bottom, .area__header .blog__post blockquote.area__header-subheader-padding-bottom, .area__header .heading-h2.area__header-subheader-padding-bottom, .area__header .heading-h3.area__header-subheader-padding-bottom, .area__header .heading-h4.area__header-subheader-padding-bottom, .area__header .heading-h5.area__header-subheader-padding-bottom, .area__header .heading-h6.area__header-subheader-padding-bottom, .area__header h2.area__header-subheader-padding-bottom, .area__header h3.area__header-subheader-padding-bottom, .area__header h4.area__header-subheader-padding-bottom, .area__header h5.area__header-subheader-padding-bottom, .area__header h6.area__header-subheader-padding-bottom, .blog__post .area__header blockquote.area__header-subheader-padding-bottom {
padding: 0
}
home .area__header.area__header–large blockquote, .area__header.area__header–large home blockquote, .area__header.area__header–large .blog__post blockquote, .area__header.area__header–large .heading-h2, .area__header.area__header–large .heading-h3, .area__header.area__header–large .heading-h4, .area__header.area__header–large .heading-h5, .area__header.area__header–large .heading-h6, .area__header.area__header–large h2, .area__header.area__header–large h3, .area__header.area__header–large h4, .area__header.area__header–large h5, .area__header.area__header–large h6, .blog__post .area__header.area__header–large blockquote {
padding: 0 0 24px
}
hr.max-width–inner {
margin: 0 auto; max-width: 1128px
}
@media only screen and (max-width:34rem) {
.column.column--headings-padding { height: auto!important }
}
.column.column–headings-padding .heading-h1, .column.column–headings-padding .heading-h2, .column.column–headings-padding .home .quote-container__quote, .column.column–headings-padding h1, .column.column–headings-padding h2, .home .column.column–headings-padding .quote-container__quote {
padding-bottom: 24px
}
home .column.column–headings-padding blockquote, .blog__post .column.column–headings-padding blockquote, .column.column–headings-padding home blockquote, .column.column–headings-padding .blog__post blockquote, .column.column–headings-padding .heading-h3, .column.column–headings-padding .heading-h4, .column.column–headings-padding .heading-h5, .column.column–headings-padding .heading-h6, .column.column–headings-padding h3, .column.column–headings-padding h4, .column.column–headings-padding h5, .column.column–headings-padding h6 {
padding-bottom: 12px
}
.area–dark {
background: #00112c; color: #fff; padding: 0
}
.area–dark hr {
border-top: 1px solid #00255f
}
.area–dark .column–highlight {
border-radius: 2px; background-color: #00112c
}
.area–light-grey {
background: #f3f6f9; padding: 0
}
.area–light-grey hr {
border-top: 1px solid #d1dde8
}
.area–light-grey .column–highlight {
border-radius: 2px; background-color: #fff; color: #00112c
}
.area–light-grey .column–highlight .column {
padding-left: 0; padding-right: 0
}
.column–highlight {
padding: 48px 0
}
@media only screen and (max-width:34rem) {
.column--highlight { padding-left: 1.25rem; padding-right: 1.25rem }
}
.read-more-item {
margin-top: 40px
}
.read-more-item .read-more-item__inner {
border-radius: 2px; background: #fff; border: 1px solid #d2dae1; margin-top: 6px; margin-bottom: 15px; height: 100%
}
.read-more-item .read-more-item__image {
background-repeat: no-repeat; background-position: 50%; background-size: cover; height: 300px
}
.read-more-item .section-heading {
padding: 20px 0!important
}
.read-more-item .read-more-item__inner–content {
padding: 40px 40px 30px
}
.read-more-item .image–margin {
margin: 0
}
.read-more-item .column__image {
-webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px
}
.read-more-item .column–link {
color: #0abf53; border-bottom-color: #0abf53
}
.area–dark .read-more-item__inner {
background: #90a2bd; border-bottom: 2px solid #00112c
}
.area–light-grey .read-more-item__inner {
border: 0
}
.column–min-height {
min-height: 200px
}
.area–white {
padding: 0
}
.area–white hr {
border-top: 1px solid #d2dae1
}
.area–white .column–highlight {
background-color: #f3f6f9; color: #00112c
}
.area–blue {
background-color: #90a2bd; color: #fff
}
.area–background-image {
background-repeat: no-repeat; background-size: cover
}
.area–green-blue {
background-color: #4ee5e5; color: #fff
}
.call-to-action-bar.top-border {
border-top: 1px solid #f3f6f9
}
.tri-cta-bar__section {
border-right: 1px solid #d2dae1; display: block; padding: 60px 0 50px
}
.tri-cta-bar__section:last-child {
border-right: 0
}
@media only screen and (max-width:34rem) {
.tri-cta-bar__section { border-right: 0; border-top: 1px solid #f3f6f9 } .tri-cta-bar__section:first-child { border-top: none }
}
.tri-cta-bar__link {
display: inline-block
}
.tri-cta-bar__hover .tri-cta-bar__link-text {
text-decoration: underline
}
.tri-cta-bar__hover .tri-cta-bar__icon {
opacity: .8
}
.tri-cta-bar__title {
font-weight: 600; color: #00112c; display: block; margin-top: 16px
}
.tri-cta-bar__icon {
color: #0abf53; display: inline-block; font-size: 36px; line-height: 1.4rem; padding: 18px 18px 18px 20px
}
.tri-cta-bar__description {
display: block; margin: 10px 0
}
.tri-cta-bar__link-text {
display: inline-block
}
.parallax-window {
background: transparent; margin-left: -1.25rem; margin-right: -1.25rem; min-height: 600px
}
.area–img-full-container {
height: auto; margin-left: -1.25rem; margin-right: -1.25rem
}
.area–img-full {
background-repeat: no-repeat; background-size: 100%; height: 100%; width: 100%
}
.area–img-full-content {
background-position: 50%; background-repeat: no-repeat; background-size: cover
}
.area–img-full-content .inner-container {
padding-left: 1.25rem; padding-right: 1.25rem
}
@media (min-width:72.5rem) {
.area--img-full-content .inner-container { padding-left: 0; padding-right: 0 }
}
@media only screen and (max-width:45rem) {
.area--img-full-content .inner-container { padding-left: 1.25rem; padding-right: 1.25rem }
}
.area–img-full-content .inner-container .column {
padding: 0
}
@media only screen and (max-width:45rem) {
.area--img-full-content { margin-left: 0; margin-right: 0 }
}
home .area–img-full-content.text–light blockquote, .area–img-full-content.text–light, .area–img-full-content.text–light home blockquote, .area–img-full-content.text–light .blog__post blockquote, .area–img-full-content.text–light .home .quote-container__quote, .area–img-full-content.text–light h1, .area–img-full-content.text–light h2, .area–img-full-content.text–light h3, .area–img-full-content.text–light h4, .blog__post .area–img-full-content.text–light blockquote, .home .area–img-full-content.text–light .quote-container__quote {
color: #fff
}
.area–img-full-content.text–light ul {
color: #d2dae1
}
.area–img-full-content.text–light hr {
border-top: .0625rem solid #d2dae1
}
.area–img-full-content.text–light p {
color: #f3f6f9
}
@media only screen and (max-width:45rem) {
.area--img-full-content.text--light { color: #fff } #home .area--img-full-content.text--light blockquote, .area--img-full-content.text--light #home blockquote, .area--img-full-content.text--light .blog__post blockquote, .area--img-full-content.text--light .home .quote-container__quote, .area--img-full-content.text--light h1, .area--img-full-content.text--light h2, .area--img-full-content.text--light h3, .area--img-full-content.text--light h4, .area--img-full-content.text--light ul, .blog__post .area--img-full-content.text--light blockquote, .home .area--img-full-content.text--light .quote-container__quote { color: inherit } .area--img-full-content.text--light li:before { color: #fff } .area--img-full-content.text--light hr { border-top: inherit } .area--img-full-content.text--light blockquote, .area--img-full-content.text--light p { color: inherit }
}
home .area–img-full-content.text–dark blockquote, .area–img-full-content.text–dark, .area–img-full-content.text–dark home blockquote, .area–img-full-content.text–dark .blog__post blockquote, .area–img-full-content.text–dark .home .quote-container__quote, .area–img-full-content.text–dark h1, .area–img-full-content.text–dark h2, .area–img-full-content.text–dark h3, .area–img-full-content.text–dark h4, .area–img-full-content.text–dark ul, .blog__post .area–img-full-content.text–dark blockquote, .home .area–img-full-content.text–dark .quote-container__quote {
color: #00112c
}
.area–img-full-content.text–dark hr {
border-top: .0625rem solid #00112c
}
.area–img-full-content.text–dark blockquote:before, .area–img-full-content.text–dark p {
color: #00112c
}
@media only screen and (max-width:45rem) {
#home .area--img-full-content.text--dark blockquote, .area--img-full-content.text--dark, .area--img-full-content.text--dark #home blockquote, .area--img-full-content.text--dark .blog__post blockquote, .area--img-full-content.text--dark .home .quote-container__quote, .area--img-full-content.text--dark h1, .area--img-full-content.text--dark h2, .area--img-full-content.text--dark h3, .area--img-full-content.text--dark h4, .area--img-full-content.text--dark ul, .blog__post .area--img-full-content.text--dark blockquote, .home .area--img-full-content.text--dark .quote-container__quote { color: inherit } .area--img-full-content.text--dark hr { border-top: inherit } .area--img-full-content.text--dark blockquote:before, .area--img-full-content.text--dark p { color: inherit }
}
@media only screen and (max-width:45rem) {
.area--img-full-content.img--hide-mobile { background-image: none!important }
}
@media only screen and (max-width:45rem) {
#home .area--img-full-content.area--light-grey.img--hide-mobile blockquote, #home .area--img-full-content.area--white.img--hide-mobile blockquote, .area--img-full-content.area--light-grey.img--hide-mobile #home blockquote, .area--img-full-content.area--light-grey.img--hide-mobile .blog__post blockquote, .area--img-full-content.area--light-grey.img--hide-mobile .home .quote-container__quote, .area--img-full-content.area--light-grey.img--hide-mobile blockquote:after, .area--img-full-content.area--light-grey.img--hide-mobile blockquote:before, .area--img-full-content.area--light-grey.img--hide-mobile h1, .area--img-full-content.area--light-grey.img--hide-mobile h2, .area--img-full-content.area--light-grey.img--hide-mobile h3, .area--img-full-content.area--light-grey.img--hide-mobile h4, .area--img-full-content.area--light-grey.img--hide-mobile p, .area--img-full-content.area--light-grey.img--hide-mobile ul, .area--img-full-content.area--white.img--hide-mobile #home blockquote, .area--img-full-content.area--white.img--hide-mobile .blog__post blockquote, .area--img-full-content.area--white.img--hide-mobile .home .quote-container__quote, .area--img-full-content.area--white.img--hide-mobile blockquote:after, .area--img-full-content.area--white.img--hide-mobile blockquote:before, .area--img-full-content.area--white.img--hide-mobile h1, .area--img-full-content.area--white.img--hide-mobile h2, .area--img-full-content.area--white.img--hide-mobile h3, .area--img-full-content.area--white.img--hide-mobile h4, .area--img-full-content.area--white.img--hide-mobile p, .area--img-full-content.area--white.img--hide-mobile ul, .blog__post .area--img-full-content.area--light-grey.img--hide-mobile blockquote, .blog__post .area--img-full-content.area--white.img--hide-mobile blockquote, .home .area--img-full-content.area--light-grey.img--hide-mobile .quote-container__quote, .home .area--img-full-content.area--white.img--hide-mobile .quote-container__quote { color: #00112c }
}
.image–overlay {
background-color: rgba(0, 17, 44, .6); position: relative; min-height: 100%; width: 100%
}
.image–overlay .inner-container {
padding-left: 1.25rem; padding-right: 1.25rem
}
.fifty-fifty-column {
position: relative
}
.fifty-fifty-column.area–white {
background: #fff
}
.fifty-fifty-column__image {
background-repeat: no-repeat; background-size: cover; min-height: 100%
}
.fifty-fifty-column__text {
padding-bottom: 96px; padding-top: 96px
}
@media only screen and (max-width:34rem) {
.fifty-fifty-column__text { padding-bottom: 40px; padding-top: 40px }
}
.press-release {
padding-top: 0
}
.latest-press-releases {
border-top: 1px solid #f3f6f9
}
.press-release__details {
font-size: .875rem; font-style: italic; margin-top: 20px
}
.press-release__details–detail {
font-style: italic; margin-top: 0; padding: 8px 0 0
}
.press-release__image {
width: 100%
}
.press-release__city {
text-transform: capitalize
}
.press-release-overview__title {
margin: 40px 0 0; padding: 4px 0 0
}
.press-release-overview__summary {
margin: 6px 0 0
}
.press-release-overview__city, .press-release-overview__date {
font-size: 14px
}
@media only screen and (max-width:34rem) {
.press-release__image { margin-top: 40px } .press-release__image.press-release__image-first-child { margin-top: 0 }
}
@media (min-width:34rem) and (max-width:45rem) {
.press-release { margin: 20px auto 0; max-width: 80% }
}
.logobar hr {
clear: both
}
.logobar__logo-container {
padding: 20px 0 40px; margin: 0 auto; max-width: 75rem; width: 100%
}
.logobar__logo-container.inner-container.area–padding-small {
padding: 48px 0 24px
}
.logobar__logo {
display: block; padding-bottom: 10px; padding-top: 10px
}
.logobar__logo-container.logobar__logo-container-customers .logobar__logo {
padding-bottom: 30px; padding-top: 30px
}
.centered-title {
margin: 0 auto; padding: 20px 0 40px; text-align: center
}
.quote-container blockquote {
margin-top: 24px
}
.quote-container__image {
max-width: 170px
}
.quote-container__quotee {
font-weight: 600
}
.quote-container__details {
margin-top: 20px
}
.quote-container__close-quote, .quote-container__open-quote {
font-size: 2.6667rem; line-height: 1rem; padding-top: 10px
}
.modal {
background: rgba(0, 17, 44, .8)
}
@media (min-width:48em) {
.modal-lg { width: 80% }
}
.modal__newsletter-signup .modal-title {
color: #00112c
}
.modal__newsletter-signup .modal-body {
padding: 0 15px
}
.modal__newsletter-signup iframe {
height: auto; min-height: 420px
}
.folding-list .panel–first-child {
border-bottom: 0
}
.folding-list .panel–first-child .panel-heading {
border-top: 1px solid #d2dae1
}
.folding-list .panel {
border-bottom: 1px solid #d2dae1
}
.folding-list .collapse-link__switchbtn {
color: #00112c; display: block; float: right; margin-top: -10px
}
.folding-list .collapse-link__switchbtn:after {
content: ""; background: #00112c; display: inline-block; font-size: 36px; height: 2px; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; width: 16px
}
.folding-list .collapse-link {
display: inline-block; font-weight: 400; font-size: 15px; padding-top: 10px; width: 100%
}
.folding-list .collapse-hover {
border-bottom: 0
}
.folding-list .collapse-hover .collapse-link__switchbtn {
color: #00914b
}
.folding-list .collapse-link.collapsed .collapse-link__switchbtn:after {
background: none; content: "+"; font-size: 36px; height: auto; line-height: 36px; padding: 0; margin-top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg)
}
.folding-list .collapse {
opacity: 0
}
.folding-list .collapse .panel__content {
height: 0; overflow: hidden
}
.folding-list .collapse.in {
opacity: 1
}
.folding-list .collapse.in .panel__content {
height: auto
}
.folding-list .panel-collapse {
transition: height .3s ease-in-out
}
.folding-list .panel-collapse.collapsing {
opacity: 0
}
.carousel .carousel-title {
padding: 0 12px
}
.carousel .carousel-step {
cursor: pointer; margin-top: 24px
}
.carousel .carousel-step.active .carousel-step__number {
background-color: #00112c; color: #fff
}
.carousel .carousel-step .carousel-step__number {
border-radius: 18px; border: 1px solid #00112c; display: inline-block; height: 36px; line-height: 36px; margin-right: 6px; text-align: center; width: 36px
}
.carousel .carousel-image-container .carousel-image {
display: none
}
.carousel .carousel-image-container .carousel-image:first-child {
display: block
}
.contact-button {
padding: 24px
}
@media only screen and (max-width:34rem) {
.contact-button { padding: 0 1.25rem }
}
.contact-button:nth-child(2n) {
margin-left: 0
}
.contact-button .contact-button__link {
border-radius: 2px; color: #00112c; cursor: pointer; border: 1px solid #d2dae1; display: block; padding: 12px; text-align: center; text-decoration: none
}
.contact-button .contact-button__hover .link__btn {
background-color: #00914b; color: #fff
}
.contact-button .link__icon {
display: block; font-size: 50px; margin: 24px 0 12px
}
.contact-button .link__title {
display: block; float: none; max-height: 68px; min-height: 68px; overflow: hidden; margin-bottom: 24px; padding: 0
}
@media only screen and (max-width:34rem) {
.contact-button .link__title { max-height: none }
}
.contact-button .link__btn {
display: block; padding: 7.5px 0; overflow: hidden
}
.office-details .office-address {
margin-bottom: 24px
}
.fifty-fifty {
position: relative
}
.fifty-fifty .fifty__left-bg, .fifty-fifty .fifty__right-bg {
background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; padding: 0; position: absolute; top: 0
}
.fifty-fifty .fifty__left-bg.bg-green, .fifty-fifty .fifty__right-bg.bg-green {
background-color: #0abf53
}
.fifty-fifty .fifty__left-bg.bg-blue, .fifty-fifty .fifty__right-bg.bg-blue {
background-color: #00112c
}
.fifty-fifty .fifty__left-bg {
left: 0
}
.fifty-fifty .fifty__right-bg {
right: 0
}
.fifty-fifty .inner-container {
position: relative
}
.fifty-fifty .inner-container .fifty__center, .fifty-fifty .inner-container .fifty__left, .fifty-fifty .inner-container .fifty__right {
background-position: 400%; background-repeat: no-repeat; background-size: cover; color: #fff; display: table-cell; float: none
}
.fifty-fifty .inner-container .fifty__center.bg-green, .fifty-fifty .inner-container .fifty__left.bg-green, .fifty-fifty .inner-container .fifty__right.bg-green {
background-color: #0abf53
}
.fifty-fifty .inner-container .fifty__center.bg-blue, .fifty-fifty .inner-container .fifty__left.bg-blue, .fifty-fifty .inner-container .fifty__right.bg-blue {
background-color: #00112c
}
.fifty-fifty .inner-container .fifty__center.color-light, .fifty-fifty .inner-container .fifty__left.color-light, .fifty-fifty .inner-container .fifty__right.color-light {
color: #fff
}
.fifty-fifty .inner-container .fifty__center.color-dark, .fifty-fifty .inner-container .fifty__left.color-dark, .fifty-fifty .inner-container .fifty__right.color-dark {
color: #00112c
}
.fifty-fifty .inner-container .fifty__center.valign-top, .fifty-fifty .inner-container .fifty__left.valign-top, .fifty-fifty .inner-container .fifty__right.valign-top {
vertical-align: top
}
.fifty-fifty .inner-container .fifty__center.valign-middle, .fifty-fifty .inner-container .fifty__left.valign-middle, .fifty-fifty .inner-container .fifty__right.valign-middle {
vertical-align: middle
}
.fifty-fifty .inner-container .fifty__center.valign-bottom, .fifty-fifty .inner-container .fifty__left.valign-bottom, .fifty-fifty .inner-container .fifty__right.valign-bottom {
vertical-align: bottom
}
.fifty-fifty .inner-container .fifty__right {
text-align: right
}
@media only screen and (max-width:45rem) {
.fifty-fifty .fifty__left-bg, .fifty-fifty .fifty__right-bg { display: none } .fifty-fifty .inner-container { padding: 0 } .fifty-fifty .inner-container .fifty__center, .fifty-fifty .inner-container .fifty__left, .fifty-fifty .inner-container .fifty__right { background-position: 50%; display: block; float: left; margin: 0; padding: 24px } .fifty-fifty .inner-container .fifty__center { padding: 0 }
}
a {
color: #0abf53; text-decoration: underline
}
a:active, a:hover {
color: #0abf53
}
.column–link a, a:active, a:hover {
text-decoration: none
}
.column–active, .column–hover {
text-decoration: underline
}
.area–green-blue a, .area–green-blue a:active, .area–green-blue a:hover, .area–img-full-container a, .area–img-full-container a:active, .area–img-full-container a:hover, .gradient-green-blue a, .gradient-green-blue a:active, .gradient-green-blue a:hover, .home .btn–play-video:hover a, .home .btn–play-video a, .home .btn–play-video a:active, .home .btn–play-video a:hover, .home .home-gradient-hr a, .home .home-gradient-hr a:active, .home .home-gradient-hr a:hover, .home .home-timeline__green-item a, .home .home-timeline__green-item a:active, .home .home-timeline__green-item a:hover, .navbar-transparent a, .navbar-transparent a:active, .navbar-transparent a:hover {
color: #fff
}
.area–green-blue .text–dark a, .area–green-blue .text–dark a:active, .area–green-blue .text–dark a:hover, .area–img-full-container .text–dark a, .area–img-full-container .text–dark a:active, .area–img-full-container .text–dark a:hover, .gradient-green-blue .text–dark a, .gradient-green-blue .text–dark a:active, .gradient-green-blue .text–dark a:hover, .home .btn–play-video .text–dark a, .home .btn–play-video .text–dark a:active, .home .btn–play-video .text–dark a:hover, .home .home-gradient-hr .text–dark a, .home .home-gradient-hr .text–dark a:active, .home .home-gradient-hr .text–dark a:hover, .home .home-timeline__green-item .text–dark a, .home .home-timeline__green-item .text–dark a:active, .home .home-timeline__green-item .text–dark a:hover, .navbar-transparent .text–dark a, .navbar-transparent .text–dark a:active, .navbar-transparent .text–dark a:hover {
color: #0abf53
}
.btn {
border-radius: 2px; background-color: transparent; line-height: 25px; padding: 7.5px 24px
}
.btn, .btn:active, .btn:hover {
text-decoration: none; transition: all .2s ease-in-out
}
.btn:active, .btn:hover {
background-color: #fff
}
.btn i {
margin-left: 10px
}
.btn+.btn {
margin-left: 48px
}
.area–light-grey .btn, .area–white .btn, .btn-primary, .header–dark-content .btn {
background-color: #0abf53; color: #fff
}
.area–light-grey .active.btn, .area–light-grey .btn:active, .area–light-grey .btn:hover, .area–white .active.btn, .area–white .btn:active, .area–white .btn:hover, .btn-primary.active, .btn-primary:active, .btn-primary:hover, .header–dark-content .active.btn, .header–dark-content .btn:active, .header–dark-content .btn:hover {
background-color: #00914b; color: #fff
}
.area–dark .btn, .area–dark .text–dark .btn, .area–img-full-container .btn, .area–img-full-container .text–dark .btn, .btn-secondary, .header__image .btn, .header__image .text–dark .btn, .navbar-transparent .btn, .navbar-transparent .text–dark .btn {
background-color: #fff; color: #0abf53
}
.area–dark .btn:active, .area–dark .btn:hover, .area–img-full-container .btn:active, .area–img-full-container .btn:hover, .btn-secondary:active, .btn-secondary:hover, .header__image .btn:active, .header__image .btn:hover, .navbar-transparent .btn:active, .navbar-transparent .btn:hover {
color: #0abf53
}
.area–green-blue .btn, .btn-tertiary {
background-color: #fff; color: #0abf53
}
.area–green-blue .btn:active, .area–green-blue .btn:hover, .btn-tertiary:active, .btn-tertiary:hover {
color: #00914b
}
.button-area {
padding-top: 24px
}
.button-area .btn {
margin-left: 48px
}
.button-area .btn:first-child {
margin-left: 0
}
@media only screen and (max-width:45rem) {
.button-area .btn { display: block; margin-left: 0; margin-top: 24px } .button-area .btn:first-child { margin-top: 0 }
}
.area–dark .btn.btn–fb, .area–dark .btn.btn–in, .area–dark .btn.btn–tw, .area–green-blue .btn.btn–fb, .area–green-blue .btn.btn–in, .area–green-blue .btn.btn–tw, .area–img-full-container .btn.btn–fb, .area–img-full-container .btn.btn–in, .area–img-full-container .btn.btn–tw, .area–light-grey .btn.btn–fb, .area–light-grey .btn.btn–in, .area–light-grey .btn.btn–tw, .area–white .btn.btn–fb, .area–white .btn.btn–in, .area–white .btn.btn–tw, .btn–fb, .btn–in, .btn–tw, .header–dark-content .btn.btn–fb, .header–dark-content .btn.btn–in, .header–dark-content .btn.btn–tw, .header__image .btn.btn–fb, .header__image .btn.btn–in, .header__image .btn.btn–tw, .navbar-transparent .btn.btn–fb, .navbar-transparent .btn.btn–in, .navbar-transparent .btn.btn–tw {
border-radius: 25px; background-color: transparent; min-width: 50px; padding: 10px
}
.area–dark .btn.btn–fb .social-type, .area–dark .btn.btn–in .social-type, .area–dark .btn.btn–tw .social-type, .area–green-blue .btn.btn–fb .social-type, .area–green-blue .btn.btn–in .social-type, .area–green-blue .btn.btn–tw .social-type, .area–img-full-container .btn.btn–fb .social-type, .area–img-full-container .btn.btn–in .social-type, .area–img-full-container .btn.btn–tw .social-type, .area–light-grey .btn.btn–fb .social-type, .area–light-grey .btn.btn–in .social-type, .area–light-grey .btn.btn–tw .social-type, .area–white .btn.btn–fb .social-type, .area–white .btn.btn–in .social-type, .area–white .btn.btn–tw .social-type, .btn–fb .social-type, .btn–in .social-type, .btn–tw .social-type, .header–dark-content .btn.btn–fb .social-type, .header–dark-content .btn.btn–in .social-type, .header–dark-content .btn.btn–tw .social-type, .header__image .btn.btn–fb .social-type, .header__image .btn.btn–in .social-type, .header__image .btn.btn–tw .social-type, .navbar-transparent .btn.btn–fb .social-type, .navbar-transparent .btn.btn–in .social-type, .navbar-transparent .btn.btn–tw .social-type {
padding-right: 5px
}
.area–dark .btn.btn–fb:hover, .area–dark .btn.btn–in:hover, .area–dark .btn.btn–tw:hover, .area–green-blue .btn.btn–fb:hover, .area–green-blue .btn.btn–in:hover, .area–green-blue .btn.btn–tw:hover, .area–img-full-container .btn.btn–fb:hover, .area–img-full-container .btn.btn–in:hover, .area–img-full-container .btn.btn–tw:hover, .area–light-grey .btn.btn–fb:hover, .area–light-grey .btn.btn–in:hover, .area–light-grey .btn.btn–tw:hover, .area–white .btn.btn–fb:hover, .area–white .btn.btn–in:hover, .area–white .btn.btn–tw:hover, .btn–fb:hover, .btn–in:hover, .btn–tw:hover, .header–dark-content .btn.btn–fb:hover, .header–dark-content .btn.btn–in:hover, .header–dark-content .btn.btn–tw:hover, .header__image .btn.btn–fb:hover, .header__image .btn.btn–in:hover, .header__image .btn.btn–tw:hover, .navbar-transparent .btn.btn–fb:hover, .navbar-transparent .btn.btn–in:hover, .navbar-transparent .btn.btn–tw:hover {
color: #fff
}
.area–dark .btn.btn–in, .area–green-blue .btn.btn–in, .area–img-full-container .btn.btn–in, .area–light-grey .btn.btn–in, .area–white .btn.btn–in, .btn–in, .header–dark-content .btn.btn–in, .header__image .btn.btn–in, .navbar-transparent .btn.btn–in {
border-color: #0077b5; color: #0077b5
}
.area–dark .btn.btn–in:hover, .area–green-blue .btn.btn–in:hover, .area–img-full-container .btn.btn–in:hover, .area–light-grey .btn.btn–in:hover, .area–white .btn.btn–in:hover, .btn–in:hover, .header–dark-content .btn.btn–in:hover, .header__image .btn.btn–in:hover, .navbar-transparent .btn.btn–in:hover {
background-color: #0077b5; border-color: #0077b5
}
.area–dark .btn.btn–fb, .area–green-blue .btn.btn–fb, .area–img-full-container .btn.btn–fb, .area–light-grey .btn.btn–fb, .area–white .btn.btn–fb, .btn–fb, .header–dark-content .btn.btn–fb, .header__image .btn.btn–fb, .navbar-transparent .btn.btn–fb {
border-color: #3b5998; color: #3b5998
}
.area–dark .btn.btn–fb:hover, .area–green-blue .btn.btn–fb:hover, .area–img-full-container .btn.btn–fb:hover, .area–light-grey .btn.btn–fb:hover, .area–white .btn.btn–fb:hover, .btn–fb:hover, .header–dark-content .btn.btn–fb:hover, .header__image .btn.btn–fb:hover, .navbar-transparent .btn.btn–fb:hover {
background-color: #3b5998; border-color: #3b5998
}
.area–dark .btn.btn–tw, .area–green-blue .btn.btn–tw, .area–img-full-container .btn.btn–tw, .area–light-grey .btn.btn–tw, .area–white .btn.btn–tw, .btn–tw, .header–dark-content .btn.btn–tw, .header__image .btn.btn–tw, .navbar-transparent .btn.btn–tw {
border-color: #55acee; color: #55acee
}
.area–dark .btn.btn–tw:hover, .area–green-blue .btn.btn–tw:hover, .area–img-full-container .btn.btn–tw:hover, .area–light-grey .btn.btn–tw:hover, .area–white .btn.btn–tw:hover, .btn–tw:hover, .header–dark-content .btn.btn–tw:hover, .header__image .btn.btn–tw:hover, .navbar-transparent .btn.btn–tw:hover {
background-color: #55acee; border-color: #55acee
}
.btn–play-video {
border-radius: 40px; background: rgba(0, 17, 44, .5); border: 1px solid hsla(0, 0%, 100%, .5); left: 50%; margin-left: -35px; margin-top: -30px; padding: 27px 28px 26px 30px; position: absolute; top: 50%
}
.btn–play-video:hover {
background: rgba(0, 17, 44, .5); border: 1px solid hsla(0, 0%, 100%, .9)
}
.btn–play-video__icon {
background: url(../images/video_play_button.png) no-repeat; background-size: cover; display: block; height: 15px; width: 10px
}
.btn–close-video {
background: transparent; border: 0; color: #fff; float: right; font-size: 30px; padding: 10px 0 10px 10px
}
.btn–close-modal {
padding: 7px 2px 10px 0
}
.btn–close-cookiebar, .btn–close-modal {
background: transparent; border: 0; color: #00112c; float: right; font-size: 30px
}
.btn–close-cookiebar {
line-height: 16px; padding-top: 6px
}
@media only screen and (max-width:45rem) {
.btn--close-cookiebar { padding: 0 10px }
}
.btn–filtering-content {
margin: 3px
}
.filter-menu__list-item a {
border-top: 1px solid #f3f6f9; color: #00112c; display: block; padding: 6px 20px
}
.filter-menu__list-item a:active, .filter-menu__list-item a:focus {
color: #0abf53
}
.filter-menu__list-item:first-child a {
border-bottom: 0
}
.open .filter-menu__dropdown-toggle {
background-color: #fff; border-color: #00112c; color: #00112c
}
.open .filter-menu__dropdown-toggle:active, .open .filter-menu__dropdown-toggle:focus, .open .filter-menu__dropdown-toggle:hover, .open .filter-menu__dropdown-toggle:visited {
background-color: #90a2bd; border-color: #00112c; color: #fff
}
.btn-group:hover .dropdown-menu {
display: block; margin: 0
}
body {
padding: 0!important
}
html {
min-height: 100%; position: relative
}
.site-wrapper {
height: 100%; width: 100%
}
.no-scroll, .site-wrapper {
overflow: hidden
}
hr {
margin: 0
}
.no-gutter> {
padding-right: 0; padding-left: 0
}
.area–padding-large {
padding: 96px 0
}
@media only screen and (max-width:34rem) {
.area--padding-large { padding: 48px 0 }
}
.area–padding-small {
padding: 48px 0
}
@media only screen and (max-width:34rem) {
.area--padding-small { padding: 24px 0 }
}
.area–padding-none {
padding: 0
}
.area–padding-large-top-medium-bottom {
padding: 96px 0 48px
}
@media only screen and (max-width:34rem) {
.area--padding-large-top-medium-bottom { padding: 48px 0 24px }
}
.area–padding-large-top-none-bottom {
padding: 96px 0 0
}
@media only screen and (max-width:34rem) {
.area--padding-large-top-none-bottom { padding: 48px 0 0 }
}
.area–padding-medium-top-large-bottom {
padding: 48px 0 96px
}
@media only screen and (max-width:34rem) {
.area--padding-medium-top-large-bottom { padding: 24px 0 48px }
}
.area–padding-medium-top-none-bottom {
padding: 48px 0 0
}
@media only screen and (max-width:34rem) {
.area--padding-medium-top-none-bottom { padding: 24px 0 0 }
}
.area–padding-none-top-large-bottom {
padding: 0 0 96px
}
@media only screen and (max-width:34rem) {
.area--padding-none-top-large-bottom { padding: 0 0 48px }
}
.area–padding-none-top-medium-bottom {
padding: 0 0 48px
}
@media only screen and (max-width:34rem) {
.area--padding-none-top-medium-bottom { padding: 0 0 24px }
}
.area–padding-none-top, .area–padding-none-top .inner-container {
padding-top: 0!important
}
.inner-container {
margin: 0 auto; max-width: 75rem; padding: 96px 0
}
.inner-container.area–padding-large {
padding: 96px 0
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-large { padding: 48px 0 }
}
.inner-container.area–padding-small {
padding: 48px 0
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-small { padding: 24px 0 }
}
.inner-container.area–padding-none {
padding: 0
}
.inner-container.area–padding-large-top-medium-bottom {
padding: 96px 0 48px
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-large-top-medium-bottom { padding: 48px 0 24px }
}
.inner-container.area–padding-large-top-none-bottom {
padding: 96px 0 0
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-large-top-none-bottom { padding: 48px 0 0 }
}
.inner-container.area–padding-medium-top-large-bottom {
padding: 48px 0 96px
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-medium-top-large-bottom { padding: 24px 0 48px }
}
.inner-container.area–padding-medium-top-none-bottom {
padding: 48px 0 0
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-medium-top-none-bottom { padding: 24px 0 0 }
}
.inner-container.area–padding-none-top-large-bottom {
padding: 0 0 96px
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-none-top-large-bottom { padding: 0 0 48px }
}
.inner-container.area–padding-none-top-medium-bottom {
padding: 0 0 48px
}
@media only screen and (max-width:34rem) {
.inner-container.area--padding-none-top-medium-bottom { padding: 0 0 24px }
}
.inner-container.area–padding-none-top, .inner-container.area–padding-none-top .inner-container {
padding-top: 0!important
}
.inner-container .row {
margin-left: 0; margin-right: 0
}
.max-width–inner {
margin: 0 auto; max-width: 75rem
}
.header {
margin: 0 auto; max-width: 100%; position: relative
}
.area–light-grey .header .btn, .area–light-grey .header .btn:visited, .area–white .header .btn, .area–white .header .btn:visited, .header–dark-content .header .btn, .header–dark-content .header .btn:visited, .header .area–light-grey .btn, .header .area–light-grey .btn:visited, .header .area–white .btn, .header .area–white .btn:visited, .header .btn-primary, .header .btn-primary:visited, .header .header–dark-content .btn, .header .header–dark-content .btn:visited {
border: 1px solid #fff
}
.header .inner-container {
padding: 0 12px
}
.header.header–hidden {
display: none
}
.header__overlay {
background-color: rgba(0, 17, 44, .5); float: left; height: 100%; position: relative; width: 100%
}
.header__page-title {
margin: 180px auto 0; text-align: center
}
.header__page-title .header__subtitle, .header__page-title .header__title {
color: #fff
}
.header__page-title.header–dark-content .header__subtitle, .header__page-title.header–dark-content .header__title {
color: #00112c
}
.header–small .header__page-title {
margin-top: 96px
}
.header__image {
background-size: cover; background-position: 50%; color: #fff; overflow: hidden; width: 100%
}
.header__image.header–small {
min-height: 240px
}
.header__image.header__image–position-top {
background-position: top
}
.header__image.header__image–position-center {
background-position: 50%
}
.header__image.header__image–position-left {
background-position: 0
}
.header__image.header__image–position-bottom {
background-position: bottom
}
.header__image.header__image–position-right {
background-position: 100%
}
.header__image.header__image–position-top-left {
background-position: 0 0
}
.header__image.header__image–position-top-center {
background-position: top
}
.header__image.header__image–position-top-right {
background-position: 100% 0
}
.header__image.header__image–position-center-right {
background-position: 100%
}
.header__image.header__image–position-bottom-right {
background-position: 100% 100%
}
.header__image.header__image–position-bottom-center {
background-position: bottom
}
.header__image.header__image–position-bottom-left {
background-position: 0 100%
}
.header__image.header__image–position-center-left {
background-position: 0
}
.header__image.header__image–position-center-center {
background-position: 50%
}
.area–light-grey .header–clean .btn, .area–light-grey .header–clean .btn:visited, .area–white .header–clean .btn, .area–white .header–clean .btn:visited, .header–clean .area–light-grey .btn, .header–clean .area–light-grey .btn:visited, .header–clean .area–white .btn, .header–clean .area–white .btn:visited, .header–clean .btn-primary, .header–clean .btn-primary:visited, .header–clean .header–dark-content .btn, .header–clean .header–dark-content .btn:visited, .header–dark-content .header–clean .btn, .header–dark-content .header–clean .btn:visited {
border: 1px solid #d2dae1
}
.area–light-grey .header–clean .btn:hover, .area–light-grey .header–clean .btn:visited:hover, .area–white .header–clean .btn:hover, .area–white .header–clean .btn:visited:hover, .header–clean .area–light-grey .btn:hover, .header–clean .area–light-grey .btn:visited:hover, .header–clean .area–white .btn:hover, .header–clean .area–white .btn:visited:hover, .header–clean .btn-primary:hover, .header–clean .btn-primary:visited:hover, .header–clean .header–dark-content .btn:hover, .header–clean .header–dark-content .btn:visited:hover, .header–dark-content .header–clean .btn:hover, .header–dark-content .header–clean .btn:visited:hover {
background: #f3f6f9; border: 1px solid #f3f6f9
}
.header–clean .header__page-title .header__title {
color: #00112c
}
.header–clean .header__page-title .header__subtitle {
color: #00112c; margin: 0 auto; max-width: 80%
}
@media only screen and (max-width:34rem) {
.header__page-title { margin-top: 96px; max-width: 90% } .header--big, .header__image, .header__overlay { min-height: 280px }
}
.header–clean {
overflow: hidden
}
.header__logo {
padding-top: 48px
}
@media only screen and (max-width:34rem) {
.header__logo { padding-top: 24px }
}
.header–big {
min-height: 460px
}
@media only screen and (max-width:34rem) {
.header--big { min-height: 240px }
}
.header–big .header__actions {
padding-bottom: 96px
}
@media only screen and (max-width:34rem) {
.header--big .header__actions { padding-bottom: 48px }
}
.header–big .header__overlay {
min-height: 460px
}
@media only screen and (max-width:34rem) {
.header--big .header__overlay { min-height: 280px }
}
.header–small .header__content {
padding-bottom: 96px
}
.header–small .header__content:empty {
display: none
}
.header–small .header__overlay {
min-height: 240px
}
.header–small.header–left .header__page-title, .header–small.header–left .header__subtitle {
margin-left: 0; text-align: left
}
.header–small .header__actions–padding {
padding-bottom: 0
}
.header–small .header__actions .btn {
margin-right: 24px
}
.header–big.no-padding {
min-height: 0
}
.header–big.no-padding .header__actions–padding {
padding-bottom: 0
}
.header–big.header–left .header__page-title, .header–big.header–left .header__subtitle {
margin-left: 0; text-align: left
}
.header–big .header__actions–padding {
padding-bottom: 96px
}
@media only screen and (max-width:34rem) {
.header--big .header__actions--padding { padding-bottom: 24px }
}
.header–left .header__actions .btn {
margin: 24px 24px 48px 0
}
.header__subtitle {
margin-bottom: 0; text-align: center
}
@media only screen and (max-width:34rem) {
.header__subtitle { font-size: 18px; padding-bottom: 24px }
}
.header__actions .btn {
margin-top: 48px
}
.header__actions .btn:last-child {
margin-right: 0
}
@media only screen and (max-width:34rem) {
.header__image, .header__overlay { min-height: 280px } .header__actions { min-height: 0; padding-bottom: 48px } .header__actions .btn { margin-right: 0; margin-top: 48px } .header__actions .btn:first-child { margin-top: 48px }
}
@media only screen and (max-width:34rem) {
.col-xs-12 { margin-top: 24px }
}
.div–margin-top {
margin-top: 96px
}
.div–half-margin-top {
margin-top: 48px
}
.div–padding-bottom {
padding-bottom: 96px
}
.div–half-standard-padding {
padding-bottom: 48px; padding-top: 48px
}
.div–half-padding-top {
padding-top: 48px
}
.div–half-padding-bottom {
padding-bottom: 48px
}
.div–no-padding {
padding-bottom: 0; padding-top: 0
}
.div–no-padding-top {
padding-top: 0
}
.div–no-left-right-padding {
padding-left: 0; padding-right: 0
}
.div–no-padding-bottom {
padding-bottom: 0
}
.h–margin-top {
margin-top: 24px
}
.div–standard-padding {
padding: 48px 0
}
.div–center-btn {
display: block; text-align: center; width: 100%
}
.col–statistic {
border-left: 1px solid #fff
}
.content .table td, .content .table th {
border-top-color: #d2dae1
}
.content table {
border: 0
}
@media only screen and (max-width:34rem) {
.content table { overflow-x: auto; display: block }
}
.content th {
border-bottom: 1px solid #d2dae1; color: #00112c; font-weight: 600; padding: 12px 0 10px; text-align: left
}
.content th:first-child {
border-top: 0
}
.content td {
padding: 12px 4px 10px
}
.content tr {
border-bottom: 1px solid #d2dae1
}
.area–dark th {
border-bottom: 1px solid #00112c; color: #d2dae1
}
.area–dark td {
color: #d2dae1
}
.area–dark tr {
border-bottom: 1px solid #00112c
}
.navbar {
padding: 0 16px 15px; position: absolute; top: 0; transition: all .3s ease-in-out
}
.navbar .menu__search-button {
border-top: 4px solid transparent; color: #fff; display: inline-block; float: left; font-size: 14px; margin-right: 8px; padding: 22px 12px 0; transition: border-bottom .3s ease-out
}
@media only screen and (max-width:45rem) {
.navbar .menu__search-button { float: left; padding-left: 18px; width: 100% } .navbar .menu__search-button:hover { color: #00112c } .navbar .menu__search-button:before { color: #00112c; content: "Search"; display: block; float: left; padding-left: 10px }
}
.navbar .menu__search-button .icon-theme-search-left {
margin-top: 14px; position: relative
}
@media only screen and (max-width:45rem) {
.navbar .menu__search-button .icon-theme-search-left { color: #00112c; float: left; margin-top: 2px }
}
.navbar .menu__search-button:hover {
border-color: #fff; color: #fff
}
.navbar.nav-up {
position: absolute; top: -66px
}
.navbar.nav-down {
position: fixed; top: 0
}
.navbar.nav-down.absolute {
position: absolute
}
.navbar .btn {
margin-top: 16px
}
.navbar .btn.main-navigation__btn–search {
position: absolute; right: 0; margin-top: 0
}
.navbar.navbar-transparent–dark .btn {
border: 1px solid #0abf53; color: #0abf53
}
.navbar.navbar-transparent–dark .btn:active, .navbar.navbar-transparent–dark .btn:focus, .navbar.navbar-transparent–dark .btn:hover {
background: #0abf53; color: #fff
}
.navbar a {
border: 0; font-style: normal; text-decoration: none
}
.navbar.bg-faded {
background: #fff
}
.navbar .dropdown-menu {
padding: 0
}
@media (min-width:45rem) and (max-width:61.25rem) {
.navbar .dropdown-menu { background: transparent; border: 0; box-shadow: none; left: -24px; position: absolute } .navbar .dropdown-menu .btn { border: 0; padding: 0 } .navbar .dropdown-menu .btn:hover { background: transparent; color: #90a2bd } .navbar .pull-right .nav-item+.nav-item { margin-left: 0 }
}
.navbar .btn-group>.btn {
float: right
}
.navbar .btn-group.open .nav-item {
float: none; text-align: center
}
.navbar .btn-group.open .nav-link {
padding-top: 10px
}
@media (min-width:61.25rem) {
.navbar .dropdown-menu { background: transparent; border: 0; display: block; left: 0; margin: 0; position: relative }
}
.navbar .dropdown-item {
color: #f3f6f9
}
.navbar .dropdown-item:hover {
color: #00112c
}
.navbar-toggle {
background: transparent; border: 0; float: left; margin: 3px 0 0 20px
}
.mobile-menu-text {
display: inline-block; float: right; margin-left: 10px; padding-top: 5px
}
.lines-button {
border-radius: 2px; cursor: pointer; display: inline-block; padding: 2px; transition: .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
}
.lines-button:hover {
opacity: 1
}
.lines-button:active {
background: rgba(0, 17, 44, .1); transition: 0
}
.menu-lines {
height: 1.71429px; position: relative
}
.menu-lines, .menu-lines:after, .menu-lines:before {
background: #fff; border-radius: 2px; display: inline-block; transition: .2s ease-in-out; width: 24px
}
.menu-lines:after, .menu-lines:before {
content: ""; height: 2px; left: 0; position: absolute; -webkit-transform-origin: 2px center; transform-origin: 2px center
}
.menu-lines:before {
top: 6px
}
.menu-lines:after {
top: -6px
}
.x-button.nav-opened .menu-lines {
background: transparent
}
.x-button.nav-opened .menu-lines:after, .x-button.nav-opened .menu-lines:before {
top: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 24px
}
.x-button.nav-opened .menu-lines:before {
-webkit-transform: rotate(45deg); transform: rotate(45deg)
}
.x-button.nav-opened .menu-lines:after {
-webkit-transform: rotate(-45deg); transform: rotate(-45deg)
}
.navbar-nav .nav-item+.nav-item {
margin-left: 1rem
}
.navbar-nav .nav-link {
padding-top: 20px
}
.navbar-nav .nav-before {
color: transparent; content: attr(title); display: block; font-weight: 600; height: 0; overflow: hidden; visibility: hidden
}
.navbar-inner {
margin: 0 auto; max-width: 75rem; padding: 0 20px
}
.navbar-brand {
margin-right: 2rem; margin-top: 16px; padding-top: 0
}
.navbar-brand .logo-mozg–white {
display: block
}
.navbar-brand .logo-mozg–green {
display: none
}
.navbar-brand:hover {
border-bottom: 0; text-decoration: none
}
.navbar-brand__logo-container {
text-align: center; width: 100%
}
.navbar-brand__logo {
background-size: cover; display: block; height: 28px; width: 5.625rem
}
.navbar-brand__logo.navbar-brand__logo–mobile {
display: block; float: right; height: 37px; margin-right: 20px
}
.navbar-brand__logo.navbar-brand__logo–mobile.navbar-brand__logo-white–mobile {
display: block
}
.navbar-brand__logo.navbar-brand__logo–mobile.navbar-brand__logo-green–mobile {
display: none
}
.navbar-transparent–dark .navbar-brand .logo-mozg–green {
display: block
}
.navbar-transparent–dark .navbar-brand .logo-mozg–white, .navbar-transparent–dark .navbar-brand__logo.navbar-brand__logo–mobile.navbar-brand__logo-white–mobile {
display: none
}
.navbar-transparent–dark .navbar-brand__logo.navbar-brand__logo–mobile.navbar-brand__logo-green–mobile {
display: block
}
.navbar-brand__logo-mozg {
width: 5.625rem
}
.logo-mozg–white {
display: none
}
.absolute-logo-container {
position: absolute; top: 0; width: 100%; z-index: 1
}
.absolute-logo-container .max-width–inner {
padding: 0 16px
}
.absolute-logo-container .navbar-brand__logo-mozg {
display: block
}
.absolute-logo-container.absolute-logo-container–light .logo-mozg–green {
display: none
}
.absolute-logo-container.absolute-logo-container–light .logo-mozg–white {
display: block
}
.navbar-light .navbar-brand__logo–mobile {
background-size: 100%; display: block; float: right; height: 37px; margin-right: 20px
}
.navbar-light .navbar-brand .logo-mozg–green {
display: block
}
.navbar-light .navbar-brand .logo-mozg–white, .navbar-light .navbar-brand__logo.navbar-brand__logo–mobile.navbar-brand__logo-white–mobile {
display: none
}
.navbar-light .navbar-brand__logo.navbar-brand__logo–mobile.navbar-brand__logo-green–mobile {
display: block
}
.navbar-light .menu__search-button {
color: #90a2bd
}
.navbar-light .menu__search-button:hover {
border-color: #0abf53
}
.navbar-light .menu__search-button:hover .icon-theme-search-left {
color: #90a2bd
}
.navbar-light .btn {
border: 1px solid rgba(10, 191, 83, .5); color: #0abf53
}
.navbar-light .btn:hover {
background: #0abf53; color: #fff
}
.navbar-light .navbar-nav .nav-link {
border-top: 4px solid transparent; color: #90a2bd
}
.navbar-light .navbar-nav .nav-active, .navbar-light .navbar-nav .nav-focus, .navbar-light .navbar-nav .nav-hover {
border-color: #0abf53; color: #90a2bd
}
.navbar-light .navbar-nav .nav-before {
color: transparent; content: attr(title); display: block; font-weight: 600; height: 0; overflow: hidden; visibility: hidden
}
.navbar-light .navbar-nav .active .nav-link {
border-color: #0abf53; color: #00112c; font-weight: 600
}
.navbar-light .navbar-toggle {
background: transparent; border: 0; color: #00112c; float: left; font-size: 16px; margin-top: 3px
}
.navbar-light .menu-lines, .navbar-light .menu-lines:after, .navbar-light .menu-lines:before {
background: #00112c
}
.popover-arrow {
display: none
}
@media (min-width:45rem) and (max-width:61.25rem) {
.navbar-light .dropdown-menu { border-radius: 2px; background: #fff; box-shadow: 0 1px 2px rgba(0, 17, 44, .25), 0 0 1px rgba(0, 17, 44, .35); left: -34px; margin-top: 18px; padding: 10px 0 20px } .navbar-light .dropdown-menu .btn { border: 0; padding: 0 } .navbar-light .dropdown-menu .btn:hover { background: #fff; color: #00914b } .navbar-light .dropdown-menu .popover-arrow { clip: rect(0 18px 14px -4px); display: block; left: -7px; margin-left: 50%; position: absolute; top: -14px } .navbar-light .dropdown-menu .popover-arrow:after { background: #fff; box-shadow: -1px -1px 1px -1px rgba(0, 17, 44, .44); content: ""; display: block; height: 14px; -webkit-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px); width: 14px }
}
.navbar-transparent {
background: transparent
}
.navbar-transparent .nav-link {
border-top: 4px solid transparent; color: #fff
}
.navbar-transparent .nav-active, .navbar-transparent .nav-hover {
border-color: #fff; transition: all .3s ease-out
}
.navbar-transparent .active .nav-link {
border-color: #fff; color: #fff; font-weight: 600
}
.navbar-transparent.navbar-transparent–dark .nav-link {
border-top: 4px solid transparent; color: #90a2bd
}
.navbar-transparent.navbar-transparent–dark .nav-active, .navbar-transparent.navbar-transparent–dark .nav-hover {
border-color: #0abf53
}
.navbar-transparent.navbar-transparent–dark .active .nav-link {
border-color: #0abf53; color: #00112c; font-weight: 600
}
.navbar-transparent.navbar-transparent–dark .menu-lines, .navbar-transparent.navbar-transparent–dark .menu-lines:after, .navbar-transparent.navbar-transparent–dark .menu-lines:before {
background: #00112c
}
.navbar-transparent.navbar-transparent–dark .menu__search-button {
color: #90a2bd
}
.navbar-transparent.navbar-transparent–dark .menu__search-button:hover {
border-top: 4px solid #0abf53
}
@media (min-width:45rem) and (max-width:61.25rem) {
.navbar-light .btn-group .nav-link, .navbar-transparent .btn-group .nav-link { border-top: 0 } .navbar-light .btn-group .nav-link:hover, .navbar-transparent .btn-group .nav-link:hover { border-top: 0; color: #90a2bd } .navbar-light .btn-group.open .nav-link:hover { color: #00112c }
}
@media only screen and (max-width:45rem) {
.navbar { padding: 14px 0 20px } .no-scroll .navbar-light { box-shadow: none } .navbar-inner { background: #fff; display: block; height: 0; left: 0; margin: 0; min-width: 320px; overflow: hidden; position: fixed; right: 0; top: 66px; transition: all .3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; z-index: 9999 } .navbar-inner.show-nav { height: 100%; height: 100vh; overflow-y: visible } .navbar-inner .nav { width: 100% } .navbar-inner .navbar-nav .nav-link { color: #00112c; font-size: 1rem } .navbar-inner .navbar-nav .nav-link:hover { color: #00112c } .navbar-inner .nav-link { background: #f3f6f9; border: 0; font-style: normal; padding: 15px 0; text-decoration: none; width: 100% } .navbar-inner .nav-link:active, .navbar-inner .nav-link:hover { border: 0; margin: 0 } .navbar-inner .active .nav-link { border: 0 } .navbar-inner .nav-item { width: 100% } .navbar-inner .navbar-brand { border-bottom: 0; margin-top: 10px; padding: 0 0 10px 6%; width: 90% } .navbar-light .nav-item+.nav-item, .navbar-light .nav-item:last-child { margin: 0 } .navbar-light .btn { border-radius: 0; border: 0; color: #0abf53; font-size: 1rem; line-height: 27px; margin-top: 0; padding: 8px 0 6px 20px; text-align: left; width: 100% } .navbar-light .btn:active, .navbar-light .btn:hover { background: #fff; border-color: #00112c; color: #00112c } .navbar-light .nav-link { padding-left: 20px } .navbar-light .nav-link:active, .navbar-light .nav-link:hover { border-bottom: 4px solid #90a2bd } .navbar-light .menu__search-button { font-size: 16px; padding: 15px 10px } .navbar-light .menu__search-button .icon-theme-search-left { display: none } .navbar-light .menu__search-button:hover { border-top: 0; border-bottom: 4px solid #0abf53 } .pull-right .nav-item+.nav-item { margin: 0 } .navbar .btn-group { width: 100% } .navbar .dropdown-menu { border: 0; display: block; font-size: .9375rem; margin-top: 0; position: relative; width: 100% } .navbar .dropdown-menu .nav-link { background: #fff } .navbar .nav-item { clear: both } .navbar .navbar-transparent .nav-link { color: #00112c } .navbar.navbar-transparent--dark .btn { border: 0 } .main-navigation-right .dropdown-toggle, .navbar-inner .navbar-brand { display: none } .main-navigation-left.pull-left, .main-navigation-right.pull-right { float: none!important } .main-navigation ul, .main-navigation ul li { display: block }
}
.subpage-menu-container {
transition: top .3s ease-in-out
}
.subpage-menu-container .subpage-menu__item {
margin-top: 10px
}
@media only screen and (max-width:34rem) {
.subpage-menu-container .subpage-menu__item { margin-top: 0 }
}
.subpage-menu-container.subpage-menu-container–fixed {
position: fixed; opacity: .98; top: 0; transition: top .3s ease-in-out; width: 100%; z-index: 8
}
@media only screen and (max-width:34rem) {
.subpage-menu-container.subpage-menu-container--fixed { position: relative; top: 0; width: auto }
}
.subpage-menu-container.subpage-menu-container–fixed.subpage-menu-container–fixed-top-distance {
top: 72px
}
@media only screen and (max-width:34rem) {
.subpage-link { font-size: 14px; padding-bottom: 10px; text-align: left } .subpage-link:after { bottom: 0; height: 1px }
}
@media (min-width:45rem) and (max-width:61.25rem) {
.subpage-menu-container { padding-top: 0 } .subpage-link { padding-bottom: 10px } .subpage-link:after { bottom: -4px }
}
.subpage-menu-container {
border-bottom: 1px solid #d2dae1; display: block; padding-top: 10px
}
.subpage-menu-container.subpage-menu-container–no-padding {
padding-top: 0
}
.subpage-menu-container .col-xs-12 {
margin-top: 0
}
.subpage-menu-container__titles {
padding: 40px 0
}
.subpage-menu, .subpage-menu-filter {
list-style: none; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0
}
.subpage-menu__item {
display: inline-block; margin: 0 0 0 20px
}
.subpage-menu__item a {
color: #90a2bd
}
.subpage-menu__item:first-child {
margin: 0
}
.subpage-link, .subpage-link–styled {
border-bottom: 4px solid transparent; color: #90a2bd; display: block; font-style: normal; font-weight: 400; padding-bottom: 12px; padding-top: 12px; text-align: center; text-decoration: none
}
.subpage-link–styled:visited, .subpage-visited {
color: #90a2bd
}
.subpage-link–styled:active, .subpage-link–styled:focus, .subpage-link–styled:hover, .subpage-active, .subpage-focus, .subpage-hover {
border-color: #0abf53; color: #90a2bd; text-decoration: none
}
.subpage-link–styled:before, .subpage-before {
color: transparent; content: attr(title); display: block; font-weight: 600; height: 0; overflow: hidden; visibility: hidden
}
.subpage-link–styled.current, .subpage-link.current {
border-color: #0abf53; color: #00112c; font-weight: 600
}
.subpage-link–styled.current:after, .subpage-link.current:after {
-webkit-transform: scaleX(1); -ms-tranform: scaleX(1); transform: scaleX(1); visibility: visible
}
@media only screen and (max-width:34rem) {
.subpage-menu-container { padding-top: 10px } .subpage-menu__item { margin: 0 0 0 10px } .subpage-link .subpage-link--styled:after { bottom: -8px; height: 1px }
}
.cookie-alert {
background: #d2dae1; position: fixed; width: 100%; bottom: 0; left: 0; right: 0; padding: 8px 0; font-size: 14px; text-align: center; color: #f3f6f9; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 100
}
.cookie-alert-inner {
color: #00112c; margin: 0 auto; max-width: 1160px; position: relative
}
.cookie-alert a {
border-bottom: 0; color: #00112c; margin-left: 2px; text-decoration: underline
}
.cookie-alert a:hover {
outline: 0; color: #f3f6f9; text-decoration: none
}
.content-switcher__menu {
list-style: none; position: relative
}
.content-switcher-container .area__header {
padding-bottom: 20px
}
.content-switcher .carousel-item .inner-container {
padding-left: 1.25rem; padding-right: 1.25rem
}
.content-switcher .carousel-indicators {
bottom: auto; color: #00112c; left: 0; display: inline-block; margin: 0 auto; padding: 0; position: relative; width: 100%; text-align: center
}
.content-switcher .carousel-indicators.active {
margin: 0 auto
}
.content-switcher .carousel-indicators li {
border-radius: 0; border: 0; border-bottom: 4px solid transparent; background-color: transparent; color: #90a2bd; display: inline-block; height: auto; margin-right: 20px; padding-bottom: 16px; position: relative; top: 1px; text-indent: 0; width: auto
}
@media only screen and (max-width:34rem) {
.content-switcher .carousel-indicators li { margin-top: 14px; padding: 0 4px 4px 0 }
}
.content-switcher .carousel-indicators li:hover {
border-color: #0abf53
}
.content-switcher .carousel-indicators li.active {
border-color: #0abf53; color: #00112c; font-weight: 600
}
@media only screen and (max-width:34rem) {
.content-switcher .carousel-indicators li.active { border-bottom: 2px solid #00112c }
}
.content-switcher .carousel-indicators li:last-child {
margin-right: 0
}
.content-switcher .carousel-indicators .content-switcher__menu-item {
cursor: pointer; list-style: none; position: relative; height: auto; width: auto
}
.content-switcher .carousel-indicators .content-switcher__menu-item:before {
color: transparent; content: attr(title); display: block; font-weight: 600; height: 0; overflow: hidden; visibility: hidden
}
.content-switcher .carousel-indicators .content-switcher__menu-item.active {
height: auto; width: auto
}
@media only screen and (max-width:34rem) {
.content-switcher .inner-container { padding: 20px 1.25rem }
}
.right-item-switcher__menu .carousel-indicators {
left: auto; padding-left: inherit; position: relative; width: 100%; z-index: 1
}
.right-item-switcher__menu .carousel-indicators li {
margin: 0 0 0 -20px
}
@media only screen and (max-width:34rem) {
.right-item-switcher__menu .carousel-indicators li { margin: 0 }
}
.right-item-switcher__menu .carousel-indicators:first-child, .right-item-switcher__menu .carousel-indicators:first-child.active {
margin: 40px 0 0 -20px
}
.right-item-switcher__menu .carousel-indicators .right-item-switcher__menu-item {
border-radius: 2px; border: 0; clear: both; display: inline-block; float: left; height: auto; max-width: 90%; padding: 20px; text-align: left; text-indent: 0; width: auto
}
.right-item-switcher__menu .carousel-indicators .right-item-switcher__menu-item.active {
background: #fff; margin: 0 0 0 -20px
}
@media only screen and (max-width:34rem) {
.right-item-switcher__menu .carousel-indicators .right-item-switcher__menu-item.active { margin: 0 }
}
.right-item-switcher__menu .carousel-indicators .right-item-switcher__menu-item.active:hover {
background: #fff
}
.right-item-switcher__menu .carousel-indicators .right-item-switcher__menu-item:hover {
background: hsla(0, 0%, 100%, .4); cursor: pointer
}
@media only screen and (max-width:34rem) {
.right-item-switcher__menu .carousel-indicators .right-item-switcher__menu-item { clear: both; position: relative; max-width: 100% }
}
.right-item-switcher-menu__title {
font-size: 30px; padding: 0 0 10px
}
.right-item-switcher-menu__summary, .right-item-switcher-menu__title {
clear: both; display: block; position: relative; width: 100%
}
.right-item-switcher__item {
padding: 40px 0 0 100px; overflow: visible
}
@media only screen and (max-width:34rem) {
.right-item-switcher__item { padding: 0 1.25rem }
}
.main-navigation-open:before {
background: #fff; bottom: 0; content: ""; opacity: .8; position: absolute; top: 0; width: 100%; z-index: 6
}
.navbar-main .main-navigation__list {
display: inline-block; list-style: none; margin: 0; padding: 0; position: relative
}
.navbar-main .main-navigation__list .main-navigation__list-item {
display: inline-block; margin-right: 24px; position: relative
}
.navbar-main .main-navigation__list .main-navigation__list-item .arrow-icon {
margin: 0 4px; position: relative; top: 8px
}
.navbar-main .main-navigation__list .main-navigation__list-item .arrow-icon:before {
border-style: solid; border-width: 2px 2px 0 0; content: ""; display: inline-block; height: 8px; margin-right: 12px; position: relative; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; vertical-align: top; width: 8px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__title {
cursor: pointer; padding-bottom: 22px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container {
height: 0; left: 0; overflow: hidden; position: fixed; width: 100%
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner {
-webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #fff; border: 1px solid #d2dae1; margin: 0 auto; max-width: 78.3rem
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__info {
padding: 0
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__info .container__info-content {
padding: 48px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__info .container__info-content .container__title {
height: 34px; margin-bottom: 12px; padding: 0
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__info .container__info-content .container__description {
font-size: 14px; line-height: 19px; margin-bottom: 12px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__info .container__info-content .container__link {
color: #0abf53; font-size: 14px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__info .container__info-content .container__hover {
text-decoration: underline
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups {
padding: 0
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__back-button {
cursor: pointer; display: none; padding: 10px 0 16px 32px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__back-button .arrow-icon:before {
-webkit-transform: rotate(225deg); transform: rotate(225deg)
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group {
padding: 48px; padding-left: 0
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group.group-dark {
background-color: #f3f6f9; padding-left: 48px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__title {
font-weight: 600; line-height: 20px; margin-bottom: 12px; padding-top: 9px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list {
list-style-type: none; margin: 0; padding: 0
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list .group__list-item {
margin-bottom: 12px
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list .group__list-item .group__item-link, .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list .group__list-item .group__item-title {
font-weight: 500
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list .group__list-item .group__item-link {
color: #0abf53
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list .group__list-item .group__item-hover {
text-decoration: underline
}
.navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__all-groups .container__group .group__list .group__list-item .group__item-description {
font-size: 14px; line-height: 16px
}
.navbar-main .main-navigation__list .main-navigation__list-item.active .list-item__title {
font-weight: 400
}
.navbar-main .main-navigation__list .main-navigation__list-item.active .arrow-icon:before {
top: 2px; -webkit-transform: rotate(315deg); transform: rotate(315deg)
}
.no-js .main-navigation__list-item:hover:hover .list-item__container {
height: auto
}
@media only screen and (max-width:34rem) {
.no-scroll .navbar-inner { padding-bottom: 96px } .main-navigation-open .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container { background-color: #fff; height: 100% } .navbar-main .navbar-inner { min-width: 0; width: 85% } .navbar-main .navbar-toggle { float: none; position: absolute; right: 12px } .navbar-main .navbar-brand__logo.navbar-brand__logo--mobile { float: none; margin: 0 auto } .navbar-main.navbar-light .btn, .navbar-main.navbar-light .nav-link { padding-left: 12px } .navbar-main.navbar-light .btn:active, .navbar-main.navbar-light .btn:hover, .navbar-main.navbar-light .nav-link:active, .navbar-main.navbar-light .nav-link:hover { border: 0 } .navbar-main.navbar-light .menu__search-button { padding-left: 0 } .navbar-main .main-navigation__list .main-navigation__list-item { border: 0; display: block; margin-right: 0 } .navbar-main .main-navigation__list .main-navigation__list-item .arrow-icon:before { top: 8px } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__title { background-color: #fff; padding: 12px } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__title .arrow-icon { position: absolute; right: 0; top: 21px } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__title .arrow-icon:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container { background-color: #fff; overflow: auto; top: 66px; width: 85%; z-index: 7 } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner { border: 0 } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__info { display: none } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups { left: 0!important } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups .container__back-button { display: block } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups .container__group { height: auto!important; padding: 0 } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups .container__group.group-dark { background-color: transparent; margin-top: 12px } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups .container__group .group__title { display: none } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups .container__group .group__list .group__list-item { padding: 16px 0 0 32px } .navbar-main .main-navigation__list .main-navigation__list-item .list-item__container .container__inner .container__all-groups .container__group .group__list .group__list-item .group__item-description { display: none } .navbar-main .main-navigation__list .main-navigation__list-item.active .arrow-icon:before { top: 8px }
}
.navbar-transparent.navbar-transparent–dark .search-header .icon-search-close, .navbar-transparent.navbar-transparent–dark .search-header .icon-search-open {
color: #90a2bd
}
.navbar-transparent .search-header .search-close, .navbar-transparent .search-header .search-open {
color: #fff
}
.search-active:before {
background-color: #90a2bd; bottom: 0; content: ""; display: block; opacity: .5; position: absolute; top: 0; width: 100%; z-index: 1
}
.search-active .navbar-inner {
position: relative
}
.search-header .icon-search-close, .search-header .icon-search-open {
cursor: pointer; display: inline-block; margin-right: 12px; position: relative; top: 12px
}
.search-header .icon-search-close {
display: none
}
.search-header .search-container {
display: none; left: 50%; position: absolute; top: 16px; width: 50%; z-index: 11
}
.search-header .search-container .search-form {
widh: 100%
}
.search-header .search-container .search-form .search-fieldset {
overflow: hidden; position: relative
}
.search-header .search-container .search-form .search-fieldset .search-form__input {
border: 0; outline: 0; padding: 12px 36px 6px; width: 100%
}
.search-header .search-container .search-form .search-fieldset .search-form__reset, .search-header .search-container .search-form .search-fieldset .search-form__submit {
background: 0; border: 0; outline: 0; padding: 12px; position: absolute; top: 0
}
.search-header .search-container .search-form .search-fieldset .search-form__submit {
left: 0
}
.search-header .search-container .search-form .search-fieldset .search-form__reset {
display: none; font-size: 12px; right: 0
}
.search-header .search-container .search-autocomplete {
background: #fff; left: 0; list-style: none; position: absolute; top: 100%; width: 100%
}
.search-header .search-container .search-autocomplete .search-link {
color: #00112c; border-top: 1px solid #00112c; display: block; padding: 6px 12px
}
.img–full-width {
font-style: normal; height: auto; width: 100%
}
img {
max-width: 100%
}
.column__image {
display: block; position: relative
}
.column__image–full-width {
width: 100%
}
.column__image–center {
margin: 0 auto
}
.image–rounded {
border-radius: 2px
}
.image–margin {
margin-bottom: 12px
}
.image–half-margin-top {
margin-top: 20px
}
.image–link {
border: 0; text-decoration: none; transition: opacity .2s ease-in-out
}
.image–hover {
border: 0; opacity: .8
}
.video–embed-container, .videoWrapper {
height: 0; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative
}
.video–embed-container embed, .video–embed-container iframe, .video–embed-container object, .video–embed-container video, .videoWrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper video {
height: 100%; left: 0; margin-bottom: 20px; position: absolute; top: 0; width: 100%
}
.video__placeholder {
height: 0; max-width: 100%; overflow: hidden; position: relative
}
.video__placeholder img {
width: 100%
}
.video__placeholder__overlay {
height: 100%; left: 0; position: absolute; top: 0; width: 100%
}
.video__placeholder__play-button {
left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%
}
.video__placeholder__overlay-dark {
border-radius: 2px; background-color: rgba(0, 17, 44, .5)
}
.video__overlay__title {
bottom: 10%; position: absolute; text-align: center; width: 100%
}
home .video__overlay__title blockquote, .blog__post .video__overlay__title blockquote, .video__overlay__title home blockquote, .video__overlay__title .blog__post blockquote, .video__overlay__title h3 {
color: #fff; font-size: 16px
}
.modal–video .modal-content {
background: 0; border: 0
}
.modal–video .modal-body {
padding: 0
}
.modal–video .modal-header {
border: 0; padding: 0
}
.footer {
bottom: 0; position: absolute; width: 100%
}
.footer.area–dark {
background: #00112c
}
.footer.row {
margin-left: 0; margin-right: 0
}
.footer .footer__linklist {
min-height: 100px; padding-bottom: 40px
}
.footer .footer-link {
color: #fff; cursor: pointer; font-style: normal; text-decoration: none
}
.footer .footer-visited {
color: #fff
}
.footer .footer-hover {
color: #fff; text-decoration: underline
}
.footer .inner-container {
padding: 80px 0 20px
}
@media only screen and (max-width:34rem) {
.footer .inner-container { padding: 40px 10px }
}
.footer li {
list-style: none
}
.footer .footer-title {
font-size: 17px; margin: 0; padding: 0 0 2px
}
.footer .footer-title a {
color: #fff; font-weight: 600
}
.footer .footer-title a:visited {
color: #fff
}
.footer .footer-title a:hover {
text-decoration: underline
}
.footer .footer-buttons .btn {
background-color: transparent; border: 0; font-size: 16px; padding: 0
}
.footer__language-button {
margin-top: 6px
}
.footer__language-button:hover .footer__language-dropdown {
display: block
}
.footer__sub-text {
margin-top: 30px
}
@media only screen and (max-width:34rem) {
.footer__sub-text { text-align: left }
}
.footer__sub-text .footer-link, .footer__sub-text .footer-visited {
color: #f3f6f9
}
.footer__language-selector .footer__language-selector__title {
color: #fff; font-size: 17px; font-weight: 600; line-height: 25px; margin: 0; padding: 0 0 2px
}
.footer__language-selector .btn-language-selector {
border-radius: 2px; background: #00112c; border: 1px solid hsla(0, 0%, 100%, .2); color: #fff; cursor: pointer
}
.footer__language-selector .dropdown-toggle {
border-color: hsla(0, 0%, 100%, .2); color: #fff; padding: 4px 4px 4px 10px; margin-top: 0; min-width: 120px
}
.footer__language-selector .dropdown-toggle:active, .footer__language-selector .dropdown-toggle:focus, .footer__language-selector .dropdown-toggle:hover {
border-color: #90a2bd; color: #fff
}
.footer__language-selector .dropdown-toggle:active .footer__language-dropdown__language-text, .footer__language-selector .dropdown-toggle:focus .footer__language-dropdown__language-text, .footer__language-selector .dropdown-toggle:hover .footer__language-dropdown__language-text {
color: #fff
}
.footer__language-selector .footer__language-dropdown-container {
padding-top: 2px
}
.footer__language-selector .dropdown-menu {
margin: 0; padding: 0
}
.footer__language-selector .footer__language-dropdown {
border-color: hsla(0, 0%, 100%, .5)
}
.footer__language-selector .footer__language-dropdown__language-text {
color: #fff
}
.footer__language-selector .footer__language-dropdown__language {
padding: 6px 4px
}
.footer__language-selector .footer__language-dropdown__language a {
display: block
}
.footer__language-dropdown__language {
background: #00112c; display: block; float: left; padding: 2px 4px; position: relative; width: 100%
}
.footer__language-dropdown__language:hover {
background: rgba(0, 17, 44, .8)
}
.footer__language-dropdown__language .footer__language-dropdown__language-text, .footer__language-dropdown__language:hover .footer__language-dropdown__language-text {
color: #fff
}
.footer__language-dropdown__language .footer__language-dropdown__flag {
margin-left: 6px
}
.dropdown-toggle .footer__language-dropdown__flag {
margin-top: 6px
}
.dropdown-toggle .footer__language-dropdown__language-text {
padding: 2px 0
}
.footer__language-dropdown__flag {
clear: left; float: left; margin: 2px 0 0; width: 20px
}
.footer__language-dropdown__language-text {
color: #fff; float: left; font-size: 13px; line-height: 1.25rem; margin: 0 10px
}
.global-coverage .payment-methods-container {
margin-top: 24px
}
.global-coverage .payment-methods-container__payment-method–bot-distance {
margin-bottom: 14px
}
.global-coverage .payment-methods-container__payment-method {
border-radius: 2px; background: #fff; padding: 10px 0
}
.global-coverage .subpage-menu-container__titles {
padding-bottom: 20px
}
.global-coverage .subpage-menu {
padding-top: 10px; transition: top .3s ease-in-out
}
.global-coverage .subpage-menu.subpage-menu-container–fixed {
background: #f3f6f9; left: -1.25rem; opacity: .98; position: fixed; right: -1.25rem; top: 0; width: 100%; z-index: 8
}
@media only screen and (max-width:34rem) {
.global-coverage .subpage-menu.subpage-menu-container--fixed { position: relative; top: 0; width: auto }
}
.global-coverage .subpage-menu.subpage-menu-container–fixed-top-distance {
top: 72px
}
.payment-methods-container__payment-page-link {
border-bottom: 0
}
.payment-methods-container__payment-page-active, .payment-methods-container__payment-page-focus, .payment-methods-container__payment-page-hover {
border-bottom: 0; opacity: .6
}
.country-payment-methods {
padding: 24px 0
}
.country-payment-methods__list {
list-style: none; padding-top: 2.8rem
}
@media only screen and (max-width:34rem) {
.country-payment-methods__list { padding-top: 1rem }
}
.country-payment-methods__flag {
float: left; margin-top: 24px; width: 20px
}
.country-payment-methods__payment-method {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap
}
.country-payment-methods__country-name {
clear: right; float: left; padding-left: 10px; position: relative
}
@media only screen and (max-width:34rem) {
.country-payment-methods__country-name { margin-top: 1rem; padding-left: 0; width: 100% }
}
.country-payments-methods__more-information__content {
display: none; height: 0
}
.country-payments-methods__more-information__content h4 {
padding-bottom: 0
}
.country-payments-methods__read-more.content-shown .more-read, .country-payments-methods__read-more .less-read {
display: none
}
.country-payments-methods__read-more.content-shown .less-read {
display: block
}
.country-payment-methods__country-text ul {
padding-left: 19px
}
.country-payment-methods__country-text, .country-payments-methods__more-information {
clear: both; float: left; position: relative
}
@media only screen and (max-width:34rem) {
.country-payment-methods__country-text, .country-payments-methods__more-information { padding-left: 0 }
}
.country-payments-methods__inside-tips, .country-payments__country-extra-text {
clear: both; float: left; font-style: italic; width: 100%
}
@media only screen and (max-width:34rem) {
.country-payments-methods__inside-tips, .country-payments__country-extra-text { padding-left: 0 }
}
.country-payment-method__percentage-container {
float: right; height: 24px; position: relative; overflow: hidden; width: 100%
}
.country-payment-method__percentage-bar {
background: #0abf53; clear: left; display: block; float: right; height: 20px; margin: 2px 0 0; max-width: 100%; position: relative
}
.country-payment-method__percentage {
display: block; float: right; min-width: 20%; position: relative; text-align: right
}
@media only screen and (max-width:34rem) {
.country-payment-methods__explanation { padding-top: 20px }
}
.global-coverage-overview .inner-container {
padding-top: 0; padding-bottom: 0
}
.global-coverage-overview .payoff-title {
font-size: 20px; line-height: 22px; text-align: left; padding: 0 8px
}
@media (min-width:34rem) {
.global-coverage-overview .payoff-title { font-size: 24px; line-height: 26px }
}
@media (min-width:768px) {
.global-coverage-overview .payoff-title { font-size: 36px; line-height: 44px }
}
@media (min-width:34rem) {
.global-coverage-overview .payoff-title { padding: 0 24px }
}
@media (min-width:768px) {
.global-coverage-overview .payoff-title { padding: 0 }
}
.global-coverage-overview a {
color: #fff; text-decoration: none; font-family: inherit; font-weight: 500
}
.global-coverage-overview a.country-payment-count {
opacity: .8
}
@media (min-width:768px) {
.global-coverage-overview a.country-payment-count { display: none!important }
}
.global-coverage-overview a.country-payment-close-link {
position: absolute; top: 27px; left: .3rem
}
@media (min-width:34rem) {
.global-coverage-overview a.country-payment-close-link { left: .75rem }
}
@media (min-width:768px) {
.global-coverage-overview a.country-payment-close-link { top: 60px; right: 1.25rem; left: auto }
}
.global-coverage-overview a.country-payment-close-link .icon {
width: 1rem; height: 1rem
}
.global-coverage-overview a.country-payment-close-link .icon.mobile {
display: inline
}
.global-coverage-overview a.country-payment-close-link .icon.desktop {
display: none
}
.global-coverage-overview a.country-payment-close-link .icon.country {
fill: #00112c
}
.global-coverage-overview a.country-payment-close-link .icon.payment-method {
fill: #fff
}
@media (min-width:768px) {
.global-coverage-overview a.country-payment-close-link .icon.mobile { display: none } .global-coverage-overview a.country-payment-close-link .icon.desktop { display: inline }
}
.global-coverage-overview .country-payment-overview {
list-style: none
}
.global-coverage-overview .country-payment-overview.country-overview.no-select {
display: inline-block; font-size: 20px; line-height: 22px; padding-top: 0; padding-bottom: 0; padding-left: 2px; margin-bottom: 0; overflow-y: auto; margin-top: 3px
}
@media (min-width:34rem) {
.global-coverage-overview .country-payment-overview.country-overview.no-select { font-size: 24px; line-height: 26px }
}
@media (min-width:768px) {
.global-coverage-overview .country-payment-overview.country-overview.no-select { font-size: 36px; line-height: 44px }
}
@media only screen and (max-width:767px) {
.global-coverage-overview .country-payment-overview.country-overview.no-select { display: none }
}
.global-coverage-overview .country-payment-overview.country-overview.no-select li a {
opacity: .8
}
.global-coverage-overview .country-payment-overview.country-overview.no-select li:hover a, .global-coverage-overview .country-payment-overview.country-overview.no-select li a .selected-country {
color: #00112c
}
.global-coverage-overview .country-payment-overview.payment-overview.no-select {
display: inline-block; font-size: 20px; line-height: 22px; padding-top: 0; padding-bottom: 0; padding-left: 2px; margin-bottom: 0; overflow-y: auto; margin-top: 3px
}
@media (min-width:34rem) {
.global-coverage-overview .country-payment-overview.payment-overview.no-select { font-size: 24px; line-height: 26px }
}
@media (min-width:768px) {
.global-coverage-overview .country-payment-overview.payment-overview.no-select { font-size: 36px; line-height: 44px }
}
@media only screen and (max-width:767px) {
.global-coverage-overview .country-payment-overview.payment-overview.no-select { display: none }
}
.global-coverage-overview .country-payment-overview.payment-overview.no-select li a {
opacity: .8
}
.global-coverage-overview .country-payment-overview.payment-overview.no-select li:hover a, .global-coverage-overview .country-payment-overview.payment-overview.no-select li a .selected-payment {
color: #0abf53
}
.global-coverage-overview .row–background-two-panes {
overflow-y: hidden
}
@media (min-width:768px) {
.global-coverage-overview .row--background-two-panes { background: linear-gradient(90deg, #0abf53 0, #0abf53 50%, #00112c 0, #00112c) } .global-coverage-overview .row--background-two-panes .country-pane-wrapper, .global-coverage-overview .row--background-two-panes .payment-pane-wrapper { background-color: transparent }
}
.global-coverage-overview .row–background-two-panes .country-payoff, .global-coverage-overview .row–background-two-panes .payment-payoff {
display: inline-block; vertical-align: top
}
.global-coverage-overview .row–background-two-panes .h2 {
display: inline-block; line-height: .75rem; vertical-align: top; margin-top: 3px; font-size: 20px; line-height: 22px
}
@media (min-width:34rem) {
.global-coverage-overview .row--background-two-panes .h2 { font-size: 24px; line-height: 26px }
}
@media (min-width:768px) {
.global-coverage-overview .row--background-two-panes .h2 { font-size: 36px; line-height: 44px }
}
.global-coverage-overview .row–background-two-panes .h2.underline {
margin-left: 4px; margin-right: -4px; border-bottom: 1px solid #fff
}
.global-coverage-overview .row–background-two-panes .h2 .country-title {
color: #00112c
}
.global-coverage-overview .row–background-two-panes .h2 .payment-title {
color: #0abf53
}
.global-coverage-overview .row–background-two-panes .col-xs-12 {
margin-top: 0
}
.global-coverage-overview .row–background-two-panes .country-pane-wrapper {
background-color: #0abf53
}
.global-coverage-overview .row–background-two-panes .payment-pane-wrapper {
background-color: #00112c
}
.global-coverage-overview .row–background-two-panes .country-payment-detail-info {
overflow-y: auto; padding-bottom: 24px
}
.area–light-grey .global-coverage-overview .row–background-two-panes .country-pane .btn, .area–white .global-coverage-overview .row–background-two-panes .country-pane .btn, .global-coverage-overview .row–background-two-panes .country-pane .area–light-grey .btn, .global-coverage-overview .row–background-two-panes .country-pane .area–white .btn, .global-coverage-overview .row–background-two-panes .country-pane .btn-primary, .global-coverage-overview .row–background-two-panes .country-pane .header–dark-content .btn, .header–dark-content .global-coverage-overview .row–background-two-panes .country-pane .btn {
background-color: #00112c; border-color: #00112c
}
.area–light-grey .global-coverage-overview .row–background-two-panes .country-pane .btn:hover, .area–white .global-coverage-overview .row–background-two-panes .country-pane .btn:hover, .global-coverage-overview .row–background-two-panes .country-pane .area–light-grey .btn:hover, .global-coverage-overview .row–background-two-panes .country-pane .area–white .btn:hover, .global-coverage-overview .row–background-two-panes .country-pane .btn-primary:hover, .global-coverage-overview .row–background-two-panes .country-pane .header–dark-content .btn:hover, .header–dark-content .global-coverage-overview .row–background-two-panes .country-pane .btn:hover {
background-color: #373635
}
.area–light-grey .global-coverage-overview .row–background-two-panes .payment-pane .btn, .area–white .global-coverage-overview .row–background-two-panes .payment-pane .btn, .global-coverage-overview .row–background-two-panes .payment-pane .area–light-grey .btn, .global-coverage-overview .row–background-two-panes .payment-pane .area–white .btn, .global-coverage-overview .row–background-two-panes .payment-pane .btn-primary, .global-coverage-overview .row–background-two-panes .payment-pane .header–dark-content .btn, .header–dark-content .global-coverage-overview .row–background-two-panes .payment-pane .btn {
border-color: #0abf53
}
.area–dark .global-coverage-overview .row–background-two-panes .payment-pane .btn, .area–img-full-container .global-coverage-overview .row–background-two-panes .payment-pane .btn, .global-coverage-overview .row–background-two-panes .payment-pane .area–dark .btn, .global-coverage-overview .row–background-two-panes .payment-pane .area–img-full-container .btn, .global-coverage-overview .row–background-two-panes .payment-pane .btn-secondary, .global-coverage-overview .row–background-two-panes .payment-pane .header__image .btn, .global-coverage-overview .row–background-two-panes .payment-pane .navbar-transparent .btn, .header__image .global-coverage-overview .row–background-two-panes .payment-pane .btn, .navbar-transparent .global-coverage-overview .row–background-two-panes .payment-pane .btn {
background-color: #00112c; border-color: #0abf53; color: #fff
}
.area–dark .global-coverage-overview .row–background-two-panes .payment-pane .btn:hover, .area–img-full-container .global-coverage-overview .row–background-two-panes .payment-pane .btn:hover, .global-coverage-overview .row–background-two-panes .payment-pane .area–dark .btn:hover, .global-coverage-overview .row–background-two-panes .payment-pane .area–img-full-container .btn:hover, .global-coverage-overview .row–background-two-panes .payment-pane .btn-secondary:hover, .global-coverage-overview .row–background-two-panes .payment-pane .header__image .btn:hover, .global-coverage-overview .row–background-two-panes .payment-pane .navbar-transparent .btn:hover, .header__image .global-coverage-overview .row–background-two-panes .payment-pane .btn:hover, .navbar-transparent .global-coverage-overview .row–background-two-panes .payment-pane .btn:hover {
background-color: #373635
}
.global-coverage-overview .row–background-two-panes .country-pane, .global-coverage-overview .row–background-two-panes .payment-pane {
padding: 24px 8px
}
@media (min-width:34rem) {
.global-coverage-overview .row--background-two-panes .country-pane, .global-coverage-overview .row--background-two-panes .payment-pane { padding: 24px }
}
@media (min-width:768px) {
.global-coverage-overview .row--background-two-panes .country-pane, .global-coverage-overview .row--background-two-panes .payment-pane { padding: 48px 0 }
}
.global-coverage-overview .country-payment-relation-wrapper {
color: #fff
}
.global-coverage-overview ul.zg-ul-select {
border-radius: 2px; box-sizing: border-box; cursor: pointer; font-size: 20px; line-height: 22px; margin: 0; padding: 0; display: inline-block; overflow-x: hidden; line-height: 5px
}
@media (min-width:34rem) {
.global-coverage-overview ul.zg-ul-select { font-size: 24px; line-height: 26px }
}
@media (min-width:768px) {
.global-coverage-overview ul.zg-ul-select { font-size: 36px; line-height: 44px }
}
@media (min-width:34rem) {
.global-coverage-overview ul.zg-ul-select { line-height: 5px }
}
@media (min-width:768px) {
.global-coverage-overview ul.zg-ul-select { line-height: 7px }
}
.global-coverage-overview ul.zg-ul-select::-webkit-scrollbar {
display: none
}
.global-coverage-overview ul.zg-ul-select li {
border-radius: 3px; display: none; padding: .5em .5em .5em 0; text-decoration: none
}
.global-coverage-overview ul.zg-ul-select li.active {
-webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #fff; border-radius: 3px; box-shadow: 0 0 2px #aaa; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between
}
.global-coverage-overview ul.zg-ul-select li.first-option {
padding: 4px 3px 1px 0; font-family: inherit; font-weight: 500; border-radius: 0; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
}
@media (min-width:34rem) {
.global-coverage-overview ul.zg-ul-select li.first-option { padding: 3px 3px 0 0; line-height: 26px }
}
@media (min-width:768px) {
.global-coverage-overview ul.zg-ul-select li.first-option { line-height: 44px }
}
.global-coverage-overview ul.zg-ul-select li a.country-link {
white-space: nowrap; color: #00112c
}
.global-coverage-overview ul.zg-ul-select li a.payment-link {
color: #0abf53; white-space: nowrap
}
.global-coverage-overview ul.zg-ul-select.active {
overflow-y: auto
}
.global-coverage-overview ul.zg-ul-select.active li {
border: none; box-shadow: none; display: block
}
.global-coverage-overview ul.zg-ul-select.active li:hover {
background: #4ee5e5
}
.global-coverage-overview ul.zg-ul-select.active li:hover a {
color: #fff
}
.global-coverage-overview ul.zg-ul-select.active li.active.first-option {
color: transparent; border-bottom: 1px solid #fff
}
.global-coverage-overview ul.zg-ul-select.active li.active.first-option:hover {
background: transparent
}
.global-coverage-overview ul.zg-ul-select.active li.active.first-option ul-arrow {
display: none
}
.global-coverage-overview ul.zg-ul-select:focus {
outline: none
}
.btn–department-selection {
margin: 3px
}
.vacancy__detail ul {
padding: 0 0 0 20px
}
.vacancy__detail li {
margin: 14px 0 0
}
@media only screen and (max-width:34rem) {
.vacancy-overview__vacancies { padding: 20px 0 40px }
}
.vacancy-overview__vacancies-link {
text-decoration: none
}
.vacancy-overview__vacancies-active, .vacancy-overview__vacancies-hover {
text-decoration: underline
}
.blog-overview .header__page-title {
max-width: 75rem
}
.blog-overview .header__page-title .blog__header-summary {
font-size: 20px; max-width: 50%; opacity: .9
}
@media only screen and (max-width:34rem) {
.blog-overview .header__page-title .blog__header-summary { font-size: 16px; max-width: 100% }
}
.blog-list__item-image-container, .blog-list__item-link, .blog-list__item-summary, .blog-list__item-title {
display: block
}
.blog-list__item-image-container {
min-height: 217px
}
.blog-list__item-image-container img {
max-height: 194px
}
@media only screen and (max-width:45rem) {
.blog-list__item-image-container img { max-height: none }
}
.blog-list__item-summary {
color: #00112c; margin-bottom: 15px
}
.blog__post img {
width: 100%
}
.blog__post ul {
padding-left: 1.25rem
}
.blog__post .youtube-video {
width: 100%; margin-bottom: 15px
}
.blog__post .videoWrapper {
padding-top: 30px; padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden
}
.blog__author-image {
border-radius: 100%; margin-top: 40px
}
.blog__header-summary {
color: #fff; margin-top: 20px
}
.blog__header-author, .blog__header-salutation {
color: #fff
}
@media only screen and (max-width:34rem) {
.blog__header-salutation { padding-bottom: 20px }
}
.blog__filter-menu {
margin: 0 auto; max-width: 75rem; padding: 20px 0 0
}
@media only screen and (max-width:34rem) {
.blog__filter-menu { padding: 20px 0 } .blog__filter-menu .row { margin: 0 } .blog__filter-menu .col-xs-12 { padding: 0 }
}
.blog-list__item:active, .blog-list__item:hover, .blog-list__item a {
text-decoration: none
}
.blog-list__item:active .blog-list__item-title, .blog-list__item:hover .blog-list__item-title {
text-decoration: underline
}
@media only screen and (max-width:34rem) {
.btn-blog { margin-bottom: 12px }
}
.home .home__header-background-svg {
position: absolute; top: 72px; left: 45px; width: 100%; margin-left: -235px; z-index: -1
}
@media only screen and (max-width:34rem) {
.home .home__header-background-svg { display: none }
}
.home .home__header-background-svg2 {
position: absolute; top: 0; left: 0; width: 100%; margin-left: -500px; z-index: -1
}
.home .header {
min-height: 620px; max-height: 620px
}
@media only screen and (max-width:34rem) {
.home .header { min-height: 420px; max-height: 420px }
}
@media only screen and (max-width:34rem) {
.home .header__image { min-height: 360px }
}
.home .header__image.header–big {
min-height: 620px; max-height: 620px
}
@media only screen and (max-width:34rem) {
.home .header__image.header--big { min-height: 420px; max-height: 420px }
}
.home .header__page-title {
margin: 192px auto 0
}
@media only screen and (max-width:34rem) {
.home .header__page-title { margin: 100px auto 0 }
}
.home .get-paid__page-title {
float: left; margin-top: 100px; max-width: 70%; position: relative; text-align: left; width: 100%
}
@media only screen and (max-width:34rem) {
.home .get-paid__page-title { margin-top: 80px; max-width: 100% }
}
.home .get-paid__page-title .quote-container__quote, .home .get-paid__page-title h1 {
color: #fff; float: left; font-size: 120px; font-weight: 600; letter-spacing: 1px; margin-bottom: 0; position: relative; width: 100%
}
@media only screen and (max-width:34rem) {
.home .get-paid__page-title .quote-container__quote, .home .get-paid__page-title h1 { font-size: 40px; line-height: 30px }
}
.home .homepage__header-title {
font-size: 3.125rem; line-height: 65px; margin-top: 20px; -webkit-transform: translateY(10px); transform: translateY(10px)
}
@media only screen and (max-width:34rem) {
.home .homepage__header-title { font-size: 24px; line-height: 2.5rem; margin-top: 20px }
}
.home .homepage__header-category {
color: #fff; font-size: 1.125rem; margin-bottom: 0; -webkit-transform: translateY(10px); transform: translateY(10px)
}
.home .homepage__header-subtitle {
color: #f3f6f9; font-size: 20px; margin-top: 30px
}
.home .homepage__header-button {
margin: 40px auto 130px; -webkit-transform: translateY(10px); transform: translateY(10px)
}
@media only screen and (max-width:34rem) {
.home .homepage__header-button { font-size: 12px; margin: 10px auto 0 }
}
.home .hompage__header-svg {
left: -350px; top: -50px; position: absolute; width: 100%
}
.home .home-header-outer {
display: table; position: relative; height: 550px; width: 100%; margin-top: 72px; overflow: hidden; background: #00112c
}
@media only screen and (max-width:34rem) {
.home .home-header-outer { height: 450px; margin-left: -1.25rem; width: 112% }
}
.home .home-header-middle {
display: table-cell; vertical-align: middle
}
.home .home-header-inner {
margin-left: auto; margin-right: auto; width: 100%; text-align: center
}
.home .home-header-inner__title {
color: #fff; font-size: 60px; margin: 48px; position: relative; z-index: 1
}
@media only screen and (max-width:34rem) {
.home .home-header-inner__title { font-size: 40px }
}
.home .home-header__video {
position: absolute; object-fit: cover; opacity: 0; z-index: 0; height: 100%; width: 100%; top: 0
}
.home .home-textblock-image {
padding: 24px 0
}
@media (max-width:768px) {
.home .home-textblock-image { margin-top: 20px; padding: 0 }
}
.home .home-textblock-image__header {
color: #fff
}
@media only screen and (max-width:34rem) {
.home .home-textblock-image__header { font-size: 2rem }
}
.home .home-textblock-image__content {
padding-top: 24px
}
.home .home-textblock-image__text {
color: #fff; padding: 96px 60px; min-width: 450px
}
.home .home-textblock-image__text hr {
border: 0; border-top: 1px solid #fff; margin: 35px 0; width: 30%
}
@media only screen and (max-width:34rem) {
.home .home-textblock-image__text { min-width: 100%; padding: 96px 48px }
}
.home .home-textblock-image__image-container {
margin-top: -250px; margin-bottom: 125px; padding: 0; z-index: -1
}
@media (max-width:768px) {
.home .home-textblock-image__image-container { z-index: 1; padding: 20px; margin-top: -60px; margin-bottom: 40px }
}
@media only screen and (max-width:34rem) {
.home .home-textblock-image__image-container { margin-top: -40px }
}
.home .home-textblock-image__circle-1 {
bottom: 0; margin: -50px; position: absolute
}
@media (max-width:768px) {
.home .home-textblock-image__circle-1 { display: none }
}
.home .home-textblock-image-circle2 {
margin: -30px; position: absolute; right: 0
}
.home .home-textblock-image-diamond {
left: 50%; position: absolute; top: 15%
}
.home .home-textblock-image-line {
bottom: 25%; left: 61%; position: absolute
}
.home .home-textblock-image__image {
width: 100%; min-height: 450px; background-size: cover; background: #00112c
}
@media only screen and (max-width:34rem) {
.home .home-textblock-image__image { min-height: 300px; overflow: hidden; margin-bottom: -100px }
}
.home .home-circles-area {
padding: 48px
}
@media (max-width:768px) {
.home .home-circles-area { padding: 0; margin-top: 0 }
}
@media (max-width:768px) {
.home .home-circles-area__images { margin: 96px }
}
@media only screen and (max-width:34rem) {
.home .home-circles-area__images { margin: 0; margin-top: 96px }
}
.home .home-circles-area__images-graphic-bg {
bottom: 0; position: absolute; z-index: -10
}
.home .home-circles-area__images-graphic2 {
position: absolute; margin: 10px 0 0 10px
}
.home .home-circles-area__images-container1 {
border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: 50%; display: inline-block; max-heigt: 520px; width: 95%; background: #00112c
}
.home .home-circles-area__images-img1 {
opacity: 0; width: 100%
}
.home .home-circles-area__images-container2 {
border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: 50%; bottom: -17%; position: absolute; right: -1%; width: 34%; background: #00112c
}
.home .home-circles-area__images-img2 {
opacity: 0; width: 100%
}
.home .home-circles-area__text-graphic {
margin-left: -40px; z-index: 10
}
@media (max-width:768px) {
.home .home-circles-area__text-graphic { margin-left: -30px }
}
.home .home-circles-area__text-title {
padding-bottom: 4px
}
.home .home-circles-area__text {
padding-top: 24px
}
.home .column__quote-container {
margin-top: 40px; background: #f3f6f9; font-style: italic; padding: 24px
}
.home .column__quote-container-text p {
display: inline
}
.home .home-diamond-hr {
-webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; width: 30px; height: 30px; margin-bottom: 325px; margin-top: 40px; left: 50%; margin-left: -20px; background: #12c3f3; opacity: .1
}
@media (max-width:768px) {
.home .home-diamond-hr { -webkit-transform: scale(.5) rotate(45deg); transform: scale(.5) rotate(45deg); margin-bottom: 35px }
}
.home .home-timeline__green-item {
margin-top: 280px
}
@media (max-width:768px) {
.home .home-timeline__green-item { margin-top: 0 }
}
.home .home-timeline__green-item-image {
margin-top: -300px; background: #00112c; padding: 0; height: 600px
}
@media (max-width:768px) {
.home .home-timeline__green-item-image { display: none }
}
@media (max-height:650px) {
.home .home-timeline__green-item-image { height: 500px; max-width: 768px }
}
.home .home-timeline__green-item-mobile-image {
margin-top: -80px; margin-bottom: -100px; z-index: 999; display: block; position: relative; min-height: 300px; background: #00112c
}
@media (min-width:768px) {
.home .home-timeline__green-item-mobile-image { display: none }
}
.home .home-timeline__green-item-graphic1 {
position: absolute; right: -56px; top: -56px
}
.home .home-timeline__green-item-graphic2 {
position: absolute; right: 50%; margin-right: -125px; bottom: -125px; width: 250px; height: 250px
}
@media (max-width:768px) {
.home .home-timeline__green-item-graphic2 { display: none }
}
.home .home-timeline__green-item-textbox-container {
border-left: 1px dashed hsla(0, 0%, 100%, .5); padding-bottom: 96px
}
@media (max-width:768px) {
.home .home-timeline__green-item-textbox-container { padding-bottom: 24px; border-left: 0 }
}
.home .home-timeline__green-item-textbox {
background: #fff; margin-top: -300px; padding: 96px 60px
}
.home .home-timeline__green-item-textbox a, .home .home-timeline__green-item-textbox a:hover {
color: #0abf53
}
@media (max-width:768px) {
.home .home-timeline__green-item-textbox { background: transparent; color: #fff; margin: 0; padding: 24px; position: relative; top: auto } .home .home-timeline__green-item-textbox a, .home .home-timeline__green-item-textbox a:hover { color: #fff } .home .home-timeline__green-item-textbox .quote-container__quote, .home .home-timeline__green-item-textbox h1 { color: #fff; font-size: 2rem } .home .home-timeline__green-item-textbox hr { border-top: 1px solid #fff }
}
.home .home-gradient-hr {
border: 0; width: 100px; margin: 35px 0; height: 1px
}
@media (max-width:768px) {
.home .home-gradient-hr { background: #fff }
}
.home .home-timeline__green-item-textbox-title {
font-weight: 200
}
.home .home-timeline__green-item-textbox-text {
padding-top: 24px
}
.home .home-timeline__green-item-graphic3 {
float: right; margin-right: -125px
}
.home .home-timeline__green-item-graphic4 {
margin-left: -195px; margin-bottom: -250px
}
.home .home-timeline-item1__inner {
padding-top: 0
}
.home .home-timeline-item1__graphic1 {
height: 192px; border-left: 1px dashed #4ee5e5
}
@media (max-width:768px) {
.home .home-timeline-item1__mobile-graphic1 { height: 120px; border-left: 1px dashed #4ee5e5; margin-bottom: 0 }
}
.home .home-timeline-item1__image {
height: 500px; background: #00112c
}
@media (max-width:768px) {
.home .home-timeline-item1__image { display: none }
}
.home .home-timeline-item1__mobile-image {
display: none
}
@media (max-width:768px) {
.home .home-timeline-item1__mobile-image { background: #00112c; display: block; padding: 48px 48px 0; margin-top: -50px; margin-bottom: -50px; min-height: 300px; position: relative; z-index: 9 }
}
.home .home-timeline-item1__image-graphic {
position: absolute; margin-left: -60px; margin-top: -60px
}
.home .home-timeline-item1__device {
width: 90%; min-width: 275px; margin-left: -75px; margin-top: -225px
}
@media (max-height:650px) {
.home .home-timeline-item1__device { width: 50%; min-width: 250px; margin-top: -175px }
}
@media (max-width:768px) {
.home .home-timeline-item1__device-container { display: none }
}
.home .home-timeline-item1__graphic2 {
position: absolute; bottom: -215px; left: -200px; -webkit-transform: scale(.8); transform: scale(.8); z-index: -1
}
.home .home-timeline-item1__text-container {
border-right: 1px dashed #4ee5e5; padding: 48px 96px
}
@media (max-width:768px) {
.home .home-timeline-item1__text-container { padding: 0 40px 20px; border-right: 0; margin-top: -15px }
}
.home .home-timeline-item1__text-title {
padding-bottom: 2px
}
@media (max-width:768px) {
.home .home-timeline-item1__text-title { font-size: 2rem }
}
.home .home-timeline-item1__text {
padding-top: 24px
}
@media (max-width:768px) {
.home .home-timeline-item1__text { margin-top: -30px }
}
.home .home-timeline-item2 {
margin-left: -22px
}
.home .home-timeline-item2__text {
border-left: 1px solid #4ee5e5; padding: 96px 48px 0 96px
}
@media (max-width:768px) {
.home .home-timeline-item2__text { padding: 48px; margin-top: -15px }
}
.home .home-timeline-item2__text-graphic {
float: right; margin-top: -25px; margin-right: 25px
}
@media (max-width:768px) {
.home .home-timeline-item2__text-title { font-size: 2rem; padding-bottom: 3px; margin-bottom: -20px }
}
.home .home-timeline-item2__text-paragraph {
padding-top: 24px
}
.home .home-timeline-item2__device {
position: relative; z-index: 5; margin-top: -100px
}
@media (max-width:768px) {
.home .home-timeline-item2__device { margin: 0; -webkit-transform: scale(1.3); transform: scale(1.3) }
}
.home .home-timeline-item2__graphic {
height: 450px; margin-top: -1px; border-left: 1px solid #4ee5e5
}
@media (max-width:768px) {
.home .home-timeline-item2__graphic { display: none }
}
@media (max-width:768px) {
.home .home-timeline-item1__mobile-graphic1-line { height: 120px; border-left: 1px solid #4ee5e5; margin-bottom: -50px }
}
.home .home-timeline-item2__graphic-dot {
position: absolute; bottom: 0; left: 0; margin-left: -7px; display: none
}
.home .home-timeline-item2__mobile-graphic-dot {
border-radius: 14px; left: -7px; position: absolute; z-index: 99; width: 14px; background: #0abf53; height: 14px; bottom: 0
}
.home .quote-container__quote {
font-size: 3rem; font-style: normal!important; color: #00112c
}
.home .quote-container__quote:after {
display: block; text-align: center; margin-left: 50%; -webkit-transform: translateX(-75px); transform: translateX(-75px); margin-top: 48px; margin-bottom: 48px; bottom: 0; height: 1px; width: 150px; border-bottom: 1px solid #4ee5e5; content: ""
}
@media (max-width:768px) {
.home .quote-container__quote { font-size: 1.5rem }
}
.home .quote-container__details {
color: #929292
}
.home .quote-container__quotee {
font-weight: 400
}
@media (max-width:768px) {
.home .quote-container { margin-bottom: -50px }
}
.home .btn–play-video {
border: 0; transition: all .2s ease-in-out
}
.home .btn–play-video:hover {
border: 0; -webkit-transform: scale(1.1); transform: scale(1.1)
}
.home .area–green-blue p {
color: #fff
}
home .home .home-contact-area blockquote, .blog__post .home .home-contact-area blockquote, .home .home-contact-area home blockquote, .home .home-contact-area .blog__post blockquote, .home .home-contact-area h3 {
font-weight: 300; padding: 48px; text-align: center
}
home .home .home-contact-area blockquote:after, .blog__post .home .home-contact-area blockquote:after, .home .home-contact-area home blockquote:after, .home .home-contact-area .blog__post blockquote:after, .home .home-contact-area h3:after {
display: block; text-align: center; margin-left: 50%; -webkit-transform: translateX(-75px); transform: translateX(-75px); margin-top: 48px; bottom: 0; height: 1px; width: 150px; border-bottom: 1px solid #fff; content: ""
}
home .home .area–light-grey blockquote, .blog__post .home .area–light-grey blockquote, .home .area–light-grey home blockquote, .home .area–light-grey .blog__post blockquote, .home .area–light-grey h3 {
color: #00112c
}
.home .area–light-grey {
background: #f9f9f9
}
.area–light-grey .home a.btn, .area–white .home a.btn, .header–dark-content .home a.btn, .home .area–light-grey a.btn, .home .area–white a.btn, .home .header–dark-content a.btn, .home a.btn-primary {
margin: 48px; background: #fff; color: #4ee5e5
}
.area–light-grey .home a.btn:visited, .area–white .home a.btn:visited, .header–dark-content .home a.btn:visited, .home .area–light-grey a.btn:visited, .home .area–white a.btn:visited, .home .header–dark-content a.btn:visited, .home a.btn-primary:visited {
background: #fff; color: #4ee5e5
}
home .home .home-gradient-title blockquote, .blog__post .home .home-gradient-title blockquote, .home .home-gradient-title home blockquote, .home .home-gradient-title .blog__post blockquote, .home .home-gradient-title .quote-container__quote, .home .home-gradient-title h1, .home .home-gradient-title h2, .home .home-gradient-title h3 {
padding-bottom: 48px
}
.home .campaign-pusher__item {
background-color: #00112c; opacity: .2; position: absolute; top: 0; width: 100%; transition: opacity .4s linear; z-index: 0
}
.home .campaign-pusher__item .homepage__header-category, .home .campaign-pusher__item .homepage__header-title {
opacity: 0; transition: opacity 2s ease-out, -webkit-transform .6s ease-out; transition: opacity 2s ease-out, transform .6s ease-out; transition: opacity 2s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out
}
.home .campaign-pusher__item .homepage__header-title {
transition-delay: .4s
}
.home .campaign-pusher__item .homepage__header-button {
opacity: 0; transition: opacity .6s ease-in-out, -webkit-transform .4s ease-out; transition: opacity .6s ease-in-out, transform .4s ease-out; transition: opacity .6s ease-in-out, transform .4s ease-out, -webkit-transform .4s ease-out; transition-delay: .8s
}
.home .campaign-pusher__item.active {
height: 100%; opacity: 1; visibility: visible; z-index: 1
}
.home .campaign-pusher__item.active .homepage__header-button, .home .campaign-pusher__item.active .homepage__header-category, .home .campaign-pusher__item.active .homepage__header-title {
-webkit-transform: translateY(0); transform: translateY(0); opacity: 1
}
.home .campaign-pusher__subnav {
bottom: 0; position: absolute; width: 100%; text-align: center; z-index: 3
}
@media only screen and (max-width:34rem) {
.home .campaign-pusher__subnav { bottom: -30px }
}
.home .campaign-pusher__subnav-item-container {
display: inline-block; list-style: none; margin: 0 0 0 20px
}
.home .campaign-pusher__subnav-item-container:first-child {
margin-left: 0
}
.home .campaign-pusher__subnav-item-container .campaign-pusher__subnav-item {
background: transparent; border-bottom: 0; display: block; height: 40px; position: relative; float: left; text-decoration: none; width: 40px
}
.home .campaign-pusher__subnav-item-container .campaign-pusher__subnav-item .campaign-pusher__time-progress-background {
border-radius: 2px; background: hsla(0, 0%, 100%, .2); display: block; height: 4px; position: absolute; overflow: hidden; left: 0; text-decoration: none; width: 100%
}
.home .campaign-pusher__subnav-item-container .campaign-pusher__subnav-item .campaign-pusher__correctional-left-border {
border-radius: 2px; background-color: #fff; content: " "; display: inline-block; height: 4px; left: 0; position: absolute; width: 0
}
.home .campaign-pusher__subnav-item-container .campaign-pusher__subnav-item .campaign-pusher__time-progress-bar {
border-radius: 2px; background: #fff; display: block; height: 4px; position: relative; left: auto; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); transition: transform .4s linear; -webkit-transform-origin: right; transform-origin: right; width: 38px
}
.home .campaign-pusher__subnav-item-container.active .campaign-pusher__time-progress-bar {
left: 2px; right: auto; -webkit-transform-origin: left; transform-origin: left; transition-timing-function: linear; -webkit-transform: scaleX(1); transform: scaleX(1)
}
.home .campaign-pusher__subnav-item-container.active .campaign-pusher__correctional-left-border {
width: 4px
}
.home .campaign-pusher__subnav-item-container:hover .campaign-pusher__time-progress-background {
background: hsla(0, 0%, 100%, .8)
}
.home .campaign-pusher__subnav-item-container:focus .campaign-pusher__time-progress-background {
background: #fff
}
.home .campaign-pusher__subnav-link {
display: block; position: relative; float: left
}
.home .campaign-pusher__subnav-category {
color: #00112c; font-size: 14px; margin: 30px auto 0
}
.home .campaign-pusher__subnav-title {
color: #0abf53; font-size: 20px; font-weight: 400; padding-bottom: 30px
}
.home .column–link {
transition: all .3s ease-in-out
}
.home .column–hover {
opacity: .8
}
.home .header__actions {
float: left; padding-bottom: 0; position: relative; width: 100%
}
@media only screen and (max-width:34rem) {
.home .header__actions { padding-bottom: 0 }
}
.home .header__actions .btn {
margin-bottom: 80px
}
@media only screen and (max-width:34rem) {
.home .header__actions .btn { margin-top: 30px; margin-bottom: 40px }
}
.area–light-grey .home .header__content .btn, .area–white .home .header__content .btn, .header–dark-content .home .header__content .btn, .home .header__content .area–light-grey .btn, .home .header__content .area–white .btn, .home .header__content .btn-primary, .home .header__content .header–dark-content .btn {
border-radius: 40px; background: #fff; color: #0abf53
}
.area–light-grey .home .header__content .btn:active, .area–light-grey .home .header__content .btn:focus, .area–light-grey .home .header__content .btn:hover, .area–white .home .header__content .btn:active, .area–white .home .header__content .btn:focus, .area–white .home .header__content .btn:hover, .header–dark-content .home .header__content .btn:active, .header–dark-content .home .header__content .btn:focus, .header–dark-content .home .header__content .btn:hover, .home .header__content .area–light-grey .btn:active, .home .header__content .area–light-grey .btn:focus, .home .header__content .area–light-grey .btn:hover, .home .header__content .area–white .btn:active, .home .header__content .area–white .btn:focus, .home .header__content .area–white .btn:hover, .home .header__content .btn-primary:active, .home .header__content .btn-primary:focus, .home .header__content .btn-primary:hover, .home .header__content .header–dark-content .btn:active, .home .header__content .header–dark-content .btn:focus, .home .header__content .header–dark-content .btn:hover {
background: hsla(0, 0%, 100%, .9); color: #0abf53
}
.home .area–data {
padding: 80px 0
}
.home .area–data .btn-success {
background: #fff; border: 1px solid #00914b; color: #00914b
}
.home .area–data .btn-success:active, .home .area–data .btn-success:focus, .home .area–data .btn-success:hover {
background: #00914b; color: #fff
}
@media (min-width:45rem) and (max-width:61.25rem) {
.home .area--data { padding: 40px 0 }
}
@media only screen and (max-width:34rem) {
.home .area--data { padding: 0 1.25rem }
}
.home .area–data-switch-images {
border-bottom: 1px solid #f3f6f9
}
@media (min-width:45rem) and (max-width:61.25rem) {
.home .area--data-switch-images { margin-left: 1.25rem; margin-right: 1.25rem }
}
@media only screen and (max-width:34rem) {
.home .area--data-switch-images .area--img-full-content { background: none }
}
.home__blog-container {
background-size: cover; background-position: 50%
}
@media only screen and (max-width:34rem) {
.home__blog-container .col-xs-12 { margin-top: 0 }
}
.home__blog-post-container {
padding-top: 0
}
@media only screen and (max-width:34rem) {
.home__blog-post-container .home__blog-post-image { padding-left: 0; padding-right: 0; margin-left: -1.25rem; margin-right: -1.25rem }
}
.home__blog-post-date {
float: left; font-size: 14px; font-style: italic; padding-bottom: 10px; position: relative
}
.home__blog-post {
padding: 80px 0
}
.home__blog-post h2 {
font-size: 1rem; text-transform: uppercase
}
@media only screen and (max-width:34rem) {
.home__blog-post h2 { color: #fff; margin-top: -120px; padding-bottom: 40px }
}
home .home__blog-post blockquote, .blog__post .home__blog-post blockquote, .home__blog-post home blockquote, .home__blog-post .blog__post blockquote, .home__blog-post h3 {
font-size: 1.875rem
}
.home__blog-post p {
float: left; width: 100%
}
.home__animation-header {
margin: 0 auto; max-width: 100%; position: relative
}
.home__animation-container {
position: relative; width: 100%
}
.home__animation-image {
height: 200%; left: -50%; min-height: 600px; overflow: hidden; position: relative; top: -50%; transition: all .3s; width: 200%
}
.home__animation-img {
position: absolute; top: 0; left: -100%; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; overflow-x: hidden; z-index: 0
}
@media only screen and (max-width:34rem) {
.home__animation-img { min-height: 100%; min-width: 100% }
}
.home__animation-img.current-animation-image {
left: 0; transition: left 1.8s ease-in-out; z-index: 1
}
.fallback__animation-img {
left: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; overflow-x: hidden; position: absolute; right: 0; top: 0; z-index: 0
}
@media only screen and (max-width:34rem) {
.fallback__animation-img { min-height: 100%; min-width: 100% }
}
.fallback__animation-img.fallback__animation-img–right {
right: -100%; transition: right 1.8s ease-in-out
}
.city-transactions {
color: #fff; position: relative
}
home .city-transactions blockquote, .blog__post .city-transactions blockquote, .city-transactions home blockquote, .city-transactions .blog__post blockquote, .city-transactions .home .quote-container__quote, .city-transactions h1, .city-transactions h2, .city-transactions h3, .city-transactions h4, .city-transactions h5, .home .city-transactions .quote-container__quote {
color: #fff
}
.city-transactions h2 {
font-size: 40px; font-weight: 400
}
@media only screen and (max-width:34rem) {
.city-transactions h2 { display: block; position: relative; float: left; font-size: 32px; line-height: 36px; margin-top: 20px }
}
.city-transactions .area–img-full {
background-size: cover; display: none; left: 0; height: auto
}
.city-transactions .area–img-full.active {
display: block
}
.city-transactions .img–background-img {
width: 100%; z-index: 0
}
@media only screen and (max-width:34rem) {
.city-transactions__container .inner-container { padding: 0 0 20px }
}
.city-transactions__number {
color: #ffda00; display: block; line-height: 91px; float: left; font-size: 90px; margin-left: -5px; width: 100%
}
@media only screen and (max-width:34rem) {
.city-transactions__number { font-size: 60px }
}
.city-transactions__explanation {
color: #ffda00; float: left; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; width: 100%
}
.city-transactions__menu-container {
bottom: 0; position: relative; margin: 0 auto; max-width: 75rem
}
.city-transactions__menu {
bottom: 10%; position: absolute
}
@media only screen and (max-width:34rem) {
.city-transactions__menu { margin-top: 0; padding-bottom: 30px; position: relative }
}
.city-transactions__menu-item {
float: left; margin-left: 20px; font-weight: 600; letter-spacing: 2px; list-style: none
}
.city-transactions__menu-item:first-child {
margin-left: 0
}
.city-transactions__menu-item .city-transactions__menu-link {
border-bottom: 0
}
@media only screen and (max-width:34rem) {
.city-transactions__menu-item { font-size: 14px; margin-top: 14px }
}
.city-transactions__menu-item a {
color: #fff; padding-bottom: 4px
}
.city-transactions__menu-item a:hover {
border-bottom: 2px solid #fff
}
.city-transactions__menu-item a.active {
border-bottom: 2px solid #ffda00; color: #ffda00
}
.city-transactions__text {
position: relative; z-index: 1
}
.city-transactions__payment-data {
display: none
}
home .home__payment-methods-area .area__header–large blockquote, .blog__post .home__payment-methods-area .area__header–large blockquote, .home__payment-methods-area .area__header–large home blockquote, .home__payment-methods-area .area__header–large .blog__post blockquote, .home__payment-methods-area .area__header–large h3 {
font-size: 70px; font-weight: 600
}
@media only screen and (max-width:34rem) {
#home .home__payment-methods-area .area__header--large blockquote, .blog__post .home__payment-methods-area .area__header--large blockquote, .home__payment-methods-area .area__header--large #home blockquote, .home__payment-methods-area .area__header--large .blog__post blockquote, .home__payment-methods-area .area__header--large h3 { font-size: 40px }
}
.home__payment-methods-area .area__header–large h4 {
color: #00112c; font-size: 40px; font-weight: 400; line-height: 50px; margin-top: 20px
}
@media only screen and (max-width:34rem) {
.home__payment-methods-area .area__header--large h4 { font-size: 20px; line-height: 30px; padding-bottom: 0 }
}
.home__customer-experience–area {
margin-top: -140px
}
@media (min-width:45rem) and (max-width:61.25rem) {
.home__customer-experience--area { margin-top: -240px }
}
@media (min-width:34rem) and (max-width:45rem) {
.home__customer-experience--area { margin-top: -200px }
}
@media only screen and (max-width:34rem) {
.home__customer-experience--area { padding-bottom: 40px }
}
.home__customer-experience {
border-top: 200px solid #fff; padding-bottom: 0
}
.home__customer-experience .inner-container {
padding: 40px 0 0
}
.area–light-grey .home__customer-experience .btn, .area–light-grey .home__customer-experience .btn:visited, .area–white .home__customer-experience .btn, .area–white .home__customer-experience .btn:visited, .header–dark-content .home__customer-experience .btn, .header–dark-content .home__customer-experience .btn:visited, .home__customer-experience .area–light-grey .btn, .home__customer-experience .area–light-grey .btn:visited, .home__customer-experience .area–white .btn, .home__customer-experience .area–white .btn:visited, .home__customer-experience .btn-primary, .home__customer-experience .btn-primary:visited, .home__customer-experience .header–dark-content .btn, .home__customer-experience .header–dark-content .btn:visited {
background: transparent; color: #fff
}
.area–light-grey .home__customer-experience .btn:active, .area–light-grey .home__customer-experience .btn:focus, .area–light-grey .home__customer-experience .btn:hover, .area–white .home__customer-experience .btn:active, .area–white .home__customer-experience .btn:focus, .area–white .home__customer-experience .btn:hover, .header–dark-content .home__customer-experience .btn:active, .header–dark-content .home__customer-experience .btn:focus, .header–dark-content .home__customer-experience .btn:hover, .home__customer-experience .area–light-grey .btn:active, .home__customer-experience .area–light-grey .btn:focus, .home__customer-experience .area–light-grey .btn:hover, .home__customer-experience .area–white .btn:active, .home__customer-experience .area–white .btn:focus, .home__customer-experience .area–white .btn:hover, .home__customer-experience .btn-primary:active, .home__customer-experience .btn-primary:focus, .home__customer-experience .btn-primary:hover, .home__customer-experience .header–dark-content .btn:active, .home__customer-experience .header–dark-content .btn:focus, .home__customer-experience .header–dark-content .btn:hover {
background: #fff; color: #00112c
}
@media only screen and (max-width:34rem) {
.home__customer-experience { border-top: 40px solid #fff; padding: 0 }
}
.home__customer-experience .customer-experience_content-row {
bottom: 40px; margin-left: auto; margin-right: auto; position: absolute; width: 90%
}
@media only screen and (max-width:34rem) {
.home__customer-experience .customer-experience_content-row { bottom: 0 }
}
home .home__customer-experience .home__customer-experience__column blockquote, .blog__post .home__customer-experience .home__customer-experience__column blockquote, .home .home__customer-experience .home__customer-experience__column .quote-container__quote, .home__customer-experience .home__customer-experience__column, .home__customer-experience .home__customer-experience__column home blockquote, .home__customer-experience .home__customer-experience__column .blog__post blockquote, .home__customer-experience .home__customer-experience__column .home .quote-container__quote, .home__customer-experience .home__customer-experience__column h1, .home__customer-experience .home__customer-experience__column h2, .home__customer-experience .home__customer-experience__column h3, .home__customer-experience .home__customer-experience__column h4 {
color: #fff
}
.home__customer-experience .carousel .carousel-inner {
margin: -200px auto 0; transition: all .5s ease-out
}
@media only screen and (max-width:34rem) {
.home__customer-experience .carousel .carousel-inner { margin: -140px auto 20px }
}
.home__customer-experience .carousel.home__customer-experience–positioned .carousel-inner {
margin: -280px auto 40px
}
@media only screen and (max-width:34rem) {
.home__customer-experience .carousel.home__customer-experience--positioned .carousel-inner { margin: -40px auto 0 }
}
.home__customer-experience .carousel.home__customer-experience–positioned .customer-experience__image, .home__customer-experience .carousel.home__customer-experience–positioned .customer-experience_content-row, .home__customer-experience .content-switcher__menu {
width: 100%
}
.home__customer-experience .customer-experience__image {
background-position: 50%; background-repeat: no-repeat; background-size: cover; margin: 0 auto; transition: all .5s ease-out; width: 90%
}
.home__customer-experience .carousel-indicators {
bottom: 60px; left: 0; height: auto; margin-left: 0; padding-left: 0; padding-right: 0; width: 100%
}
@media only screen and (max-width:34rem) {
.home__customer-experience .carousel-indicators { padding-right: 0 }
}
.home__customer-experience .carousel-indicators .active {
background: none; border-bottom: 1px solid #ffda00; color: #ffda00; height: auto; margin-top: 0; margin-left: 0; width: auto
}
.home__customer-experience .carousel-indicators li {
border-radius: 0; background: none; border: 0; border-bottom: 1px solid #fff; color: #fff; display: inline-block; font-weight: 600; font-size: 13px; height: auto; letter-spacing: 3px; position: relative; margin: 0 20% 0 0; text-indent: 0; text-transform: uppercase; width: auto
}
@media only screen and (max-width:34rem) {
.home__customer-experience .carousel-indicators li { margin: 0 10% 0 0 } .home__customer-experience .carousel-indicators li:last-child { margin: 0 }
}
.home__customer-experience .carousel-indicators li:last-child {
margin: 0
}
.press-detail .press-release-inner-container {
padding-top: 20px
}
.press-detail .press-release-author {
float: left; margin: 10px auto 0; position: relative; width: 100%
}
.template–our-solution .header {
background: #f3f6f9
}
@media only screen and (max-width:34rem) {
.template--our-solution .header { padding-bottom: 20px }
}
.template–our-solution .navbar-light {
box-shadow: none
}
.template–our-solution .subpage-menu-container {
background: #f3f6f9
}
.template–our-solution .subpage-header-image {
background-position: 50%; background-size: cover
}
@media only screen and (max-width:34rem) {
.template--our-solution .subpage-header-image { background-position: 0 0 }
}
.template–our-solution .subpage-header-image .header__page-title {
margin: 80px 1.25rem 0; max-width: 60%
}
@media only screen and (max-width:34rem) {
.template--our-solution .subpage-header-image .header__page-title { margin-top: 0; max-width: 100% }
}
.template–our-solution .subpage-header-image .subpage-header-content {
margin-top: 80px
}
@media only screen and (max-width:34rem) {
.template--our-solution .subpage-header-image .subpage-header-content { margin-top: 0 }
}
.template–our-solution .area–customer-experience {
padding: 200px 0
}
@media only screen and (max-width:34rem) {
.template--our-solution .area--customer-experience { padding: 20px 1.25rem }
}
.template–our-solution .content-switcher__menu {
border-bottom: 1px solid #f3f6f9
}
.get-paid-template .header__actions {
color: #fff; float: left; position: relative; width: 100%
}
.get-paid-template .header__actions .column {
padding: 0 1.25rem 80px 0; margin-top: 80px
}
@media only screen and (max-width:34rem) {
.get-paid-template .header__actions .column { margin-top: 1.25rem; padding: 0 1.25rem 0 0 }
}
.get-paid-template .checkmark-list {
color: #fff
}
.get-paid-template .checkmark-list li:before {
color: #fff; position: absolute; margin-left: 0
}
.pricing .header__content {
padding: 20px 0 120px; margin: 0 0 0 -1.25rem
}
@media only screen and (max-width:34rem) {
.pricing .header__content { padding: 20px 0 60px }
}
.pricing .content-switcher__menu {
border-bottom: 1px solid #d2dae1
}
.pricing__range .inner-container {
padding-bottom: 0; padding-top: 80px
}
@media only screen and (max-width:34rem) {
.pricing__range .inner-container { padding-top: 40px }
}
.pricing__fees {
border-radius: 2px; border: 1px solid #d2dae1; padding: 60px 60px 40px
}
@media only screen and (max-width:34rem) {
.pricing__fees { padding: 40px 20px }
}
.pricing__commission {
padding: 0
}
@media only screen and (max-width:34rem) {
.pricing__commission { margin-top: 10px }
}
.pricing__transaction-fees__table {
list-style-type: none
}
.pricing__transaction-fees__title {
font-size: 24px; font-weight: 400; padding-top: 20px
}
.pricing__transaction-fees__table-row {
border-bottom: 1px solid #d2dae1; display: inline-block; padding: 10px 0; width: 100%
}
.pricing__transaction-fees__table-row:first-child {
border: none; padding: 0
}
.pricing__fee-row {
margin-top: 20px; padding: 0 1.25rem
}
.pricing__transaction-fees__content, .pricing__transaction-fees__table {
margin-top: 50px
}
@media only screen and (max-width:34rem) {
.pricing__transaction-fees__content, .pricing__transaction-fees__table { margin-top: 30px }
}
.pricing__transaction-fees__footnote {
color: #90a2bd; font-size: 13px; line-height: 20px; margin-top: 40px
}
.transaction-fees__fee {
color: #00112c; float: right; font-weight: 600; font-size: 20px
}
.transactions-fees__amount {
float: left
}
.pricing__transaction-fees__transaction-legend {
font-size: 13px; float: left; color: #90a2bd; max-width: 50%
}
@media only screen and (max-width:34rem) {
.pricing__transaction-fees__transaction-legend { width: 40% }
}
.transaction-fees__amount-two {
float: left; margin-left: 4px
}
.pricing__transaction-fees__fee-legend {
float: right; font-size: 13px; color: #90a2bd; max-width: 50%
}
@media only screen and (max-width:34rem) {
.pricing__transaction-fees__fee-legend { text-align: right; width: 40% }
}
.pricing__plus-sign {
border-radius: 60px; border: 1px solid #d2dae1; padding: 20px 22px; text-align: center; display: inline-block
}
@media only screen and (max-width:34rem) {
.pricing__plus-sign { margin-top: 30px }
}
.pricing__plus-sign img {
max-width: 20px
}
.styled-table__content {
border-radius: 2px; border: 1px solid #d2dae1; padding: 40px 60px
}
@media only screen and (max-width:34rem) {
.styled-table__content { padding: 20px 10px }
}
.styled-table__table {
margin-top: 20px
}
.styled-table__footnote {
color: #90a2bd; font-size: 13px; line-height: 20px; margin-top: 20px
}
.search-template .header–clean {
overflow: visible
}
.search-template .header–small {
padding-bottom: 40px
}
.search-template .header–small .header__page-title {
margin-top: 160px; padding-bottom: 60px
}
@media only screen and (max-width:45rem) {
.search-template .search__inner-container { padding-top: 0 }
}
.search-template .content {
min-height: 300px
}
.search-template .search__search-form {
color: #00112c; position: relative; width: 100%
}
.search-template .search__search-form .icon-theme-search {
color: #90a2bd; font-size: 20px; position: absolute; right: 10px; top: 16px
}
.search-template .header__search-area {
min-height: 40px
}
.search-template .inbenta-powered {
display: none
}
.search-template .search__search-bar-container {
padding-right: 0
}
@media only screen and (max-width:34rem) {
.search-template .search__search-bar-container { display: block; position: relative }
}
.search-template .search__search-button-container {
padding-left: 0
}
@media only screen and (max-width:45rem) {
.search-template .search__search-button-container { display: inline-block; padding-left: 1.25rem; position: relative; text-align: center; width: 100% }
}
.search-template .search__search-button-container .btn–search {
background: #0abf53; border-color: #0abf53; border-radius: 0 2px 2px 0; color: #fff; font-size: 18px; font-weight: 400; max-width: 260px; padding: 14px 24px; width: 100%
}
@media only screen and (max-width:45rem) {
.search-template .search__search-button-container .btn--search { border-radius: 2px; float: none; max-width: 200px; margin: 20px auto 0; position: relative }
}
.search-template .inbenta-typeahead .inb-tt-menu {
color: #00112c; font-family: Fakt, sans-serif; font-weight: 400; font-size: 16px; top: 0; position: relative; right: auto; width: 100%
}
.search-template .inb-tt-menu.inb-tt-open {
border-bottom: 0; display: inline-block
}
.search-template .inb-tt-selectable:last-child {
border-bottom: 1px solid #0abf53
}
.search-template .form__search-field {
border-radius: 2px 0 0 2px; font-size: 18px; padding: 14px 14px 13px; position: relative; right: 2px; width: 100%
}
@media only screen and (max-width:45rem) {
.search-template .form__search-field { border-radius: 2px }
}
.search-template .content .img-header {
background: #f3f6f9; display: none
}
.search-template .content .inbenta-interface .icon, .search-template .content .search-form {
display: none
}
.search-template .content .inbenta-interface .faq {
border-radius: 2px; width: 100%
}
.search-template .content .inbenta-interface .faq .faq-title .faq-link span {
padding-left: 0
}
.search-template .content .last-search {
font-size: 16px; color: #00112c; font-family: Fakt, sans-serif; padding-top: 0; text-shadow: none
}
@media only screen and (max-width:34rem) {
.status-page .inner-container { padding: 40px 0 }
}
@media only screen and (max-width:45rem) {
.status-page .status-page__recent-incidents { padding: 0 1.25rem }
}
.status-page .row–system-status__title {
border-bottom: 1px solid #d2dae1
}
.status-page .row–system-status {
border-bottom: 1px solid #d2dae1; padding: 20px 0
}
@media only screen and (max-width:45rem) {
.status-page .row--system-status:first-child { margin-top: 40px }
}
.status-page .row–system-status__column {
padding: 0
}
.status-page .status-page__system-incident {
border-radius: 2px; background: #fff; border: 1px solid #e9e9e9; margin: 40px 0 0; padding: 40px
}
@media only screen and (max-width:34rem) {
.status-page .status-page__system-incident { padding: 20px }
}
.status-page .status-page__system-incident:first-child {
margin-top: 20px
}
.status-page .status-page__system-incident p {
margin-bottom: 0
}
.status-page .status-page__system-incident ul {
padding-left: 20px
}
.status-page .system-incident__date {
color: #90a2bd
}
.status-page .status-page__highlighted-incident {
border-radius: 2px; border: 1px solid #d2dae1; margin-top: 40px; padding: 40px
}
.status-page .status-page__highlighted-incident ul {
padding-left: 20px
}
@media only screen and (max-width:34rem) {
.status-page .status-page__highlighted-incident { padding: 20px; margin-top: 20px }
}
.status-page .status-page__highlighted-incident:first-child {
margin-top: 0
}
.status-page .status-page__highlighted-incident:last-child {
margin-bottom: 40px
}
.status-page .status-page__highlighted-incident p {
margin-bottom: 0
}
.status-page .status-page__incident-content {
margin-top: 4px
}
.status-page .border-status-red {
border-left: 5px solid #d81b4a
}
.status-page .border-status-yellow {
border-left: 5px solid #ffda00
}
.status-page .border-status-neutral {
border-left: 5px solid #90a2bd
}
.industries .header–clean {
background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(180deg, #fff 0, #f3f6f9); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6", GradientType=0)
}
.industries .subpage-menu-container {
background: #f3f6f9
}
.industries .subpage-header-image {
background-position: 50%; background-size: cover
}
@media only screen and (max-width:34rem) {
.industries .subpage-header-image { background-position: 0 0 }
}
.industries .subpage-header-image .header__page-title {
margin: 80px 1.25rem 0
}
@media only screen and (max-width:34rem) {
.industries .subpage-header-image .header__page-title { margin: 0 1.25rem }
}
.industries .subpage-header-image .subpage-header-content {
margin-top: 80px
}
@media only screen and (max-width:34rem) {
.industries .subpage-header-image .subpage-header-content { margin-top: 20px }
}