@font-face {
    font-family: 'BarlowRegular';
    src: url('../fonts/barlowRegular/BarlowRegular.eot');
    src: url('../fonts/barlowRegular/BarlowRegular.eot') format('embedded-opentype'),
    url('../fonts/barlowRegular/BarlowRegular.woff2') format('woff2'),
    url('../fonts/barlowRegular/BarlowRegular.woff') format('woff'),
    url('../fonts/barlowRegular/BarlowRegular.ttf') format('truetype'),
    url('../fonts/barlowRegular/BarlowRegular.svg#BarlowRegular') format('svg');
}

@font-face {
    font-family: 'BarlowMedium';
    src: url('../fonts/barlowMedium/BarlowMedium.eot');
    src: url('../fonts/barlowMedium/BarlowMedium.eot') format('embedded-opentype'),
    url('../fonts/barlowMedium/BarlowMedium.woff2') format('woff2'),
    url('../fonts/barlowMedium/BarlowMedium.woff') format('woff'),
    url('../fonts/barlowMedium/BarlowMedium.ttf') format('truetype'),
    url('../fonts/barlowMedium/BarlowMedium.svg#BarlowMedium') format('svg');
}

@font-face {
    font-family: 'BarlowSemiBold';
    src: url('../fonts/barlowSemiBold/BarlowSemiBold.eot');
    src: url('../fonts/barlowSemiBold/BarlowSemiBold.eot') format('embedded-opentype'),
    url('../fonts/barlowSemiBold/BarlowSemiBold.woff2') format('woff2'),
    url('../fonts/barlowSemiBold/BarlowSemiBold.woff') format('woff'),
    url('../fonts/barlowSemiBold/BarlowSemiBold.ttf') format('truetype'),
    url('../fonts/barlowSemiBold/BarlowSemiBold.svg#BarlowSemiBold') format('svg');
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 19px;
    line-height: 27px;
    font-family: 'BarlowRegular', serif;
    background: #f0f0f0;
}

header > .menu {
    max-width: 1280px;
    height: 64px;
    margin-top: 90px;
}

header > .menu > a {
    left: 0;
}

header > .menu nav {
    max-width: 1280px;
}

header > .menu .logo {
    max-width: 201px;
    height: 53px;
    margin-top: -11px;
}

header > .menu > nav > .navbar-nav {
    margin-top: 5px;
    right: 5px;
}

header > .menu nav .navbar-toggler {
    top: 6px;
    right: 0;
}

.navbar {
    padding-right: 5px;
    line-height: 25px;
}

.navbar li a {
    color: #ffffff !important;
    font-size: 22px;
    font-family: 'BarlowSemiBold', serif;
}

header > .menu .hamburger {
    width: 28px;
    height: 29px;
    background: url("../img/header/hamburger.svg") no-repeat;
}

header > .menu .navbar li .divider {
    width: 1px;
    height: 52px;
    margin-top: -18px;
}

header > .menu .navbar li .divider > span {
    width: 2px;
    height: 34px;
}

header > .menu .lang {
    line-height: 27px;
    margin-top: -4px;
    border: 2px solid white;
}

header > .menu .lang + img {
    width: 16px;
    transform: rotate(90deg);
}

header .swiper-container {
    max-width: 1920px;
}

header .swiper-container .nav {
    max-width: 1365px;
    top: 55%;
    z-index: 999;
}

header .swiper-container .nav > div {
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff;
    background: url("../img/arrow.svg") no-repeat center;
    background-size: 40%;
    cursor: pointer;
}

header .swiper-container .nav > .prev {
    margin-left: 15px;
    transform: rotate(180deg);
}

header .swiper-container .nav > .next {
    left: calc(100% - 55px);
}

header .swiper-container .swiper-pagination {
    margin-top: -50px;
}

header .swiper-container .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
    border: 3px solid white;
    border-radius: 50%;
    transition: .5s;
}

header .swiper-container .swiper-pagination-bullet-active {
    background: white;
}

header .slide {
    height: 750px;
    background: url("../img/header/slider/desktop/1.webp") no-repeat center;
}

header .slide-2 {
    background: url("../img/header/slider/desktop/2.webp") no-repeat center;
}

header .slide-3 {
    background: url("../img/header/slider/desktop/3.webp") no-repeat center;
}

header .slide-4 {
    background: url("../img/header/slider/desktop/4.webp") no-repeat center;
}

header .slide .divider {
    width: 600px;
    height: 5px;
}

header .slide .divider > span {
    width: 152px;
    height: 5px;
    margin-top: -5px;
}

header .slide .slogan {
    padding-top: 245px;
    padding-left: 20%;
}

