/* @font-face {
    font-family: 'Rift';
    src: url('../fonts/fort_foundry_-_rift-bold-webfont.woff2') format('woff2'),
         url('../fonts/fort_foundry_-_rift-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */


/* ==========================================================================
Global Styles
========================================================================== */

html,
body {
    overflow-x: hidden;
}

body {
    color: #fff;
    font-family: "Muli", sans-serif;
    font-size: 18px;
    line-height: 1.56em;
    font-weight: 400;
    background-color: #1C213E;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.single-showroom {
    background-color: #fff;
}


/* .nav-opened {
    overflow: hidden;
} */

a {
    overflow: hidden;
    text-decoration: none;
    position: relative;
    color: #fff;
}

a:hover,
a:focus,
a.hover,
a.active {
    text-decoration: none;
    color: #2494A2;
}

em,
blockquote {
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    font-size: 1.019vw;
    line-height: 1.76em;
}

blockquote {
    margin: 60px 0 30px;
    text-indent: -60px;
    position: relative;
}

blockquote::before {
    content: '';
    background-image: url('../img/assets/desktop/article_page/icn_quotes.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: -40px;
    left: -60px;
    height: 30px;
    width: 30px;
}

.word-break {
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto;
}

img {
    max-width: 100%;
}

svg {
    display: block;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Rift;
    margin: 0 0 30px;
    font-weight: 700;
}

h1,
.h1 {
    font-size: 90px;
    letter-spacing: 0.01em;
    line-height: 1em;
}

h2,
.h2 {
    font-size: 90px;
    letter-spacing: 0.01em;
    line-height: 1em;
}

h3,
.h3 {
    font-size: 75px;
    line-height: 1em;
}

h4,
.h4 {
    font-size: 35px;
    letter-spacing: 0.025em;
    line-height: 1em;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 1em;
}

h6 {
    font-size: 0.75em;
}

p,
ul {
    margin: 0 0 30px;
}

small {
    font-size: 14px;
}

input:focus,
button:focus,
button:active {
    outline: 0;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
}

.input-holder {
    width: 100%;
}

.half-input-holder {
    width: calc(50% - 10px);
}

.form-control {
    border: 1px solid #1C213E;
    border-radius: 0;
    color: #1C213E;
}

.form-control.error {
    border-color: red;
}

label.error {
    color: red;
    font-size: 12px;
    font-weight:  normal;
}

.kontakt-form-error {
    color: red;
    text-align: right;
}

.kontakt-form-error a, .kontakt-form-error a:hover {
    color: red !important;
    font-weight: 700;
}

.newsletter-signup-holder .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: transparent;
    border-bottom-color: #2494A2;
}

#kontakt-form .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #2494A2;
}

textarea.form-control {
    min-height: 340px;
}

