@font-face {
    font-family: Muli;
    src: url(../fonts/Muli/Muli-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Muli;
    src: url(../fonts/Muli/Muli-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Muli;
    src: url(../fonts/Muli/Muli-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Muli;
    src: url(../fonts/Muli/Muli-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway/Raleway-Light.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway/Raleway-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway/Raleway-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway/Raleway-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

.font-w-100 {
    font-family: Raleway, sans-serif;
    font-weight: 100 !important;
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway/Raleway-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Didot;
    src: url(../fonts/Didot/GFSDidot-Regular.ttf) format("truetype")
}

h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 38px
}

a {
    color: #fff
}

a:hover {
    color: #a0a0a0;
    text-decoration: none
}

.generalText a {
    text-decoration: none;
    color: #fff
}

.generalText a:hover {
    color: #a0a0a0;
    text-decoration: underline
}

body {
    color: #fff;
    font-size: 16px;
    
    font-family: Muli, sans-serif;
    font-weight: 300;
    letter-spacing: .32px
}

.height-parent-header {
    height: 100px;
}


.black-section {
    background-color: #020202;
    color: #fff
}

.white-section {
    background-color: #fff
}

.white-section a {
    color: #020202;
    font-weight: 700
}

.white-section a:hover {
    color: #b4b4b4;
    text-decoration: underline
}

p {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: .32px;
    text-align: justify;
direction: ltr;
}

    
    
    
    
.button-primary {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 24px;
    background-color: #fff;
    color: #020202;
    border: 1px solid #020202;
    width: 100%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    text-align: center;
    height: 45px;
    padding: 10px
}

@media (min-width: 768px) {
    .button-primary {
        font-size: 16px
    }
}

.button-primary:hover {
    color: #161616;
    border-color: #161616
}

:focus, input:focus, textarea:focus {
    outline: 0
}

.base-layout {
    margin-top: 60px
}

@media (min-width: 1200px) {
    .base-layout {
        margin-top: 130px
    }
    .margin-top_100 {
        position: relative;
        top: 100px;
    }
}

.base-layout .base-layout__left-right {
    background-color: #020202
}

.desktop-menu {
    display: none
}

@media (min-width: 1200px) {
    .desktop-menu {
        display: inherit
    }
}

.mobile-menu {
    display: inherit;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background-color: #020202
}

@media (min-width: 1200px) {
    .mobile-menu {
        display: none
    }
}

.slick-arrows--black .slick-arrow:before, .slick-arrows--white .slick-arrow:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px
}

.slick-arrows--black .slick-next, .slick-arrows--white .slick-next {
    -webkit-transform: rotateY(180deg) translateY(-10px);
    transform: rotateY(180deg) translateY(-10px)
}

.slick-arrows--black .slick-arrow:before {
    background: url(../images/icons/arrow-left-black.svg) no-repeat !important
}

.slick-arrows--white .slick-arrow:before {
    background: url(../images/icons/arrow-left-white.svg) no-repeat !important
}

.slick-arrow--productsCategoryHeight .slick-arrow {
    top: 150px
}

@media (min-width: 768px) {
    .slick-arrow--productsCategoryHeight .slick-arrow {
        top: 165px
    }
}

@media (min-width: 992px) {
    .slick-arrow--productsCategoryHeight .slick-arrow {
        top: 190px
    }
}

@media (min-width: 1200px) {
    .slick-arrow--productsCategoryHeight .slick-arrow {
        top: 175px
    }
}

.slick-arrow--relatedItemsHeight .slick-arrow {
    top: 150px
}

@media (min-width: 768px) {
    .slick-arrow--relatedItemsHeight .slick-arrow {
        top: 165px
    }
}

@media (min-width: 992px) {
    .slick-arrow--relatedItemsHeight .slick-arrow {
        top: 150px
    }
}

@media (min-width: 1200px) {
    .slick-arrow--relatedItemsHeight .slick-arrow {
        top: 165px
    }
}

.slick-dots--black .slick-dots button, .slick-dots--white .slick-dots button {
    border-bottom: 3px solid #b4b4b4
}

.slick-dots--black .slick-dots .slick-active button {
    border-color: #020202 !important
}

.slick-dots--white .slick-dots .slick-active button {
    border-color: #fff !important
}

.slick-dots li, .slick-dots li button {
    max-width: 50px;
    margin: 0;
    padding: 0 5px
}

.slick-dots li button {
    width: 100%
}

.text-black, .text-black a {
    color: #161616
}

.text-white, .text-white a {
    color: #fff
}

.text-bold, b, strong {
    font-weight: 700
}

.pv-150 {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .pv-150 {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .pv-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.pv-75 {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width: 1200px) {
    .pv-75 {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.pv-0 {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 576px) {
    .pv-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }
}

.pv--default {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width: 1200px) {
    .pv--default {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.select-dropdown .select2.select2-container {
    height: calc(1.5em + .75rem + 2px);
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 34px;
    width: 100% !important
}

@media (min-width: 768px) {
    .select-dropdown .select2.select2-container {
        font-size: 20px
    }
}

.select-dropdown .select2.select2-container .select2-selection.select2-selection--single {
    border-radius: 0;
    height: calc(1.5em + .75rem + 2px);
    color: #a0a0a0;
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 34px;
    background-color: #020202;
    border: none;
    border-bottom: 1px solid #a0a0a0
}

@media (min-width: 768px) {
    .select-dropdown .select2.select2-container .select2-selection.select2-selection--single {
        font-size: 20px
    }
}

.select-dropdown .select2.select2-container .select2-selection.select2-selection--single[aria-expanded=true] {
    border-bottom: none
}

.select-dropdown .select2.select2-container .select2-selection.select2-selection--single:focus .select2-selection__rendered {
    color: #fff
}

.select-dropdown .select2.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: calc(1.5em + .75rem + 2px);
    color: #fff
}

@media (min-width: 768px) {
    .select-dropdown .select2.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
        font-size: 20px
    }
}

.select-dropdown .select2.select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem + 2px);
    background-image: url(../images/select-icon.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 50%
}

.select-dropdown .select2.select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-results__option {
    background-color: #020202 !important
}

.button-empty-white-border {
    width: 100%;
    margin-top: 25px;
    display: table
}

.button-empty-white-border > div {
    float: none
}

@media (min-width: 768px) {
    .button-empty-white-border {
        margin-top: 50px
    }
}

@media (min-width: 1200px) {
    .button-empty-white-border > div {
        float: right
    }
}

.button-empty-white-border button {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 24px;
    text-transform: uppercase;
    background-color: #020202;
    color: #a0a0a0;
    border: 1px solid #a0a0a0;
    padding: 0 50px;
    height: 60px;
    text-align: center
}

.button-empty-white-border button:hover {
    color: #fff;
    border: 1px solid #fff
}

.navbarCategories {
    padding: 50px 0 0;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border-radius: 3px
}

.navbarCategories::-webkit-scrollbar {
    display: none
}

.navbarCategories__nav {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.navbarCategories__item {
    height: 37px;
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.44px;
    line-height: 36px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 12px 16px 13px
}

.navbarCategories__border.active {
    border-top: 3px solid #fff;
    width: 51px;
    margin: 0 auto;
    padding-top: 15px
}

.container-fluid {
    padding: 0;
    overflow: hidden
}

.container, .container-m {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .container, .container-m {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .container, .container-m {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .container, .container-m {
        max-width: 1920px;
        padding-left: 170px;
        padding-right: 170px
    }
}

.container-m {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .container-m {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .container-m {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .container-m {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (min-width: 768px) {
    .container-m {
        padding-left: 135px;
        padding-right: 135px
    }
}

@media (min-width: 992px) {
    .container-m {
        padding-left: 230px;
        padding-right: 230px
    }
}

@media (min-width: 1200px) {
    .container-m {
        padding-left: 310px;
        padding-right: 310px
    }
}

.container-lg {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .container-lg {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .container-lg {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .container-lg {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (min-width: 768px) {
    .container-lg {
        padding-left: 135px;
        padding-right: 135px
    }
}

@media (min-width: 992px) {
    .container-lg {
        padding-left: 230px;
        padding-right: 230px
    }
}

@media (min-width: 1200px) {
    .container-lg {
        padding-left: 250px;
        padding-right: 250px
    }
}

.container-xl-d-0 {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .container-xl-d-0 {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .container-xl-d-0 {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .container-xl-d-0 {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (max-width: 1200px) {
    .container-xl-d-0 {
        padding-left: 0;
        padding-right: 0
    }
}

.container-xl-u-0 {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .container-xl-u-0 {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .container-xl-u-0 {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .container-xl-u-0 {
        padding-left: 170px;
        padding-right: 170px
    }
}

.container-sm-0 {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .container-sm-0 {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .container-sm-0 {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .container-sm-0 {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (max-width: 576px) {
    .container-sm-0 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 576px) {
    .container-sm {
        padding-left: 37px;
        padding-right: 37px
    }
}

.has-edit-button {
    position: relative
}

.has-new-content-button {
    position: relative;
    width: 40px;
    height: 40px
}

.cms-preview .hippo-overlay-element.hippo-overlay-element-container.hippo-overlay-element-visible.hippo-overlay-element-container-empty {
    min-width: 100px;
    min-height: 40px
}

.header__row {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #020202
}

.header__row a {
    color: #fff
}

.header__row ul {
    list-style: none
}

.header__navbar {
    height: 100%;
    width: 100%;
    background-color: #020202;
    color: #fff;
    padding: 0 2vw;
    position: static
}

.header__navbar .header__button--navbar {
    padding: .5rem
}

.header__navbar .nav-item {
    font-size: 8px;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .header__navbar .nav-item {
        font-size: 12px
    }
}

.header__navbar .nav-item .nav-link {
    padding: 0
}

@media (min-width: 576px) {
    .header__navbar .nav-item .nav-link {
        padding: 0 .5vw
    }
}

.header__mobileImg {
    height: 10vw;
    width: 50vw
}

@media (min-width: 576px) {
    .header__mobileImg {
        height: 3vw;
        width: 15vw
    }
}

.header__collapse {
    height: auto;
    width: auto;
    max-height: 0;
    -webkit-transition: max-height .5s;
    transition: max-height .5s;
    overflow: hidden
}

@media (min-width: 992px) {
    .header__collapse {
        height: 100%;
        width: auto
    }
}

.header__dropdown {
    height: auto;
    width: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width: 992px) {
    .header__dropdown {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.header__dropdown > ul {
    height: 100%;
    width: auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.header__mouseOver {
    padding: .5rem 0;
    display: -webkit-box;
    display: flex
}

.header__mouseOver.active .header__secondaryMenu {
    top: 100%;
    left: 0
}

@media (min-width: 992px) {
    .header__mouseOver.open .nav-first {
        border-bottom: 1px solid #fff
    }

    .header__mouseOver.open .header__secondaryMenu {
        top: 100%;
        left: 0;
        padding-top: 50px;
        padding-bottom: 70px
    }
}

.header__mouseOver .header__secondaryMenu {
    background-color: #020202;
    height: auto;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transition: left .3s;
    transition: left .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 2
}

@media (min-width: 992px) {
    .header__mouseOver .header__secondaryMenu {
        padding-bottom: .3vw;
        border: none;
        top: -100vh;
        left: 0;
        -webkit-transition: top .5s;
        transition: top .5s;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        z-index: -1
    }
}

.header__mouseOver .header__secondaryMenu > div {
    height: 100%;
    width: auto;
    margin: 0 auto
}

.header__mouseOver .header__secondaryMenu > div > div {
    display: -webkit-box;
    display: flex
}

.header__mouseOver .header__secondaryMenu > div > div .header__button--slideOut {
    margin-top: .5rem
}

@media (min-width: 992px) {
    .header__mouseOver .header__secondaryMenu > div > div .header__button--slideOut {
        display: none
    }
}

.header__mouseOver .header__secondaryMenu > div > div .header__button--close {
    margin-top: .5rem;
    margin-left: auto
}

@media (min-width: 992px) {
    .header__mouseOver .header__secondaryMenu > div > div .header__button--close {
        display: none
    }
}

.header__mouseOver .header__secondaryMenu > div ul li .nav-link {
    font-size: 12px;
    padding: 5vw;
    border-bottom: 1px solid
}

@media (min-width: 992px) {
    .header__mouseOver .header__secondaryMenu > div ul li .nav-link {
        font-size: 10px;
        padding: 0;
        border-bottom: none
    }
}

.header__mouseOver > div {
    align-self: center;
    display: -webkit-box;
    display: flex
}

.header__mouseOver .header__button--slideIn {
    margin-left: auto
}

@media (min-width: 992px) {
    .header__mouseOver .header__button--slideIn {
        display: none
    }
}

.header__mouseOver .header__button--slideIn > * {
    pointer-events: none
}

.secondNav {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin: 0 auto;
    display: flex;
    -webkit-box-pack: center;
    width: 100%;
    text-align: center;
    justify-content: center
}

.secondNav__inspirations .child__description {
    max-width: 200px
}

.secondNav__inspirations .child__description p {
    font-family: Muli, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .28px;
    line-height: 30px
}

.secondNav__aesthetics {
    justify-content: space-around
}

.secondNav__aesthetics .thirdLevelNavbar ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.secondNav__aesthetics .thirdLevelNavbar ul, .thirdLevelNavbar ul {
    list-style: none;
    padding-left: 0;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

.thirdLevelNavbar ul {
}

.header-nav {
    height: 60px;
    background-color: #020202;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .header-nav {
        padding: 0
    }
}

@media (min-width: 992px) {
    .header-nav {
        padding: 0
    }
}

@media (min-width: 1200px) {
    .header-nav {
        height: 80px;
        padding: 0 37px
    }
}

.header-nav__store {
    display: none
}

@media (min-width: 992px) {
    .header-nav__store {
        display: inherit;
        -webkit-box-align: center;
        align-items: center
    }
}

.header-nav__store .store {
    display: -webkit-box;
    display: flex;
    padding-left: 0
}

.header-nav__store .store__link {
    font-family: Muli, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .99px;
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 20px
}

.header-nav__brand {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .header-nav__brand {
        display: block;
        margin: 0 auto
    }
}

.header-nav__brand .brand__link {
    display: block;
    height: auto
}

@media (min-width: 1200px) {
    .header-nav__brand .brand__link {
        display: block;
        margin: 0 auto;
        height: 50px;
        width: 200px
    }
}

.header-nav__brand .brand__img {
    width: 115px;
    height: auto
}

@media (min-width: 1200px) {
    .header-nav__brand .brand__img {
        width: 200px;
        height: auto
    }
}

.header-nav__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center
}

.header-nav__actions .actions__search {
    cursor: pointer;
    margin-right: 10px
}

.header-nav__actions .actions__search:before {
    content: "";
    display: block;
    background-image: url(../images/search-icon.svg);
    background-size: 18px 18px;
    height: 18px;
    width: 18px
}

@media (min-width: 1200px) {
    .header-nav__actions .actions__search:before {
        background-size: 28px 28px;
        height: 28px;
        width: 28px
    }
}

.searchBox {
    display: none
}

.searchBox .search-bar__input {
    width: 285px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #020202;
    border: none;
    border-bottom: 1px solid #fff;
    caret-color: #fff;
    color: #fff
}

@media (max-width: 576px) {
    .searchBox .search-bar__input {
        width: calc(100vw - 265px)
    }
}

@media (min-width: 576px) {
    .searchBox .search-bar__input {
        width: 285px
    }
}

@media (min-width: 992px) {
    .searchBox .search-bar__input {
        width: auto
    }
}

.main-nav, .searchBox .search-bar__submit {
    display: none
}

.main-nav {
    background-color: #020202;
    height: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 992px) {
    .main-nav {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
        height: 100%
    }
}

@media (min-width: 992px) {
    .main-nav .nav-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1200px) {
    .main-nav .nav-item {
        padding-left: 50px;
        padding-right: 50px
    }
}

.main-nav .nav-first {
    font-family: Muli, sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1.82px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer
}

.main-nav .nav-second {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.68px;
    line-height: 36px;
    padding-bottom: 20px;
}

.main-nav .nav-second.item-ispiration {
    font-family: Muli, sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .48px;
    line-height: 16px
}

.main-nav .nav-second.item-ispiration .child__image {
    padding-bottom: 20px
}

.main-nav .nav-second.item-ispiration .child__image img {
    width: 170px
}

.main-nav .nav-third {
    font-family: Muli, sans-serif;
    font-size: 14px;
    letter-spacing: .48px;
    line-height: 42px;
    max-width: 200px
}

.main-nav .nav-third a {
    border-bottom: none;
    color: #b6b6b6;
    display: inline-block;
    height: 30px
}

.main-nav .nav-third:hover a {
    border-bottom: 1px solid #fff;
    color: #fff
}

.nav-third__image {
    display: block;
    max-width: 80%;
    padding-top: 20px
}

@media (min-width: 768px) {
    .nav-third__image {
        max-width: 90%
    }
}

@media (max-width: 1200px) {
    .menu-list > .d-block > li, .menu-list > li {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.burgerMenu {
    width: 400px;
    margin-top: 6px;
    height: 100%;
    right: 0;
    position: absolute;
    z-index: -999
}

.burgerMenu__firstLevel {
    width: 200px
}

.burgerMenu .menu-link, .burgerMenu .menu-subLink .head {
    color: #fff
}

.burgerMenu .menu-link {
    font-weight: 700;
    text-transform: uppercase
}

.burgerMenu .menu-link, .burgerMenu .menu-subLink {
    font-family: Raleway, sans-serif;
    font-size: 15px;
    letter-spacing: 1.82px;
    line-height: 36px
}

.burgerMenu .head {
    font-family: Muli, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 38px
}

.burgerMenu ul {
    list-style: none
}

.burgerMenu a {
    text-decoration: none
}

.menu-wrapper .hamburger-menu {
    position: relative;
    margin: 15px 0 15px 15px;
    cursor: pointer
}

.menu-wrapper .hamburger-menu:before {
    content: "";
    display: block;
    background-size: 27px 27px;
    height: 27px;
    width: 27px
}

.menu-wrapper .hamburger-menu span {
    opacity: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: #000;
    background-color: #fff;
    position: absolute;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.menu-wrapper .hamburger-menu span:first-child {
    top: 10px
}

.menu-wrapper .hamburger-menu span:nth-child(2) {
    top: 20px
}

.menu-wrapper .hamburger-menu.open span:first-child {
    -webkit-transform: translateY(5px) rotate(135deg);
    transform: translateY(5px) rotate(135deg)
}

.menu-wrapper .hamburger-menu.open span:nth-child(2) {
    -webkit-transform: translateY(-5px) rotate(-135deg);
    transform: translateY(-5px) rotate(-135deg)
}

.menu-container .menu-list .menu-submenu {
    padding-left: 0
}

.menu-container .menu-list {
    display: block;
    position: fixed;
    width: 100%;
    height: calc(100% - 50px);
    margin-bottom: 0;
    bottom: 0;
    top: 50px;
    padding-left: 20px;
    background: #020202;
    z-index: 999;
    overflow-x: hidden;
    right: -100%
}

@media (min-width: 1200px) {
    .menu-container .menu-list {
        height: calc(100% - 122px);
        top: 122px;
        max-width: 400px
    }
}

.menu-container .menu-list .menu-login, .menu-container .menu-list li.accordion-toggle, .menu-container .menu-list li.toggle {
    font-size: 16px
}

@media (min-width: 1200px) {
    .menu-container .menu-list .menu-login, .menu-container .menu-list li.accordion-toggle, .menu-container .menu-list li.toggle {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.menu-container .menu-list li:first-of-type {
    border-top: 0
}

.accordion-content, .accordion-toggle {
    cursor: pointer;
    font-size: 12px;
    position: relative;
    letter-spacing: 1px
}

.accordion-content {
    display: none
}

.accordion-toggle .menu-link:after, .accordion-toggle .menu-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accordion-toggle .menu-link:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2
}

.accordion-toggle.active-tab {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.accordion-toggle.active-tab a {
    color: #fff
}

.accordion-toggle .menu-link.active:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background: #fff !important
}

.accordion-toggle .menu-link.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0
}

.breadcrumb__row nav[aria-label=breadcrumb] {
    margin-top: 0;
    line-height: 20px;
    position: absolute;
    top: 90px;
    display: none
}

@media (min-width: 1200px) {
    .breadcrumb__row nav[aria-label=breadcrumb] {
        display: block;
        top: 100px;
        z-index: 1
    }
}

.breadcrumb__row nav[aria-label=breadcrumb] .breadcrumb {
    background-color: unset;
    margin: 0;
    padding: 0
}

.breadcrumb__row nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item {
    font-family: Raleway, sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .9px;
    line-height: 20px;
    text-transform: uppercase
}

.breadcrumb__row nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item:before {
    content: ""
}

.breadcrumb--black .breadcrumb-item a {
    color: #797979
}

.breadcrumb--black .breadcrumb-item.active {
    color: #020202
}

.breadcrumb--white .breadcrumb-item a {
    color: #b6b6b6
}

.breadcrumb--white .breadcrumb-item.active {
    color: #fff
}

.action-link {
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    font-family: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.44px;
    width: 100%
}


.action-link, .action-link:before {
    display: inline-block;
    line-height: 20px
}

.action-link:before {
    content: "";
    margin-right: 20px;
    border-top: 1px solid #fff;
    width: 40px;
    vertical-align: middle;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.action-link:hover {
    color: #fff;
    text-decoration: none
}

.action-link:hover:before {
    margin-right: 30px;
    width: 50px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.action-link.action-link--black {
    color: #161616
}

.action-link.action-link--black:before {
    border-top: 1px solid #161616
}

.action-link.action-link--black:after {
    background-image: url(../images/icons/arrow-right-black.svg)
}

.action-link.action-link--black:hover {
    color: #161616
}

.action-link.action-link--white {
    color: #fff
}

.action-scroll {
    display: none
}

@media (min-width: 992px) {
    .action-scroll {
        display: block;
        position: absolute;
        bottom: 100px;
        left: 170px
    }
}

.action-scroll .scroll-title {
    font-family: Muli, sans-serif;
    font-size: 14px;
    letter-spacing: 3px
}

.action-scroll .scroll-block {
    width: 1px;
    height: 60px;
    position: absolute;
    overflow: hidden
}

.action-scroll .scroll-block .scroll-line {
    width: 100%;
    height: 100%;
    display: block;
    background-position: 0 -60px;
    background-size: 100% 200%;
    -webkit-animation: scrolldown 2.2s cubic-bezier(.76, 0, .3, 1) infinite forwards;
    animation: scrolldown 2.2s cubic-bezier(.76, 0, .3, 1) infinite forwards
}

.action-scroll.text-black .scroll-line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000), color-stop(50%, transparent));
    background: linear-gradient(180deg, #000 50%, transparent 0);
    background-size: 100% 200%
}

.action-scroll.text-white .scroll-line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, #fff 50%, hsla(0, 0%, 100%, 0) 0);
    background-size: 100% 200%
}

@-webkit-keyframes scrolldown {
    0% {
        background-position: 0 -60px
    }
    75% {
        background-position: 0 0
    }
    to {
        background-position: 0 60px
    }
}

@keyframes scrolldown {
    0% {
        background-position: 0 -60px
    }
    75% {
        background-position: 0 0
    }
    to {
        background-position: 0 60px
    }
}

.slide-animation {
    position: relative;
    display: -webkit-box;
    display: flex;
    overflow: hidden
}

.slide-animation:hover img, .slide-animation img {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.slide-animation:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.heroBannerFullScreen .slick-slide .heroBannerFullScreen__title {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.heroBannerFullScreen .slick-slide .heroBannerFullScreen__subTitle, .heroBannerFullScreen .slick-slide .link {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition: .5s;
    transition: .5s
}

.heroBannerFullScreen .slick-slide .heroBannerFullScreen__sectionImage {
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.heroBannerFullScreen .slick-active .heroBannerFullScreen__subTitle, .heroBannerFullScreen .slick-active .heroBannerFullScreen__title, .heroBannerFullScreen .slick-active .link {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .5s;
    transition: .5s
}

.heroBannerFullScreen .slick-active .heroBannerFullScreen__sectionImage {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}

.footer {
    background-color: #020202
}

.footer .footer__container {
    padding-top: 5vw;
    padding-bottom: 5vw
}

.footer .footer__scrollTop {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin: 0 auto;
    position: relative;
    top: -25px;
    cursor: pointer;
    z-index: 10;
}

.footer .footer__scrollTop a {
    color: #161616
}

.footer .footer__scrollTop:before {
    content: "";
    display: block;
    background-image: url(../images/icons/arrow-left-black.svg);
    position: absolute;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.footer .footer__social {
    padding-left: 0
}

.footer .footer__social-icon .footer__social-icon__img {
    width: 30px;
    margin-right: 20px
}

.footer .footer__logo {
    width: 50%;
    margin: 0 auto;
    display: block;
    text-align: center
}

.footer .footer__logo img {
    max-width: 150px
}

@media (min-width: 768px) {
    .footer .footer__logo img {
        max-width: 150px
    }
}

@media (min-width: 992px) {
    .footer .footer__logo {
        width: auto;
        margin: auto;
        display: inline-block;
        text-align: initial
    }
}

.footer .footer__columns {
    padding: 5vw 2.5vw
}

@media (min-width: 576px) {
    .footer .footer__columns {
        padding: 1.5vw
    }
}

.footer .footer__columns--topLeft {
    padding: 5vw 2.5vw;
    display: -webkit-box;
    display: flex
}

@media (min-width: 576px) {
    .footer .footer__columns--topLeft {
        padding: 1.5vw
    }
}

.footer .footer__columns--topLeft ul div {
    padding-bottom: 1rem
}

.footer .footer__columns--bottomRight {
    padding: 5vw 2.5vw;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (min-width: 576px) {
    .footer .footer__columns--bottomRight {
        padding: 1.5vw
    }
}

@media (min-width: 992px) {
    .footer .footer__columns--bottomRight {
        -webkit-box-ordinal-group: 5;
        order: 4;
        -webkit-box-pack: unset;
        justify-content: unset
    }
}

.footer .footer__columns--bottomRight ul {
    display: contents;
    flex-wrap: wrap;
    align-self: flex-end;
    padding-top: 1rem
}

.footer .footer__columns--bottomRight ul img {
    fill: #fff;
    width: 24px;
    color: #fff
}

.footer .footer__columns--bottomLeft {
    padding: 5vw 2.5vw;
    display: -webkit-box;
    display: flex
}

@media (min-width: 576px) {
    .footer .footer__columns--bottomLeft {
        padding: 1.5vw
    }
}

.footer .footer__columns--bottomLeft div {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.footer .footer__columns--bottomLeft div p {
    line-height: 34px;
    margin-bottom: 0
}

.footer .footer__columns .form-group .footer__submit, .footer .footer__columns .form-group .form-control {
    background-color: #020202
}

.footer .footer__evenNavItems {
    width: 50%
}

@media (min-width: 992px) {
    .footer .footer__evenNavItems {
        width: 70%
    }
}

.footer .footer__oddNavItems {
    width: 50%
}

@media (min-width: 992px) {
    .footer .footer__oddNavItems {
        width: 30%
    }
}

.footer .footer__newsletter .footer__submit {
    color: #fff;
    border: solid #b4b4b4;
    border-width: 0 0 1px
}

.footer .footer__newsletter .footer__submit:hover {
    border-bottom: 1px solid #fff
}

.footer .footer__newsletter .negative, .footer .footer__newsletter .positive {
    visibility: hidden
}

.footer .footer__newsletter .negative {
    color: #b10011
}

.nav-link {
    color: #fff;
    padding: 0 1rem 0 0
}

.form-control {
    color: #b4b4b4;
    padding: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #a0a0a0
}

.footer-nav {
    list-style: none;
    padding-left: 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    color: #fff;
    font-family: Muli, sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2.38px;
    line-height: 49px;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width: 1367px) {
    .footer-nav {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.disclaimer-nav {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    font-family: Muli, sans-serif;
    font-size: 12px;
    text-transform: uppercase
}

.disclaimer-nav .nav-item {
    list-style-type: none;
    display: inline;
    position: relative;
    padding-right: 20px
}

.disclaimer-nav .nav-item:not(:first-child):before {
    content: " | ";
    color: #161616;
    position: absolute;
    left: -11px;
    top: -1px
}

.privacy-policy .form-check-input {
    margin-top: .75rem
}

.privacy-policy .form-check-label {
    font-size: 14px;
    color: #a0a0a0
}

#cookie-banner {
    display: none;
    position: fixed;
    z-index: 300;
    background: #fff;
    bottom: 0;
    width: 100%;
    color: #000;
    padding: 5px 15px;
    text-align: left;
    z-index: 100;
    font-weight: 100;
    left: 0
}

#cookie-banner .col-sm-10 {
    padding: 1rem
}

#cookie-banner .col-sm-2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

#cookie-banner .col-sm-2 button {
    max-height: 3rem;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 24px;
    text-transform: uppercase;
    background-color: #020202;
    color: #a0a0a0;
    border: 1px solid #a0a0a0;
    text-align: center
}

#cookie-banner .cookie__info {
    color: #000;
    text-decoration: underline;
    margin-left: 15px;
    margin-right: 15px
}

#cookie-banner .btn, #cookie-banner .modal-gallery-btn {
    min-width: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 500
}

#cookie-banner > .container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.search__stories__title {
    font-size: 80px;
    font-family: Raleway, sans-serif;
    font-weight: 300;
    padding-top: 25px
}

@media (min-width: 1200px) {
    .search__stories__title {
        padding-top: 50px
    }
}

.search__stories {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.promoted__product__title {
    font-family: Raleway, sans-serif;
    font-weight: 300;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #000;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .promoted__product__title {
        padding-top: 50px
    }
}

.search__product__title {
    font-size: 80px;
    font-family: Raleway, sans-serif;
    font-weight: 300;
    padding-top: 25px;
    color: #000
}

@media (min-width: 1200px) {
    .search__product__title {
        padding-top: 50px
    }
}

.search__product__result_number {
    font-size: 30px;
    font-family: Raleway, sans-serif;
    font-weight: 100;
    padding-top: 25px;
    color: #000;
    margin-bottom: 75px
}

@media (min-width: 1200px) {
    .search__product__result_number {
        padding-top: 50px
    }
}

.visualBox {
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (min-width: 992px) {
    .visualBox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.visualBox .visualBox__action-link-extended:before {
    margin-right: 30px;
    width: 50px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.visualBox .visualBox__sortMobileGallery {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important
}

.visualBox.visualBox__sortBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

@media (min-width: 1200px) {
    .visualBox.visualBox__sortBlock {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.visualBox .visualBox__no-padding {
    padding-top: 0;
    padding-bottom: 0
}

.visualBox .visualBox__text {
    max-width: unset;
    padding-bottom: 50px
}

@media (min-width: 1200px) {
    .visualBox .visualBox__text {
        padding-top: 0;
        padding-bottom: 0;
        max-width: 460px
    }
}

.visualBox .visualBox__text .visualBox__title {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media (min-width: 1200px) {
    .visualBox .visualBox__text .visualBox__title {
        font-family: Raleway, sans-serif;
        margin-bottom: 50px;
        text-transform: uppercase;
        font-size: 32px;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: 1.28px
    }
}

.visualBox .visualBox__text .visualBox__subTitle {
    font-family: Muli, sans-serif;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 1200px) {
    .visualBox .visualBox__text .visualBox__subTitle {
        font-family: Muli, sans-serif;
        font-size: 16px;
        letter-spacing: .32px;
        line-height: 28px
    }
}

.visualBox .visualBox__text .action-link {
    margin-top: 25px
}

@media (min-width: 1200px) {
    .visualBox .visualBox__text .action-link {
        margin-bottom: 50px
    }
}

.visualBox .visualBox__gallery {
    position: relative;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .visualBox .visualBox__gallery {
        margin-left: unset
    }
}

@media (min-width: 1200px) {
    .visualBox .visualBox__gallery {
        margin-left: unset;
        margin-bottom: unset
    }
}

@media (max-width: 576px) {
    .visualBox .visualBox__gallery > div {
        width: 100vw;
        max-width: 940px;
        float: unset
    }
}

@media (min-width: 576px) {
    .visualBox .visualBox__gallery > div {
        width: 100%;
        float: right
    }
}

@media (min-width: 1200px) {
    .visualBox .visualBox__gallery > div {
        width: 100%;
        max-width: 960px;
        float: right
    }
}

.visualBox .visualBox__gallery img, .visualBox .visualBox__gallery picture {
    width: 100vw
}

@media (min-width: 576px) {
    .visualBox .visualBox__gallery img, .visualBox .visualBox__gallery picture {
        width: 100%
    }
}

.visualBox .visualBox__gallery--left > div {
    float: right
}

.visualBox .visualBox__gallery--right > div {
    float: left
}

@media (min-width: 1200px) {
    .visualBox .visualBox__gallery--right .scrollIcon {
        right: 30px
    }
}

@media (min-width: 1367px) {
    .visualBox .visualBox__gallery--right .scrollIcon {
        right: 130px
    }
}

.visualBox .visualBox__gallery--fullwidth {
    max-width: 100vw
}

@media (min-width: 1200px) {
    .visualBox .visualBox__gallery--fullwidth, .visualBox .visualBox__gallery--fullwidth > div {
        max-width: 100%
    }
}

.visualBox__galleryBlock {
    width: 100%;
    position: relative;
    margin-left: -37px;
    margin-bottom: 41px
}

@media (min-width: 1200px) {
    .visualBox__galleryBlock {
        position: unset;
        margin-left: unset;
        margin-bottom: unset
    }
}

.visualBox__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.visualBoxComponent__gallery {
    padding-left: 0;
    max-width: 300px
}

@media (min-width: 992px) {
    .visualBoxComponent__gallery {
        max-width: 600px
    }
}

@media (min-width: 1200px) {
    .visualBoxComponent__gallery {
        max-width: 940px
    }
}

.visualBox .visualBoxSlider__video {
    float: right;
    width: 100%;
    max-width: 940px;
    min-height: 300px;
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .visualBox .visualBoxSlider__video {
        min-height: 400px
    }
}

@media (min-width: 992px) {
    .visualBox .visualBoxSlider__video {
        min-height: 500px;
        padding-top: 0;
        min-height: 600px
    }
}

.visualBox .visualBoxSlider__video--right {
    float: left
}

.visualBox .visualBoxSlider__video.visualBoxSlider__video--full-width {
    max-width: 100%
}

.visualBox .visualBoxSlider ul.slick-dots {
    text-align: center;
    bottom: -30px;
    height: 30px
}

@media (min-width: 992px) {
    .visualBox .visualBoxSlider ul.slick-dots {
        text-align: left
    }
}

.visualBox .visualBoxSlider ul.slick-dots li {
    width: 102px;
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .visualBox .visualBoxSlider ul.slick-dots li {
        width: 50px;
        margin-left: 0;
        margin-right: 10px
    }
}

.visualBox .visualBoxSlider ul.slick-dots li button {
    border-bottom: 3px solid #b4b4b4;
    width: 100%
}

.visualBox .visualBoxSlider ul.slick-dots li button:before {
    content: ""
}

.visualBox .visualBoxSlider ul.slick-dots li.slick-active button {
    border-color: #fff
}

.visualBox .visualBoxSlider__actionLink--video {
    display: none
}

@media (min-width: 1200px) {
    .visualBox .visualBoxSlider__actionLink--video {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        text-transform: uppercase;
        margin-top: 60px
    }

    .visualBox .visualBoxSlider__actionLink--video:before {
        content: "";
        background-image: url(../images/icons/icon-video-white.svg);
        background-size: 75px 75px;
        height: 75px;
        width: 75px;
        margin-right: 25px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        border-top: 0
    }
}

.visualBox .visualBoxSlider__actionLink--video.action-link--black:before {
    content: "";
    background-image: url(../images/icons/icon-video-black.svg);
    background-size: 75px 75px;
    height: 75px;
    width: 75px;
    margin-right: 25px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-top: 0
}

.visualBox .visualBoxSlider.visualBoxSlider--full-width ul.slick-dots {
    text-align: center
}

.visualBox .visualBoxSlider.slick-dotted.slick-slider {
    margin-bottom: -1px
}

.visualBoxComponent {
    -webkit-box-align: center;
    align-items: center
}

.visualBoxComponent .visualBoxComponent__textBlock {
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 1200px) {
    .visualBoxComponent.isFullWidth--true.textPosition--left .visualBoxComponent__textBlock {
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (min-width: 1367px) {
    .visualBoxComponent.isFullWidth--true.textPosition--left .visualBoxComponent__textBlock {
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (min-width: 1920px) {
    .visualBoxComponent.isFullWidth--true.textPosition--left .visualBoxComponent__textBlock {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .visualBoxComponent.isFullWidth--true.textPosition--right .visualBoxComponent__textBlock {
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (min-width: 1367px) {
    .visualBoxComponent.isFullWidth--true.textPosition--right .visualBoxComponent__textBlock {
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (min-width: 1920px) {
    .visualBoxComponent.isFullWidth--true.textPosition--right .visualBoxComponent__textBlock {
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .visualBoxComponent.isFullWidth--true.visualBox__gallery > div {
        width: 100vw;
        max-width: 100%;
        float: right
    }
}

@media (min-width: 1200px) {
    .visualBoxComponent.isFullWidth--true.visualBox__gallery > div {
        width: 100%;
        max-width: 940px;
        float: right
    }
}

.visualBoxComponent.isFullWidth--false {
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .visualBoxComponent.isFullWidth--false {
        flex-wrap: inherit
    }
}

@media (min-width: 1200px) {
    .visualBoxComponent.isFullWidth--false.textPosition--left .visualBoxComponent__textBlock {
        padding-left: unset;
        padding-right: 37px
    }
}

@media (min-width: 1367px) {
    .visualBoxComponent.isFullWidth--false.textPosition--left .visualBoxComponent__textBlock {
        padding-left: 0;
        padding-right: 37px
    }
}

@media (min-width: 1200px) {
    .visualBoxComponent.isFullWidth--false.textPosition--right .visualBoxComponent__textBlock {
        padding-left: 37px;
        padding-right: unset
    }
}

@media (min-width: 1367px) {
    .visualBoxComponent.isFullWidth--false.textPosition--right .visualBoxComponent__textBlock {
        padding-left: 37px;
        padding-right: 0
    }
}

@media (max-width: 576px) {
    .visualBoxGallery .visualBoxSlider__image img {
        width: 100%;
        height: auto
    }
}

@media (min-width: 1200px) {
    .visualBoxGallery .visualBoxSlider__image img {
        width: 100%
    }
}

.visualBoxSymmetric {
    -webkit-box-align: center;
    align-items: center
}

.visualBoxSymmetric .visualBoxSymmetric__gallery .visualBoxSlider {
    max-width: 100%
}

.visualBoxSymmetric .visualBoxSymmetric__video {
    float: right;
    width: 100%
}

.visualBoxSymmetric .visualBoxSymmetric__video--right {
    float: left
}

.visualBoxSymmetric .textBlock {
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 1200px) {
    .visualBoxSymmetric .textBlock {
        padding-left: unset;
        padding-right: unset
    }
}

@media (min-width: 1200px) {
    .visualBoxSymmetric .visualBoxSlider__image img {
        width: 100%
    }
}

.visualBoxSymmetric .visualBoxSlider__gallery a {
    display: contents
}

.visualBoxSymmetric .visualBoxSlider__gallery img, .visualBoxSymmetric .visualBoxSlider__gallery picture {
    width: 100vw
}

@media (min-width: 576px) {
    .visualBoxSymmetric .visualBoxSlider__gallery img, .visualBoxSymmetric .visualBoxSlider__gallery picture {
        width: 100%
    }
}

.visualBoxFocus {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width: 992px) {
    .visualBoxFocus {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.visualBoxFocus__textBlock p {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .36px;
    line-height: 24px
}

@media (min-width: 992px) {
    .visualBoxFocus__textBlock p {
        width: 755px;
        font-size: 30px;
        line-height: 40px
    }
}

.visualBoxFocus__content {
    padding-bottom: 50px;
    text-align: center
}

@media (min-width: 992px) {
    .visualBoxFocus__content {
        border-top: none;
        display: -webkit-box;
        display: flex;
        text-align: left
    }
}

.visualBoxFocus__content:before {
    content: "";
    border-top: 3px solid #020202;
    border-left: none;
    padding-top: 24px;
    width: 150px;
    margin: 0 auto;
    display: -webkit-box;
    display: flex
}

@media (min-width: 992px) {
    .visualBoxFocus__content:before {
        width: auto;
        border-top: none;
        border-left: 3px solid #020202;
        padding: 10px 0 10px 24px;
        display: -webkit-box;
        display: flex
    }
}

.visualBoxFocus__content--white:before {
    border-left: none;
    border-top: 3px solid #fff;
    margin-top: 50px
}

@media (min-width: 992px) {
    .visualBoxFocus__content--white:before {
        border-top: none;
        border-left: 3px solid #fff;
        margin-top: unset
    }
}

.visualBoxFocus .visualBoxSlider__image img {
    width: 300px
}

@media (min-width: 1200px) {
    .visualBoxFocus .visualBoxSlider__image img {
        width: 100%
    }
}

.button-cta, .button-default, .button-success {
    color: red;
    background-color: #ff0;
    padding: 20px
}

.button-cta {
    margin: 20px;
    color: green
}

.button-success {
    margin: 40px;
    color: #00f
}

.scrollIcon {
    display: block;
    width: 100px !important;
    position: absolute;
    bottom: 20px;
    right: 20px
}

@media (min-width: 1200px) {
    .scrollIcon {
        display: none
    }
}

.scrollIcon .text-black .scrollIcon__scrollText, .scrollIcon .text-white .scrollIcon__scrollText {
    float: right;
    text-align: right
}

.scrollIcon .text-black .scrollIcon__scrollText:after, .scrollIcon .text-white .scrollIcon__scrollText:after {
    content: "";
    display: block;
    width: 100px
}

.scrollIcon .text-white .scrollIcon__scrollText:after {
    border: 1px solid #fff
}

.scrollIcon .text-black .scrollIcon__scrollText:after {
    border: 1px solid #020202
}

.store-map {
    height: 345px
}

@media (min-width: 1200px) {
    .store-map {
        height: 492px
    }
}

.store-map .gm-style-cc {
    display: none
}

.store-map a[rel=noopener] {
    display: none !important
}

.store-header {
    color: #020202;
    display: grid;
    grid-gap: 30px;
    grid-template-columns:1fr;
    padding-top: 40px
}

@media (min-width: 768px) {
    .store-header {
        grid-template-columns:1fr 1fr;
        padding-top: 60px
    }
}

@media (min-width: 992px) {
    .store-header {
        padding-top: 130px
    }
}

.store-header__title {
    grid-column: 1;
    grid-row: 1
}

@media (min-width: 768px) {
    .store-header__title {
        grid-column: 1/3;
        grid-row: 1
    }
}

.store-header__title h1 {
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 42px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .store-header__title h1 {
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .store-header__title h1 {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 40px
    }
}

.store-header__description {
    grid-column: 1;
    grid-row: 2;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width: 768px) {
    .store-header__description {
        grid-column: 1;
        grid-row: 2;
        letter-spacing: .32px;
        line-height: 34px
    }
}

.store-header__info {
    grid-column: 1;
    grid-row: 3
}

@media (min-width: 768px) {
    .store-header__info {
        grid-column: 2;
        grid-row: 2/4
    }
}

.store-header__info > div {
    background-color: #f8f8f8;
    padding: 59px 30px 20px
}

@media (min-width: 1200px) {
    .store-header__info > div {
        padding: 62px
    }
}

.store-header__info > div > div {
    padding: 30px 0
}

.store-header__info__contact span {
    display: block
}

.store-header__info__contact a {
    text-decoration: underline
}

.store-header__info__contact a, .store-header__info__contact span {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .64px;
    line-height: 30px
}

.store-header__info__legal h6, .store-header__info__worktime h6 {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 16px;
    margin-bottom: .05rem
}

.store-header__info__legal span, .store-header__info__worktime span {
    display: block;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .64px;
    line-height: 30px
}

.store-header__content {
    grid-column: 1;
    grid-row: 4
}

.store-header__content h4 {
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 58px;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #020202
}

@media (min-width: 768px) {
    .store-header__content h4 {
        font-size: 30px;
        font-weight: 400;
        line-height: 58px
    }
}

.store-header__content span {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px
}

@media (min-width: 768px) {
    .store-header__content {
        grid-column: 1;
        grid-row: 3;
        width: 80%
    }
}

.store-details {
    color: #020202;
    margin-top: 30px;
    padding: 30px 0 0
}

@media (min-width: 768px) {
    .store-details {
        margin-top: 90px
    }
}

@media (min-width: 1200px) {
    .store-details {
        margin-top: 110px
    }
}

.store-details .newslist-preview h4 {
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 58px
}

@media (min-width: 768px) {
    .store-details .newslist-preview h4 {
        font-size: 30px;
        font-weight: 400
    }
}

.story-bg {
    background-color: #020202
}

@media (min-width: 992px) {
    .storyHeader {
        padding-top: 130px
    }
}

.storyHeader__title {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 42px;
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    .storyHeader__title {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 50px
    }
}

.storyHeader__rootTitle {
    height: 79px;
    color: #b4b4b4;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 42px
}

@media (min-width: 1200px) {
    .storyHeader__rootTitle {
        height: 87px;
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 50px
    }
}

.storyHeader__introduction {
    width: auto;
    color: #fff;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .64px;
    line-height: 30px;
    margin-top: 17px
}

.stories-grid {
    margin-left: 0;
    width: 100%;
    margin-top: 50px
}

@media (min-width: 1200px) {
    .stories-grid {
        width: auto
    }
}

@media (min-width: 1367px) {
    .stories-grid {
        width: calc(100% + 20px);
        margin-left: -10px
    }
}

.stories-grid__item {
    width: 100%;
    padding-bottom: 20px;
    flex-wrap: wrap;
    background-color: #020202;
    box-sizing: border-box
}

@media (min-width: 1200px) {
    .stories-grid__item {
        padding-bottom: inherit;
        width: 20%;
        min-width: auto
    }
}

@media (min-width: 1367px) {
    .stories-grid__item {
        padding-bottom: inherit;
        width: 20%
    }
}

.stories-grid__item--double {
    width: 100%
}

@media (min-width: 1200px) {
    .stories-grid__item--double {
        width: 40%
    }
}

.stories-grid__item__desc {
    padding: 10px
}

.storyItem__borderBlock {
    width: 100%;
    height: 100%;
    margin: inherit;
    background-color: #161616
}

@media (min-width: 1200px) {
    .storyItem__borderBlock {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 10px
    }
}

.storyItem__borderBlock--light, .storyItem__borderBlock--light > div {
    background-color: #fff
}

.storyItem__borderBlock--light .storyItem__textBlock, .storyItem__borderBlock--light > div a {
    color: #020202
}

.storyItem__borderBlock--light .storyItem__textBlock .storyItem__category:after {
    border-top: 2px solid #161616
}

.storyItem__borderBlock:hover .storyItem__image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .2s;
    transition: .2s
}

.storyItem__borderBlock:hover .storyItem__category:after {
    width: 80px;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in
}

.storyItem__image, .storyItem__image img {
    width: 100%;
    height: 315px;
    overflow: hidden
}

@media (min-width: 992px) {
    .storyItem__image, .storyItem__image img {
        height: 370px
    }
}

@media (min-width: 1200px) {
    .storyItem__image, .storyItem__image img {
        height: 280px
    }
}

@media (min-width: 1367px) {
    .storyItem__image, .storyItem__image img {
        height: 300px
    }
}

.storyItem__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.storyItem__textBlock {
    text-align: center;
    background-color: #161616;
    padding: 27px 5px
}

@media (min-width: 1200px) {
    .storyItem__textBlock {
        padding: 27px 20px
    }
}

.storyItem__textBlock--dark {
    color: #161616
}

.storyItem__category {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.88px;
    line-height: 24px;
    text-transform: uppercase
}

.storyItem__category:after {
    content: ".";
    display: block;
    height: 1px;
    width: 38px;
    min-width: 50px;
    margin: 20px auto;
    text-indent: -9999px;
    border-top: 1px solid #fff;
    border-radius: 2px;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in
}

.storyItem__title {
    height: 69px;
    overflow-y: hidden;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

.highlightStory__image {
    position: relative;
    margin-left: -37px;
    width: 100vw;
    height: 226px
}

@media (min-width: 768px) {
    .highlightStory__image {
        position: inherit;
        margin-left: inherit;
        width: inherit;
        height: 526px
    }
}

.highlightStory__image img {
    width: 100%;
    height: 226px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .highlightStory__image img {
        height: 526px
    }
}

.highlightStory__textBlock {
    text-align: center;
    height: 190px;
    background-color: #fff;
    padding: 27px 5px;
    color: #161616;
    position: relative;
    margin-top: -72px;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .highlightStory__textBlock {
        padding: 27px 20px;
        width: 620px;
        height: 168px;
        margin: -138px auto 20px
    }
}

.highlightStory__textBlock--dark {
    color: #161616
}

.highlightStory__category {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.88px;
    line-height: 24px;
    text-transform: uppercase
}

.highlightStory__category:after {
    content: ".";
    display: block;
    height: 1px;
    width: 38px;
    min-width: 50px;
    margin: 20px auto;
    text-indent: -9999px;
    border-top: 1px solid #161616;
    border-radius: 2px
}

.highlightStory__title {
    height: 70px;
    overflow-y: hidden;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .96px;
    line-height: 24px;
    text-transform: uppercase
}

.grid__col-sizer {
    width: 20%
}

.grid__gutter-sizer {
    width: 0
}

.page-load-status {
    display: none;
    padding-top: 20px;
    text-align: center;
    color: #777
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    background: #555;
    position: absolute;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loader-ellips__dot:first-child, .loader-ellips__dot:nth-child(2) {
    left: 0
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em
}

.loader-ellips__dot:nth-child(4) {
    left: 3em
}

@-webkit-keyframes reveal {
    0% {
        -webkit-transform: scale(.001);
        transform: scale(.001)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes reveal {
    0% {
        -webkit-transform: scale(.001);
        transform: scale(.001)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes slide {
    to {
        -webkit-transform: translateX(1.5em);
        transform: translateX(1.5em)
    }
}

@keyframes slide {
    to {
        -webkit-transform: translateX(1.5em);
        transform: translateX(1.5em)
    }
}

.loader-ellips__dot:first-child {
    -webkit-animation-name: reveal;
    animation-name: reveal
}

.loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) {
    -webkit-animation-name: slide;
    animation-name: slide
}

.loader-ellips__dot:nth-child(4) {
    -webkit-animation-name: reveal;
    animation-name: reveal;
    animation-direction: reverse
}

.story-details {
    background-color: #fff;
    color: #020202
}

.story-details__footer {
    padding-top: 25px;
    padding-bottom: 25px
}

.story-details__social {
    text-align: center;
    padding-bottom: 50px
}

.story-details__social img {
    width: 33px
}

.story-details__pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.story-details__arrow {
    font-size: 12px;
    background-color: transparent;
    border: none
}

.story-details__arrow .arrow__title {
    color: #020202;
    font-family: Raleway, sans-serif;
    font-weight: 500;
    letter-spacing: 2.24px;
    text-transform: uppercase;
    padding: 0 10px
}

.heroBanner {
    max-width: 1920px;
    margin: 0 auto
}

.heroBanner .heroBanner__pv-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.heroBannerComponent .heroBannerComponent__image {
    width: inherit;
    position: relative
}

.heroBannerComponent .heroBannerComponent__image img {
    width: 100vw
}

.heroBannerComponent .heroBannerComponent__textBlock {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.heroBannerComponent .heroBannerComponent__background {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px;
    max-width: unset;
    position: absolute;
    left: 0;
    width: 338px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: auto
}

@media (min-width: 768px) {
    .heroBannerComponent .heroBannerComponent__background {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .heroBannerComponent .heroBannerComponent__background {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .heroBannerComponent .heroBannerComponent__background {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (min-width: 768px) {
    .heroBannerComponent .heroBannerComponent__background {
        min-width: 50vw;
        padding-right: 30px;
        background-color: transparent;
        position: static;
        height: 100%
    }
}

@media (min-width: 1200px) {
    .heroBannerComponent .heroBannerComponent__background {
        min-width: 780px;
        padding-right: 170px
    }
}

.heroBannerComponent .heroBannerComponent__textAlign {
    width: 100%;
    padding-top: 37px;
    padding-bottom: 20px
}

@media (min-width: 1200px) {
    .heroBannerComponent .heroBannerComponent__textAlign {
        padding-top: 100px;
        padding-bottom: unset
    }
}

@media (min-width: 1367px) {
    .heroBannerComponent .heroBannerComponent__textAlign {
        padding-top: 37px
    }
}

.heroBannerComponent .heroBannerComponent__topic {
    display: none
}

@media (min-width: 768px) {
    .heroBannerComponent .heroBannerComponent__topic {
        display: block
    }
}

.heroBannerComponent .heroBannerComponent__title {
    font-size: 2rem
}

.heroBannerComponent .heroBannerComponent__subTitle {
    display: none
}

@media (min-width: 992px) {
    .heroBannerComponent .heroBannerComponent__subTitle {
        display: block
    }
}

.heroBannerFullScreen {
    max-width: unset;
    padding-bottom: 60px;
    position: relative
}

@media (min-width: 1200px) {
    .heroBannerFullScreen {
        padding-bottom: 75px
    }
}

.heroBannerFullScreen .heroBannerFullScreen__sectionImage {
    width: 100vw;
    max-width: 100%;
    height: 349px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    background-color: #020202
}

@media (min-width: 768px) {
    .heroBannerFullScreen .heroBannerFullScreen__sectionImage {
        width: inherit
    }
}

.heroBannerFullScreen .heroBannerFullScreen__image {
    width: 100%;
    position: absolute
}

.heroBannerFullScreen .heroBannerFullScreen__background {
    height: 349px;
    background-color: transparent;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

@media (min-width: 768px) {
    .heroBannerFullScreen .heroBannerFullScreen__background {
        height: 580px;
        background-color: rgba(0, 0, 0, .5)
    }
}

@media (min-width: 1200px) {
    .heroBannerFullScreen .heroBannerFullScreen__background {
        height: 580px;
        max-width: 810px;
        background-color: rgba(0, 0, 0, .5)
    }
}

.heroBannerFullScreen .heroBannerFullScreen__textBlock {
    bottom: 0;
    left: 0;
    background-color: rgba(24, 24, 24, .5);
    width: 338px
}

@media (min-width: 768px) {
    .heroBannerFullScreen .heroBannerFullScreen__textBlock {
        width: 100%;
        min-width: 338px;
        max-width: 500px;
        background-color: transparent;
        position: static;
        height: 100%
    }
}

.heroBannerFullScreen .heroBannerFullScreen__textBlock div {
    width: 100%
}

@media (min-width: 1200px) {
    .heroBannerFullScreen .heroBannerFullScreen__textBlock div {
        max-width: 400px;
        width: 100%
    }
}

@media (min-width: 1367px) {
    .heroBannerFullScreen .heroBannerFullScreen__textBlock div {
        max-width: 580px
    }
}

.heroBannerFullScreen .heroBannerFullScreen__title {
    margin: auto 0;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: 1px
}

@media (min-width: 768px) {
    .heroBannerFullScreen .heroBannerFullScreen__title {
        padding: unset;
        padding-bottom: 20px
    }
}

@media (min-width: 1367px) {
    .heroBannerFullScreen .heroBannerFullScreen__title {
        padding-top: 36px;
        padding-bottom: 36px;
        font-size: 80px;
        font-weight: 200;
        line-height: 80px
    }
}

.heroBannerFullScreen .heroBannerFullScreen__subTitle {
    width: 100%;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .64px;
    line-height: 30px;
    margin: auto 0;
    display: block
}

@media (min-width: 768px) {
    .heroBannerFullScreen .heroBannerFullScreen__subTitle {
        width: auto;
        display: inherit
    }
}

@media (min-width: 1200px) {
    .heroBannerFullScreen .heroBannerFullScreen__subTitle {
        width: auto
    }
}

@media (min-width: 1367px) {
    .heroBannerFullScreen .heroBannerFullScreen__subTitle {
        width: 492px
    }
}

.heroBannerFullScreen .slick-dots {
    position: absolute;
    bottom: 15px;
    right: 0
}

@media (min-width: 992px) {
    .heroBannerFullScreen .slick-dots {
        width: 33%;
        text-align: left;
        bottom: 30px
    }
}

.heroBannerFullScreen .slick-dots li button {
    border-bottom: 3px solid #b4b4b4;
    width: 100%
}

.heroBannerFullScreen .slick-dots li button:before {
    content: ""
}

.heroBannerFullScreen .slick-dots li.slick-active button {
    border-color: #fff
}

.heroBannerFullWidth .slick-dots {
    padding-left: unset;
    left: 0;
    right: unset;
    bottom: 30px
}

@media (min-width: 768px) {
    .heroBannerFullWidth .slick-dots {
        padding-left: 170px;
        bottom: 120px
    }
}

.heroBannerFullWidth.slick-dotted.slick-slider {
    margin-bottom: 0
}

.heroBannerFullScreen {
    padding-bottom: 0
}

.heroBannerFullScreen__background {
    height: 100%
}

.heroBannerFullScreen__sectionImage {
    height: 100vh
}

.heroBannerFullScreen .slick-dots {
    width: 100%;
    text-align: center;
    padding-left: unset
}

.heroBannerFullScreen.slick-dotted.slick-slider {
    margin-bottom: 0
}

.heroBannerFullScreen .image {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.heroBannerFullScreen .image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: 100%
}

@media (min-width: 1200px) {
    .heroBannerFullScreen .image {
        /*height: calc(100vh - 122px);*/
        position: relative;
        width: 100%;
        min-height: 620px
    }

    .heroBannerFullScreen .image img {
        min-height: 620px;
        -o-object-fit: cover;
        object-fit: cover;
        height: auto;
        width: 100%
    }
}

.heroBannerFullScreen .heroBannerFullScreen__video {
    width: 100%;
    height: 533px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    -o-object-fit: cover;
    object-fit: cover
}

.heroBannerFullScreen .heroBannerFullScreen__video img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 1200px) {
    .heroBannerFullScreen .heroBannerFullScreen__video {
        height: calc(100vh - 122px);
        max-height: unset;
        position: relative;
        width: 100%
    }

    .heroBannerFullScreen .heroBannerFullScreen__video img {
        -o-object-fit: cover;
        object-fit: cover;
        height: calc(100vh - 122px);
        width: 100%
    }
}

.heroBannerFullScreen .heroBannerFullScreen__textBlock {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px;
    position: absolute;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: unset;
    align-items: unset;
    padding-top: 50px;
    background-color: unset
}

@media (min-width: 768px) {
    .heroBannerFullScreen .heroBannerFullScreen__textBlock {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .heroBannerFullScreen .heroBannerFullScreen__textBlock {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .heroBannerFullScreen .heroBannerFullScreen__textBlock {
        padding-left: 170px;
        padding-right: 170px;
        -webkit-box-align: center;
        align-items: center
    }
}

.heroBannerFullScreen .heroBannerFullScreen__textBlock .heroBannerFullScreen__topic {
    height: 36px;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.44px;
    line-height: 36px;
    text-transform: uppercase
}

.heroBannerFullScreen .heroBannerFullScreen__textBlock .background {
    position: absolute
}

.heroBannerBlocks {
    padding-top: 25px;
    position: relative
}

@media (min-width: 768px) {
    .heroBannerBlocks {
        padding-top: 100px
    }
}

@media (min-width: 992px) {
    .heroBannerBlocks {
        padding-top: 100px;
        height: 350px;
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .heroBannerBlocks {
        padding-top: 100px;
        height: 400px;
        margin-bottom: 30px
    }
}

@media (min-width: 1367px) {
    .heroBannerBlocks {
        height: 580px;
        padding-bottom: 100px;
        margin-bottom: 130px
    }
}

.heroBannerBlocks .centerBlock {
    display: inline-block
}

.heroBannerBlocks .heroBannerBlocks__info {
    padding-bottom: 30px
}

@media (min-width: 992px) {
    .heroBannerBlocks .heroBannerBlocks__info {
        margin-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1367px) {
    .heroBannerBlocks .heroBannerBlocks__info {
        margin-top: 100px;
        padding-bottom: 50px
    }
}

.heroBannerBlocks .heroBannerBlocks__info__title {
    max-width: 517px;
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px
}

@media (min-width: 768px) {
    .heroBannerBlocks .heroBannerBlocks__info__title {
        padding-left: unset;
        padding-right: unset
    }
}

@media (min-width: 1367px) {
    .heroBannerBlocks .heroBannerBlocks__info__title {
        font-size: 62px;
        line-height: 73px
    }
}

.heroBannerBlocks .heroBannerBlocks__info__subTitle {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .64px;
    line-height: 30px;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .heroBannerBlocks .heroBannerBlocks__info__subTitle {
        padding-left: unset;
        padding-right: unset
    }
}

.heroBannerBlocks .heroBannerBlocks__info__category {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.82px;
    line-height: 36px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .heroBannerBlocks .heroBannerBlocks__info__category {
        padding-left: unset;
        padding-right: unset
    }
}

@media (min-width: 1200px) {
    .heroBannerBlocks .heroBannerBlocks__info__category {
        font-size: 16px;
        letter-spacing: 2.24px
    }
}

.heroBannerBlocks .heroBannerBlocks__info__category span {
    display: inline-block;
    margin-right: 19px;
    line-height: 20px;
    border-top: 1px solid #fff;
    width: 39px
}

@media (min-width: 992px) {
    .heroBannerBlocks .heroBannerBlocks__sectionImage {
        margin-top: 30px
    }
}

.heroBannerBlocks .heroBannerBlocks__image {
    margin-bottom: -1px
}

@media (max-width: 576px) {
    .heroBannerBlocks .heroBannerBlocks__image {
        width: 100vw;
        margin-left: -37px
    }

    .heroBannerBlocks .heroBannerBlocks__image img, .heroBannerBlocks .heroBannerBlocks__image picture {
        width: 100vw
    }
}

@media (min-width: 992px) {
    .heroBannerBlocks .heroBannerBlocks__image {
        margin-bottom: -10%
    }
}

.heroBannerBlocks .heroBannerBlocks__image > img {
    max-height: none
}

@media (min-width: 992px) {
    .heroBannerBlocks .heroBannerBlocks__image > img {
        max-height: 520px
    }
}

.heroBannerUnderlined .heroBannerUnderlined__content {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 992px) {
    .heroBannerUnderlined .heroBannerUnderlined__content {
        padding-top: 200px;
        padding-bottom: 90px
    }
}

.heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text {
    position: relative
}

@media (min-width: 992px) {
    .heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text {
        padding-left: 85px;
        padding-right: 85px
    }
}

.heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__title {
    font-family: Raleway, sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: .28px;
    line-height: 32px;
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__title {
        font-size: 70px;
        letter-spacing: .7px;
        line-height: 70px;
        margin-bottom: 25px
    }
}

.heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__subTitle {
    font-family: Muli, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .12px;
    line-height: 18px;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__subTitle {
        font-size: 18px;
        letter-spacing: .18px;
        line-height: 30px
    }
}

@media (min-width: 992px) {
    .heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__line {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 2px
    }
}

.heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__line--white {
    background-color: #fff
}

.heroBannerUnderlined .heroBannerUnderlined__content .heroBannerUnderlined__text .heroBannerUnderlined__text__line--black {
    background-color: #020202
}

.generalText {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 1200px) {
    .generalText {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.generalText .generalText__title {
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 75px
}

.generalText.generalText--focus .text-black p:before {
    border: 1px solid #020202
}

.generalText .generalTextFocus__textBlock {
    font-family: Raleway, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    position: relative
}

.generalText .generalTextFocus__textBlock p {
    quotes: "“" "”" "‘" "’";
    font-family: Raleway, sans-serif;
    font-size: 26px;
    line-height: 34px;
    position: relative;
    max-width: 715px;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .generalText .generalTextFocus__textBlock p {
        font-size: 30px;
        font-weight: 300;
        line-height: 40px
    }
}

.generalText .generalTextFocus__textBlock p:before {
    content: "";
    left: 50%;
    top: -20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 86px;
    display: inline-block;
    position: absolute;
    width: 177px;
    height: 1px;
    border: 1px solid #fff
}

.generalText.generalText--quote {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    font-family: Raleway, sans-serif
}

.generalText.generalText--quote .generalTextQuote__textBlock {
    position: relative
}

.generalText.generalText--quote .generalTextQuote__textBlock p {
    quotes: "“" "”" "‘" "’";
    font-family: Didot, sans-serif;
    font-size: 26px;
    font-style: italic;
    line-height: 34px;
    position: relative;
    max-width: 715px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .generalText.generalText--quote .generalTextQuote__textBlock p {
        font-size: 30px;
        font-weight: 300;
        line-height: 40px
    }
}

.generalText.generalText--quote .generalTextQuote__textBlock p:after, .generalText.generalText--quote .generalTextQuote__textBlock p:before {
    font-size: 86px;
    font-family: Didot, sans-serif;
    font-style: italic;
    display: inline-block;
    position: absolute;
    opacity: .23
}

.generalText.generalText--quote .generalTextQuote__textBlock p:before {
    content: open-quote;
    left: 45%;
    top: -20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 1200px) {
    .generalText.generalText--quote .generalTextQuote__textBlock p:before {
        left: unset;
        top: 0;
        margin-left: -25px
    }
}

.generalText.generalText--quote .generalTextQuote__textBlock p:after {
    content: close-quote;
    left: 45%;
    top: calc(100% + 30px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 1200px) {
    .generalText.generalText--quote .generalTextQuote__textBlock p:after {
        left: unset;
        top: 100%
    }
}

.generalText.generalText--quote .generalText__divisor {
    width: 10%;
    min-width: 50px;
    height: 2px;
    border-top: 2px solid #b4b4b4;
    border-radius: 2px;
    position: absolute;
    left: 50%
}

.generalText.generalText--quote .generalText__divisor.generalText__divisor--top {
    top: 0
}

.generalText.generalText--quote .generalText__divisor.generalText__divisor--bottom {
    bottom: 0
}

@media (min-width: 768px) {
    .symmetricText__textBody {
        -webkit-column-gap: 36px;
        -moz-column-gap: 36px;
        column-gap: 36px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

.symmetricText__textBody p {
    font-family: Muli, sans-serif;
    font-size: 16px;
    letter-spacing: .32px;
    line-height: 24px;
    margin-bottom: 36px
}

@media (min-width: 992px) {
    .symmetricText__textBody p {
        font-family: Muli, sans-serif;
        font-size: 16px;
        letter-spacing: .32px;
        line-height: 34px;
        margin-bottom: 36px
    }
}

.symmetricText__textBody p:last-child {
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .asymmetricText .asymmetricText__textBlock {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.asymmetricText .asymmetricText__title {
    max-width: 585px
}

.asymmetricText .asymmetricText__title h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media (min-width: 1200px) {
    .asymmetricText .asymmetricText__title h4 {
        font-family: Raleway, sans-serif;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        text-transform: uppercase
    }
}

.asymmetricText .asymmetricText__textBody {
    font-family: Raleway, sans-serif;
    font-size: 16px;
    float: unset
}

@media (min-width: 1200px) {
    .asymmetricText .asymmetricText__textBody {
        max-width: 940px;
        width: 100%;
        float: right
    }
}

.asymmetricText .asymmetricText__textBody ol {
    font-family: Raleway, sans-serif
}

.asymmetricText .asymmetricText__textBody ol li {
    font-family: Muli, sans-serif
}

.asymmetricText .asymmetricText__textBody h6 {
    margin-bottom: 5vw
}

@media (min-width: 768px) {
    .asymmetricText .asymmetricText__textBody h6 {
        margin-bottom: 2vw
    }
}

@media (min-width: 992px) {
    .asymmetricText .asymmetricText__textBody h6 {
        margin-bottom: 0
    }
}

.asymmetricText .asymmetricText__textBody a, .asymmetricText .asymmetricText__textBody p {
    line-height: 34px
}

.asymmetricText .asymmetricText__textBody p {
    font-family: Muli, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 36px
}

@media (min-width: 1200px) {
    .asymmetricText .asymmetricText__textBody p {
        margin-bottom: 34px;
        font-family: Muli, sans-serif;
        font-size: 16px;
        letter-spacing: .32px;
        line-height: 34px
    }
}

.asymmetricText .asymmetricText__textBody p:last-of-type {
    margin-bottom: 0
}

.asymmetricText .asymmetricText__textBody strong {
    font-family: Raleway, sans-serif
}

.asymmetricText .asymmetricText__textBody span {
    border-bottom: .5px solid #fff;
    width: 39px
}

.asymmetricText .asymmetricText__textBody .action-link {
    margin-top: 34px
}

@media (min-width: 1200px) {
    .asymmetricTwoColumnText {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media (min-width: 1200px) {
    .asymmetricTwoColumnText__textBody {
        -moz-column-gap: 36px;
        -webkit-column-gap: 36px;
        column-gap: 36px;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-fill: balance;
        -webkit-column-fill: balance;
        column-fill: balance
    }
}

.cards-component {
    max-width: 1920px;
    margin: 0 auto
}

@media (min-width: 576px) {
    .cards-component.cards-component--container {
        max-width: 100%;
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (min-width: 576px) and (min-width: 768px) {
    .cards-component.cards-component--container {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 576px) and (min-width: 992px) {
    .cards-component.cards-component--container {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 576px) and (min-width: 1200px) {
    .cards-component.cards-component--container {
        padding-left: 170px;
        padding-right: 170px
    }
}

.cards-component .cards {
    margin-bottom: 150px
}

@media (min-width: 576px) {
    .cards-component .cards {
        max-width: 100%;
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (min-width: 576px) and (min-width: 768px) {
    .cards-component .cards {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 576px) and (min-width: 992px) {
    .cards-component .cards {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 576px) and (min-width: 1200px) {
    .cards-component .cards {
        padding-left: 170px;
        padding-right: 170px
    }
}

.cards-component .cards__card {
    background-color: unset;
    padding-top: 0;
    padding-bottom: 50px;
    border: none
}

@media (min-width: 992px) {
    .cards-component .cards__card {
        padding-top: 100px;
        padding-bottom: 100px;
        max-width: 460px;
        margin: 0 auto
    }
}

.cards-component .cards__image {
    padding-bottom: 25px
}

.cards-component .cards__image img {
    width: 100%
}

.cards-component .cards__image img.box--bigger {
    max-width: 640px
}

.cards-component .cards__textBox {
    padding-left: 37px;
    padding-right: 37px;
    max-width: 460px
}

@media (min-width: 576px) {
    .cards-component .cards__textBox {
        padding-left: 0;
        padding-right: 0
    }
}

.cards-component .cards__title {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .cards-component .cards__title {
        font-size: 20px;
        line-height: 38px
    }
}

@media (min-width: 1200px) {
    .cards-component .cards__title {
        font-size: 20px
    }
}

@media (min-width: 1367px) {
    .cards-component .cards__title {
        font-size: 32px
    }
}

.cards-component .cards__text {
    font-family: Muli, sans-serif;
    font-size: 16px;
    letter-spacing: .32px;
    line-height: 32px;
    font-weight: 400
}

.cards-component .cards__link {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.44px;
    line-height: 36px;
    text-transform: uppercase;
    margin-top: 25px
}

.cards-component .slider-cards-component {
    justify-content: space-around
}

@media (min-width: 1200px) {
    .cards-component .slider-cards-component {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.cards-minimal {
    padding: 60px 0;
    justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

@media (max-width: 576px) {
    .cards-minimal {
        -webkit-box-pack: unset;
        justify-content: unset
    }
}

.cards-minimal .cards__card {
    max-width: 400px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px
}

.cards-minimal .cards__textBox {
    padding-right: 0;
    position: relative
}

@media (min-width: 992px) {
    .cards-minimal .cards__textBox {
        max-width: 250px;
        margin: 0 auto
    }
}

.cards-minimal .cards__textBox:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    margin-left: -45px;
    left: unset;
    top: 0
}

@media (min-width: 992px) {
    .cards-minimal .cards__textBox:before {
        margin-left: 0;
        height: 120%;
        left: -50px;
        top: -10%
    }
}

@media (min-width: 1367px) {
    .cards-minimal .cards__textBox {
        max-width: unset
    }
}

.white-section .cards-component__card {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 576px) {
    .white-section .cards-component__card {
        padding-top: 50px
    }
}

@media (min-width: 992px) {
    .white-section .cards-component__card {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.productsPreview {
    padding: 30px 0
}

.productsPreview .products {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    -webkit-box-flex: 1;
    background-color: #020202
}

@media (min-width: 992px) {
    .productsPreview .products {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width: 1200px) {
    .productsPreview .products {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.productsPreview .products .title {
    color: #fff;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px
}

@media (min-width: 768px) {
    .productsPreview .products .title {
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        line-height: 38px
    }
}

.productsPreview .products .cta {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.44px;
    line-height: 16px;
    text-transform: uppercase;
    width: 300px;
    text-align: center;
    margin: 20px auto 0
}

@media (min-width: 768px) {
    .productsPreview .products .cta {
        text-align: center;
        margin-top: unset;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        line-height: 36px;
        width: auto
    }
}

.productsPreview .products .cta a {
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 16px
}

@media (min-width: 768px) {
    .productsPreview .products .cta a {
        line-height: 36px
    }
}

.productsPreview .products .image {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-top: 20px
}

.productsPreview .products .image img, .productsPreview .products .image picture {
    height: 265px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .productsPreview .products .image img, .productsPreview .products .image picture {
        width: auto;
        height: 250px;
    }
}

@media (min-width: 1200px) {
    .productsPreview .products:hover {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        background-color: #fff
    }

    .productsPreview .products:hover .title, .productsPreview .products:hover .title a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        color: #020202;
        font-weight: 700
    }

    .productsPreview .products:hover .cta, .productsPreview .products:hover .cta a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        color: #020202
    }

    .productsPreview .products:hover .cta a:before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        border-top: 1px solid #020202
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .productsPreview .products:hover .image {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.cards-grid .cards__card {
    padding: 0;
    max-width: unset
}

@media (min-width: 1200px) {
    .cards-grid .cards-grid__gallery {
        padding: 110px 0
    }
}

.cards-grid .cards-grid__gallery .slick-slide {
    margin-left: 27px
}

.cards-grid .cards-grid__gallery .slick-list {
    margin-left: -27px
}

.cards-grid .cards-grid__gallery .slick-arrow {
    z-index: 10
}

@media (min-width: 1200px) {
    .cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide {
        padding: 40px 0
    }
}

.cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: unset;
    justify-content: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width: 1200px) {
    .cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__image {
    width: 100%
}

@media (min-width: 1200px) {
    .cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__image {
        width: 300px
    }
}

.cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__textBox {
    padding: 0 37px 50px;
    width: 100%
}

@media (min-width: 768px) {
    .cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__textBox {
        max-width: 350px;
        padding: 0 0 50px
    }
}

@media (min-width: 1200px) {
    .cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__textBox {
        padding: 0 50px
    }
}

.cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__textBox .cards__title {
    max-width: 461px;
    font-family: Raleway, sans-serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1.04px;
    line-height: 38px;
    text-transform: uppercase
}

.cards-grid .cards-grid__gallery .cards-grid__slidersBlock .cards-grid__slide .cards__card .cards__textBox .cards__text {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 34px
}

.imageComponent {
    max-width: 1920px;
    margin: 0 auto
}

.imageComponent .imageComponent__image {
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.white-section .imageComponent.imageComponent--no-padding {
    padding-bottom: 0
}

.faq {
    padding: 42px 0
}

@media (min-width: 768px) {
    .faq {
        max-width: 100%;
        padding: 75px 37px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .faq {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .faq {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .faq {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .faq {
        padding-left: 135px;
        padding-right: 135px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .faq {
        padding-left: 230px;
        padding-right: 230px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .faq {
        padding-left: 310px;
        padding-right: 310px
    }
}

.faq > div > h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase;
    margin-top: -34px;
    margin-bottom: 15px;
    margin-left: 37px
}

@media (min-width: 768px) {
    .faq > div > h4 {
        text-align: center;
        margin-bottom: 75px;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .faq > div > h4 {
        font-family: Raleway, sans-serif;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        text-transform: uppercase
    }
}

.faq .faq-component {
    background-color: #161616;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    color: #fff
}

@media (min-width: 768px) {
    .faq .faq-component {
        margin-bottom: 20px
    }
}

.faq .faq-component .faq-component__header {
    text-align: center
}

.faq .faq-component .faq-component__header .faq-component__header__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

.faq .faq-component .faq-component__header .faq-component__header__info:after {
    content: "";
    background-color: #fff;
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 0
}

.faq .faq-component .faq-component__header .faq-component__header__info--space-time {
    display: -webkit-box;
    display: flex;
    padding: 25px 0
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header .faq-component__header__info--space-time {
        padding: 30px 0
    }
}

.faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--city {
    text-transform: uppercase;
    color: #b4b4b4;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 24px;
    font-family: Raleway, sans-serif;
    letter-spacing: 2.88px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--city {
        font-size: 12px
    }
}

.faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--city:after {
    content: "."
}

.faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--data {
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 24px;
    font-family: Raleway, sans-serif;
    letter-spacing: 2.88px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--data {
        font-size: 12px
    }
}

.faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--button {
    position: absolute;
    right: 6%;
    bottom: 10px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--button {
        bottom: -20px
    }
}

.faq .faq-component .faq-component__header .faq-component__header__info .faq-component__header__info--button:hover {
    cursor: pointer
}

.faq .faq-component .faq-component__header.collapsed .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--plus {
    display: block;
    width: 10px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header.collapsed .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--plus {
        width: 20px
    }
}

.faq .faq-component .faq-component__header.collapsed .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--minor {
    display: none;
    width: 10px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header.collapsed .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--minor {
        width: 20px
    }
}

.faq .faq-component .faq-component__header:not(.collapsed) .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--plus {
    display: none;
    width: 10px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header:not(.collapsed) .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--plus {
        width: 20px
    }
}

.faq .faq-component .faq-component__header:not(.collapsed) .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--minor {
    display: block;
    width: 10px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header:not(.collapsed) .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--minor {
        width: 20px
    }
}

.faq .faq-component .faq-component__header .faq-component__header__title h3 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component__header .faq-component__header__title h3 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 30px
    }
}

.faq .faq-component .faq-component-content p {
    padding: 35px 60px 60px
}

@media (min-width: 768px) {
    .faq .faq-component .faq-component-content p {
        padding: 30px 60px 60px
    }
}

.faq .faq-component .faq-component-content .action-link {
    margin-left: 40px;
    margin-bottom: 40px
}

.faq .faq-component--topic .faq-component__header .faq-component__header__info .faq-component__header__info--button {
    bottom: 25px
}

.faq .faq-component--topic .faq-component__header .faq-component__header__info .faq-component__header__info--button .faq-component__header__info--button__icon--minor {
    width: 25px !important
}

.faq .faq-component--topic .faq-component__header .faq-component__header__info:after {
    display: none
}

.faq .faq-component--topic .faq-component-content p {
    padding: 20px 60px !important
}

.job-position {
    padding: 42px 0
}

@media (min-width: 768px) {
    .job-position {
        max-width: 100%;
        padding: 75px 37px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .job-position {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .job-position {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .job-position {
        padding-left: 170px;
        padding-right: 170px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .job-position {
        padding-left: 135px;
        padding-right: 135px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .job-position {
        padding-left: 230px;
        padding-right: 230px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .job-position {
        padding-left: 310px;
        padding-right: 310px
    }
}

.job-position > div > h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase;
    margin-top: -34px;
    margin-bottom: 15px;
    margin-left: 37px
}

@media (min-width: 768px) {
    .job-position > div > h4 {
        text-align: center;
        margin-bottom: 75px;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .job-position > div > h4 {
        font-family: Raleway, sans-serif;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        text-transform: uppercase
    }
}

.job-position-component {
    background-color: #161616;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    color: #fff
}

@media (min-width: 768px) {
    .job-position-component {
        margin-bottom: 20px
    }
}

.job-position-component__header {
    text-align: center
}

.job-position-component__header__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

.job-position-component__header__info:after {
    content: "";
    background-color: #fff;
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 0
}

.job-position-component__header__info--space-time {
    display: -webkit-box;
    display: flex;
    padding: 25px 0
}

@media (min-width: 768px) {
    .job-position-component__header__info--space-time {
        padding: 30px 0
    }
}

.job-position-component__header__info--city {
    text-transform: uppercase;
    color: #b4b4b4;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 24px;
    font-family: Raleway, sans-serif;
    letter-spacing: 2.88px
}

@media (min-width: 768px) {
    .job-position-component__header__info--city {
        font-size: 12px
    }
}

.job-position-component__header__info--city:after {
    content: "."
}

.job-position-component__header__info--data {
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 24px;
    font-family: Raleway, sans-serif;
    letter-spacing: 2.88px
}

@media (min-width: 768px) {
    .job-position-component__header__info--data {
        font-size: 12px
    }
}

.job-position-component__header__info--button {
    position: absolute;
    right: 6%;
    bottom: 10px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .job-position-component__header__info--button {
        bottom: -20px
    }
}

.job-position-component__header__info--button:hover {
    cursor: pointer
}

.job-position-component__header.collapsed .job-position-component__header__info--button__icon--plus {
    display: block;
    width: 10px
}

@media (min-width: 768px) {
    .job-position-component__header.collapsed .job-position-component__header__info--button__icon--plus {
        width: 20px
    }
}

.job-position-component__header.collapsed .job-position-component__header__info--button__icon--minor {
    display: none;
    width: 10px
}

@media (min-width: 768px) {
    .job-position-component__header.collapsed .job-position-component__header__info--button__icon--minor {
        width: 20px
    }
}

.job-position-component__header:not(.collapsed) .job-position-component__header__info--button__icon--plus {
    display: none;
    width: 10px
}

@media (min-width: 768px) {
    .job-position-component__header:not(.collapsed) .job-position-component__header__info--button__icon--plus {
        width: 20px
    }
}

.job-position-component__header:not(.collapsed) .job-position-component__header__info--button__icon--minor {
    display: block;
    width: 10px
}

@media (min-width: 768px) {
    .job-position-component__header:not(.collapsed) .job-position-component__header__info--button__icon--minor {
        width: 20px
    }
}

.job-position-component__header .job-position-component__header__title h3 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .job-position-component__header .job-position-component__header__title h3 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 30px
    }
}

.job-position-component .job-position-component-content p {
    padding: 35px 60px 60px
}

@media (min-width: 768px) {
    .job-position-component .job-position-component-content p {
        padding: 30px 60px 60px
    }
}

.job-position-component .job-position-component-content .action-link {
    margin-left: 40px;
    margin-bottom: 40px
}

.documentViewer {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width: 576px) {
    .documentViewer {
        display: grid;
        grid-template-columns:repeat(1, 1fr);
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .documentViewer {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 15px 15px;
        -webkit-box-pack: unset;
        justify-content: unset
    }
}

@media (min-width: 1200px) {
    .documentViewer {
        grid-template-columns:repeat(3, 1fr);
        grid-gap: 15px 15px;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.documentViewer .documentViewer__document {
    padding-bottom: 15vw
}

@media (min-width: 576px) {
    .documentViewer .documentViewer__document {
        margin: 0;
        padding-bottom: 5vw
    }
}

.documentViewer .documentViewer__picture > picture {
    height: 75vw;
    margin-bottom: 10vw;
    background-color: #020202;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 576px) {
    .documentViewer .documentViewer__picture > picture {
        max-height: 350px;
        margin-bottom: 2vw;
        height: 300px
    }
}

.documentViewer .documentViewer__thumbnail {
    width: 100%
}

@media (min-width: 768px) {
    .documentViewer .documentViewer__thumbnail {
        max-width: 300px;
        max-height: 300px
    }
}

.documentViewer .documentViewer__title {
    margin-bottom: 20px;
    text-align: left;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .documentViewer .documentViewer__title {
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        line-height: 38px
    }
}

.documentViewer .documentViewer__secondaryLink {
    display: block;
    height: 37px;
    font-family: Raleway, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.44px;
    line-height: 36px;
    text-align: left
}

@media (min-width: 992px) {
    .documentViewer .documentViewer__secondaryLink {
        font-size: 12px
    }
}

.reference-tab-component .tab-component {
    margin: 0;
    list-style-type: none;
    padding: 0 0 25px
}

@media (min-width: 992px) {
    .reference-tab-component .tab-component {
        padding-bottom: 0
    }
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component {
        display: -webkit-box;
        display: flex
    }
}

.reference-tab-component .tab-component li.tab-component__button {
    position: relative
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component li.tab-component__button {
        text-align: center
    }
}

.reference-tab-component .tab-component li.tab-component__button:after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    -webkit-transition: width .3s;
    transition: width .3s
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component li.tab-component__button:after {
        background: #161616
    }
}

.reference-tab-component .tab-component li.tab-component__button.easy-in-button-left:after {
    left: 0
}

.reference-tab-component .tab-component li.tab-component__button.easy-in-button-right:after {
    right: 0
}

.reference-tab-component .tab-component li.tab-component__button:hover {
    cursor: pointer
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component li.tab-component__button:hover {
        background-color: hsla(0, 0%, 86.3%, .3)
    }
}

.reference-tab-component .tab-component li.tab-component__button .tab-component__button__title {
    padding: 15px;
    background-color: hsla(0, 0%, 86.3%, .3);
    color: #161616;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    letter-spacing: 1.82px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component li.tab-component__button .tab-component__button__title {
        background-color: transparent
    }
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component li.tab-component__button.tab-component__button--active:after {
        width: 100%
    }

    .reference-tab-component .tab-component li.tab-component__button.tab-component__button--active .tab-component__button__title {
        background-color: transparent
    }
}

.reference-tab-component .tab-component li.tab-component__button.easy-out-button:after {
    background: 0 0
}

@media (min-width: 576px) {
    .reference-tab-component .tab-component li.tab-component__button .tab-content-inside {
        display: none
    }
}

.reference-tab-component .tab-content {
    display: none
}

@media (min-width: 576px) {
    .reference-tab-component .tab-content.tab-content--active {
        display: block
    }
}

@media (max-width: 576px) {
    .reference-tab-component.enable-mobile .tab-component {
        display: -webkit-box;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button {
        text-align: center
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button:after {
        background: #161616
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button.easy-in-button-left:after {
        left: 0
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button.easy-in-button-right:after {
        right: 0
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button:hover {
        background-color: hsla(0, 0%, 86.3%, .3)
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button .tab-component__button__title {
        background-color: transparent
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button.tab-component__button--active:after {
        width: 100%
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button.tab-component__button--active .tab-component__button__title {
        background-color: transparent
    }

    .reference-tab-component.enable-mobile .tab-component li.tab-component__button .tab-content-inside {
        display: none
    }

    .reference-tab-component.enable-mobile .tab-content.tab-content--active {
        display: block
    }
}

.award {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-align: center;
    align-items: center
}

.award > div:first-of-type {
    padding-top: 25px;
    padding-bottom: 15px
}

@media (min-width: 992px) {
    .award {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .award > div:first-of-type {
        padding-bottom: 0
    }
}

.award__sliderNav {
    display: initial;
    font-family: Muli, sans-serif;
    font-weight: 400;
    line-height: 46px
}

@media (min-width: 992px) {
    .award__sliderNav {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        align-items: baseline;
        height: 85px;
        max-width: 940px;
        width: 100%;
        float: right;
        font-family: Muli, sans-serif;
        font-weight: 400;
        line-height: 46px
    }
}

.award__sliderNav--yearText {
    min-width: 200px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.44px;
    margin-bottom: 2px
}

@media (min-width: 992px) {
    .award__sliderNav--yearText {
        line-height: 0;
        margin-top: 40px;
        margin-bottom: auto
    }
}

.award__sliderNav .nav {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-box-align: baseline;
    align-items: baseline;
    flex-wrap: nowrap;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .award__sliderNav .nav {
        margin-bottom: auto
    }
}

.award__sliderNav .nav .nav-item {
    display: inline-block;
    float: none
}

.award__sliderNav .nav .nav-item:last-of-type > .nav-link {
    padding-right: 0
}

.award__sliderNav .nav .nav-item .nav-link {
    color: #a0a0a0;
    height: 43px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.06px;
    cursor: pointer
}

@media (min-width: 992px) {
    .award__sliderNav .nav .nav-item .nav-link {
        font-size: 22px;
        font-weight: 400;
        height: 73px
    }
}

.award__sliderNav .nav .nav-item .nav-link:hover {
    color: #fff;
    opacity: 1
}

.award__sliderNav .nav .nav-item .nav-link.active {
    color: #fff;
    font-size: 40px;
    font-weight: 400
}

@media (min-width: 992px) {
    .award__sliderNav .nav .nav-item .nav-link.active {
        color: #fff;
        font-size: 60px;
        height: 73px
    }
}

.award__sliderNav .nav .nav-item .nav-link.active:hover {
    color: #fff
}

.award__gallery {
    position: relative;
    margin-bottom: 41px
}

@media (min-width: 1200px) {
    .award__gallery {
        position: unset;
        margin-left: unset;
        margin-bottom: unset;
        min-height: 700px
    }
}

.award__gallery--left > div {
    float: right
}

.award__gallery--right > div {
    float: left
}

.award__gallery--fullwidth {
    max-width: 100vw
}

@media (min-width: 1200px) {
    .award__gallery--fullwidth, .award__gallery--fullwidth > div {
        max-width: 100%
    }
}

.award__slider {
    width: 100vw;
    max-width: 940px;
    float: unset;
    margin-left: -37px
}

@media (min-width: 768px) {
    .award__slider {
        width: 100%;
        max-width: 940px;
        float: right
    }
}

.award__slider .slick-slide {
    margin: 0 7px
}

@media (min-width: 992px) {
    .award__slider .slick-slide {
        margin: auto
    }
}

.award__slider .slick-slide img {
    width: 100vw
}

@media (min-width: 768px) {
    .award__slider .slick-slide img {
        width: auto
    }
}

.award__slider ul.slick-dots {
    text-align: center;
    bottom: -30px;
    height: 30px;
    padding-left: 37px;
    padding-right: 37px;
    width: 100%
}

@media (min-width: 992px) {
    .award__slider ul.slick-dots {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }
}

.award__slider ul.slick-dots li {
    width: 102px;
    padding-right: 10px;
    padding-left: 0;
    margin: 0
}

@media (min-width: 992px) {
    .award__slider ul.slick-dots li {
        max-width: 69px;
        padding-left: 0;
        padding-right: 10px
    }
}

.award__slider ul.slick-dots li button {
    border-bottom: 3px solid #b4b4b4;
    width: 100%
}

@media (min-width: 992px) {
    .award__slider ul.slick-dots li button {
        width: 100%
    }
}

.award__slider ul.slick-dots li button:before {
    content: ""
}

.award__slider ul.slick-dots li.slick-active button {
    border-color: #fff
}

.award__image {
    width: 940px
}

.award__link {
    margin-top: 50px;
    margin-left: 37px
}

@media (min-width: 768px) {
    .award__link {
        margin-top: 60px;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .award__link {
        float: right;
        margin-top: -15px;
        margin-left: 0
    }
}

@media (max-width: 576px) {
    .bannersSlider__container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.bannersSlider {
    max-width: 1920px;
    margin: 0 auto
}

.bannersSlider, .bannersSlider .slick-list, .bannersSlider .slick-list .slick-track {
    display: -webkit-box;
    display: flex
}

.bannersSlider .bannersSlider__singleSlider {
    height: 100%;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .bannersSlider .bannersSlider__singleSlider {
        width: auto
    }
}

@media (min-width: 1200px) {
    .bannersSlider .bannersSlider__singleSlider {
        width: 100%;
        margin-left: unset;
        margin-right: unset;
        padding: unset
    }
}

.bannersSlider .bannersSlider__singleSlider.slick-slide {
    margin: 0 7px
}

@media (min-width: 1200px) {
    .bannersSlider .bannersSlider__singleSlider.slick-slide {
        margin: unset
    }
}

.bannersSlider .bannersSlider__singleSlider .bannersSlider__sliderBlock {
    display: unset
}

@media (min-width: 1200px) {
    .bannersSlider .bannersSlider__singleSlider .bannersSlider__sliderBlock {
        display: -webkit-box;
        display: flex;
        height: 100%
    }
}

.bannersSlider .bannersSlider__slider {
    height: 100%;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-left: 0;
    margin-right: 0;
    width: 380px
}

@media (min-width: 992px) {
    .bannersSlider .bannersSlider__slider {
        width: 580px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .bannersSlider__slider {
        width: 100%;
        margin-left: unset;
        margin-right: unset;
        padding: unset
    }
}

.bannersSlider .bannersSlider__slider.slick-slide {
    margin: 0 7px
}

@media (min-width: 1200px) {
    .bannersSlider .bannersSlider__slider.slick-slide {
        margin: unset
    }
}

.bannersSlider .bannersSlider__slider .bannersSlider__sliderBlock {
    display: unset
}

@media (min-width: 1200px) {
    .bannersSlider .bannersSlider__slider .bannersSlider__sliderBlock {
        display: -webkit-box;
        display: flex;
        height: 100%
    }
}

.bannersSlider .sliders-gallery .videoBox {
    height: 167px;
    width: 100%
}

@media (min-width: 768px) {
    .bannersSlider .sliders-gallery .videoBox {
        height: 212px
    }
}

@media (min-width: 992px) {
    .bannersSlider .sliders-gallery .videoBox {
        height: 323px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-gallery .videoBox {
        min-height: 382px
    }
}

@media (min-width: 1367px) {
    .bannersSlider .sliders-gallery .videoBox {
        min-height: 592px
    }
}

.bannersSlider .sliders-gallery .videoBox .video {
    width: 100%;
    min-height: 167px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .bannersSlider .sliders-gallery .videoBox .video {
        min-height: 212px;
        width: 100%
    }
}

@media (min-width: 992px) {
    .bannersSlider .sliders-gallery .videoBox .video {
        height: 323px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-gallery .videoBox .video {
        min-height: 382px;
        height: auto;
        max-width: none;
        width: 100%
    }
}

@media (min-width: 1367px) {
    .bannersSlider .sliders-gallery .videoBox .video {
        min-height: 592px
    }
}

.bannersSlider .sliders-gallery .videoBox .video .plyr__video-embed, .bannersSlider .sliders-gallery .videoBox .video .plyr__video-wrapper {
    min-height: 167px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .bannersSlider .sliders-gallery .videoBox .video .plyr__video-embed, .bannersSlider .sliders-gallery .videoBox .video .plyr__video-wrapper {
        min-height: 212px
    }
}

@media (min-width: 992px) {
    .bannersSlider .sliders-gallery .videoBox .video .plyr__video-embed, .bannersSlider .sliders-gallery .videoBox .video .plyr__video-wrapper {
        height: 323px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-gallery .videoBox .video .plyr__video-embed, .bannersSlider .sliders-gallery .videoBox .video .plyr__video-wrapper {
        height: auto;
        width: auto;
        -o-object-fit: none;
        object-fit: none
    }
}

.bannersSlider .sliders-gallery .videoBox .video video {
    width: 100%;
    min-height: 167px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .bannersSlider .sliders-gallery .videoBox .video video {
        min-height: 212px;
        width: 100%
    }
}

@media (min-width: 992px) {
    .bannersSlider .sliders-gallery .videoBox .video video {
        height: 323px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-gallery .videoBox .video video {
        height: auto;
        width: auto;
        -o-object-fit: none;
        object-fit: none
    }
}

.bannersSlider .sliders-gallery .slider__image {
    height: 167px
}

@media (min-width: 768px) {
    .bannersSlider .sliders-gallery .slider__image {
        height: 212px
    }
}

@media (min-width: 992px) {
    .bannersSlider .sliders-gallery .slider__image {
        height: 323px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-gallery .slider__image {
        height: auto
    }
}

.bannersSlider .sliders-texts .slider__text-block {
    padding: 25px 37px 50px
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-texts .slider__text-block {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 1367px) {
    .bannersSlider .sliders-texts .slider__text-block {
        padding-left: 60px;
        padding-right: 60px
    }
}

.bannersSlider .sliders-texts .slider__title {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .bannersSlider .sliders-texts .slider__title {
        height: auto;
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 1.28px;
        line-height: 38px
    }
}

.bannersSlider .sliders-texts .slider__introduction {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: none
}

@media (min-width: 576px) {
    .bannersSlider .sliders-texts .slider__introduction {
        display: block
    }
}

@media (min-width: 992px) {
    .bannersSlider .sliders-texts .slider__introduction {
        height: auto;
        min-height: 86px;
        font-weight: 300;
        line-height: 30px;
        letter-spacing: .64px
    }
}

@media (min-width: 1200px) {
    .bannersSlider .sliders-texts .slider__introduction {
        line-height: 20px
    }
}

@media (min-width: 1367px) {
    .bannersSlider .sliders-texts .slider__introduction {
        line-height: 30px
    }
}

.bannersSlider.slick-dotted.slick-slider {
    margin-bottom: 0
}

.bannersSlider .slick-dots {
    width: auto;
    position: absolute;
    right: 37px;
    left: 37px
}

@media (min-width: 992px) {
    .bannersSlider .slick-dots {
        width: 33%;
        text-align: left;
        bottom: 60px;
        padding-left: 60px;
        padding-right: 60px;
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .bannersSlider .slick-dots {
        bottom: 0;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 1367px) {
    .bannersSlider .slick-dots {
        bottom: 60px;
        padding-left: 60px;
        padding-right: 60px
    }
}

.bannersSlider .slick-dots li {
    width: 102px;
    margin: 0;
    padding-right: 10px
}

@media (min-width: 992px) {
    .bannersSlider .slick-dots li {
        width: 50px;
        margin-left: 0;
        padding-right: 10px
    }
}

.bannersSlider .slick-dots li button {
    border-bottom: 3px solid #b4b4b4;
    width: 100%
}

.bannersSlider .slick-dots li button:before {
    content: ""
}

.bannersSlider .slick-dots li.slick-active button {
    border-color: #fff
}

.eform-bg {
    background-color: #020202
}

.eform-component {
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .eform-component {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

@media (min-width: 1200px) {
    .eform-component {
        max-width: 920px;
        margin-left: auto;
        margin-right: auto
    }
}

.eform-component > h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.eform-component .eform-component__block {
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .eform-component .eform-component__block {
        margin-bottom: 150px
    }
}

@media (min-width: 1200px) {
    .eform-component .eform-component__block {
        max-width: 920px;
        margin-left: auto;
        margin-right: auto
    }
}

.eform-component .eform-component__block > h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .eform-component .eform-component__block > h4 {
        text-align: center;
        margin-bottom: 75px
    }
}

@media (min-width: 1200px) {
    .eform-component .eform-component__block > h4 {
        font-family: Raleway, sans-serif;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        text-transform: uppercase
    }
}

.eform-component .eform-component__block .form-group {
    position: relative;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .form-group {
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .eform-component .eform-component__block .form-group {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.eform-component .eform-component__block .form-group > div label {
    font-family: Raleway, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.88px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 11px;
    color: #fff
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .form-group > div label {
        font-size: 12px
    }
}

.eform-component .eform-component__block .form-group > div label span {
    position: absolute
}

.eform-component .eform-component__block .form-group input {
    color: #a0a0a0;
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 34px;
    background-color: #020202
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .form-group input {
        font-size: 20px
    }
}

.eform-component .eform-component__block .form-group input:-ms-input-placeholder {
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group input::-ms-input-placeholder {
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group input:-ms-input-placeholder, .eform-component .eform-component__block .form-group input::-webkit-input-placeholder, .eform-component .eform-component__block .form-group input::placeholder {
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group input:focus {
    color: #fff;
    border-bottom: 3px solid #fff
}

.eform-component .eform-component__block .form-group input:hover {
    color: #fff;
    border-bottom: 3px solid #fff;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.eform-component .eform-component__block .form-group textarea {
    color: #a0a0a0;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 28px;
    background-color: #020202;
    min-height: 197px
}

.eform-component .eform-component__block .form-group textarea:-ms-input-placeholder {
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group textarea::-ms-input-placeholder {
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group textarea:-ms-input-placeholder, .eform-component .eform-component__block .form-group textarea::-webkit-input-placeholder, .eform-component .eform-component__block .form-group textarea::placeholder {
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group textarea:focus {
    color: #fff;
    border-bottom: 2px solid #fff
}

.eform-component .eform-component__block .form-group.checkboxgroup label {
    font-family: Muli, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .28px;
    line-height: 28px;
    text-transform: none;
    color: #a0a0a0
}

.eform-component .eform-component__block .form-group.checkboxgroup label.error:before {
    border-color: red !important
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .form-group.checkboxgroup label {
        font-size: 14px
    }
}

.eform-component .eform-component__block .form-group.checkboxgroup label:before {
    border-radius: 0;
    border: 1px solid #a0a0a0;
    background-color: #020202
}

.eform-component .eform-component__block .form-group.checkboxgroup label:after {
    background-image: none
}

.eform-component .eform-component__block .form-group.checkboxgroup label span {
    margin-left: 5px
}

.eform-component .eform-component__block .form-group.checkboxgroup .custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.eform-component .eform-component__block .form-group.checkboxgroup .custom-control-input:checked ~ .custom-control-label:after {
    background-image: none
}

.eform-component .eform-component__block .form-group .form-control.error {
    border-color: red !important
}

.eform-component .eform-component__block .form-group .form-control:focus {
    border: none;
    outline: 0;
    box-shadow: none
}

.eform-component .eform-component__block .form-group .form-control-file {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2
}

.eform-component .eform-component__block .form-group .form-control-file + .action-link {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    height: 24px;
    text-transform: none
}

.eform-component .eform-component__block .form-group .form-control-file + .action-link:hover {
    cursor: pointer
}

.eform-component .eform-component__block .eforms-pagetab {
    border-bottom: 1px solid;
    height: 17px;
    margin: 0 30px 100px;
    padding: 0;
    text-align: center
}

.eform-component .eform-component__block .eforms-pagetab li {
    border-radius: 50px;
    border: 1px solid #fff;
    font-size: 22px;
    width: 38px;
    display: inline-block;
    text-align: center;
    top: -15px;
    background-color: #fff;
    color: #020202
}

.eform-component .eform-component__block .eforms-pagetab li.selected {
    background-color: #020202;
    color: #fff
}

.eform-component .eform-component__block .eforms-pagetab li:first-child {
    margin-left: 0;
    float: left
}

.eform-component .eform-component__block .eforms-pagetab li:last-child {
    margin-right: 0;
    float: right
}

.eform-component .eform-component__block .eforms-buttons {
    width: 100%;
    margin-top: 25px;
    display: table
}

.eform-component .eform-component__block .eforms-buttons > div {
    float: none
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .eforms-buttons {
        margin-top: 50px
    }
}

@media (min-width: 1200px) {
    .eform-component .eform-component__block .eforms-buttons > div {
        float: right
    }
}

.eform-component .eform-component__block .eforms-buttons button, .eform-component .eform-component__block .eforms-buttons input[type=button] {
    width: 100%;
    height: 60px;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 24px;
    text-transform: uppercase;
    background-color: #020202;
    color: #a0a0a0;
    border: 1px solid #a0a0a0;
    text-align: center
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .eforms-buttons button, .eform-component .eform-component__block .eforms-buttons input[type=button] {
        height: 90px;
        font-size: 16px
    }
}

.eform-component .eform-component__block .eforms-buttons button:hover, .eform-component .eform-component__block .eforms-buttons input[type=button]:hover {
    color: #fff;
    border: 1px solid #fff
}

.eform-component .eform-component__block .select2.select2-container {
    height: calc(1.5em + .75rem + 2px);
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 34px;
    width: 100% !important
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .select2.select2-container {
        font-size: 20px
    }
}

.eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single {
    border-radius: 0;
    height: calc(1.5em + .75rem + 2px);
    color: #a0a0a0;
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 34px;
    background-color: #020202;
    border: none;
    border-bottom: 1px solid #a0a0a0
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single {
        font-size: 20px
    }
}

.eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single[aria-expanded=true] {
    border-bottom: none
}

.eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single:focus .select2-selection__rendered {
    color: #fff
}

.eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: calc(1.5em + .75rem + 2px);
    color: #fff
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
        font-size: 20px
    }
}

.eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem + 2px);
    background-image: url(../images/select-icon.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 50%
}

.eform-component .eform-component__block .select2.select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
    display: none
}

.eform-component .eform-component__block .select2.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 768px) {
    .eform-component .eform-component__block .special-position {
        position: absolute;
        left: 0;
        bottom: 0
    }
}

.select2-container--default {
    margin-top: -1px
}

.select2-container--default .select2-dropdown {
    border-radius: 2px;
    border: none;
    border-bottom: 3px solid #a0a0a0
}

.select2-container--default .select2-results__option {
    background-color: #020202;
    color: #a0a0a0
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #020202;
    color: #fff
}

.relatedItems {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .relatedItems {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 768px) {
    .relatedItem .item, .relatedItems .item {
        display: -webkit-box;
        display: flex;
        justify-content: space-around
    }
}

.relatedItem__color--white, .relatedItems__color--white {
    background-color: #fff
}

.relatedItem__color--black, .relatedItems__color--black {
    background-color: #020202
}

.relatedItem__header, .relatedItems__header {
    margin-bottom: 40px
}

.relatedItem__header:after, .relatedItems__header:after {
    content: "";
    display: block;
    white-space: pre;
    background-color: #fff;
    width: 100%;
    height: 1px
}

.relatedItem__header--title, .relatedItems__header--title {
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 300
}

@media (min-width: 992px) {
    .relatedItem__header--title, .relatedItems__header--title {
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 20px
    }
}

.relatedItem__body, .relatedItems__body {
    -webkit-box-align: center;
    align-items: center
}

.relatedItem__title, .relatedItems__title {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .36px;
    line-height: 69px
}

@media (min-width: 992px) {
    .relatedItem__title, .relatedItems__title {
        width: 328px;
        font-size: 25px;
        letter-spacing: .5px
    }
}

.relatedItem__introduction, .relatedItems__introduction {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .72px;
    line-height: 28px
}

@media (min-width: 992px) {
    .relatedItem__introduction, .relatedItems__introduction {
        font-size: 18px;
        line-height: 34px;
        max-width: 450px
    }
}

.relatedItem__image, .relatedItems__image {
    width: 300px;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover
}

.videoComponent, .videoComponent .video {
    width: 100%
}

.videoComponent .video video {
    width: 100%;
    height: auto;
    overflow: hidden
}

.container-body {
    padding-left: 37px;
    padding-right: 37px;
    background-color: #020202
}

@media (min-width: 1200px) {
    .container-body {
        padding-left: unset;
        padding-right: unset;
        height: 100%;
        background-color: #020202;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.timeline {
    width: 100%;
    position: relative
}

@media (max-width: 1200px) {
    .timeline:before {
        content: "";
        position: absolute;
        z-index: 2;
        display: block;
        background-color: #fff;
        top: 120px;
        left: 18px;
        width: 1px;
        height: calc(100% - 150px)
    }
}

.timeline .timeline-nav {
    display: none
}

@media (min-width: 1200px) {
    .timeline .timeline-nav {
        padding: 0;
        width: 100vw;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        z-index: 0
    }
}

@media (min-width: 1367px) {
    .timeline .timeline-nav {
        padding: 50px 0
    }
}

.timeline .timeline-nav:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    display: block;
    top: 105px;
    background-color: #797979
}

@media (min-width: 1200px) {
    .timeline .timeline-nav:before {
        top: 55px
    }
}

@media (min-width: 1367px) {
    .timeline .timeline-nav:before {
        top: 105px
    }
}

@media (min-width: 1200px) {
    .timeline .timeline-nav .scrollIcon {
        display: inline-block;
        top: 0;
        right: 50px
    }
}

.timeline .timeline-nav .timeline-nav__item {
    width: auto;
    height: auto;
    text-align: center;
    background: 0 0;
    color: #797979;
    margin: 150px 25px 15px !important;
    position: relative;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    outline: 0;
    cursor: pointer;
    opacity: 1
}

.timeline .timeline-nav .timeline-nav__item:after, .timeline .timeline-nav .timeline-nav__item:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #797979;
    -webkit-transition: .2s;
    transition: .2s
}

.timeline .timeline-nav .timeline-nav__item.swiper-pagination-bullet-active {
    color: #fff;
    opacity: 1
}

.timeline .timeline-nav .timeline-nav__item.swiper-pagination-bullet-active:before {
    background-color: #020202;
    width: 50px;
    height: 50px;
    top: -70px;
    border: 1px solid #fff
}

.timeline .timeline-nav .timeline-nav__item.swiper-pagination-bullet-active:after {
    background-color: #fff
}

.timeline .timeline-wrapper {
    position: relative;
    width: 100vw;
    height: 500px
}

@media (min-width: 1200px) {
    .timeline .timeline-wrapper {
        height: 580px
    }
}

.timeline .timeline-slider {
    width: 100%;
    height: 100%;
    display: inline;
    overflow-x: scroll;
    cursor: -webkit-grab;
    cursor: grab;
    display: -webkit-box;
    display: flex
}

.timeline .slick-list {
    height: 100%
}

@media (min-width: 1200px) {
    .timeline .slick-list {
        display: contents
    }
}

@media (min-width: 1200px) {
    .timeline .slick-track {
        height: 100%
    }
}

@media (min-width: 1200px) {
    .timeline .slick-dots {
        bottom: 20px;
        padding-left: 20px;
        text-align: left;
        min-width: 300px
    }
}

@media (min-width: 1367px) {
    .timeline .slick-dots {
        bottom: inherit;
        padding-left: inherit;
        text-align: center
    }
}

.timeline .slick-dots li button:before {
    display: none
}

.timeline .timeline-slide {
    margin-right: 200px
}

.timeline .timeline-year {
    z-index: 5;
    font-size: 35px;
    color: #fff;
    padding: 15px 26px;
    -webkit-transition: opacity 1.2s;
    transition: opacity 1.2s;
    position: absolute;
    right: 0;
    opacity: 0
}

.timeline .slick-current:after {
    background-color: hsla(0, 0%, 100%, 0)
}

.timeline .slick-current .timeline-slide__content, .timeline .slick-current .timeline-year {
    opacity: 1
}

.historyComponent {
    background-color: #020202;
    padding: 50px 0 100px
}

@media (min-width: 1200px) {
    .historyComponent {
        padding-left: 0;
        padding-right: 0
    }
}

.historyComponent .historyComponent__slide {
    padding-left: 37px;
    padding-right: 37px;
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .historyComponent .historyComponent__slide {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__slide {
        min-width: 100vw;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-left: 100px;
        margin-right: 100px;
        padding-bottom: 0
    }
}

@media (min-width: 1367px) {
    .historyComponent .historyComponent__slide {
        min-width: unset;
        padding-bottom: 50px
    }
}

.historyComponent .historyComponent__video {
    margin-left: 0
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__video {
        max-height: 500px;
        max-width: 100%;
        margin-left: 0
    }
}

@media (min-width: 1367px) {
    .historyComponent .historyComponent__video {
        margin-left: inherit;
        max-width: unset;
        width: 900px
    }
}

.historyComponent .swiper-pagination {
    width: 100vw;
    display: contents
}

.historyComponent .swiper-pagination-bullet {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    z-index: 999;
    display: -webkit-box;
    display: flex;
    left: 0;
    -webkit-box-pack: center;
    justify-content: center;
    bottom: -60px
}

@media (min-width: 1200px) {
    .historyComponent .swiper-pagination-bullet {
        bottom: 50px
    }
}

.historyComponent .swiper-pagination-bullet li {
    width: 102px;
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .historyComponent .swiper-pagination-bullet li {
        width: 50px;
        margin-left: 0;
        margin-right: 10px
    }

    .historyComponent .swiper-pagination-bullet li:before {
        content: "";
        display: block;
        border-bottom: 3px solid #b4b4b4;
        width: 100%
    }
}

.historyComponent .swiper-pagination-bullet li button {
    border-bottom: 3px solid #b4b4b4;
    width: 100%
}

.historyComponent .swiper-pagination-bullet li button:before {
    content: ""
}

.historyComponent .swiper-pagination-bullet li.swiper-pagination-bullet-active button {
    border-color: #fff
}

.historyComponent .historyComponent__item {
    display: block
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -webkit-inline-box;
        display: inline-flex
    }
}

.historyComponent .historyComponent__item .historyComponent__textBlock {
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item .historyComponent__textBlock {
        width: 500px
    }
}

.historyComponent .historyComponent__item .historyComponent__textBlock .historyComponent__title {
    width: 135px;
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: .64px;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item .historyComponent__textBlock .historyComponent__title {
        width: 325px;
        font-size: 126px;
        letter-spacing: 2.52px
    }
}

.historyComponent .historyComponent__item .historyComponent__textBlock .historyComponent__introduction {
    width: 301px;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width: 768px) {
    .historyComponent .historyComponent__item .historyComponent__textBlock .historyComponent__introduction {
        width: 436px
    }
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item .historyComponent__textBlock .historyComponent__introduction {
        font-weight: 300;
        letter-spacing: .64px;
        line-height: 30px
    }
}

.historyComponent .historyComponent__item .historyComponent__textBlock .historyComponent__link {
    margin-top: 20px
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item .historyComponent__imageSection {
        height: 400px;
        width: 100%
    }
}

@media (min-width: 1367px) {
    .historyComponent .historyComponent__item .historyComponent__imageSection {
        width: 700px;
        height: 500px
    }
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item .historyComponent__imageSection img {
        width: auto;
        height: 400px;
        max-width: unset
    }
}

@media (min-width: 1367px) {
    .historyComponent .historyComponent__item .historyComponent__imageSection img {
        width: inherit;
        height: 500px;
        max-width: inherit
    }
}

.historyComponent .historyComponent__item .historyComponent__imageSection .slick-track {
    margin: 0
}

.historyComponent .historyComponent__item .historyComponent__imageSection .historyComponent__gallery__slide {
    width: 100%
}

@media (min-width: 1200px) {
    .historyComponent .historyComponent__item .historyComponent__imageSection .historyComponent__gallery__slide {
        width: unset;
        height: 400px
    }
}

@media (min-width: 1367px) {
    .historyComponent .historyComponent__item .historyComponent__imageSection .historyComponent__gallery__slide {
        max-width: 700px;
        height: 500px
    }
}

.historyComponent .historyComponent__timeline {
    display: -webkit-box;
    display: flex;
    background-color: red;
    height: 100px;
    justify-content: space-around
}

.historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type {
    padding-left: 0;
    padding-right: 0
}

.historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__textBlock {
    padding-left: 37px;
    padding-right: 37px;
    position: absolute;
    top: 60px
}

@media (min-width: 768px) {
    .historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__textBlock {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1200px) {
    .historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__textBlock {
        position: absolute;
        top: 50%;
        left: -20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__textBlock .historyComponent__title {
    width: 100%;
    color: #fff
}

@media (min-width: 1200px) {
    .historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__textBlock .historyComponent__title {
        width: 700px;
        font-size: 90px
    }
}

@media (min-width: 1200px) {
    .historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__imageSection {
        width: 1000px
    }
}

.historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__imageSection img, .historyComponent .slider__item:first-of-type .historyComponent__slide:first-of-type .historyComponent__imageSection picture {
    width: 100%
}

@media (min-width: 1200px) {
    .swiper-container {
        width: 100%;
        height: 100%
    }
}

.swiper-slide {
    flex-shrink: unset
}

@media (min-width: 1200px) {
    .swiper-slide {
        width: auto;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%
    }
}

.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width: 1200px) {
    .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        height: 400px
    }
}

@media (min-width: 1367px) {
    .swiper-wrapper {
        height: auto
    }
}

.aesthetic-sliders {
    position: relative;
    height: 100%;
    background-color: #020202
}

.aesthetic-sliders .slick-list {
    padding: 0 !important
}

.aesthetic-sliders .scroll-buttons {
    position: absolute;
    display: -webkit-box;
    -webkit-box-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    right: 0;
    margin-top: 50px
}

.aesthetic-sliders .scroll-buttons .counterSlide {
    position: relative;
    right: 0;
    width: 45px;
    border-bottom: 1px solid #fff;
    margin-top: -120px;
    z-index: 100
}

.aesthetic-sliders .scroll-buttons .slick-arrow {
    width: 50px;
    height: 50px;
    z-index: 99;
    right: 0;
    left: auto;
    position: absolute;
    cursor: pointer
}

.aesthetic-sliders .scroll-buttons .slick-arrow img {
    width: 40px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.aesthetic-sliders .scroll-buttons .scroll-up {
    margin-top: -100px
}

@supports (-moz-appearance:none) {
    .aesthetic-sliders .scroll-buttons .scroll-up {
        margin-top: -200px
    }
}

.aesthetic-sliders .aesthetic-slider {
    height: calc(100vh - 50px);
    position: relative;
    cursor: -webkit-grab;
    cursor: grab;
    border: 0 !important;
    background-color: #020202
}

@media (min-width: 1200px) {
    .aesthetic-sliders .aesthetic-slider {
        height: calc(100vh - 130px);
        position: relative
    }
}

.aesthetic-sliders .aesthetic-slider .aesthetic-slider__textBlock {
    max-width: 100%;
    padding-left: 37px;
    padding-right: 37px;
    position: absolute;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-top: 50px
}

@media (min-width: 768px) {
    .aesthetic-sliders .aesthetic-slider .aesthetic-slider__textBlock {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .aesthetic-sliders .aesthetic-slider .aesthetic-slider__textBlock {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .aesthetic-sliders .aesthetic-slider .aesthetic-slider__textBlock {
        padding-left: 170px;
        padding-right: 170px;
        -webkit-box-align: center;
        align-items: center;
        margin-top: unset
    }
}

.aesthetic-sliders .aesthetic-slider .aesthetic-slider__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.newslist-preview .section-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 37px;
    padding-right: 37px
}

@media (min-width: 768px) {
    .newslist-preview .section-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0
    }
}

.newslist-preview .section-header .title {
    width: 382px;
    height: 75px;
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 58px
}

.newslist-preview .item {
    width: 300px;
    margin: 0 10px
}

@media (min-width: 1200px) {
    .newslist-preview .item {
        margin: 0 auto
    }
}

.newslist-preview .slick-next:before, .newslist-preview .slick-prev:before {
    content: "";
    background-size: 10px 20px;
    display: block;
    position: absolute;
    width: 30px;
    height: 20px;
    right: 30px;
    background-repeat: no-repeat;
    background: url(../images/icons/arrow-left-white.svg);
    background-size: 30px 20px
}

.newslist-preview .slick-next:before {
    content: "";
    left: 30px;
    background: url(../images/icons/arrow-right-white.svg);
    background-size: 30px 20px
}

.newslist-preview .stories-grid__item--double {
    width: 300px
}

@media (min-width: 1200px) {
    .newslist-preview .stories-grid__item--double {
        width: 500px !important
    }
}

.smegStoreComponent, .smegStoreComponent__title {
    padding-top: 50px;
    padding-bottom: 50px
}

.smegStoreComponent {
    border-bottom: 1px solid #a0a0a0;
    color: #020202
}

.smegStoreComponent:last-of-type {
    border-bottom: none
}

.smegStoreComponent .smegStoreComponent__titleResult {
    text-transform: uppercase
}

.smegStoreComponent .smegStoreComponent__address {
    font-weight: 700
}

.smegStoreComponent .smegStoreComponent__info a {
    font-weight: unset;
    margin-top: 10px;
    padding-right: 20px;
    display: inline-block
}

.eform-component__block {
    margin-bottom: 25px
}

#smeg-in-the-world-container, #smeg-in-the-world-no-result {
    color: #161616;
    padding-top: 50px;
    padding-bottom: 50px
}

.how-to-connect-component {
    padding-bottom: 100px
}

@media (min-width: 1200px) {
    .how-to-connect-component {
        padding-top: 110px
    }
}

@media (min-width: 768px) {
    .countrySelector .body {
        display: grid;
        grid-template-columns:1fr;
        grid-template-rows:1fr;
        grid-template-areas:"left" "right";
        grid-area: body
    }
}

@media (min-width: 1200px) {
    .countrySelector .body {
        display: grid;
        grid-template-columns:2fr 1fr;
        grid-template-rows:1fr;
        grid-template-areas:"left right";
        grid-area: body
    }
}

.countrySelector .left {
    grid-area: left
}

@media (min-width: 768px) {
    .countrySelector .right {
        display: grid;
        grid-area: right;
        grid-template-columns:1fr 1fr;
        grid-template-areas:"top-left top-right" "bottom-left bottom-right"
    }
}

.countrySelector .top-left {
    grid-area: top-left
}

.countrySelector .top-right {
    grid-area: top-right
}

@media (min-width: 1200px) {
    .countrySelector .bottom-left {
        grid-area: bottom-left
    }
}

@media (min-width: 1200px) {
    .countrySelector .bottom-left, .countrySelector .bottom-right {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .countrySelector .bottom-right {
        grid-area: bottom-right
    }
}

.countrySelector .country__title {
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    line-height: 38px
}

@media (max-width: 768px) {
    .countrySelector .country__title {
        padding-top: 20px
    }
}

.countrySelector .country__title:after {
    content: "";
    display: block;
    border-bottom: 1px solid #797979;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 20px
}

.countrySelector .country__dealer {
    text-transform: uppercase;
    color: #797979;
    font-size: 12px;
    margin-left: 15px
}

.countrySelector .countrySelector__europe {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance
}

@media (min-width: 768px) {
    .countrySelector .countrySelector__europe {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

.countrySelector .countrySelector__country {
    display: block;
    padding: 10px 0;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 20px
}

.course-body-container {
    color: #020202;
    display: grid;
    grid-gap: 30px;
    grid-template-columns:1fr;
    padding-top: 40px
}

@media (min-width: 768px) {
    .course-body-container {
        grid-template-columns:1fr 1fr;
        padding-top: 60px
    }
}

@media (min-width: 992px) {
    .course-body-container {
        padding-top: 130px
    }
}

.course-body-container__title {
    grid-column: 1;
    grid-row: 1
}

@media (min-width: 768px) {
    .course-body-container__title {
        grid-column: 1/3;
        grid-row: 1
    }
}

.course-body-container__title h1 {
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 42px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .course-body-container__title h1 {
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .course-body-container__title h1 {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 40px
    }
}

.course-body-container__info {
    grid-column: 1;
    grid-row: 3
}

@media (min-width: 768px) {
    .course-body-container__info {
        grid-column: 2;
        grid-row: 2/4
    }
}

.course-body-container__info > div {
    background-color: #f8f8f8;
    padding: 59px 30px 20px
}

@media (min-width: 1200px) {
    .course-body-container__info > div {
        padding: 62px
    }
}

.course-body-container__info > div > div {
    padding: 30px 0
}

.course-body-container__info__contact span {
    display: block
}

.course-body-container__info__contact a {
    text-decoration: underline
}

.course-body-container__info__contact a, .course-body-container__info__contact span {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .64px;
    line-height: 30px
}

.course-body-container__info__legal h6, .course-body-container__info__worktime h6 {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 16px;
    margin-bottom: .05rem
}

.course-body-container__info__legal span, .course-body-container__info__worktime span {
    display: block;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .64px;
    line-height: 30px
}

.course-body-container__content {
    grid-column: 1;
    grid-row: 4
}

.course-body-container__content h4 {
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 58px;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #020202
}

@media (min-width: 768px) {
    .course-body-container__content h4 {
        font-size: 30px;
        font-weight: 400;
        line-height: 58px
    }
}

.course-body-container__content span {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px
}

@media (min-width: 768px) {
    .course-body-container__content {
        grid-column: 1;
        grid-row: 3;
        width: 80%
    }
}

.products-overview-page {
    background-color: #fff;
    color: #020202
}

.products-overview-page a, .products-overview-page a:hover {
    color: #020202
}

.products-overview-page .reference-tab-component .tab-content {
    display: block
}

.products-overview-page .navbarCategories {
    padding: 50px 0 0;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.products-overview-page .navbarCategories::-webkit-scrollbar {
    display: none
}

.products-overview-page .navbarCategories .nav-item {
    padding: 0 10px;
    position: relative
}

.products-overview-page .navbarCategories .nav-item .nav-link {
    background: 0 0;
    border-radius: 0;
    height: 37px;
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.44px;
    line-height: 36px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 12px 16px 13px
}

.products-overview-page .navbarCategories .nav-item .nav-link:before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background: #020202;
    -webkit-transition: width .3s;
    transition: width .3s
}

.products-overview-page .navbarCategories .nav-item .nav-link.active {
    color: #020202
}

.products-overview-page .navbarCategories .nav-item .nav-link.active:before {
    width: 51px
}

.products-overview-page .action-link, .products-overview-page .action-link:hover, .products-overview-page .action-link span, .products-overview-page .navbarCategories .nav-item .nav-link:hover {
    color: #020202
}

.products-overview-page .products-list {
    padding: 50px 0
}

.products-overview-page .products-list .products-list__item > a {
    margin-left: auto;
    margin-right: auto
}

.products-overview-page .products-list .products-list__item .products-list__container_images {
    position: relative;
    width: 100%;
    max-width: 300px;
    min-height: 300px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .products-overview-page .products-list .products-list__item .products-list__container_images {
        margin: unset;
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .products-overview-page .products-list .products-list__item .products-list__container_images {
        margin: unset;
        max-width: 300px;
        min-height: 240px
    }
}

@media (min-width: 1200px) {
    .products-overview-page .products-list .products-list__item .products-list__container_images {
        margin: unset;
        max-width: 300px;
        min-height: 230px
    }
}

@media (min-width: 1367px) {
    .products-overview-page .products-list .products-list__item .products-list__container_images {
        margin: unset;
        max-width: 300px;
        min-height: 300px
    }
}

.products-overview-page .products-list .products-list__item .imageSwitcher .products-list__item__image, .products-overview-page .products-list .products-list__item .products-list__item__image_top {
    position: absolute;
    width: 100%;
    max-width: 300px
}

.products-overview-page .products-list .products-list__item .imageSwitcher:hover .products-list__item__image {
    display: inline
}

.products-overview-page .products-list .products-list__item .imageSwitcher:hover .products-list__item__image_top {
    display: none
}

.products-overview-page .products-list:not(.js-product-list-slider) .products-list__item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

.products-overview-page .products-list:not(.js-product-list-slider) .products-list__item .products-list__item__title {
    text-align: left;
    color: #161616;
    font-family: Raleway, sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.32px;
    padding-top: 10px
}

.products-overview-page .products-list.js-product-list-slider {
    margin-top: 50px;
    margin-bottom: 50px
}

.products-overview-page .products-list.js-product-list-slider .slider-arrow img {
    position: absolute;
    width: 20px;
    left: 0
}

.products-overview-page .products-list.js-product-list-slider .slider-arrow:before {
    content: ""
}

.products-overview-page .products-list.js-product-list-slider .products-list__item .products-list__item__title {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.products-overview-page .products-all {
    position: relative
}

.products-overview-page .products-all .products-all__description {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #fff
}

.products-overview-page .products-all .products-all__description h1 {
    text-transform: uppercase
}

.products-overview-page .products-all .products-all__description .action-link {
    color: #fff
}

.products-manager-page {
    background-color: #fff
}

.products-manager-page .products-manager-page__content .action-link, .products-manager-page .products-manager-page__content a, .products-manager-page .products-manager-page__content a:hover, .products-manager-page .white-section .action-link, .products-manager-page .white-section a, .products-manager-page .white-section a:hover {
    color: #020202
}

.products-manager-page .products-manager-page__content .action-link span, .products-manager-page .white-section .action-link span {
    border-color: #020202
}

.products-manager-page .products-manager-page__content .action-link:hover, .products-manager-page .white-section .action-link:hover {
    color: #020202
}

.products-manager-page .products-list .products-list__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 7px;
    margin-right: 7px
}

@media (min-width: 1200px) {
    .products-manager-page .products-list .products-list__item {
        margin-left: unset;
        margin-right: unset
    }
}

.products-manager-page .products-list .products-list__item > a {
    display: table;
    margin: 0 auto
}

.products-manager-page .products-list .products-list__item .products-list__item__image {
    width: 100%;
    height: auto
}

@media (min-width: 1200px) {
    .products-manager-page .products-list .products-list__item .products-list__item__image {
        width: 100%;
        max-width: 350px;
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.products-manager-page .products-list:not(.js-product-list-slider) .products-list__item {
    display: table
}

@media (min-width: 576px) {
    .products-manager-page .products-list:not(.js-product-list-slider) .products-list__item {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.products-manager-page .products-list:not(.js-product-list-slider) .products-list__item .products-list__item__image {
    display: none
}

@media (min-width: 576px) {
    .products-manager-page .products-list:not(.js-product-list-slider) .products-list__item .products-list__item__image {
        width: 100%;
        display: block
    }
}

.products-manager-page .products-list:not(.js-product-list-slider) .products-list__item .products-list__item__title {
    padding-top: 20px;
    padding-bottom: 20px
}

.products-manager-page .products-list.js-product-list-slider .slider-arrow img {
    position: absolute;
    width: 20px;
    left: 0
}

.products-manager-page .products-list.js-product-list-slider .slider-arrow:before {
    content: ""
}

.products-manager-page .products-list.js-product-list-slider .products-list__item .products-list__item__title {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #161616;
    font-family: Raleway, sans-serif;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: .5px
}

.products-manager-page .products-list.product-list-slider-align .products-list__item > a, .products-manager-page .products-list.product-list-slider-align .slick-track {
    margin-left: 0;
    margin-right: 0
}

.products-manager-page .products-all {
    position: relative
}

.products-manager-page .products-all .products-all__description {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #fff
}

.products-manager-page .products-all .products-all__description h1 {
    text-transform: uppercase
}

.products-manager-page .products-all .products-all__description .action-link {
    color: #fff
}

.products-manager-page .products-manager-page__content {
    margin-top: 50px
}

.products-manager-page .products-manager-page__content .title-category {
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .products-manager-page .products-manager-page__content .title-category {
        text-align: left;
        font-size: 30px;
        line-height: 58px
    }
}

.products-manager-page .products-manager-page__content .products-manager-page__content__action-link {
    text-align: center
}

@media (min-width: 768px) {
    .products-manager-page .products-manager-page__content .products-manager-page__content__action-link {
        float: right
    }
}

.products-manager-page .products-manager-page__content .products-manager-page__content__action-link .showed-mobile {
    display: block
}

@media (min-width: 768px) {
    .products-manager-page .products-manager-page__content .products-manager-page__content__action-link .showed-mobile {
        display: none
    }
}

.products-manager-page .products-manager-page__content .products-manager-page__content__action-link .showed-not-mobile {
    display: none
}

@media (min-width: 768px) {
    .products-manager-page .products-manager-page__content .products-manager-page__content__action-link .showed-not-mobile {
        display: block
    }
}

.products-manager-page .products-manager-page__slider {
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .products-manager-page .products-manager-page__slider {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 992px) {
    .products-manager-page .products-manager-page__slider {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .products-manager-page .products-manager-page__slider {
        padding-left: 45px;
        padding-right: 45px;
        margin-bottom: 150px
    }
}

.products-manager-page .products-manager-page__slider .slick-arrow {
    padding-left: 30px;
    padding-right: 30px;
    z-index: 10
}

@media (min-width: 768px) {
    .products-manager-page .products-manager-page__slider .slick-arrow {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .products-manager-page .products-manager-page__slider .slick-arrow {
        padding-left: 50px;
        padding-right: 50px
    }
}

.products-manager-page .cards-custom-category {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .products-manager-page .cards-custom-category {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .products-manager-page .cards-custom-category {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .products-manager-page .cards-custom-category {
        max-width: 1920px;
        padding-left: 170px;
        padding-right: 170px
    }
}

.products-manager-page .cards-custom-category .cards__card {
    max-width: 100%
}

@media (min-width: 1200px) {
    .products-manager-page .cards-custom-category .cards__card {
        max-width: 460px;
        margin-left: unset;
        margin-right: unset
    }
}

.products-manager-page .cards-custom-category .cards__image {
    width: 100%
}

@media (min-width: 1200px) {
    .products-manager-page .cards-custom-category .cards__image {
        max-width: 620px
    }
}

.products-manager-page .cards-footer-category .slider-cards-component {
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 1200px) {
    .products-manager-page .cards-footer-category .slider-cards-component {
        justify-content: space-around
    }
}

.products-manager-page .cards-footer-category .cards__card {
    max-width: 460px
}

.products-manager-page .cards-footer-category .cards__image {
    width: 100%
}

@media (min-width: 768px) {
    .products-manager-page .cards-footer-category .cards__image {
        max-width: 620px
    }
}

.products-list-page .products-list-page__content {
    margin-top: 80px
}

.products-list-page .products-list-page__content .filters {
    background-color: #f8f8f8;
    color: #020202;
    padding: 40px 20px;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    margin-bottom: 25px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header {
    font-weight: 700;
    letter-spacing: 2.24px;
    line-height: 36px;
    text-transform: uppercase;
    display: -webkit-box;
    display: flex;
    position: relative;
    padding-left: 30px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header.collapsed:after, .products-list-page .products-list-page__content .filters .filters__item .filters__item__header.collapsed:before {
    content: "";
    width: 15px;
    height: 2px;
    margin-right: 10px;
    background-color: #020202;
    vertical-align: middle;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    top: 0;
    left: 5px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header.collapsed:before {
    display: inline-block;
    margin-top: 15px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header.collapsed:after {
    display: block;
    vertical-align: middle;
    margin-top: 15px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header:not(.collapsed):after, .products-list-page .products-list-page__content .filters .filters__item .filters__item__header:not(.collapsed):before {
    content: "";
    width: 15px;
    height: 2px;
    margin-right: 10px;
    background-color: #020202;
    vertical-align: middle;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    top: 0;
    left: 5px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header:not(.collapsed):before {
    display: inline-block;
    margin-top: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__header:not(.collapsed):after {
    display: block;
    margin-top: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content {
    font-family: Muli, sans-serif;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 34px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check {
    padding-left: 50px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check:first-of-type {
    padding-top: 10px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check:last-of-type {
    padding-bottom: 10px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 10px;
    width: 10px;
    border: 1px solid #020202;
    border-radius: 50px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check input[type=checkbox]:checked, .products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check input[type=checkbox]:hover {
    background-color: #020202
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check input[type=checkbox]:checked + label {
    color: #020202;
    font-family: Muli, sans-serif;
    font-weight: 700
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check input[type=checkbox]:disabled {
    color: #797979;
    font-family: Muli, sans-serif;
    font-weight: 400
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content--selected {
    font-weight: 700;
    letter-spacing: .32px;
    line-height: 34px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content--disabled {
    color: #797979;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 34px
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .form-check-label {
    display: inline
}

.products-list-page .products-list-page__content .filters .filters__item .filters__item__content .filter-checkbox {
    position: absolute;
    left: 30px;
    margin-top: 13px
}

.products-list-page .products-list-page__content .products-list {
    justify-content: space-around
}

.products-list-page .products-list-page__content .products-list .product-preview {
    padding: 0 27px 27px;
    width: 350px;
    color: #797979;
    margin-bottom: 20px
}

.products-list-page .products-list-page__content .products-list .product-preview:hover {
    background-color: #f8f8f8
}

.products-list-page .products-list-page__content .products-list .product-preview__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .products-list-page .products-list-page__content .products-list .product-preview__top {
        height: 35px
    }
}

.products-list-page .products-list-page__content .products-list .product-preview__top .label {
    color: #797979;
    background-color: #f8f8f8;
    padding: 0 10px;
    font-family: Muli, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase
}

.products-list-page .products-list-page__content .products-list .product-preview__top .specific {
    font-family: Muli, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .28px;
    line-height: 34px;
    color: #020202
}

.products-list-page .products-list-page__content .products-list .product-preview__gallery {
    margin-top: 10px;
    padding: 25px;
    background-color: #fff;
    min-height: 300px;
    max-height: 345px;
    overflow: hidden;
    display: -webkit-box;
    display: flex
}

.products-list-page .products-list-page__content .products-list .product-preview__gallery img {
    margin: auto
}

.products-list-page .products-list-page__content .products-list .product-preview__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    min-height: 65px
}

.products-list-page .products-list-page__content .products-list .product-preview__header .name {
    color: #161616;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .96px;
    line-height: 28px;
    text-transform: uppercase
}

.products-list-page .products-list-page__content .products-list .product-preview__description {
    color: #161616;
    font-family: Muli, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .72px;
    line-height: 20px
}

.comparator-container {
    background-color: #000;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    display: inline-blocK;
    text-align: center;
    padding: 10px 0
}

#comparator-sku-container {
    color: #fff;
    width: 1363px;
    margin: 0 auto;
    text-align: left;
    display: inline-block
}

.comparator-container span {
    background-color: #fff;
    padding: 6px;
    border-radius: 3px;
    color: #000;
    margin-left: 30px;
    margin-right: 10px;
    cursor: pointer;
    font-family: Muli, sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px
}

.comparator-sku-container-element:hover {
    opacity: .5
}

.comparator-sku-container-element:after, .comparator-sku-container-element:before {
    position: relative;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #333
}

.comparator-sku-container-element:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.comparator-sku-container-element:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.comparator-container button {
    display: inline-block;
    color: #fff;
    width: 200px;
    background-color: #000;
    border: 0
}

.comparator-product-image {
    max-height: 300px;
    max-width: 300px;
    width: 100%
}

.comparator-product-image-container {
    text-align: center;
    align-content: center
}

.comparator-table {
    margin-top: 100px;
    margin-bottom: 100px
}

.comparator-show-difference-cell {
    vertical-align: bottom;
    text-align: center;
    padding-bottom: 20px;
    height: 100px
}

.comparator-show-difference-cell span {
    background-color: #020202;
    color: #fff;
    padding: 20px;
    border-radius: 5px
}

.comparator-product-feature-group-key {
    background: #fff !important;
    height: 150px;
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    line-height: 80px;
    text-transform: uppercase;
    vertical-align: bottom
}

.comparator-product-feature-key-row {
    height: 70px;
    border-bottom: 1px solid #a0a0a0
}

.comparator-product-feature-key {
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 16px;
    padding-left: 35px;
    text-transform: uppercase
}

.comparator-product-feature-value {
    max-width: 50px;
    text-align: center
}

.product-details {
    margin-bottom: 50px;
    padding-top: 0
}

@media (min-width: 992px) {
    .product-details {
        padding-top: 50px;
        margin-bottom: 50px
    }
}

.product-details .product-details__main {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end
}

.product-details .family {
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 35px
}

@media (min-width: 992px) {
    .product-details .family {
        font-size: 80px;
        line-height: 70px
    }
}

.product-details .aesthetics {
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 33px
}

@media (min-width: 992px) {
    .product-details .aesthetics {
        font-size: 50px;
        line-height: 70px;
        margin-bottom: 30px
    }
}

.product-details .code {
    color: #797979;
    font-family: Muli, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .56px;
    line-height: 16px;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .product-details .code {
        font-size: 28px;
        letter-spacing: 1.12px;
        line-height: 36px
    }
}

.product-details .ean {
    color: #797979;
    font-family: Muli, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 14px;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .product-details .ean {
        font-size: 20px;
        letter-spacing: 1.6px;
        line-height: 16px;
        margin-bottom: 30px
    }
}

.product-details .product-details__tags {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 15px
}

.product-details .product-details__tags .product-details__tag__item {
    background-color: #e3e3e3;
    color: #797979;
    font-family: Muli, sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.4px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 4px 15px;
    margin-left: 15px
}

@media (min-width: 992px) {
    .product-details .product-details__tags .product-details__tag__item {
        font-size: 12px;
        letter-spacing: 1.68px;
        line-height: 16px
    }
}

.product-details .product-details__slider .product-details__slide .product-details__image {
    padding: 40px
}

.product-details .product-details__slider .product-details__slide .product-details__compare {
    text-align: right;
    color: #020202;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.44px;
    line-height: 36px
}

.product-details .product-details__slider .product-details__slide .product-details__compare img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: inline-block
}

.product-details .product-details__slider .product-details__slide .product-details__compare > div {
    display: inline-block
}

.product-details .product-details__slider .product-details__slide .product-details__compare:hover {
    cursor: pointer
}

.product-details .product-details__slider .slider-arrow img {
    position: absolute;
    width: 30px;
    left: 0
}

.product-details .product-details__slider .slider-arrow:before {
    content: ""
}

.product-details .product-details__slider .slider-arrow.slick-prev {
    left: -15px
}

@media (min-width: 768px) {
    .product-details .product-details__slider .slider-arrow.slick-prev {
        left: -30px
    }
}

.product-details .product-details__slider .slider-arrow.slick-next {
    right: -10px
}

@media (min-width: 768px) {
    .product-details .product-details__slider .slider-arrow.slick-next {
        right: -20px
    }
}

.product-details .product-details__slider ul.slick-dots {
    text-align: center;
    bottom: 0;
    height: 50px
}

@media (min-width: 992px) {
    .product-details .product-details__slider ul.slick-dots {
        text-align: left;
        position: inherit
    }
}

.product-details .product-details__slider ul.slick-dots li {
    width: 102px;
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .product-details .product-details__slider ul.slick-dots li {
        max-width: 58px;
        margin-left: 0;
        padding-right: 10px
    }
}

.product-details .product-details__slider ul.slick-dots li button {
    border-bottom: 3px solid #b4b4b4;
    width: 100%
}

.product-details .product-details__slider ul.slick-dots li button:before {
    content: ""
}

.product-details .product-details__slider ul.slick-dots li.slick-active button {
    border-color: #020202
}

.product-details .product-details__infos {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom: 50px
}

.product-details .product-details__infos .product-details__info {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .product-details .product-details__infos .product-details__info {
        width: 24%
    }
}

.product-details .product-details__infos .product-details__designProduct {
    display: -webkit-box;
    display: flex
}

.product-details .product-details__infos .product-details__genericProduct {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.product-details .product-details__infos .product-details__info__type {
    min-width: 150px;
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.product-details .product-details__infos .product-details__info__value {
    min-width: 150px;
    color: #161616;
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.product-details .product-details__actions {
    display: -webkit-box;
    display: flex;
    text-align: center
}

.product-details .product-details__actions .button-primary {
    margin-right: 15px
}

.product-details .product-details__actions .button-primary:last-child {
    margin-right: 0
}

.product-details .product-details__actions span {
    text-align: center;
    width: 100%
}

.product-details__main {
    display: grid;
    grid-gap: 10px;
    grid-template-columns:minmax(100px, 1200px) 1fr;
    grid-template-areas:"title" "gallery" "features"
}

.product-details__main .main__title {
    grid-area: title;
    grid-column: 1;
    grid-row: 1
}

.product-details__main .main__gallery {
    grid-area: gallery;
    grid-column: 1;
    grid-row: 2
}

.product-details__main .main__features {
    grid-area: features;
    grid-column: 1;
    grid-row: 3
}

@media only screen and (min-width: 1200px) {
    .product-details__main {
        grid-template-columns:repeat(12, 1fr);
        grid-template-rows:repeat(3, 1fr)
    }

    .product-details__main .main__title {
        grid-column: 1/8;
        grid-row: 1/2
    }

    .product-details__main .main__gallery {
        grid-column: 8/13;
        grid-row: 1/4;
        max-width: 740px
    }

    .product-details__main .main__features {
        grid-column: 1/8;
        grid-row: 2/4
    }
}

.accessoriesNotIncluded .product-preview {
    margin-bottom: 100px
}

.accessoriesNotIncluded .product-preview__gallery {
    max-width: 300px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px
}

.accessoriesNotIncluded .product-preview__gallery img {
    width: 100%
}

.accessoriesNotIncluded .product-preview__header {
    color: #161616;
    font-family: Muli;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .96px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.accessoriesNotIncluded .product-preview__description {
    color: #181818;
    font-family: Muli;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .72px;
    line-height: 20px
}

.product-subdetail {
    margin: 50px 0 80px
}

.product-subdetail .product-detail__subtitle {
    margin-bottom: 60px;
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 58px
}

.product-detail {
    margin: 150px 0
}

.product-detail:last-child {
    margin-bottom: 20px
}

.product-detail .product-detail__title {
    margin-bottom: 15px;
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    line-height: 38px;
    text-transform: uppercase
}

.product-detail .product-detail__content .detail_icons {
    margin-top: 0
}

.product-detail .product-detail__content .detail_icons .icon-30 {
    max-width: 30px
}

.product-detail .product-detail__content .layout__twoCol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance
}

@media (min-width: 768px) {
    .product-detail .product-detail__content .layout__twoCol {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

.product-detail .product-detail__content .details {
    margin-top: 60px
}

.product-detail .product-detail__content .details .detail {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 50px
}

.product-detail .product-detail__content .details .detail:first-of-type {
    margin-top: 0
}

.product-detail .product-detail__content .details .detail__label {
    width: 50%;
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 16px
}

.product-detail .product-detail__content .details .detail__txt {
    width: 50%;
    color: #020202;
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.product-detail .product-detail__content .detail__list {
    margin-top: 80px
}

.product-detail .product-detail__content .detail-list__label {
    font-weight: 700
}

.product-detail .product-detail__content .detail-list__list {
    padding-left: 0
}

.product-detail .product-detail__content .detail-list__list__li {
    display: inherit;
    width: unset;
    color: #797979
}

@media (min-width: 768px) {
    .product-detail .product-detail__content .detail-list__list__li {
        display: inline-block;
        width: 20%;
        padding: 20px 0
    }
}

.products-social {
    margin-bottom: 50px
}

.products-social .social {
    text-align: center
}

.products-social .social .social__label {
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 24px;
    text-transform: uppercase
}

.products-social .social .social__icons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.products-social .social .social__icons a {
    margin-left: 5px;
    margin-right: 5px
}

.products-social .social .social__icons img {
    width: 33px
}

@media (min-width: 768px) {
    .products-social .social .social__icons img {
        width: 17px
    }
}

.products-social .social .social__icons img:hover {
    cursor: pointer
}

.products-social .product-details__nav {
    color: #797979;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    line-height: 16px;
    text-transform: uppercase;
    background-color: transparent;
    border: none
}

.products-social .product-details__nav.arrow {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.products-social .product-details__nav.arrow:before {
    content: url(../images/icons/arrow-left-black.svg);
    display: inline-block;
    position: absolute;
    width: 30px
}

.products-social .product-details__nav.arrow-prev:before {
    left: -50px
}

.products-social .product-details__nav.arrow-next {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.products-social .product-details__nav.arrow-next:before {
    right: -50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-details-content > .container:first-child {
    background-color: #e3e3e3
}

.product-details-content .tab-component li.tab-component__button:after {
    top: 0
}

.downloadTab {
    padding-top: 150px
}

.downloadTab .item {
    padding-bottom: 20px
}

.downloadTab .item .title {
    color: #020202;
    font-family: Raleway, sans-serif;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: .5px
}

.related-products-component .section-title {
    font-family: Raleway, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 58px;
    margin-top: 100px
}

@media (min-width: 768px) {
    .related-products-component .slider-cards-component {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .related-products-component .slider-cards-component {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .related-products-component .slider-cards-component {
        padding-left: 100px;
        padding-right: 100px
    }
}

.related-products-component .slider-cards-component__slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 584px
}

@media (min-width: 1200px) {
    .related-products-component .slider-cards-component__slide .cards__card {
        width: 70%;
        padding-top: 50px
    }
}

.related-products-component .slider-cards-component__slide .cards__card {
    max-width: unset
}

.related-products-component .slider-cards-component__slide .cards__image {
    padding: 25px;
    border: 1px solid #e3e3e3
}

@media (min-width: 1200px) {
    .related-products-component .slider-cards-component__slide .cards__image {
        padding: 37px;
        width: 100%;
        height: unset;
        margin: 0 auto
    }
}

.related-products-component .slider-cards-component__slide .cards__textBox {
    margin-top: 20px
}

.related-products-component .slider-cards-component__slide .cards__textBox .cards__sub_title, .related-products-component .slider-cards-component__slide .cards__textBox .cards__title {
    text-align: center
}

.related-products-component .slick-slider .slick-prev {
    left: -15px
}

@media (min-width: 768px) {
    .related-products-component .slick-slider .slick-prev {
        left: 30px
    }
}

@media (min-width: 1200px) {
    .related-products-component .slick-slider .slick-prev {
        left: 75px
    }
}

.related-products-component .slick-slider .slick-next {
    right: -15px
}

@media (min-width: 768px) {
    .related-products-component .slick-slider .slick-next {
        right: 30px
    }
}

@media (min-width: 1200px) {
    .related-products-component .slick-slider .slick-next {
        right: 75px
    }
}

.container-custom {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

.stores-locator {
    padding-bottom: 40px
}

@media (min-width: 576px) {
    .stores-locator {
        padding-bottom: 0
    }
}

.stores-locator__index {
    height: 0;
    overflow: hidden
}

@media (min-width: 576px) {
    .stores-locator__index {
        height: auto;
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.stores-locator__index .grid .row {
    padding-bottom: 40px
}

.stores-locator__index .grid .row .grid-element {
    padding-top: 40px
}

.stores-locator__index .grid .row .grid-separator {
    border-bottom: 1px solid #fff;
    display: block
}

.stores-locator__index .grid h2 {
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.28px;
    line-height: 38px;
    margin-top: 50px
}

.stores-locator__index .grid h3 {
    font-family: Muli, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 20px
}

.stores-locator__list {
    width: 100%;
    display: grid;
    padding: 1.25rem 0;
    grid-template-columns:auto auto auto auto;
    grid-column-gap: 5%;
    border-bottom: 1px solid #fff
}

.stores-locator__listElement {
    padding: .75rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end
}

/*# sourceMappingURL=style.min.css.map */


body {
    line-height: 35px !important;
}


.actions__search {
    position: relative;
    top: 64px;
    z-index: 1;
}

.searchBox {
    position: relative;
    top: 0;
    z-index: 1;
}

.first-ul {
    column-gap: 168px;
}

.third-ul {
    display: block !important;
    float: right;
}

.image1 {
    height: 220px !important;
}

.margins {
    margin: 150px auto;
    display: inline !important;
}

.urls {
    display: inline !important;
}

.black-link {
    color: black;
    line-height: 128px;
}

.img-size {
    width: 490px;
    height: 250px;
}

.line-height {
    position: absolute;
    bottom: 0;
    text-align: left !important;
    padding-left: 10px;
}

.my-span {
    padding: 50px;
    margin-top: 50px;
}

.my-span p {
    font-size: 12px !important;
    color: black !important;
    line-height: 25px !important;
}

.slider-ols li {
    border-radius: 50%;
    width: 10px !important;
    height: 10px !important;
    background-color: gray;
}

.color-for-slider-span {
    color: gray !important;
}

.gas-slider {

    position: absolute;
    bottom: 0;
}

.image-size {
    width: 490px;
    height: 250px;
}

.product-div {
    position: relative;
    top: 50px;
    background-color: white;
}

.footer__scrollTop {
    top: 50px !important;
}

.white-hr {
    border-color: white !important;
}

.contact-xs-img {
    cursor: pointer;
}

.company {
    float: right !important;
}

.carousel span svg {
    width: 25px;
    height: 25px;
    fill: black;
}

.direction-rtl {
    direction: rtl;
}

.parent-header {
    height: 75%;
    margin: auto 120px;
    border-left: 1px solid white;
    position: relative;
}

.height-parent-header {
    height: 100px;
}


@media screen and (min-width: 768px) {
    /*.third-ul {*/
    /*    padding-right: 420px;*/
    /*}*/

    .second-ul {
        padding-left: 50px;
    }

    .in-a-line {
        position: relative;
        top: 80px;
    }

    .small-img-about {
        height: 214px !important;
    }

    .searchBox {
        position: relative;
        top: 60px;
        z-index: 1;
    }

    .inline-navs {
        position: relative;
        right: 35px;
    }

    .center-nav {
        position: relative;
        right: 23px;
    }

    .inline-navs-company {
        position: relative;
        /*right: -95px;*/
    }

    .portrait-line {
        float: left;
        position: relative;
        height: 76%;
        border-left: 1px solid white;
        left: 150px;
    }

    .portrait-line1 {
        float: left;
        position: relative;
        height: 76%;
        border-left: 1px solid white;
        left: 130px;
    }

}

@media screen and (max-width: 768px) {
    .actions__search {
        top: 4px;

    }

    .pic-company-mobile {
        margin-top: 50px;
    }

    .about-img {
        margin-top: 5px;
        width: 100%;
        height: auto;
    }

    .font-size-mobile {
        font-size: 12px !important;
    }

    .carousel span svg {
        width: 20px;
        height: 20px;
        fill: black;
    }

    .footer .footer__scrollTop {
        width: 30px !important;
        height: 30px !important;
    }

    .portrait-line {
        display: none;
    }

    .gar {
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .my-span {
        margin-top: 0 !important;
    }

    .my-span p {
        font-size: 8px !important;
    }

    .col-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}