header .slide .slogan .headline {
    font-size: 135px;
    line-height: 122px;
    font-family: 'BarlowMedium', serif;
}

header .slide .slogan .description {
    font-size: 41px;
    line-height: 45px;
}

.khs-tagline {
    left: calc(18% + 695px);
    font-size: 41px;
    line-height: 1.2;
    bottom: 9%;
}

header .slide-1 .divider {
    width: 620px;
}

header .slide-1 .slogan {
    padding-left: 20%;
}

header .slide-1 .description {
    padding-left: 345px;
}

header .slide-2 .slogan {
    padding-left: 48%;
}

header .slide-2 .description {
    padding-left: 205px;
}

header .slide-3 .slogan {
    padding-left: 21%;
}

header .slide-3 .divider {
    width: 645px;
}

header .slide-3 .description {
    padding-left: 325px;
}

header .slide-4 .slogan {
    padding-top: 310px;
    padding-left: 36%;
}

header .slide-4 .divider {
    width: 760px;
}

header .slide-4 .slogan .headline {
    font-size: 80px;
    line-height: 72px;
    letter-spacing: 7px;
}

header .slide-4 .description {
    padding-left: 400px;
}

.technology .r-1 .c-2 {
    min-height: 750px;
    background: url("../img/technology/1.webp") no-repeat center;
    background-size: cover;
}

.technology .content .line {
    height: calc(100% - 45px);
}

.technology .bar,
.system .bar {
    width: calc(100% + 325px);
    height: 75px;
    right: -18px;
}

.technology .bar-label,
.system .bar-label {
    height: 75px;
}

.system .r-1 {
    background: url("../img/system.webp") no-repeat center;
    background-size: cover;
}

.system .slogan .headline {
    font-size: 48px;
    line-height: 43px;
    font-family: 'BarlowMedium', serif;
}

.system .slogan .divider {
    width: 100%;
    height: 5px;
}

.system .slogan .divider > span {
    width: 135px;
    height: 5px;
    margin-top: -5px;
}

.system .slogan .description {
    font-size: 41px;
    line-height: 45px;
}

.system .number {
    border: 2px solid white;
}

.system .r-1 .c-1 {
    padding-top: 70px;
}

.system .c-2 .content {
    max-width: 682px;
}

.products .c-1 {
    min-height: 848px;
    background: url("../img/products/1.webp") no-repeat center;
    background-size: cover;
}

.news .r-1 .c-1 > .content {
    padding-top: 70px;
}

.news .r-1 .c-2 {
    min-height: 560px;
    background: url("../img/news.webp") no-repeat center;
    background-size: cover;
}

.news .button {
    border: 2px solid #8dc63f;
}

.news .button .arrow {
    border-left: 2px solid #8dc63f;
    background: url("../img/arrow-green.svg") no-repeat center;
    background-size: 40%;
}

.company .c-1 {
    min-height: 500px;
    background: url("../img/company.webp") no-repeat center;
    background-size: cover;
}

.company .r-1 .c-1 > .content {
    padding-top: 70px;
}

.company .c-2 .content {
    max-width: 780px;
}

footer {
    padding-bottom: 90px;
}

footer .title {
    padding-top: 95px;
}

footer .content .line {
    width: 10px !important;
}

.contact button {
    max-width: 290px;
}

.contact .form-control {
    border: 2px solid white;
}

footer .logo {
    max-width: 180px;
}

footer .logo > span {
    font-size: 30px;
    letter-spacing: 9px;
}

.contact .map {
    max-width: 465px;
    border: 2px solid white;
}

.contact .r-2 {
    width: 200%;
}

.contact .r-2 .c-1 {
    max-width: 250px;
}

.contact .r-2 .c-2,
.contact .r-2 .c-2 {
    max-width: 520px;
}

.contact .r-3 .content > span {
    width: 200%;
}

.news-page header .slide .divider {
    width: 725px;
}

.page header .slide .slogan .headline {
    font-size: 115px;
    line-height: 104px;
}

.news-page header .slide .divider > span {
    width: 135px;
}

.page header .slide {
    height: 600px;
    background: url("../img/header/news.webp") no-repeat center;
    background-size: cover;
}

.page header .slide .slogan {
    padding-top: 300px;
    padding-left: 18%;
}

.page section .line {
    height: 100% !important;
}

.page .container-fluid {
    width: 214%;
}

.page section .c-1 {
    padding-top: 45px;
}

.certificates-page header .slide {
    background: url("../img/header/certificates.webp") no-repeat center;
    background-size: cover;
}

.certificates-page header .slide .divider {
    width: 710px;
}

.products-page .technical-data {
    padding-left: 30px;
}