.btn {
    position: relative;
    z-index: 10;
    display: inline-block;
    margin: 0;
    padding: 16px 30px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    border: 1px solid #000;
    border-radius: 5px;
    background-image: none;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 22px;
    font-weight: 700;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn svg {
    display: inline-block;
    min-width: 14px;
    min-height: 14px;
    vertical-align: -2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.btn:hover svg [fill] {
    fill: #2494A2;
}

.btn-ico-left svg {
    margin-right: 10px;
}

.btn-link {
    color: #000;
    font-weight: normal;
}

.btn-icon {
    border: 0;
    background-color: transparent;
}

.btn-icon:active,
.btn-icon.active {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-default {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.btn-default.active {
    color: #fff;
    border-color: #2494A2;
    background-color: #2494A2;
}

.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default.active:focus,
.btn-default:active:focus,
.btn-default.active:hover,
.btn-default:active:hover {
    color: #fff;
    border-color: #2494A2;
    background-color: #2494A2;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-default:focus svg *,
.btn-default:hover svg *,
.btn-default:active svg *,
.btn-default.active svg *,
.btn-default.active:focus svg *,
.btn-default:active:focus svg *,
.btn-default.active:hover svg *,
.btn-default:active:hover svg * {
    fill: #1E3E4A !important;
}

.btn-dark {
    color: #fff;
    border-color: transparent;
    background-color: transparent;
}

.btn-dark::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 8px;
    bottom: 0;
    left: 8px;
    content: '';
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: skewX(18deg);
    transform: skewX(18deg);
    border-color: #39516C;
    border-radius: 5px;
    background-color: #39516C;
}

.btn-dark:focus,
.btn-dark:hover,
.btn-dark:active,
.btn-dark.active,
.btn-dark.active:focus,
.btn-dark:active:focus,
.btn-dark.active:hover,
.btn-dark:active:hover {
    color: #fff;
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-dark:focus::after,
.btn-dark:hover::after,
.btn-dark:active::after,
.btn-dark.active::after,
.btn-dark.active:focus::after,
.btn-dark:active:focus::after,
.btn-dark.active:hover::after,
.btn-dark:active:hover::after {
    border-color: #39516C;
    background-color: #39516C;
}

.btn-primary {
    color: #fff;
    border-color: #FFF;
    background-color: #000;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #000;
    border-color: #FFF;
    background-color: #FFF;
}

.btn-inverse {
    color: #2494A2;
    border-color: #2494A2;
    background-color: #fff;
}

.btn-inverse.transparent {
    background-color: transparent;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active {
    color: #fff;
    border-color: #2494A2;
    background-color: #2494A2;
}

.btn-small {
    padding: 11px 40px 10px;
}

section {
    position: relative;
}

.section-padding {
    padding: 120px 0;
}

h1.section-title,
h2.section-title {
    margin-bottom: 120px;
}

h3.section-title,
.section-title-holder {
    margin-bottom: 90px;
}

.section-intro-text {
    margin-bottom: 60px;
}

.title-margin-60 {
    margin-bottom: 60px;
}

.title-margin-40 {
    margin-bottom: 40px;
}

.scroll-line {
    position: absolute;
    top: 80vh;
    left: 60px;
    bottom: 90px;
    width: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.scroll-line.short,
.scroll-line.long {
    opacity: 1;
}

.scroll-down,
.scroll-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    position: absolute;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.scroll-down {
    left: 50%;
    bottom: 100%;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.scroll-up {
    left: 50%;
    bottom: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    display: block;
}

.scroll-down-svg [fill],
.scroll-up-svg [fill] {
    fill: #fff;
}

.scroll-up-svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.scroll-dash {
    height: 100%;
    border-right: 2px dashed #777A8B;
    width: calc(50% + 1px);
    margin: 5px 0;
}

.top-dark .scroll-down,
.scroll-dark .scroll-down {
    color: #1C213E;
}

.top-dark .scroll-down-svg [fill],
.scroll-dark .scroll-down-svg [fill] {
    fill: #1C213E;
}

.top-dark .scroll-down:hover,
.scroll-dark .scroll-down:hover {
    color: #2494A2;
}

.scroll-line.short .scroll-down {
    display: none;
}

.scroll-line.short .scroll-down-svg,
.scroll-line.short .scroll-dash {
    opacity: 0;
}

@media screen and (max-width: 1400px) {
    .scroll-line {
        left: 20px;
    }
}

@media screen and (max-width: 1200px),
screen and (max-height: 750px) {
    body {
        font-size: 16px;
    }
    h1,
    .h1,
    h2,
    .h2 {
        font-size: 70px;
    }

    h1.section-title,
    h2.section-title {
        margin-bottom: 60px;
    }
    h3,
    .h3 {
        font-size: 55px;
    }
    h4,
    .h4 {
        font-size: 30px;
    }
}

@media screen and (max-width:991px) {
    .scroll-line {
        display: none;
    }
}

@media screen and (max-width:991px),
screen and (max-height: 750px) {

    .btn {
        font-size: 14px;
        padding: 9px 20px 8px
    }

    .section-padding {
        padding: 90px 0;
    }

    h3.section-title,
    .section-title-holder {
        margin-bottom: 60px;
    }
}

@media screen and (max-width:767px),
screen and (max-height: 750px) {
    body {
        font-size: 13px;
    }

    p,
    ul,
    ol,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin: 0 0 20px;
    }
    h1,
    .h1,
    h2,
    .h2 {
        font-size: 50px;
    }
    h3,
    .h3 {
        font-size: 37px;
    }
    h4,
    .h4 {
        font-size: 22px;
    }
    .btn {
        font-size: 12px;
    }
    .section-padding {
        padding: 60px 0;
    }

    .title-margin-60,
    .title-margin-40 {
        margin-bottom: 20px;
    }

    small {
        font-size: 12px;
    }
}

@media screen and (max-width:500px) {
    .section-padding {
        padding: 40px 0;
    }
    h3.section-title,
    .section-title-holder {
        margin-bottom: 40px;
    }

    .kontakt-form-error {
        margin-top:  20px;
    }
}

@media screen and (max-width:400px) {
    h1,
    .h1,
    h2,
    .h2 {
        font-size: 40px;
    }
    h1.section-title,
    h2.section-title {
        margin-bottom: 30px;
    }
}











/* ==========================================================================
Content types
========================================================================== */

/* .tinymce-output *:last-child {
    margin-bottom: 0;
} */

.tinymce-output a {
    font-weight: 700;
}

.tinymce-output ul,
.tinymce-output ol {
    padding-left: 1.5em;
}


/* .tinymce-output ul li:after {
    position: absolute;
    top: 11px;
    right: calc(100% + 1em);
    width: 1em;
    height: 2px;
    padding-right: 0;
    content: "";
    background-color: #39516C;
} */

.tinymce-output ul li {
    position: relative;
    padding-left: 10px;
}

.tinymce-output ol li {
    padding-left: 10px;
}

.tinymce-output ol {
    margin: 0 0 24px 0;
    padding-left: 32px;
}

.tinymce-output .alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
    /* margin-right: -20%; */
}

.tinymce-output .alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.tinymce-output table {
    width: 100%;
    margin-bottom: 30px;
    table-layout: fixed;
}

.tinymce-output table[border] td {
    padding: 10px;
}

.tinymce-output table tr td {
    vertical-align: top;
    padding-right: 20px;
}

.tinymce-output table tr td:last-child {
    padding-right: 0;
}

.content-blocks .row {
    margin-bottom: 40px;
}

.content-video-iphone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.content-video-iphone img {
    height: 60vh;
    max-height: 600px;
    position: relative;
    z-index: 2;
}

.content-video-iphone-holder {
    position: absolute;
    height: 95%;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.content-video-iphone-video {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.content-video-video {
    width: 100%;
}

.content-video.vertical .content-video-video {
    width: auto;
    max-width: 100%;
    max-height: 600px;
}

.download-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.add-label {
    min-width: 180px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 40px;
}

.download-file-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.download-file .file-date {
    width: 70px;
    margin-bottom: 0;
    margin-right: 30px;
}

@media screen and (max-width: 1400px) {
    .content-video-iphone img {
        max-height: 450px;
    }
}

@media screen and (max-width: 991px) {
    .tinymce-output .alignright {
        margin-right: 0;
    }
}


@media screen and (max-width: 991px),
screen and (max-height: 750px) {
    .content-video-iphone img {
        max-height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .content-video-iphone img {
        max-height: 300px;
    }
    .download-file, .download-file-left, .download-file strong {
        display: block;
    }

    .add-label {
        padding-left: 0;
        display: block;
    }

    .tinymce-output .alignright, .tinymce-output .alignleft {
        float: none;
        margin-left: 0;
        margin-right:  0;
    }
}

@media screen and (max-width: 500px) {
    .tinymce-output table tr td {
        display: block;
        margin-bottom: 10px;
    }
}

/* ==========================================================================
Header
========================================================================== */

.page-wrapper {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    /* min-height: calc(100vh - 516px); */
}

.page-wrapper.loaded {
    opacity: 1;
}

header {
    padding: 40px 90px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sticky-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1005;
}

.logo {
    display: block;
}

.header-inner {
    position: fixed;
    z-index: -1;
    background: linear-gradient(26.28deg, rgba(27, 57, 88, 1) 0%, rgba(22, 27, 57, 1) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transform: scale(0);
    transform: scale(0);
    /* -webkit-filter: blur(20px);
    filter: blur(20px); */
    overflow-y: auto;
}

.header-inner .absolute-bg {
    background: radial-gradient(ellipse at center, rgba(27, 57, 88, 1) 0, rgba(22, 27, 57, 0) 100%);
}

.menu-holder {
    max-height: 100%;
    padding: 120px 0;
}

.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.current-menu-item {
    color: #2494A2;
}

.nav-toggle {
    cursor: pointer;
    z-index: 2000;
    position: relative;
    background-color: transparent;
    border: 0;
    padding: 20px;
}

.nav-toggle-inner {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.nav-open-svg {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.nav-opened .nav-open-svg {
    opacity: 0;
}

.nav-close-svg {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.nav-opened .nav-close-svg {
    opacity: 1;
}

nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
}

nav ul li {
    border: 0;
    padding: 0;
}

.header-inner nav ul li {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.main-nav ul li:last-child {
    margin-top: 30px;
}

nav ul li a,
.mobile-lang-label {
    font-family: 'Rift';
    font-size: 35px;
    font-weight: 700;
    line-height: 1.14em;
    position: relative;
}

.mobile-lang-label {
    color: #494D65;
}

nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus,
nav ul li a.hover {
    color: #2494A2 !important;
    text-decoration: none !important;
}

.main-nav ul li a::after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    border-bottom: 2px dashed #2494A2;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(100% + 20px);
    z-index: 5;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.main-nav ul li a:hover::after,
.main-nav ul li a.current-menu-item::after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.top-menu-holder {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.27em;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-opened .top-menu-holder,
.lang-opened .top-menu-holder,
.login-opened .top-menu-holder {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
}

.top-menu-holder a {
    padding: 0 20px;
}

a.product-visible,
.page-template-page_product a.product-hidden,
a.platform-visible,
.page-template-page_platform a.platform-hidden {
    display: none;
}

.page-template-page_product a.product-visible,
.page-template-page_platform a.platform-visible {
    display: inline;
}

.login-link {
    display: block;
    margin-left: 40px;
}

.lang-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

.lang-holder,
.lang-holder a {
    color: #EEECEC;
    font-weight: 900;
    font-size: 22px;
    line-height: 1.27em;
    text-transform: uppercase;
}

.lang-holder a {
    padding: 5px;
}

.nav-opened .lang-holder a:hover,
.nav-opened .lang-holder .current-lang a,
.lang-opened .lang-holder a:hover,
.lang-opened .lang-holder .current-lang a,
.login-opened .lang-holder a:hover,
.login-opened .lang-holder .current-lang a {
    text-decoration: none;
    color: #2494A2 !important;
}

.top-dark:not(.scrolled) .lang-holder,
.top-dark:not(.scrolled) .lang-holder a {
    color: #1C213E;
}

.nav-opened .lang-holder,
.nav-opened .lang-holder a,
.lang-opened .lang-holder,
.lang-opened .lang-holder a,
.login-opened .lang-holder,
.login-opened .lang-holder a {
    color: #EEECEC !important;
}

.lang-svg-holder {
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.lang-opened .lang-svg-holder {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lang-holder-inner {
    margin-right: -30px;
    z-index: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.lang-opened .lang-holder-inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

span.current-lang {
    cursor: pointer;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.lang-opened span.current-lang {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}

.scrolled header {
    padding-top: 15px;
    background-color: rgba(28, 33, 62, 0.8);
}

.nav-opened.scrolled header {
    padding-top: 60px;
}

header svg [fill] {
    -webkit-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

html:not(.nav-opened):not(.login-opened) .top-dark:not(.scrolled) header a:not(.login-link) svg [fill],
html:not(.nav-opened):not(.login-opened) .top-dark:not(.scrolled) header svg [fill] {
    fill: #1C213E;
}

html:not(.nav-opened):not(.login-opened) .top-dark:not(.scrolled) header a {
    color: #1C213E;
}

.products-menu {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    left: 100%;
    z-index: 2000;
    background: linear-gradient(187.9deg, #1B3958 0%, #161B39 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* -webkit-transform:  translateX(100%);
            transform:  translateX(100%);     */
}



/* .products-menu-opened .products-menu {
    transform: translateX(0);
} */

.products-menu-btn {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -100%) rotate(-90deg);
    transform: translate(-50%, -100%) rotate(-90deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    background-color: #DBB13B;
    color: #1C213E;
    border: 0;
    border-radius: 0;
    padding: 18px 30px 17px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.25;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.products-menu-btn:hover {
    color: #1C213E;
    padding-bottom: 22px;
}

.products-menu-btn:focus,
.products-menu-btn:active {
    color: #1C213E;
}

body:not([class*="page-template-page_product"]) .products-menu-btn {
    left: 60px;
}

.products-menu-opened .products-menu-btn {
    left: 60px;
    padding-bottom: 17px;
    padding-top: 23px;
}

.products-menu-opened .products-menu-btn:hover {
    left: 65px;
}

.products-menu-btn .close {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.products-menu-btn .close,
.products-menu-opened .products-menu-btn .open {
    opacity: 0;
}

.products-menu-btn .open,
.products-menu-opened .products-menu-btn .close {
    opacity: 1;
}

.products-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.products-menu li {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.products-menu-inner a.has-icon {
    line-height: 1.1em;
    display: inline-block;
    width: 100%;
    margin: 0;
    vertical-align: bottom;
}

.products-menu-inner a.has-icon:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 1.1em;
    height: 1.1em;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 0.5em;
    float: right;
}

.products-menu-inner a.has-icon-mobile:after {
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 293 578"%3E%3Cimage width="293" height="578" xlink:href="data:image/png;base64,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"/%3E%3C/svg%3E');
}

.products-menu-inner a.has-icon-desktop:after {
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 934 704.2" style="enable-background:new 0 0 934 704.2;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%231C223C;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%2300A4B7;stroke:%2300A4B7;stroke-width:5;stroke-miterlimit:10;%7D .st3%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id="Layer_2_00000129902005418048172240000008280279126797565100_"%3E%3Cpath class="st0" d="M893.1,9.3l-7.8-4.9H51.5C26.4,4.4,6.1,24.8,6.1,49.8l1.7,547.6c0,16.9,21.8,47.1,38.8,47.1h844.8 c22.4,0,36.2-24.6,36.2-47.1l2-551.1C920.2,26,915.5,9.3,893.1,9.3z M899.1,591.6c0,16.9-13.7,30.6-30.6,30.6h-803 c-16.9,0-30.6-13.7-30.6-30.6V68.1c0-16.9,13.7-30.6,30.6-30.6h803c16.9,0,30.6,13.7,30.6,30.6V591.6z"/%3E%3Crect x="231.4" y="673.1" class="st0" width="473.5" height="19.4"/%3E%3C/g%3E%3Cg id="Layer_1_00000134225460352836409100000009079156775660396418_"%3E%3Crect x="5.1" y="3.9" class="st1" width="927.5" height="695.6"/%3E%3Cpath class="st2" d="M865.5,620.4H68.6c-19.4,0-35.2-15.8-35.2-35.1V69.1C33.4,49.7,49.1,34,68.6,34h796.9 c19.4,0,35.2,15.8,35.2,35.1v516.1c0,9.3-3.6,18.2-10.2,24.8C883.7,616.7,874.9,620.4,865.5,620.4z M34.6,585.2 c0,18.7,15.2,33.9,33.9,33.9h796.9c9,0,17.6-3.6,24-10s9.9-14.9,9.9-23.9V69.1v516.1c0,18.7-15.2,33.9-33.9,33.9H68.6 C49.8,619.1,34.6,603.9,34.6,585.2z M68.6,36.5c-18,0-32.7,14.6-32.7,32.6v516.1c0,18,14.6,32.6,32.7,32.6h796.9 c18,0,32.7-14.6,32.7-32.6V69.1c0-18-14.6-32.6-32.7-32.6H68.6L68.6,36.5z"/%3E%3Cpath class="st3" d="M883.5,648.1H52.7c-26.4,0-47.9-21.6-47.9-48.2V52.3C4.7,25.7,26.2,4.1,52.7,4.1h830.8 c26.4,0,47.9,21.6,47.9,48.2v547.6C931.5,626.5,909.9,648.1,883.5,648.1z M52.7,5.4C27,5.4,6.1,26.4,6.1,52.3v547.6 c0,25.9,20.9,46.9,46.6,46.9h830.8c25.7,0,46.6-21,46.6-46.9V52.3c0-25.9-20.9-46.9-46.6-46.9C883.5,5.4,52.7,5.4,52.7,5.4z"/%3E%3Cpath class="st2" d="M880.3,647.1H53.6c-26.6,0-48.3-21.8-48.3-48.6v-545c0-12.9,5-25.1,14.1-34.3C28.5,9.9,40.7,4.9,53.6,4.9 h826.8c26.6,0,48.3,21.8,48.3,48.6v545C928.8,625.3,907.1,647.1,880.3,647.1z M53.6,645.8h826.8c26,0,47.1-21.2,47.1-47.3v-545 c0-26.1-21.1-47.3-47-47.3h-0.1c25.9,0,47,21.2,47,47.3v545c0,26.1-21.1,47.3-47,47.3H53.6L53.6,645.8z M53.6,7.5 c-25.3,0-45.8,20.7-45.8,46v545c0,25.3,20.5,46,45.7,46h826.8c25.2,0,45.7-20.7,45.7-46v-545c0-25.3-20.5-46-45.7-46H53.6z M53.3,6.2c-12.5,0.1-24.3,5-33.1,13.9c-3.7,3.7-6.7,7.9-8.9,12.5C19,17.1,34.9,6.3,53.3,6.2z M53.4,6.2L53.4,6.2L53.4,6.2z M53.4,6.2L53.4,6.2L53.4,6.2z M53.5,6.2L53.5,6.2L53.5,6.2z"/%3E%3Cpath class="st3" d="M702,697.6H237.3c-4.4,0-7.8-3.6-7.8-7.9v-8.9c0-4.4,3.6-7.9,7.8-7.9H702c4.3,0,7.8,3.6,7.8,7.9v8.9 C709.9,694,706.3,697.6,702,697.6z M237.3,674.2c-3.6,0-6.5,3-6.5,6.6v8.9c0,3.6,3,6.6,6.5,6.6H702c3.6,0,6.5-3,6.5-6.6v-8.9 c0-3.6-3-6.6-6.5-6.6H237.3z"/%3E%3Cpath class="st2" d="M702,697.9H237.3c-4.5,0-8.2-3.7-8.2-8.2v-8.9c0-4.5,3.7-8.2,8.2-8.2H702c4.5,0,8.2,3.7,8.2,8.2v8.9 c0,2.1-0.8,4.2-2.3,5.8C706.2,697,704.2,697.9,702,697.9z M237.3,673.2c-4.1,0-7.5,3.4-7.5,7.6v8.9c0,4.2,3.4,7.6,7.5,7.6H702 c2,0,4-0.8,5.4-2.2c1.4-1.5,2.2-3.3,2.1-5.3v-8.9c0-4.2-3.4-7.6-7.5-7.6L237.3,673.2L237.3,673.2z M702,696.5H237.3 c-3.8,0-6.9-3.1-6.9-6.9v-8.9c0-3.8,3.1-6.9,6.9-6.9H702c3.8,0,6.8,3.1,6.8,6.9v8.9C708.8,693.4,705.7,696.5,702,696.5z M237.3,674.5c-3.4,0-6.2,2.8-6.2,6.2v8.9c0,3.5,2.8,6.2,6.2,6.2H702c3.4,0,6.2-2.8,6.2-6.2v-8.9c0-3.5-2.8-6.2-6.2-6.2H237.3z"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.products-menu-inner a.has-icon-all:after {
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3C!-- Generator: Adobe Illustrator 26.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 107 81.9" style="enable-background:new 0 0 107 81.9;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%232494A2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class="st0" d="M107,60.7h-7.7v-57c0-2.1-1.7-3.8-3.8-3.8h-84C9.4,0,7.7,1.7,7.7,3.8v57H0V68h18.7v12.5c0,0.8,0.7,1.5,1.5,1.5 h16.2c0.8,0,1.5-0.7,1.5-1.5v-2.3H86c1.4,0,2.5-1.1,2.5-2.5V68H107V60.7z M8.7,3.8C8.7,2.2,10,1,11.5,1h84.1c1.5,0,2.8,1.2,2.8,2.8 v57h-9.8V57h5.8c0.8,0,1.5-0.7,1.5-1.5V5.6c0-0.8-0.7-1.5-1.5-1.5H12.8c-0.8,0-1.5,0.7-1.5,1.5v49.8c0,0.8,0.7,1.5,1.5,1.5h5.9v3.8 h-10C8.7,60.7,8.7,3.8,8.7,3.8z M1,67v-5.2h17.7V67H1z M36.9,80.4c0,0.3-0.2,0.5-0.5,0.5H20.2c-0.3,0-0.5-0.2-0.5-0.5V48.1 c0-0.3,0.2-0.5,0.5-0.5h16.2c0.3,0,0.5,0.2,0.5,0.5V80.4z M36.4,46.6h-3.9v-7.1c0-0.8,0.7-1.5,1.5-1.5h47.2c0.8,0,1.5,0.7,1.5,1.5 v33.6c0,0.8-0.7,1.5-1.5,1.5H37.9V48.1C37.9,47.2,37.3,46.6,36.4,46.6z M87.5,75.7c0,0.8-0.7,1.5-1.5,1.5H37.9v-1.6h43.4 c1.4,0,2.5-1.1,2.5-2.5V39.5c0-1.4-1.1-2.5-2.5-2.5H34.1c-1.4,0-2.5,1.1-2.5,2.5v7.1H30V37c0-0.8,0.7-1.5,1.5-1.5H86 c0.8,0,1.5,0.7,1.5,1.5V75.7z M86,34.4H31.5c-1.4,0-2.5,1.1-2.5,2.5v9.6h-8.9c-0.8,0-1.5,0.7-1.5,1.5v7.8h-5.9 c-0.3,0-0.5-0.2-0.5-0.5V5.6c0-0.3,0.2-0.5,0.5-0.5h81.5c0.3,0,0.5,0.2,0.5,0.5v49.8c0,0.3-0.2,0.5-0.5,0.5h-5.8v-19 C88.5,35.6,87.4,34.4,86,34.4z M106,67H88.5v-5.2H106V67z"/%3E%3Crect x="85" y="51.9" class="st0" width="1" height="8.8"/%3E%3Cpath class="st0" d="M35,48.5h-2.4l-0.2,0.9C32.3,49.8,32,50,31.6,50L25,50.1l0,0c-0.4,0-0.7-0.3-0.8-0.7L24,48.5h-2.3 c-0.5,0-0.9,0.4-0.9,0.9v29.7c0,0.5,0.4,0.9,0.9,0.9H35c0.5,0,0.9-0.4,0.9-0.9V49.4C35.9,48.9,35.5,48.5,35,48.5z M34.9,79 l-13.2,0.1l-0.1-29.6h1.5v0.1c0.2,0.9,0.9,1.5,1.8,1.5l0,0l6.6-0.1c0.8,0,1.5-0.6,1.7-1.4l0.1-0.2h1.6C34.9,49.4,34.9,79,34.9,79z" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.login-menu {
    position: fixed;
    z-index: -2;
    background: linear-gradient(26.28deg, rgba(27, 57, 88, 1) 0%, rgba(22, 27, 57, 1) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transform: scale(0);
    transform: scale(0);
    /* -webkit-filter: blur(20px);
    filter: blur(20px); */
    overflow-y: auto;
}

.login-menu h3, .login-menu .form-row {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.login-menu .form-row {
    margin-bottom: 20px;
}

.login-btn-row {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 40px 0 0;
}

.login-cancel-btn {
    margin-left: 10px;
}

.login.error {
    display: none;
}

.login-error.active {
    display: block;
    margin-top: 40px;
    background-color: #2494A2;
    padding: 5px 10px;
}

@media screen and (max-width:1400px) {
    header {
        padding: 25px 45px 15px;
    }
    .scrolled header {
        padding-top: 15px;
    }
    .nav-opened.scrolled header {
        padding-top: 25px;
    }

    .top-menu-holder, .lang-holder, .lang-holder a {
        font-size: 20px;
    }
}

@media screen and (max-height: 750px) {
    .top-menu-holder, .lang-holder, .lang-holder a {
        font-size: 20px;
    }
}

@media screen and (max-width:991px) {
    .top-menu-holder {
        display: none;
    }

    header::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(28, 33, 62, 0.8);
        opacity: 0;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
    }

    .nav-opened header::before {
        opacity: 1;
    }
}

@media screen and (max-width:991px),
screen and (max-height: 750px) {
    header,
    .scrolled header {
        padding: 5px 50px 5px;
    }
    .logo svg {
        width: 45px;
        height: 45px;
    }
    .login-link svg {
        width: 35px;
        height: 35px;
    }
    .nav-close-svg {
        width: 30px;
        height: 30px;
    }
    nav ul li a,
    .mobile-lang-label {
        font-size: 30px;
    }
    .products-menu-btn {
        font-size: 16px;
        padding: 13px 30px 12px;
    }
    body:not([class*="page-template-page_product"]) .products-menu-btn {
        left: 45px;
    }

    .products-menu-opened .products-menu-btn {
        left: 45px;
        padding-bottom: 12px;
        padding-top: 18px;
    }

    .products-menu-opened .products-menu-btn:hover {
        left: 50px;
    }
}

@media screen and (max-width:767px) {
    header,
    .scrolled header {
        padding: 10px 15px 10px;
    }

    .header-inner {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .menu-holder {
        padding: 90px 0 30px;
        overflow: hidden;
    }
    .nav-opened.scrolled header {
        padding-top: 15px;
    }
    .nav-toggle {
        padding-top: 0;
        padding-bottom: 0;
    }
    .mobile-lang {
        margin-top: 60px;
    }
    .login-link {
        margin-left: 0;
    }
    nav ul li a,
    .mobile-lang-label {
        font-size: 22px;
    }

    .products-menu-inner {
        padding: 0 30px 0 75px;
    }

    .products-menu .h3 {
        font-size: 25px;
    }
    .login-menu .form-row {
        margin-bottom: 10px;
    }

    .login-btn-row {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-top: 20px;
    }

    .login-error {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .products-menu-btn {
        padding: 7px 15px 6px;
        font-size: 12px;
    }

    .products-menu-btn:hover {
        padding-bottom: 6px;
    }

    .products-menu-opened .products-menu-btn {
        padding: 7px 15px 6px;
        font-size: 12px;
    }

    .products-menu-opened .products-menu-btn,
    .products-menu-opened .products-menu-btn:hover,
    body:not([class*="page-template-page_product"]) .products-menu-btn {
        left: 28px;
    }
}

/* ==========================================================================
Home page
========================================================================== */

.home-slider {
    width: 100%;
    height: 100vh;
}

.home-slider-slide-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 70%;
    opacity: 0;
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.home-slider::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: linear-gradient(10deg, #1C213E 30%, #2494A2 100%);
    opacity: 0.36;
}

.img-slide .container {
    height: 100%;
}

.home-slider-slide-inner {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.slide-img {
    opacity: 0;
    width: 530px;
    height: 50vh;
    margin-right: -120px;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all .5s .5s ease;
    transition: all .5s .5s ease;
}

.slide-headline {
    font-size: 70px;
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all .5s .6s ease;
    transition: all .5s .6s ease;
}

.swiper-slide-active .slide-img,
.swiper-slide-active .slide-headline {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.swiper-slide-active .home-slider-slide-bg {
    opacity: 0.5;
}

.home-slider-video-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 240px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.home-slide-video {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.track-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pagination-current {
    display: inline-block;
    overflow: hidden;
    width: 240px;
    border-color: #2494A2;
    background-color: #2494A2;
    height: 55px;
    border-radius: 5px;
    position: relative;
    z-index: 10;
}

.names-slide-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.track-link {
    display: flex;
    width: 240px;
    height: 55px;
    line-height: 21px;
    align-items: center;
    justify-content: center;
    border-color: transparent;
    background-color: transparent;
}

.track-link br {
    display: none;
}

.dots-slide-track {
    position: absolute;
    left: calc(50% - 120px);
    top: calc(50% - 9px);
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dot-holder {
    width: 120px;
    height: 18px;
    position: relative;
    display: block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.dot-holder.current {
    width: 240px;
}

.dot-link {
    width: 18px;
    height: 18px;
    display: block;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    z-index: 10;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s ease;
    overflow: visible;
}

.dot-link::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.dot-link:hover::before {
    width: 200%;
    height: 200%;
}

.dot-link::after {
    content: '';
    display: block;
    position: absolute;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dot-holder::before,
.dot-holder::after {
    content: '';
    display: block;
    width: calc(50% - 16px);
    height: 2px;
    border-bottom: 2px dashed #7a7b7d;
    position: absolute;
    top: calc(50% - 1px);
    z-index: 5;
}

.dot-holder::before {
    left: 3px;
}

.dot-holder::after {
    right: 3px;
}

.dot-holder:first-child::before {
    display: none;
}

.dot-holder:last-child::after {
    display: none;
}







/* benefits */

.benefits-img-left .img-holder {
    margin-right: 30px;
    text-align: right;
}

.benefits-img-right .img-holder {
    margin-left: 30px;
    text-align: left;
}

.benefits-row {
    margin-bottom: 120px;
}

.benefits-row:last-child {
    margin-bottom: 0;
}

.benefits-row img {
    max-height: 240px;
}

.benefits-box {
    margin-bottom: 90px;
}

.benefits-box.even {
    float: right;
}

.benefits-box.even:nth-child(2) {
    margin-top: 150px;
}

.benefits-box:last-child {
    margin-bottom: 0;
}

.benefits-box .img-holder {
    margin-bottom: 30px;
    text-align: center;
    padding: 0 60px;
}

.benefits-box-inner {
    padding-left: 120px;
    padding-right: 60px;
}



/* cta */

.cta-section-bg {
    overflow: hidden;
    position: relative;
}

.cta-section-bg .bgimg svg {
    display: none;
}

.cta-section-bg .bgimg {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1C213E;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.cta-section-bg .bgimg.active {
    opacity: 0.5;
}

.cta-headline-holder {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 60px;
}

.cta-headline {
    position: absolute;
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.cta-headline.active {
    opacity: 1;
}

.cta-btn-publisher {
    margin-left: 30px;
}

@media screen and (max-aspect-ratio: 1280/720) {
    .home-slide-video {
        height: 100%;
    }
}

@media screen and (min-aspect-ratio: 1280/720) {
    .home-slide-video {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .home-slide-video {
        max-width: 100%;
        max-height: 100%;
    }

    .slide-headline {
        font-size: 60px
    }
    .slide-img {
        width: 50%;
        margin-right: -60px;
    }
}

@media screen and (max-width: 1200px),
screen and (max-height: 750px) {
    .home-slider-slide-bg {
        background-position: calc(50% - 340px);
    }

    .benefits-box .img-holder {
        padding: 0 30px 0 0;
    }

    .benefits-box-inner {
        padding-left: 60px;
        padding-right: 30px;
    }

    .benefits-row {
        margin-bottom: 60px;
    }
}

@media screen and (max-height: 750px) {
    .benefits-box .img-holder {
        padding: 0 60px 0 0;
    }

    .benefits-box img,
    .benefits-row img {
        max-height: 160px;
    }
}

@media screen and (max-width: 991px) {

    .home-slider {
        padding-top: 0;
    }

    .home-slider-slide-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .slide-headline {
        font-size: 50px;
        width: 100%;
        padding-left: 8.33333333%;
    }

    .slide-img {
        width: 45vh;
        margin-right: 0;
        padding-top: 30px;
    }

    .home-slider .swiper-slide {
        padding-top: 120px;
    }

    .home-slider-slide-bg {
        background-position: calc(50% - 400px);
    }

     /* benefits */
    .benefits-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 60px;
    }

    .benefits-img-left .img-holder {
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .benefits-img-right .img-holder {
        margin-left: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .benefits-img-right .img-col {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .benefits-img-right .text-col {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .benefits-row img {
        max-height: 180px;
    }
}

@media screen and (max-width: 991px),
screen and (max-height: 750px) {

    .pagination-current {
        height: 41px;
        width: 200px;
    }

    .track-link {
        width: 200px;
        height: 41px;
        line-height: 17px;
    }

    .dots-slide-track {
        left: calc(50% - 100px);
    }

    .dot-holder {
        width: 100px;
    }

    .dot-holder.current {
        width: 200px;
    }

    .cta-headline-holder {
        margin-bottom: 30px;
        height: 110px;
    }

    #benefits h4 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .home-slider .swiper-slide {
        padding-top: 90px;
    }
    .slide-image-holder {
        padding-top: 30px;
    }
    .slide-image-holder img {
        max-height: 40vh;
    }

    .pagination-current {
        width: 155px;
    }

    .track-link {
        width: 155px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .dots-slide-track {
        left: calc(50% - 77px);
    }

    .dot-holder {
        width: 60px;
    }

    .dot-holder.current {
        width: 155px;
    }

    /* cta */
    .cta-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .cta-btn-advertiser {
        margin-bottom: 30px;
    }
    .cta-btn-publisher {
        margin-left: 0;
    }
    .cta-headline-holder {
        height: auto;
    }
    .cta-headline.active {
        position: relative;
    }

    .benefits-box {
        margin-bottom: 45px;
    }

    .benefits-box .img-holder {
        padding: 0;
    }

    .benefits-box .img-holder img {
        max-width: 300px;
        width: 100%;
    }

    .benefits-box-inner {
        padding: 0;
    }

    .benefits-box.even {
        float: left;
    }

    .benefits-box.even:nth-child(2) {
        margin-top: 0;
    }

    .benefits-row img {
        max-height: 150px;
    }

    .corporate_benefits-col-item img {
	max-width: 50px;
    }
}

@media screen and (max-height: 500px) {
    .slide-img {
        height: 40vh;
    }
    .slide-headline {
        font-size: 40px;
    }
}

@media screen and (max-width: 500px) {
    .slide-headline {
        font-size: 40px;
    }
}


/* ==========================================================================
Common
========================================================================== */

.bg-white {
    background-color: #fff;
    color: #161B39;
}

.bg-light-gray {
    background-color: #EEECEC;
    color: #161B39;
}

.bg-light-gray-2 {
    background-color: #D2D3D8;
    color: #161B39;
}

.bg-white a:not(.btn),
.bg-light-gray a:not(.btn) {
    color: #161B39;
}

.hover-active .bg-white a:not(.btn):hover,
.hover-active .bg-light-gray a:not(.btn):hover,
.bg-white a:not(.btn).active,
.bg-light-gray a:not(.btn).active {
    color: #2494A2;
}

.bg-gray {
    background-color: #494D65;
}

.bg-dark {
    background-color: #1C213E;
}

.text-l-padding {
    padding-left: 80px;
}

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

.bg-dark-overlay::after {
    content: '';
    display: block;
    background-color: #1C213E;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0.8;
}

.bg-light-overlay::after {
    content: '';
    display: block;
    background-color: #2D303F;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0.6;
}


.fw-parallax-img {
    height: 60vh;
    /* background-attachment: fixed; */
    position: relative;
}

.page-top-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 180px 0 80px;
    min-height: 60vh;
}

.no-topbg-section {
    padding: 180px 0 80px;
}



/* partners */

#partners h3 {
    margin-bottom: 40px;
}

.logo-row {
    margin-bottom: 20px;
}

.logo-row:last-child {
    margin-bottom: 0;
}

.logo-row-headline h4 {
    margin-bottom: 15px;
}

.logo-group {
    height: 160px;
    overflow: hidden;
    position: relative;
}

.logo-group-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
}

.logo-item {
    opacity: 0;
    height: 50px;
    max-width: 240px;
    margin: 0 16px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logo-group img {
    max-height: 50px;
    height: 100%;
}



/* get in touch  */

#touch {
    overflow: hidden;
}

.page-template-page_platform #touch {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 61, 84, 1)), to(rgba(28, 33, 62, 1)));
    background: linear-gradient(0deg, rgba(26, 61, 84, 1) 0%, rgba(28, 33, 62, 1) 100%);
}

.touch-container {
    position: relative;
}

.touch-section-bg {
    position: absolute;
    top: -90px;
    right: -200px;
    bottom: -90px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: 1;
}

.touch-section-bg.dots {
    background-size: cover;
    left: 30%;
    z-index: 0;
    top: -120px;
    bottom: -120px;
}

.touch-container .row {
    position: relative;
    z-index: 2;
}



/* tabs opacity */

.tab-opacity {
    position: relative;
    overflow: hidden;
}

.tab-opacity .tab-target {
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.tab-opacity .tab-target.active {
    position: relative;
    opacity: 1;
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



@media screen and (max-width: 991px) {
    .page-top-section {
        padding-top: 120px;
    }

    #touch {
        padding-bottom: 240px;
    }

    .touch-section-bg {
        top: -20px;
        right: -150px;
        bottom: -150px;
        left: 0;
    }
    .touch-section-bg.dots {
        left: 30%;
        top: -60px;
        bottom: -240px;
    }

    .logo-group {
        height: 120px;
    }

    .logo-item {
        height: 30px;
    }
    .logo-group img {
        max-height: 30px;
        max-width: 120px;
    }

    .no-topbg-section {
        padding: 120px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .page-top-section {
        padding: 90px 0 40px;
    }

    #touch {
        padding-bottom: 180px;
    }
    .touch-section-bg {
        top: 120px;
        right: -30px;
        bottom: -150px;
        left: 0;
    }
    .touch-section-bg.dots {
        left: 30%;
        top: 60px;
        bottom: -240px;
    }

    .no-topbg-section {
        padding: 90px 0 0;
    }
}

@media screen and (max-width: 400px) {
    .touch-section-bg {
        top: 85%;
    }
    .logo-group {
        height: 100px;
    }
    .logo-item {
        height: 20px;
    }
    .logo-group img {
        max-height: 20px;
    }
}





/* ==========================================================================
Page
========================================================================== */

#platform-video-section {
    min-height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#platform-video-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.platform-video {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.benefits-intro {
    margin-bottom: 120px;
}

#product-introduction {
    height: calc(80vh + 30px);
}

.product-introduction-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: calc(20vh - 30px);
    height: 100%;
}

.product-introduction-img-holder {
    position: absolute;
    height: 60vh;
    max-height: 600px;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    bottom: -15%;
    right: -15%;
    z-index: 500;
}

.product-introduction-img {
    position: absolute;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.product-introduction-svg {
    position: relative;
    height: 100%;
    z-index: 10;
    opacity: 0;
}

.product-introduction-svg.visible {
    opacity: 1;
}


/* .product-introduction-svg *:not(path):not(g) {
    opacity: 0;
}
 */

#details {
    padding: 200px 0;
}

.details-bg1,
.details-bg2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat-y;
}

.details-bg1 {
    opacity: 0.2;
    background-position: left bottom;
}

#features .details-bg1 {
    background-position: left top;
}

#page-products-list-section .details-bg1 {
    top: 60vh;
    opacity: 0.5;
    background-position: 25% top;
}

.details-bg2 {
    background-repeat:  repeat;
}

.page-template-page_publisher .blur-holder,
.page-template-page_advertiser .products-list-img {
    margin-bottom: 60px;
}

.details-cols,
.corporate_benefits-cols {
    padding-top: 40px;
}

.details-row,
.corporate_benefits-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.details-col-item {
    width: 50%;
    margin-bottom: 60px;
}

.corporate_benefits-col-item {
    width: 33%;
    margin-bottom: 60px;
    text-align: center;
}

.details-col-item h4 {
    color: #2494A2;
    min-height: 95px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.details-col-item.left {
    padding-right: 30px;
}

.details-col-item.left h4 {
    padding: 7px 0;
}

.details-col-item img,
.corporate_benefits-col-item img {
    height: 95px;
    margin-bottom: 20px;
}

#features {
    padding: 240px 0;
}

.feature-slide img {
    height: 90px;
}

.features-img-holder {
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: calc(50% - 2px);
    height: 56vh;
    max-height: calc(600px - 4vh);
    opacity: 0;
    overflow: hidden;
}

.features-img-holder img {
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    top: 0;
}

.features-img-holder img.current {
    position: relative;
    opacity: 1;
}

.features-pagination,
.advertiser-pagination,
.video-pagination {
    position: absolute;
    left: 61px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1002;
}

.features-pagination.mobile,
.advertiser-pagination.mobile,
.video-pagination.mobile {
    display: none;
}

.dots-pagination .slide-link {
    width: 18px;
    height: 18px;
    display: block;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    z-index: 10;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: visible;
    color: #208391;
    margin: 20px 0;
}

.bg-white .dots-pagination .slide-link {
    background-color: #777A8B;
    color: #208391;
}

.dots-pagination .slide-link.current {
    background-color: #208391;
}

.dots-pagination .slide-link::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.bg-white .dots-pagination .slide-link::before {
    border-color: #777A8B;
}

.dots-pagination .slide-link.current::before {
    width: 200%;
    height: 200%;
    border-color: #208391;
}

.dots-pagination .slide-link::after {
    content: '';
    display: block;
    position: absolute;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dots-pagination .slide-name {
    position: absolute;
    left: 100%;
    padding-left: 20px;
    top: 50%;
    -webkit-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%);
    font-family: Rift;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.62em;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    /* white-space: nowrap; */
}

.advertiser-pagination .slide-name {
    white-space: normal;
}

.dots-pagination .slide-link:hover .slide-name,
.dots-pagination .slide-link.current .slide-name {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.advertiser-slide .slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.advertiser-slide .slide-content {
    width: 50%;
}

.advertiser-slide-img-holder {
    width: 50%;
    height: 300px;
    margin-left: 90px;
}

.advertiser-slide-img-holder img {
    max-width: 100%;
    max-height: 100%;
}

.page-template-page_publisher .cta-2-box-section {
    margin-top: -10vh;
}

.page-template-page_company .cta-2-box-section {
    background-color: #fff;
}

.cta-2-box-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cta-2-box {
    position: relative;
    height: 100%;
    padding: 80px 60px 80px 0;
}

.cta-2-box-inner {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 100%;
}

.cta-2-box::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    background-color: #494D65;
    z-index: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.cta-2-box.right {
    padding: 80px 0 80px 60px;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}

.page-template-page_company .cta-2-box.right {
    color: #161B39;
}

.cta-2-box.right::before {
    left: 0;
    right: auto;
}

.page-template-page_company .cta-2-box.right::before {
    background-color: #D2D3D8;
}

.page-template-page_company .cta-2-box.left::before {
    background-color: #1C213E;
}

.cta-2-box h4 {
    margin-bottom: 60px;
}

.page-template-page_company .cta-2-box h4 {
    font-size: 60px;
}

.cta-2-box .btn {
    color: #2494A2;
    border-color: #2494A2;
}

.cta-2-box:hover::before,
.page-template-page_company .cta-2-box:hover::before {
    background-color: #2494A2;
}

.cta-2-box:hover,
.cta-2-box.right:hover {
    color: #fff;
}

.cta-2-box:hover .btn {
    background-color: #fff;
    border-color: #fff;
    color: #2494A2;
}

.products-list {
    margin-bottom: 60px;
}

#publisher-top,
#advertiser-top {
    min-height: 75vh;
}

#publisher-top {
    padding-bottom: 100px;
}

.top-bg-slider {
    z-index: 0;
}

#advertiser-top h1,
#advertiser-top h2 {
    margin-bottom: 60px;
}

#advertiser-top .btn {
    margin-top: 60px;
}

.benefits-text {
    margin-bottom: 60px;
}

.mobile-svg-holder {
    display: none;
}

.current-dots-name {
    display: none;
}

#video-slider-section {
    background: radial-gradient(circle, #FFFFFF 0%, #D8DAE2 100%);
    color: #1C213E;
}

#video-slider-section>.bgimg {
    opacity: 0.3;
}

.video-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 600px;
}

.video-slide .slide-content {
    width: 30%;
    padding-right: 30px;
}

.video-slide-img-holder {
    position: absolute;
    left: 80%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-slide-img-holder img {
    position: relative;
    z-index: 2;
    height: 500px;
    max-width: none;
}

.video-slide-video-holder {
    position: absolute;
    height: 95%;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-slide-img-holder {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.video-slide-img-holder.current {
    opacity: 1;
}

.video-slide-video {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.macbook.video-slide-img-holder img {
    height: auto;
    max-width: 800px;
}

.macbook .video-slide-video-holder {
    height: calc(100% - 83px);
    top: calc(50% - 10px);
}

@media screen and (min-width: 992px) {

    .dots-pagination .slide-link:hover {
        background-color: #208391;
    }

    .dots-pagination .slide-link:hover::before {
        width: 200%;
        height: 200%;
        border-color: #208391;
    }

}

@media screen and (max-width: 1400px) {
    .features-pagination,
    .advertiser-pagination,
    .video-pagination {
        left: 21px;
    }
    .product-introduction-img-holder {
        right: -10%;
        bottom: -10%;
        max-height: 450px;
    }

    .features-img-holder {
        max-height: calc(450px - 3vh);
    }
}


@media screen and (max-width: 1200px),
screen and (max-height: 750px) {
    #details {
        padding: 120px 0;
    }
    #features {
        padding: 120px 0 180px;
    }
    .advertiser-slide .slide-content {
        width: 60%;
    }

    .advertiser-slide-img-holder {
        width: 40%;
    }

    .page-template-page_company .cta-2-box h4 {
        font-size: 40px;
    }

    .details-col-item {
        margin-bottom: 20px;
    }

    .details-col-item h4,
    .details-col-item img {
        margin-bottom: 10px;
    }

    .macbook.video-slide-img-holder img {
        max-width: 600px;
    }

    .macbook .video-slide-video-holder {
        height: calc(100% - 60px);
        top: calc(50% - 7px);
    }
}

@media screen and (max-height: 750px) {
    .video-slide-img-holder img {
        height: 70vh;
    }
}

@media screen and (min-width: 991px) and (max-width: 1380px) {  
    .video-slide-img-holder img {   
        max-height: 400px;  
        height: auto;   
        width: auto 
    }   
}

@media screen and (max-width: 991px) {

    #platform-video-section {
        min-height: 100vh;
        height: auto;
        display: block;
    }

    #platform-video-section .row {
        display: block;
    }

    #platform-video-section img {
        max-height: 180px;
    }

    #platform-video-section .img-holder {
        margin-bottom: 30px;
    }

    #product-introduction {
        height: auto;
    }

    .product-introduction-container {
        padding: 150px 0 240px;
    }

    .product-introduction-img-holder {
        position: absolute;
        right: 50%;
        max-height: 240px;
        width: 100%;
        max-width: 240px;
        max-height: 400px;
        bottom: 0;
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }

    #details {
        padding: 300px 0 0;
    }

    .details-cols {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .details-row {
        width: calc(100%/3);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .details-col-item {
        width: 100%;
        padding-right: 30px;
        margin-bottom: 10px;
    }

    .details-bg1 {
        background-size: 85%;
    }

    .mobile-svg-holder {
        position: relative;
        display: block;
        text-align: center;
    }

    .mobile-svg-holder svg {
        width: 100%;
        max-height: 400px;
    }

    .mobile-svg-holder .features-img-holder {
        opacity: 1;
        left: calc(50% - 1px);
        max-height: calc(400px - 3vh);
    }

    #features {
        padding: 120px 0 30px;
    }

    .features-pagination,
    .advertiser-pagination,
    .video-pagination {
        display: none;
    }

    .dots-pagination.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
    }

    .mobile.dots-pagination .slide-link {
        margin: 30px 15px 15px;
    }

    .mobile.dots-pagination .slide-name {
        display: none;
    }

    .current-dots-name {
        display: block;
        font-family: Rift;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.06em;
        line-height: 1.62em;
        color: #208391;
        text-align: center;
        padding-bottom: 20px;
    }

    .advertiser-slide .slide-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .advertiser-slide .slide-content {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 100%;
        margin-top: 30px;
    }

    .advertiser-slide-img-holder {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        height: 200px;
        /* max-height: 300px; */
    }

    .advertiser-slide img {
        width: 100%;
    }

    .section-intro-text {
        margin-bottom: 45px;
    }

    .video-slide {
        min-height: auto;
    }

    .video-slide-img {
        position: relative;
        height: 60vh;
        height: 400px;
    }

    .video-slide-img-holder {
        left: 50%;
    }

    .video-slide-img-holder img {
        max-height: 400px;
        height: auto;
        width: auto;
    }

    .video-slide .slide-content {
        width: 100%;
    }
}


@media screen and (max-width: 767px) {
    .product-introduction-container {
        padding: 90px 0 180px;
    }
    .product-introduction-img-holder {
        position: absolute;
        right: 50%;
        width: 100%;
        height: 300px;
    }

    .product-introduction-svg {
        display: none;
    }

    .mobile-svg-holder svg {
        max-height: 300px;
    }

    .mobile-svg-holder .features-img-holder {
        max-height: calc(300px - 2.5vh);
        max-width: calc(100% - 40.5vw);
    }

    #details {
        padding: 240px 0 0;
    }

    .cta-2-box-section .row {
        display: block;
    }

    .cta-2-box,
    .cta-2-box.right {
        padding: 60px 0;
    }

    .cta-2-box.left {
        margin-bottom: 20px;
    }

    .cta-2-box h4 {
        margin-bottom: 30px;
    }

    .cta-2-box::before,
    .cta-2-box.right::before {
        width: auto;
        left: -50%;
        right: -50%;
    }

    .page-template-page_publisher .cta-2-box-section {
        margin-top: 0;
    }

    .video-slide-img {
        height: 300px;
    }

    .video-slide-img-holder img {
        max-height: 300px;
    }

    .macbook.video-slide-img-holder img {
        max-width: 300px;
    }

    .macbook .video-slide-video-holder {
        height: calc(100% - 20px);
    }

    .cta-2-box h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 500px) {
    .details-cols {
        width: 100%;
        display: block;
    }

    .details-row {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .details-col-item {
        width: 50%;
        padding-right: 30px;
    }

    .mobile.dots-pagination .slide-link {
        margin: 30px 10px 15px;
    }

    .dots-pagination .slide-link {
        width: 12px;
        height: 12px;
    }

    .dots-slide-img-holder {
        text-align: center;
    }

    .dots-slide-img-holder img {
        height: 60px;
    }
    .cta-2-box,
    .cta-2-box.right {
        padding: 40px 0;
    }

    .macbook.video-slide-img-holder img {
        max-width: 260px;
    }
}

@media screen and (max-width: 370px) {
    .product-introduction-img-holder,
    .video-slide-img {
        height: 250px;
    }
    .video-slide-img-holder img {
        max-height: 250px;
    }
}




/* ==========================================================================
Company page
========================================================================== */

.mission-story-nav {
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}

.mission-story-nav li {
    display: inline-block;
}

.mission-story-nav li a {
    padding-right: 20px;
}

.mission-story-target-holder {
    margin-bottom: 60px;
}

.mission-story-tab {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.mission-story-tab.active {
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.team-holder {
    margin: 20px -15px -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.team-member {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 20px;
}

.page-template-page_irmanagement .team-member {
    width: calc(100%/3);
}

.team-member-img {
    padding-bottom: 70%;
    margin-bottom: 10px;
}

.page-template-page_irmanagement .team-member-img {
    padding-bottom: 100%;
    margin-bottom: 20px;
}

.team-member p {
    margin-bottom: 10px;
}

.team-member-name {
    font-weight: 700;
}

.page-template-page_irmanagement .team-member-name {
    margin-bottom: 10px;
}

.member-btn {
    padding-left: 0;
    padding-top: 0;
}

.member-btn[aria-expanded="true"] svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.location-photos {
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.location-photos .location-img {
    margin: 0 15px 30px;
    position: relative;
}

.location-photos .location-img::before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.location-photos .location-img-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.location-photos .img-small {
    width: calc(100%/3 - 30px);
}

.location-photos .img-big {
    width: calc(2*100%/3 - 30px);
}

.location-photos .img-big::before {
    padding-bottom: 50%;
}

@media screen and (max-width: 991px) {
    .page-template-page_irmanagement .team-member {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .location-photos .img-small,
    .location-photos .img-big {
        width: calc(50% - 30px);
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 500px) {
    .team-member,
    .page-template-page_irmanagement .team-member {
        width: 100%;
    }
    .location-photos {
        margin: 0;
    }
    .location-photos .img-small,
    .location-photos .img-big {
        width: 100%;
    }
}



/* ==========================================================================
News
========================================================================== */

.back-to-newsroom {
    text-align: center;
    margin-top: 60px;
}

.news-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px -15px;
}

.news-item {
    width: calc(100%/3 - 30px);
    margin: 0 15px 30px;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.news-item::before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.news-item-inner {
    height: 100%;
    width: 100%;
    padding: 15px;
    border: 1px solid #2494A2;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.news-item:hover {
    background-color: #2494A2;
    color: #fff !important;
}

.news-item-inner>div:not(.ir-link-svg) {
    max-height: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1200px),
screen and (max-height: 750px) {
    .news-holder {
        margin: 0 -7px -15px;
    }
    .news-item {
        margin: 0 7px 15px;
        width: calc(100%/3 - 14px);
    }
}

@media screen and (max-width: 991px) {
    .news-item {
        width: calc(50% - 14px);
    }
}

@media screen and (max-width: 500px) {
    .news-item {
        width: 100%;
    }
}


/* ==========================================================================
Showroom
========================================================================== */

.showroom-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px;
}

.showroom-item {
    width: calc(100%/3 - 30px);
    margin: 0 15px 30px;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.showroom-grid-sizer {
    width: calc(100%/3 - 30px);
}

.showroom-item::before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.showroom-item.size2x1 {
    width: calc(2*100%/3 - 30px);
}

.showroom-item.size2x1::before {
    padding-bottom: calc(50% - 15px);
}

.showroom-item.size2x2 {
    width: calc(2*100%/3 - 30px);
}

.showroom-item.size2x2::before {
    padding-bottom: 100%;
}

.showroom-item-inner {
    height: 100%;
    width: 100%;
    padding: 30px;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.showroom-item-inner .btn,
.showroom-item-inner .showroom-title,
.showroom-item-inner .showroom-excerpt {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.showroom-item:hover .showroom-item-inner {
    background-color: rgba(28, 33, 62, 0.8);
}

.showroom-item-inner:hover .btn,
.showroom-item-inner:hover .showroom-title,
.showroom-item-inner:hover .showroom-excerpt {
    opacity: 1;
}

.iphone-top-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top-header-iphone {
    position: absolute;
    max-height: 600px;
    z-index: 10;
    bottom: -180px;
}

.top-header-content-col {
    min-height: 290px;
}

.top-header-content-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.top-header-iphone-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}

.top-header-iphone-img-holder {
    position: absolute;
    height: 60vh;
    max-height: 600px;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    bottom: -160px;
    right: 60px;
    z-index: 500;
}

.top-header-iphone-img {
    position: relative;
    height: 100%;
    z-index: 1;
}

#showroom-content {
    padding-top: 60px;
}

@media screen and (max-width: 1400px) {
    .top-header-iphone-img-holder {
        max-height: 450px;
    }

    .top-header-iphone-col {
        min-height: 300px;
    }

    #showroom-content {
        padding-top: 40px;
    }
}

@media screen and (max-width: 991px) {

    .iphone-top-section {
        height: auto;
        min-height: auto;
        padding-bottom: 0;
        margin-bottom: 200px;
    }

    .top-header-content-col {
        min-height: 120px;
    }

    .top-header-iphone-container {
        padding: 0 0 240px;
    }

    .top-header-iphone-img-holder {
        position: absolute;
        right: 50%;
        max-height: 240px;
        width: 100%;
        max-width: 240px;
        max-height: 400px;
        bottom: 0;
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }

    .top-header-iphone-img {
        position: absolute;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }

    #showroom-content {
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .showroom-item-inner {
        padding: 15px;
    }
    .showroom-item {
        width: calc(100% - 30px) !important;
        margin-bottom: 15px;
    }

    .showroom-item.size2x1::before {
        padding-bottom: 100%;
    }

    .top-header-iphone-container {
        padding: 0 0 150px;
    }


    .iphone-top-section {
        margin-bottom: 150px;
    }

    .top-header-iphone-img-holder {
        max-height: 300px;
    }
}



/* ==========================================================================
Career
========================================================================== */

.opening-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 700;
    margin-bottom: 20px;
    display: none;
}

.opening-link.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.opening-title {
    padding-right: 30px;
    max-width: 80%;
}

.opening-location {
    text-align: left;
    width: 20%;
}

.testimonial-box {
    margin: 40px 0 40px 90px;
    background-color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px;
}

.testimonial-box .img-holder {
    width: calc(50% + 90px);
    margin-top: -40px;
    margin-left: -90px;
    margin-bottom: 20px;
}

.testimonial-box-content {
    width: 50%;
    padding: 60px 60px 0;
}

.testimonial-box.even {
    margin: 40px 90px 40px 0;
}

.testimonial-box.even .img-holder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(50% + 90px);
    margin-top: -40px;
    margin-left: auto;
    margin-right: -90px;
    margin-bottom: 20px;
}

.testimonial-box.even .testimonial-box-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.testimonials-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.testimonials-pagination .slide-link {
    margin: 0 15px;
    background-color: #777A8B;
}

.testimonials-pagination .slide-link::before {
    border-color: #777A8B;
}

@media screen and (max-width: 991px) {

    .testimonial-box {
        padding-bottom: 40px;
    }

    .testimonial-box-content {
        width: 60%;
        padding: 40px 40px 0;
    }
    .testimonial-box .img-holder,
    .testimonial-box.even .img-holder {
        width: calc(40% + 90px);
    }
}

@media screen and (max-width: 767px) {
    .testimonial-box,
    .testimonial-box.even {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 0 0 40px;
        padding-bottom: 30px;
    }
    .testimonial-box-content {
        width: 100%;
        padding: 30px 30px 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .testimonial-box .img-holder,
    .testimonial-box.even .img-holder {
        width: 100%;
        margin: 0;
    }

    .testimonial-box.even .img-holder {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
}

@media screen and (max-width: 500px) {
    .testimonials-pagination .slide-link {
        margin: 0 10px;
    }

    .testimonial-box,
    .testimonial-box.even {
        padding-bottom: 20px;
    }
    .testimonial-box-content {
        padding: 20px 20px 0;
    }
}


/* ==========================================================================
Newsletter sign up
========================================================================== */

.newsletter-signup-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px 60px;
}

.newsletter-signup-holder .input-holder {
    width: calc(100%/3);
    padding: 0 15px;
}

.newsletter-signup-holder input {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 2px solid #1C213E;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.newsletter-signup-holder input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #161B39;
}

.newsletter-signup-holder input::-moz-placeholder {
    /* Firefox 19+ */
    color: #161B39;
}

.newsletter-signup-holder input:-ms-input-placeholder {
    /* IE 10+ */
    color: #161B39;
}

.newsletter-signup-holder input:-moz-placeholder {
    /* Firefox 18- */
    color: #161B39;
}

@media screen and (max-width: 991px) {

    .newsletter-signup-holder {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .newsletter-signup-holder .input-holder {
        width: 100%;
    }
}


/* ==========================================================================
Contact page
========================================================================== */

.locations-nav, .filter-nav {
    list-style: none;
    padding-left: 0;
}

.locations-nav li, .filter-nav li {
    display: inline-block;
}

.location-nav-btn, .filter-nav-btn {
    padding-right: 26px;
    font-size: 26px;
}

.location-nav-btn.active, .filter-nav-btn.active {
    color: #2494A2 !important;
}

.locations-text-holder {
    overflow: hidden;
}

.location-text {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.location-text>div {
    width: 100%;
}

.location-text.active {
    opacity: 1;
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.kontakt-submit-holder {
    width: 100%;
}

.captcha,
.kontakt-submit-holder {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.kontakt-submit-holder .yoc-loader {
    height: 30px;
    margin-right: 15px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #161B39 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #161B39 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #161B39 !important;
}

input:-moz-placeholder,
textarea:-ms-input-placeholder {
    color: #161B39 !important;
}

@media screen and (max-width: 1200px),
screen and (max-height: 750px) {
    .location-nav-btn, .filter-nav-btn {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {

    .location-text>div {
        width: 50%;
    }
    .location-details {
        padding-right: 10px;
    }

    .location-contacts {
        padding-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .location-nav-btn, .filter-nav-btn {
        font-size: 12px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 500px) {

    .location-text>div {
        width: 100%;
    }

    .location-contacts {
        padding: 0;
    }

    .form-row {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 0;
    }

    .half-input-holder {
        width: 100%;
        margin-bottom: 10px;
    }

    .captcha .g-recaptcha {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    .opening-title {
        padding-right: 20px;
        max-width: 70%;
    }

    .opening-location {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
    }
}


/* ==========================================================================
Single
========================================================================== */

.single-content-section {
    padding: 60px 0 120px;
}

@media screen and (max-width: 1400px) {
    .single-content-section {
        padding: 40px 0 60px;
    }
}

@media screen and (max-width: 991px) {}


/* ==========================================================================
IR
========================================================================== */

.share-basic-info table {
    table-layout: fixed;
}

.share-basic-info td {
    padding-bottom: 10px;
}

.shareholders-content table {
    table-layout: fixed;
    margin-top: 40px;
}

.shareholders-content td {
    padding-bottom: 40px;
}

.ir-box h4 {
    margin-bottom: 10px;
}

.ir-box-inner {
    padding: 15px 15px calc(3em + 10px);
    border: 0;
    background-color: #fff;
    color: #161B39;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.ir-box-inner a {
    color: #161B39;
    /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); */
}

.ir-share-box .ir-box-inner {
    background-color: #161B39;
    color: #fff;
    height: 100%;
}

.ir-box h4 {
    color: #1C213E;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}

.ir-share-box-top {
    max-height: calc(100% - 35px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.ir-share-box-top .market-markers{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 28px;
}
.ir-share-box-top .market-markers p{
  color: #2494A2;
  width: 50%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.news-item:hover .market-markers p{
  color: white;
}
.ir-share-box-top .market-markers .price-dev__value-holder{
  width: auto;
  padding: 0;
}
.ir-share-box h4,
.ir-news-box h4 {
    color: #2494A2;
}

.ir-link-svg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 15px 15px;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(25%, rgba(255,255,255,0.9)),color-stop(50%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); */
    /* -webkit-transition: background .5s ease;
    transition: background .5s ease; */
}

.ir-share-box .ir-link-svg, .ir-box-middle .ir-link-svg {
    background: transparent;
}

.ir-link-svg svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 28px;
}

.ir-link-svg svg [fill] {
    fill: #2494A2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.ir-news-box {
    width: calc(2*100%/3 - 30px);
}

.ir-news-box::before {
    padding-bottom: 50%;
}

.ir-news-date {
    font-weight: 700;
    /* margin-bottom: 20px; */
}

.ir-news-box-item {
    margin-bottom:  5px;
}

.ir-news-title {
    max-height: 1.56em;
    overflow: hidden;
    position: relative;
}

/* .ir-news-title::after {
    content: '...';
    display: block;
    right: 0;
    position: absolute;
} */

.ir-news-row {
    margin-bottom: 20px;
}

.news-load-more-btn {
    margin-top: 60px;
}

.ir-box-middle .ir-box-inner {
    background-color: #2494A2;
    color: #fff;
}

.ir-box-middle .ir-box-inner p {
    color: #fff;
}

.ir-box-middle .ir-box-inner h4 {
    margin-bottom: 30px;
    color: #fff;
}

.ir-events-box {
    width: 100%;
}


/* .ir-events-box .ir-box-inner {
    background-color: #2494A2;
    color: #fff;
} */

.ir-events-box::before {
    padding-bottom: calc(100%/3);
}

.ir-events-box h4 {
    display: inline-block;
    width: calc(100%/3);
    /* color: #1C213E; */
}

.ir-box-subtitle {
    font-weight: 700;
    display: inline-block;
    width: calc(2/3*100% - 10px);
}

/* .ir-event-box-list {
    padding-top: 20px;
} */

.ir-event-box-list-item {
    margin-bottom: 10px;
}

.ir-event-box-list-item:last-child {
    margin-bottom: 0;
}

.ir-event-box-list-item .h4 {
    /* width: calc(100%/3); */
    width: 180px;
    display: inline-block;
    margin-bottom: 0;
    /* margin-right:  10px; */
}

.ir-events-box-headline {
    margin-bottom: 10px;
}

.ir-events-box-headline h4 {
    margin-bottom: 0;
}

.ir-banner-box {
    width: calc(2*100%/3 - 30px);
    color: #fff;
}

.ir-banner-box::before {
    padding-bottom: 50%;
}

.ir-banner-box .ir-box-inner {
    color: #fff;
}

.ir-contact-box .ir-box-inner,
.ir-contact-box .ir-box-inner p,
.ir-contact-box .ir-box-inner a {
    background-color: #161B39;
    color: #fff;
}

.ir-contact-box .ir-box-inner a {
    font-weight: 400;
}

.ir-contact-box h4 {
    color: #fff;
}

a.ir-box:hover .ir-box-inner {
    background-color: #2494A2;
    color: #fff !important;
}

a.ir-box:hover h4 {
    color: #fff;
}

a.ir-box:hover .ir-link-svg svg [fill] {
    fill: #fff;
}

/* a.ir-box:hover .ir-link-svg {
    background: transparent;
} */

.sboard-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px;
}

.sboard-member {
    width: calc(100%/3);
    padding: 0 10px;
    margin-bottom: 30px;
}

.sboard-member img {
    margin-bottom: 30px;
}

.mboard-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.mboard-member-content {
    padding: 0 0 40px 40px;
}

.statute-content {
    margin-top: 60px;
}

.asm-nav {
    list-style: none;
    padding-left: 0;
}

.asm-nav li {
    display: inline-block;
}

.asm-tab-link {
    padding-right: 20px;
    font-size: 26px;
}

.asm-tab-link.active {
    color: #2494A2 !important;
}

.asm-text-holder {
    overflow: hidden;
    position: relative;
}

.asm-text {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.asm-text>div {
    width: 100%;
}

.asm-text.active {
    opacity: 1;
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* new share price section */

.js-plotly-plot .plotly .main-svg {
    overflow: visible;
}

.price-dev {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.price-dev__title {
    margin-bottom: 5px;
}

.price-dev__value-holder {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.price-dev__value-holder svg {
    margin-right: 5px;
}

.price-graph-row {
    margin-bottom: 40px;
}

.current-price-row {
    margin-bottom: 40px;
}

.current-price-row-mobile {
    display: none;
}

.scope-choice-row {
    margin-bottom: 40px;
}
@media(max-width: 990px){
  .scope-choice-row {
      margin-bottom: 0px;
  }
}
@media(max-width: 767px){
  .scope-choice-row {
      margin-bottom: 0;
  }
}

.price-graph-row{
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.price-graph-row>div:first-child{
  height: 100%;
}
.share-price-graph{
  height: 100px;
  margin-left: -10px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.share-price-graph.loader{
 opacity: 0;
}
#share-graph{
  height: 56%;
}
#share-graph *{
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media(min-width: 500px) and (max-width: 600px){
  #share-graph{
    display: none;
  }
}
@media(max-width: 991px){
  .share-price-graph{
    width: 100%;
    padding-bottom: calc(64% + 30px);
    position: relative;
  }
  .share-price-graph .plot-container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media(max-width: 767px){
  .share-price-graph{
    width: 100%;
    padding-bottom: calc(52% + 30px);
  }
}

/* end new share price section */

@media screen and (max-width: 1400px) {
    .single-content-section {
        padding: 40px 0 60px;
    }
}

@media screen and (max-width: 1200px),
screen and (max-height: 750px) {

    .asm-tab-link {
        font-size: 18px;
    }

    .ir-news-box,
    .ir-banner-box {
        width: calc(2*100%/3 - 14px);
    }
    .ir-box-middle *,
    .ir-contact-box * {
        margin-bottom: 10px;
    }

    .ir-box-middle .ir-box-inner h4 {
        margin-bottom: 20px;
    }

    .ir-event-box-list {
        padding-top: 0;
    }

    .ir-events-box-headline h4 {
        vertical-align: top;
    }
}

@media screen and (max-width: 991px) {
    .ir-news-box,
    .ir-banner-box {
        width: calc(50% - 14px);
    }

    .ir-events-box::before {
        padding-bottom: 50%;
    }
    .share-price-graph {
        margin-bottom: 30px;
    }
    .mboard-member {
        display: block;
    }
    .mboard-member-content {
        padding-left: 0;
        padding-top:  0;
    }
    .share-basic-info.tinymce-output table tr td:first-child {
        width:  40% !important;
    }
    .share-basic-info.tinymce-output table tr td:last-child {
        padding-left: 15px;
    }
    .price-dev {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .price-dev__item {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
    }
    .price-dev__title {
        width:  40%;
        padding-right: 15px;
    }
    .price-dev__value-holder {
        width:  60%;
        padding-left: 15px;
    }
    .current-price-row {
        display: none;
    }
    .current-price-row-mobile {
        display: block;
        margin-bottom: 15px;
    }
    .share-basic-info table {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px), screen and (max-height: 750px) {
    .ir-event-box-list-item .h4 {
        width: 120px;
    }

    .ir-events-box h4 {
        width: 100%;
    }

    .ir-box-subtitle {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    .asm-tab-link {
        font-size: 12px;
        padding-right: 10px;
    }

    .mboard-member img, .sboard-member img {
        margin-bottom: 25px;
    }

    .sboard-member {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .ir-news-box,
    .ir-banner-box {
        width: 100%;
    }

    .ir-news-box::before,
    .ir-events-box::before,
    .ir-banner-box::before {
        padding-bottom: 100%;
    }

    .ir-events-box h4 {
        width: 100%;
    }

    .ir-event-box-list-item .h4 {
        width: auto;
    }
    .statute-content {
        margin-top: 40px;
    }
    .share-basic-info.tinymce-output table tr td {
        width:  100% !important;
        margin-bottom: 0;
        white-space: nowrap;
    }
    .share-basic-info.tinymce-output table tr td:first-child {
        margin-bottom: 0;
        padding-bottom: 5px;
    }
    .share-basic-info.tinymce-output table tr td:last-child {
        padding-left: 0;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .asm-tab-link {
        padding-right: 3px;
    }
}
@media screen and (max-width: 400px) {
  .asm-tab-link {
      padding-right: 1px;
  }
  .scope-choice-row>div {
      width: 100% !important;
      margin: 0 auto !important;
      text-align: center;
  }
}

@media screen and (max-width: 350px) {
    .current-price-row-mobile .col-xs-4,
    .current-price-row-mobile .col-xs-6 {
        width: 41.66666667%;
    }
}


/* ==========================================================================
Footer
========================================================================== */

footer {
    padding: 60px 0 0;
    background-color: #1C213E;
}

.footer-nav {
    font-size: 14px;
}

nav.footer-nav ul li a {
    font-family: 'Muli';
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 5px;
    display: block;
}

nav.footer-nav ul li a.item-bold {
    font-weight: 700;
}

nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus,
nav ul li a.hover {
    color: #2494A2 !important;
    text-decoration: none !important;
}

.footer-bottom {
    margin-top: 60px;
    padding: 20px 0;
}

.footer-bottom-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    align-items: center;
}

.footer-bottom-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-bottom-social a {
    margin-right: 10px;
}

.footer-bottom-links {
    text-align: right;
    font-weight: 700;
}

.footer-bottom-links a {
    margin-left: 20px;
}

.footer-bottom-links img {
    width: 35px;
}

.footer-bottom-partner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-yoc-logo-col a {
    position: absolute;
    left: 15px;
    top: -75px;
}

.footer-login-col a {
    position: absolute;
    left: 15px;
    top: -55px;
}

@media screen and (max-width: 991px) {

    .footer-row-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .footer-yoc-logo-col a, .footer-login-col a {
        position: relative;
        left: auto;
        top: auto;
    }

    .footer-nav {
        margin-bottom: 30px;
    }

    .footer-bottom-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .footer-bottom-links {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        text-align: left;
        margin-bottom: 10px;
    }
    .footer-bottom-links a:first-child {
        margin-left: 0;
    }
    .footer-bottom-social {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-bottom: 10px;
    }

    .footer-bottom-partner {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 3;
                order: 3;
    }

    .footer-yoc-logo-col,
    .footer-login-col {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .footer-row-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .footer-bottom-links {
        font-size: 10px;
    }
    .footer-bottom-links a {
        margin-left: 10px;
    }
    nav.footer-nav ul li a {
        font-size: 12px;
    }
}

@media screen and (min-width: 992px) and (max-height: 750px) {
    .footer-yoc-logo-col a {
        top: -55px;
    }
    .footer-login-col a {
        top:  -50px;
    }
}

@media screen and (min-width: 992px) {
    .footer-row-nav>div:nth-child(1) {
        padding-bottom: 100px;
    }
}


/* ==========================================================================
Google Maps
========================================================================== */

.acf-map {
    width: 100%;
    height: 400px;
}

.meta-section .acf-map {
    height: 160px;
}

.acf-map img {
    max-width: inherit !important;
    max-height: inherit !important;
}

@media screen and (max-width:767px) {
    .acf-map {
        height: 300px;
    }
}











/* ==========================================================================
404
========================================================================== */

.section-404 {
    background: linear-gradient(26.28deg, rgba(27, 57, 88, 1) 0%, rgba(22, 27, 57, 1) 100%);
    min-height: 100vh;
}




/* ==========================================================================
cookies
========================================================================== */

#cookieconsent {
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 90px;
    color: #fff;
    background-color: #494D65;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
}

#cookieconsent a {
    color: #fff;
    text-decoration: underline;
}

#cookieconsent_btn {
    padding: 0 15px;
        font-size: 20px;
    line-height: 1;
    height: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.cookieconsent-text p {
    margin: 0;
}

body.cookieconsent-visible .scroll-line {
    bottom: 146px;
}

body.cookieconsent-visible .footer-bottom {
    margin-bottom: 56px;
}

@media screen and (max-width: 1400px) {
    #cookieconsent {
        padding: 15px 45px;
    }
}

@media screen and (max-width: 991px), screen and (max-height: 750px) {
    #cookieconsent {
        padding: 15px 50px;
    }
}

@media screen and (max-width: 767px) {
    #cookieconsent {
        font-size: 12px;
        padding: 15px;
    }
}











/* ==========================================================================
Misc
========================================================================== */

.dash {
    position: relative;
}

.dash::before {
    content: '';
    display: block;
    border-top: 2px dashed #2494A2;
    position: absolute;
    right: calc(100% + 20px);
    width: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dash.long::before {
    width: 90px;
}

.dash.short::before {
    width: 30px;
}

.dash.dash-to-left {
    margin-left: 60px;
}

.dash.long.dash-to-left {
    margin-left: 80px;
}

.dash.short.dash-to-left {
    margin-left: 50px;
}

h1.section-title.long-dash::before,
h2.section-title.long-dash::before {
    top: 48px;
}

.short-dash.top-18::before {
    top: 18px;
}

.dash.top08::before,
p.dash::before,
.tinymce-output.dash::before,
.logo-row-headline.dash::before,
.locations-nav.dash::before {
    top: 0.8em;
}

#benefits h1.dash::before,
#benefits h2.dash::before {
    top: 0.5em;
}

#benefits .benefits-row.dash::before {
    top: 0.8em;
}

.dash-mobile::before {
    display: none;
}

.bgimg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* display: flex; */
}

.bgimg img {
    opacity: 0;
    position: absolute;
    /* max-width: none;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    object-position: center; */
}

.bgimgcontain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.blur-holder {
    overflow: hidden;
    position: relative;
}

.blur-holder .bgimg {
    -webkit-filter: blur(10px);
            filter: blur(10px);
}

.margin-t-0 {
    margin-top: 0 !important;
}

.margin-b-0 {
    margin-bottom: 0 !important;
}

.margin-0 {
    margin: 0 !important;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-b-15 {
    margin-bottom: 15px;
}

.uppercase {
    text-transform: uppercase;
}

.text-white {
    color: #fff;
}

.text-turq {
    color: #2494A2;
}

strong,
.strong {
    font-weight: 700;
}

i {
    font-family: 'Droid Serif', serif;
    font-weight: normal;
}

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

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

.border-0 {
    border: 0;
}

.padding-0 {
    padding: 0;
}

.padding-t-0 {
    padding-top: 0;
}

.padding-b-0 {
    padding-bottom: 0;
}

.padding-b {
    padding-bottom: 32px;
}

.line-1 {
    height: 2px;
    width: 90px;
    background-color: #FFFFFF;
}

.hidden {
    display: none !important;
}


@media screen and (min-width: 1700px) {
    .visible-xlg {
        display: block !important;
    }
    .hidden-xlg {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {

    .dash.long::before {
        width: 40px;
    }

    .dash-mobile::before {
        display: block;
    }

    .dash-desktop::before {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    .dash.dash-to-left {
        margin-left: 0;
    }
}

/* IE fixes */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .logo-group img {
        width: 100%;
    }

    .header-right {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .scroll-dash {
        width: 2px;
    }

    .scroll-down, .scroll-up {
        display: block;
        width: auto;
    }

    .cta-section-bg .bgimg svg {
        display: block;
        position: absolute;
        top: -20px;
        right: 0;
        left: 0;
        height: calc(100% + 40px);
    }

    .cta-2-box h4 {
        max-width: 100%;
    }

    .showroom-item-inner>div,
    .cta-2-box-inner>div {
        max-width: 100%;
    }

    .showroom-item-inner .btn, .showroom-item-inner .showroom-title, .showroom-item-inner .showroom-excerpt {
        display: block;
        max-width: 100%;
    }

    .touch-section-bg {
        width: 100%;
        left: auto;
        right: -340px;
    }

    .product-introduction-img-holder {
        left: calc(100% - 300px);
        right: auto;
        bottom: auto;
        top: 100%;
        margin-top: -50%;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        /* -webkit-transform: translateY(15%);
                transform: translateY(15%); */
        width: 600px;
    }

    .features-img-holder {
        left: calc(50% - 1px);
    }

}

@media (-ms-high-contrast: active) and (max-height: 900px), (-ms-high-contrast: none) and (max-height: 900px) {
    .product-introduction-img-holder {
        margin-top: -50vh;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 1400px), (-ms-high-contrast: none) and (max-width: 1400px),
(-ms-high-contrast: active) and (max-height: 750px), (-ms-high-contrast: none) and (max-height: 750px) {
    .product-introduction-img-holder {
        width: 400px;
        left: calc(100% - 350px);
        margin-top: -50vh;
    }

    .features-img-holder {
        height: calc(100% - 38px);
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 991px), (-ms-high-contrast: none) and (max-width: 991px) {
    .product-introduction-img-holder {
        position: absolute;
        right: 50%;
        left: auto;
        width: 100%;
        max-width: 240px;
        max-height: 400px;
        bottom: 0;
        top: auto;
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }

    .mobile-svg-holder svg {
        height: 400px;
    }

    .features-img-holder {
        height: calc(100% - 26px);
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 767px), (-ms-high-contrast: none) and (max-width: 767px) {
    .mobile-svg-holder svg {
        height: 300px;
    }

    .features-img-holder {
        height: calc(100% - 24px);
    }
}