.products-page .c-1 .img-eq {
    height: 730px;
    object-fit: contain;
    object-position: bottom left;
}

.products-page .c-2 .img-eq {
    height: 600px;
    object-fit: contain;
    object-position: bottom left;
}

.small-kl header .slide {
    height: 600px;
    background: url("../img/header/products/small-kl.webp") no-repeat center;
    background-size: cover;
}

.seria-ms header .slide {
    height: 600px;
    background: url("../img/header/products/ms.webp") no-repeat center;
    background-size: cover;
}

.seria-ks header .slide {
    height: 600px;
    background: url("../img/header/products/ks.webp") no-repeat center;
    background-size: cover;
}

.khs-100 header .slide {
    height: 600px;
    background: url("../img/header/products/khs-100.webp") no-repeat center;
    background-size: cover;
}

.seria-ks .options {
    width: 215%;
}

.khs-100 .img-desktop {
    width: 220%;
}

.khs-100 .assembly {
    max-width: 450px;
}

section {
    color: #333333;
}

section .row {
    background: white;
}

section .row,
footer .row {
    max-width: 1920px;
}

section .c-1 > .content,
footer .c-1 > .content {
    max-width: 720px;
    padding-left: 60px;
}

section .r-1 .c-1 > .content,
footer .r-1 .c-1 > .content,
.page section .content {
    padding-top: 45px;
}

section .content .line,
footer .content .line {
    width: 5px;
    height: calc(100% - 70px);
    margin-left: -60px;
}

section .content .line > span,
footer .content .line > span {
    width: 5px;
    height: 135px;
    margin-left: 5px;
}

section .c-2,
footer .c-2 {
    max-width: 875px;
}

section .title,
footer .title {
    font-size: 48px;
    line-height: 43px;
    font-family: 'BarlowSemiBold', serif;
}

footer .copyright {
    width: 200%;
}

.text-green {
    color: #8dc63f;
}

.bg-green {
    background: #8dc63f !important;
}

.barlow-semibold {
    font-family: 'BarlowSemiBold', serif;
}

.button {
    min-width: 230px;
    height: 40px;
    border: 2px solid white;
}

.button .arrow {
    width: 40px;
    background: url("../img/arrow.svg") no-repeat center;
    background-size: 40%;
    border-left: 2px solid white;
}

@media (max-width: 1399px) {
    .products-page .c-1 .img-eq,
    .products-page .c-2 .img-eq {
        height: auto;
    }

    .khs-tagline {
        width: 100%;
        left: auto;
        font-size: 41px;
        text-align: center;
        bottom: 2%;
    }
}

@media (max-width: 1199px) {
    .navbar .navbar-collapse {
        margin-top: 70px;
        padding-right: 30px;
        background: white;
        position: absolute;
        opacity: .7;
        transform: translateX(-100%);
        margin-left: 28px;
        top: 0;
    }

    .navbar-collapse .nav-link {
        color: #000000 !important;
    }

    header .slide .slogan {
        padding-left: 10%;
        bottom: 15%;
    }

    .system .slogan .description {
        font-size: 32px;
        line-height: 36px;
        padding-right: 40px;
    }

    .contact .r-2 {
        width: auto;
    }

    .contact .r-2 .c-1,
    .contact .r-2 .c-3 {
        max-width: none;
    }

    .contact .c-1 > .content {
        max-width: none;
        padding-right: 30px;
    }

    .page .slide .slogan {
        bottom: initial;
    }
}

@media (max-width: 991px) {
    header .slide .slogan .headline {
        font-size: 100px;
        line-height: 90px;
    }

    header .slide .slogan .description {
        font-size: 26px;
        line-height: 30px;
    }

    header .slide-1 .divider {
        width: 460px;
    }

    header .slide-1 .slogan .description {
        padding-left: 280px;
    }

    header .slide-2 .divider {
        width: 500px;
    }

    header .slide-2 .slogan .description {
        padding-left: 240px;
    }

    header .slide-3 .divider {
        width: 480px;
    }

    header .slide-3 .slogan .description {
        padding-left: 270px;
    }

    header .slide-4 .divider {
        width: 600px;
    }

    header .slide-4 .slogan .description {
        padding-left: 370px;
    }

    section .c-1 > .content,
    footer .c-1 > .content {
        max-width: none;
        padding-left: 30px;
    }

    section .content .line,
    footer .content .line {
        width: 4px;
        margin-left: -30px;
    }

    section .content .line > span,
    footer .content .line > span {
        width: 4px;
        height: 70px;
        margin-left: 4px;
    }

    section .c-2,
    footer .c-2 {
        max-width: none;
    }

    section .c-2 .content,
    footer .c-2 .content {
        padding-left: 45px;
    }

    .products-page .c-2 .content {
        padding-left: 30px;
    }

    .system .r-1 .c-1 {
        padding-top: 40px;
    }

    .system .slogan .divider {
        width: calc(100% + 18px);
    }

    .news .r-1 .c-1 > .content,
    .company .r-1 .c-1 > .content {
        padding-top: 30px;
    }

    .company .c-1 {
        min-height: 150px;
        background-position: top center;
    }

    .company .content .line > span {
        height: 120px;
    }

    section .c-2 .content .line,
    footer .content .line {
        height: calc(100% - 45px) !important;
    }

    .page .title {
        font-size: 35px;
        line-height: 32px;
    }

    .page header .slide .slogan .headline {
        font-size: 69px;
        line-height: 63px;
    }

    .news-page header .slide .divider {
        width: 445px;
    }

    .certificates-page header .slide .divider {
        width: 425px;
    }

    .seria-ks .options {
        width: auto;
    }

    .khs-tagline {
        font-size: 28px;
        bottom: 4%;
    }
}

@media (max-width: 767px) {
    header > .menu {
        margin-top: 40px;
    }

    header > .menu .logo {
        max-width: 100px;
        height: 26px;
    }

    header .slide {
        height: 390px !important;
    }

    header .slide-1 {
        background: url("../img/header/slider/mobile/1.webp") no-repeat center;
        background-size: cover;
    }

    header .slide-2 {
        background: url("../img/header/slider/mobile/2.webp") no-repeat center;
        background-size: cover;
    }

    header .slide-3 {
        background: url("../img/header/slider/mobile/3.webp") no-repeat center;
        background-size: cover;
    }

    header .slide-4 {
        background: url("../img/header/slider/mobile/4.webp") no-repeat center;
        background-size: cover;
    }

    header .slide .divider {
        height: 3px;
    }

    header .slide .slogan {
        bottom: 20%;
    }

    header .slide .slogan .headline {
        font-size: 43px !important;
        line-height: 38px !important;
    }

    header .slide .slogan .description {
        font-size: 15px;
        line-height: 16px;
    }

    header .slide .divider > span {
        width: 52px;
        height: 3px;
        margin-top: -3px;
    }

    header .slide-1 .divider {
        width: 220px;
    }

    header .slide-1 .slogan .description {
        padding-left: 125px;
    }

    header .slide-2 .divider {
        width: 265px;
    }

    header .slide-2 .slogan .description {
        padding-left: 120px;
    }

    header .slide-3 .divider {
        width: 200px;
    }

    header .slide-3 .slogan .description {
        padding-left: 85px;
    }

    header .slide-4 .divider {
        width: 280px;
    }

    header .slide-4 .slogan .description {
        padding-left: 150px;
    }

    header .swiper-container .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
    }

    .technology .r-1 .c-2 {
        min-height: 360px;
    }

    .products .c-1 {
        min-height: 450px;
    }

    .page .container-fluid {
        width: 100%;
    }

    .page .slide .slogan {
        padding-top: 245px !important;
        padding-left: 10% !important;
    }

    .news-page header .slide .divider {
        width: 268px;
    }

    .certificates-page header .slide .divider {
        width: 255px;
    }

    .products-page .c-1 .img-eq {
        height: 350px;
    }

    .products-page .c-2 .img-eq {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .system .slogan .description {
        font-size: 28px;
        line-height: 32px;
        padding-right: 20px;
    }

    .small-kl header .slide {
        background: url("../img/header/products/small-kl-mobile.webp") no-repeat right;
        background-size: cover;
    }

    .seria-ms header .slide {
        background: url("../img/header/products/ms.webp") no-repeat right;
        background-size: cover;
    }

    .seria-ks header .slide {
        background: url("../img/header/products/ks.webp") no-repeat right;
        background-size: cover;
    }

    .khs-100 header .slide {
        background: url("../img/header/products/khs-100.webp") no-repeat right;
        background-size: cover;
    }

    .khs-tagline {
        font-size: 13px;
    }
}

.lang-wrapper {
    display: inline-block;
    position: relative;
}

.lang-wrapper .lang {
    pointer-events: none;
}

.gt-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}

.gt-container .gt_selector {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: auto;
    cursor: pointer;
    border: 1px transparent;
    font-size: 10px;
}

a.glink {
    display: none;
}

.technology .r-2 strong,
.system .r-1 strong,
.system .r-2 strong {
    text-transform: uppercase;
    font-family: 'barlowSemiBold', sans-serif;
    font-weight: normal;
}

/* Article content images */
.page section img {
    max-width: 100%;
    height: auto;
}