@font-face {
    font-family: 'Acrom';
    src: url('../assets/fonts/AcromRegular/font.woff2') format('woff2'),
    url('../assets/fonts/AcromRegular/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acrom';
    src: url('../assets/fonts/AcromMedium/font.woff2') format('woff2'),
    url('../assets/fonts/AcromMedium/font.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acrom';
    src: url('../assets/fonts/AcromBold/font.woff2') format('woff2'),
    url('../assets/fonts/AcromBold/font.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

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

html{
    font-size: 16px !important;
}

a, button{
    cursor: pointer !important;
}

body {
    line-height: 1;
    font-size: 16px !important;
    font-family: 'Acrom', sans-serif;
    background-color: #000000;
    overflow-x: hidden;
}

ol, ul {
    list-style: none !important;
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    scroll-behavior: smooth;
}

body, html {
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: 700;
    font-family: 'Acrom', sans-serif;
    /*overflow-x: hidden;*/
    background-color: #fff;
}

section{
    overflow-x: clip;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
}

body {
    min-width: 300px;
    font-family: 'Acrom', sans-serif;
}

body img {
    max-width: 100%;
    height: auto;
}

a img {
    border: 0;
}

a {
    cursor: pointer !important;
}

a:active, a:visited, a, a:hover, a:focus, button {
    text-decoration: none !important;
    outline: 0 !important;
}

*,
*::before,
*::after {
    outline: 0 ! important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a {
    outline: none !important;
    text-decoration: none;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
}

.square-circle-5 {
    width: 65px;
    aspect-ratio: 1;
    position: relative;
}

.square-circle-5:before,
.square-circle-5:after {
    content: "";
    position: absolute;
    border-radius: 50px;
    box-shadow: 0 0 0 3px inset #151515;
    animation: sc5 2.5s infinite;
}

.square-circle-5:after {
    animation-delay: -1.25s;
    border-radius: 0;
}

@keyframes sc5 {
    0% {
        inset: 0 35px 35px 0
    }
    12.5% {
        inset: 0 35px 0 0
    }
    25% {
        inset: 35px 35px 0 0
    }
    37.5% {
        inset: 35px 0 0 0
    }
    50% {
        inset: 35px 0 0 35px
    }
    62.5% {
        inset: 0 0 0 35px
    }
    75% {
        inset: 0 0 35px 35px
    }
    87.5% {
        inset: 0 0 35px 0
    }
    100% {
        inset: 0 35px 35px 0
    }
}

@media (min-width: 768px) {
    html .load-hidden {
        visibility: hidden;
    }

    html .load-hidden .letter {
        opacity: 0;
    }

    html .opacity-hidden {
        opacity: 0;
    }
}


body a:hover {
    text-decoration: none;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.clear {
    clear: both;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 10px auto;
}

input, textarea {
    /*font-family: $body-font !important;*/
}

textarea,
select,
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"] {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.flex {
    display: flex;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.loader-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    z-index: 5;
}

.loader-center {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #151515;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }
    100%, 0% {
        transform: scale(1.0);
    }
}

.container {
    max-width: 1345px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.container-l {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}


header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 90px;
    padding: 30px 0;
    z-index: 999;
    transform: translateY(-100%);
    transition: all 1s;
}

.header-body{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.header-menu{
    display: flex;
    align-items: center;
}

.header-extra{
    display: flex;
    justify-content: flex-end;
}

.header-logo{
    margin: 0 auto;
    transition: all .3s;
}

.header-logo:hover{
    opacity: .8;
}

.header-menu li{
    margin-right: 30px;
}
.header-menu li:last-child{
    margin-right: 0;
}

.header-menu li a{
    font-size: .9375rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    position: relative;
}

.header-menu li a:before{
    content: '';
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000000;
    position: absolute;
    display: block;
    transition: all .3s;
}

.header-menu li a:hover:before{
    width: 100%;
}

.header-menu li.current-menu-item a:before{
    width: 100%;
}

.header-placeholder{
    min-height: 90px;
}

.hm-intro-text{
    padding: 125px 0 55px;
}



.hm-intro-text-body{
    margin: 0 0 0 auto;
    max-width: 695px;
    width: 100%;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 500;
    position: relative;
}

.hm-intro-text-body-before{
    margin: 0 0 0 auto;
    max-width: 695px;
    width: 100%;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 20px;
    color: #6F152E;
    opacity: .2;
}

.splt-wrap{
    white-space: nowrap;
}

.hm-design-slider li{
    padding: 0 10px;
}

.hm-design-slider .slick-list{
    overflow: unset !important;
}

.hm-design-slider:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3000px;
    left: 0;
    transform: translateX(-100%);
    background-color: #191920;
    display: block;
    z-index: 1;
}

.hm-design-body:after{
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 3000px;
    height: 50%;
    background-color: #fff;
    transform: translateX(-100%);
    display: block;
    z-index: 2;
}

.hm-design-slide{
    min-width: 100%;
    min-height: 525px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    /*transform: translateY(-100%);*/
    clip-path: inset(0 0 100% 0); /* Start clipped (hidden) from the top */

    transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;
}

.hm-design-slider li{
    position: relative;
    overflow: hidden;
}

.hm-design-slider li.slick-current .hm-design-slide{
    min-height: 705px;

}

.your-carousel-class .slick-slide {
    transition: transform 0.5s ease, opacity 0.5s ease; /* Smooth transition */
}

.your-carousel-class .slick-slide.custom-animation {
    animation: slideAnimation 1s ease-in-out; /* Custom animation */
}

@keyframes slideAnimation {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.hm-design-slider .slick-list{
    margin: 0 -10px;
    padding-right: 275px;
}

.hm-design-title-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.section-title{
    font-size: 3rem;
    line-height: 1.2;
    color: #333333;
    font-weight: 500;
}

.section-ext-title{
    font-size: 8rem;
    line-height: 1.2;
    color: #333333;
    font-weight: 700;
}

.slick-arrow{
    width: 90px;
    height: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s;
    opacity: .5;
    cursor: pointer;
}

.slick-arrow:hover{
    opacity: 1;
}

.prev-custom-slide{
    background-image: url("../assets/images/arrow.svg");
    margin-right: 20px;
}

.next-custom-slide{
    background-image: url("../assets/images/arrow.svg");
    transform: rotate(180deg);
}


.hm-design-slider-nav {
    display: flex;
    align-items: center;
    margin-right: 75px;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    top: -150px;
}

.hm-design-slider-nav .next-custom-slide{
    background-image: url("../assets/images/arrow-w.svg");
}

.hm-design-slider-nav .prev-custom-slide {
    background-image: url("../assets/images/arrow-w.svg");
}

.hm-design-slider {
    min-height: 705px;
}

.hm-components .section-ext-title, .hm-products .section-title, .hm-recommendations .section-sm-title, .hm-intro-banner-title{
    overflow: hidden;
}

.hm-components .section-ext-title .char{
    transform: translateY(100%);
    overflow: hidden;
}

.splt-wrap{
    overflow: hidden;
    display: inline-block;
}

.ab-intro-text .char{
    transform: translateY(100%);
}
.contact-title .char{
    transform: translateY(100%);
}

.ab-intro-title .char{
    transform: translateY(100%);
}

.hm-products .section-title .char{
    transform: translateY(100%);
}

.hm-recommendations .section-sm-title .char{
    transform: translateY(100%);
}

.hm-intro-banner-title .char{
    transform: translateY(100%);
}


.hm-components-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 35px;
}

.hm-benefit-text{
    font-size: .875rem;
    line-height: 1.5;
    color: #000000;
    font-weight: 400;
}

.hm-benefit-number{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 15px;
}

.hm-components-list li{
    padding: 0 30px 30px;
    position: relative;
    min-height: 200px;
}

.line-d{
    content: '';
    width: 1px;
    max-height: calc(100% - 15px);
    height: 0;
    /*top: 15px;*/
    left: 0;
    background-color: #000000;
    display: block;
    position: absolute;
    bottom: 0;
}

.line-r{
    content: '';
    max-width: 23px;
    width: 0;
    height: 1px;
    top: 15px;
    left: 0;
    background-color: #000000;
    display: block;
    position: absolute;
}

.hm-components-img{
    padding-bottom: 140px;
}

.hm-components-img-body{
    width: 100%;
    min-height: 495px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hm-recommendations-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.hm-recommendations-block{
    min-height: 310px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    padding: 0 40px 50px 30px;
}

.hm-recommendations-list.slick-slider{
    display: unset;
    grid-template-columns: unset;
}

.partners-list.slick-slider{
    display: unset;
    grid-template-columns: unset;
}

.partners-list .overlay-bg{
    left: -1px;
    right: -1px;
}

.hm-product-list.slick-slider{
    display: unset;
    grid-template-columns: unset;
}

.hm-product-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.hm-recommendations-block:before{
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
}

.hm-recommendations-block span{
    font-size: .875rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 50px;
}

.hm-recommendations-block img{
    height: 72px;
}

.section-sm-title{
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    margin-bottom: 35px;
}

.hm-benefits{
    padding: 80px 0 100px;
}

.ab-intro-body{
    display: flex;
    justify-content: space-between;
}

.ab-intro-video{
    width: 47%;
    height: 0;
    padding-top: 47%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
    border-radius: 50%;
    overflow:hidden;
}

.ab-intro-content{
    width: 43%;
    padding: 130px 0 270px;
}

.ab-intro-title{
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 20px;
    overflow: hidden;
}

.ab-intro-text{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    max-width: 375px;
    width: 100%;
}

.ab-exp-body{
    position: relative;
    min-height: 620px;
    padding: 190px 0 90px 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-exp-body:before{
    content: '';
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../assets/images/Dark Gradient 3 (1).png");
    top: 0;
    bottom: 0;
    left: 0;
    right: -312.5px;
    display: block;
    position: absolute;
}

.ab-exp-counter{
    font-size: 6rem;
    line-height: 1.2;
    font-weight: 250;
    color: #ffffff;
    position: relative;
    z-index: 10;
    width: 45%;
}

.ab-exp-counter span{
    font-weight: 700;
}

.ab-exp-content{
    position: relative;
    z-index: 10;
    width: 50%;
}

.ab-exp-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}


.ab-exp-text{
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 400;
    color: #fff;
}

.ab-intro{
    margin-top: 20px;
    margin-bottom: -105px;
}

.ab-technology{
    padding: 120px 0 125px;
}

.ab-technology-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    text-align: center;
    max-width: 815px;
    width: 100%;
    margin: 0 auto 20px;
}

.ab-technology-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    text-align: center;
    max-width: 815px;
    width: 100%;
    margin: 0 auto 50px;
}

.ab-technology-images{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.ab-technology-image {
    min-height: 510px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;

}

.ab-stat{
    padding-bottom: 155px;
}

.ab-stat-body{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ab-stat-content{
    width: 40%;
}


.ab-stat-list{
    width: 47%;
}

.ab-stat-list-block{
    margin-bottom: 40px;
    max-width: 400px;
    padding: 10px 0 10px 35px;
    width: 100%;
    border-left: 1px solid #fff;
}

.ab-stat-list li:last-child .ab-stat-list-block{
    margin-bottom: 0;
}

.ab-stat-list-number{
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}

.ab-stat-list-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
}


.ab-stat-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}

.ab-stat-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
}

.ab-certificates-title{
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    margin: 0 auto 15px;
    max-width: 725px;
    width: 100%;
    text-align: center;
}

.ab-certificates-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    max-width: 640px;
    width: 100%;
    text-align: center;
    margin: 0 auto 125px;
}

.ab-certificates-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.ab-certificates-list-block{
    min-height: 315px;
    padding: 65px 40px 35px 25px;
    background-color: rgba(255,255,255,.1);
    display: flex;
    align-items: flex-end;
    position: relative;
}

.ab-certificates-list .year{
    width: 107px;
    height: 107px;
    position: absolute;
    left: 0;
    background-image: url("../assets/images/certificate-year-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: -51px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
}

.ab-certificates-list .text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
}

.ab-history{
    padding: 110px 0 130px;
}

.ab-history-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    margin: 0 auto 20px;
    text-align: center;
    max-width: 675px;
    width: 100%;
}

.ab-history-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #333333;
    margin: 0 auto 45px;
    text-align: center;
    max-width: 675px;
    width: 100%;
}

.ab-history-timeline{
    display: flex;
    border-left: 1px solid #000;
}

.ab-history-timeline li{
    padding: 0 25px 30px;
    min-width: 80px;
    min-height: 385px;
    border-right: 1px solid #000;
    position: relative;
    transition: all 1s ;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 100%;
    width: 0;
    cursor: pointer;
}

.ab-history-timeline li:hover .year{
    opacity: 1;
}

.ab-history-timeline .year{
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    opacity: .2;
    position: absolute;
    top: 30px;
    left: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: all .3s;
}

/*.ab-history-timeline .text, .ab-history-timeline .image{*/
/*    display: none;*/
/*}*/

.ab-history-timeline li.active{
    width: 100%;
}

.ab-history-timeline li.active .year{
    color: #ffffff;
    opacity: 1;
}

.ab-history-timeline li .text-wrap{
    position: relative;
    z-index: 2;
    width: 58%;
    overflow: hidden;
}

.ab-history-timeline li .text{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffff;
    transition: all .3s;
    transform: translateY(110%);
    display: inline-block;
}

/*.ab-history-timeline li.active .text, .ab-history-timeline li.active .image{*/
/*    display: block;*/
/*}*/


.ab-history-timeline li .image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0 auto;
    /*transform: translateY(100%);*/
    min-height: 320px;
    display: block;
    clip-path: inset(0 0 100% 0);
/*     transition: clip-path 0s ease-in-out, opacity 1s ease-in-out; */
	transition: all .3s;
}

.ab-history-timeline li.active .image{
/*     transition: clip-path 1s ease-in-out; */
	transition: all .3s;
}

.ab-history-timeline li .image-wrap{
    position: relative;
    width: 38%;
    min-height: 320px;
    overflow: hidden;
}

.ab-history-timeline li.active {
    display: flex;
    align-items: flex-end;
    background-image: url("../assets/images/Dark Gradient 4.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: space-between;
    padding-right: 50px;
}

.ab-team{
    padding-bottom: 100px;
}

.ab-team-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    margin: 0 0 20px;
    max-width: 610px;
    width: 100%;
}

.ab-team-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #333333;
    margin: 0 0 70px;
    max-width: 610px;
    width: 100%;
}

.ab-team-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 45px 20px;
}

.ab-team-memb-img{
    width: 100%;
    min-height: 410px;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.ab-team-memb-name{
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
}

.ab-team-memb-job{
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 400;
    color: #000000;
    opacity: .6;
}

.ab-news-title-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 40px;
}


.ab-news-title-wrap .section-title{
    margin-right: 20px;
}

.ab-news-slider-nav{
    display: flex;
    align-items: center;
}

.ab-news-body{
    display: flex;
    flex-direction: column;
}

.ab-news-slider{
    width: 100%;
}

.blog-card{
    position: relative;
}

.blog-card-image{
    min-height: 315px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 35px;
    display: block;
}

.blog-card-title{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
}

.blog-card-content{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    margin-bottom: 30px;
}

.blog-card-read-more{
    min-height: 40px;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    background-color: #000000;
    border-radius: 100px;
    color: #ffffff;
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 500;
    width: fit-content;
    transition: all .3s;
}

.blog-card-read-more:hover{
    background-color: #383844;
}

.ab-news-slider li{
    padding: 0 10px;
}

.ab-news{
    padding-bottom: 125px;
}

.partners-title{
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    margin-bottom: 35px;
}

.partners-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.partners-list li{
    padding: 10px 25px;
    min-height: 135px;
    border-left: 1px solid #000000;
    position: relative;
}

footer{
    background-image: url("../assets/images/Dark Gradient 01.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#footerVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 1;
}

footer .container{
    z-index: 2;
}

.footer-main{
    padding: 55px 0 50px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.footer-logo{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 115px;
    transition: all .3s;
}

.footer-logo:hover{
    opacity: .8;
}

.footer-extra{
    width: 100%;
    padding: 35px 0 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-policy{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    transition: all .3s;
}

.footer-policy:hover{
    opacity: .5;
}

.ab-news-slider .slick-list{
    margin: 0 -10px;
}

.footer-socials-wrap{
    display: flex;
    align-items: center;
}

.footer-social-link{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    margin-right: 45px;
    transition: all .3s;
}

.footer-social-link:hover{
    opacity: .5;
}

.footer-menu-wrap li{
    margin-bottom: 25px;
}

.footer-menu-wrap li:last-child{
    margin-bottom: 0;
}

.footer-menu-wrap li a{
    font-size: 2.0625rem;
    line-height: 1.2;
    font-weight: 700;
    color: #FFFFFF;
    transition: all .3s;
}

.footer-menu-wrap li a:hover{
    opacity: .5;
}

.contact{
    padding: 75px 0 110px;
    min-height: calc(100vh - 600px);
}

.contact-body{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.contact-title{
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    margin-bottom: 25px;
}

.contact-map{
    width: 66%;
    min-height: 670px;
    position: relative;
}

.contact-map .map{
    min-height: 670px;
    width: 100%;
}

.mobile-map {
    min-height: 300px;
    width: 100%;
}

.contact-filter-wrap{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ab-bg-gradient{
    background-image: url("../assets/images/Dark Gradient 2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    margin-top: -445px;
    padding-top: 445px;
    position: relative;
    overflow: hidden;
}

.hm-intro-video{
    min-height: 860px;
    position: relative;
    overflow: hidden;
}

.hm-intro-video:after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.78%, rgba(0, 0, 0, 0.75) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home .header-placeholder{
    display: none;
}

#background-video{
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.hm-intro-product-card{
    padding: 10px;
    display: flex;
    background: #FFFFFF0D;
    align-items: center;
    min-height: 105px;
    width: 100%;
    transition: all .3s;
    position: relative;
}

.hm-intro-product-card-title{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: #FFFFFF;
    padding-right: 60px;
}

.hm-intro-product-card-img{
    width: 85px;
    height: 85px;
    margin-right: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.hm-intro-product{
    min-height: 860px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 15px 0;
    position: relative;
    z-index: 2;
}

.hm-design .section-title{
    overflow: hidden;
}

.hm-design .section-title .char{
    transform: translateY(100%);
}

.hm-intro-product-list{
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(255,255,255,.2);
    width: 100%;
}

.hm-intro-product-list li{
    padding: 0 10px;
}

.hm-intro-product-list .slick-list{
    margin: 0 -10px;
}

.hm-intro-product-list-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.hm-intro-product-list-nav .prev-custom-slide, .hm-intro-product-list-nav .next-custom-slide{
    background-image: url("../assets/images/arrow-w.svg");
}

.hm-intro-product-card-link{
    content: '';
    width: 37px;
    height: 37px;
    background-image: url("../assets/images/prodyct-link-arrow.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
    transition: all .3s;
}

.hm-product-card:hover .hm-intro-product-card-link{
    display: block;
}

.hm-intro-product-card:hover{
    background: #FFFFFF1A;
}

.hm-intro-product-card:hover .hm-intro-product-card-link{
    display: block;
}

.hm-intro-banner-body{
    min-height: calc(100vh - 110px);
}

.hm-intro-banner-img{
    width: 50%;
    padding-top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(50% + 110px);
    right: 0;
    transform: translateY(calc((100% + 110px) / -2));
}

.hm-intro-banner{
    position: relative;
    margin-top: 110px;
    overflow-y: hidden;
}

.hm-intro-banner-content{
    width: 45%;
    min-height: 610px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 65px 0;
}

.hm-intro-banner-body{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hm-intro-banner-title{
    font-size: 3rem;
    line-height: 1.2;
    color: #333333;
    font-weight: 500;
    margin-bottom: 15px;
}

.hm-intro-banner-text{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    margin-bottom: 35px;
}

.dark-btn{
    min-height: 40px;
    background-color: #191920;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    padding: 10px 15px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    color: #ffffff;
    transition: all .3s;
}

.dark-btn:hover{
    background-color: #383844;
}

.contact-block{
    padding: 20px 20px 20px 50px;
    position: relative;
    border-bottom: 1px solid #333333;
    transition: all .3s;
    min-height: 100px;
}

.contact-block:before{
    content:'';
    width: 23px;
    height: 29px;
    background-image: url("../assets/images/pin-marker.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 20px;
    left: 12px;
    transition: all .3s;
    transition-delay: .01;
}

.contact-block-title{
    font-size: .875rem;
    line-height: 1.36;
    font-weight: 400;
    color: #000000;
    margin-bottom: 25px;
    transition: all .3s;
}

.contact-block-work-hours-list li{
    width: 100%;
    display: flex;
    align-items: center;
}

.contact-block-work-hours-list .day{
    width: 55px;
}

.contact-block-work-hours-list span{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    transition: all .3s;
}

.contact-content{
    width: 32%;
}

.contact-block:hover{
    background-color: #191920;
}

.contact-block:hover .contact-block-title, .contact-block:hover .contact-block-work-hours-list span{
    color: #ffffff;
}

.contact-block:hover:before{
    background-image: url("../assets/images/pin-marker-dark.svg");
}

.contact-block:hover .contact-block-link{
    display: flex;
}

.contact-block-link{
    width: 45px;
    height: 45px;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,.1);
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    transition: all .3s;
    z-index: 999;
}

.contact-block-wrap{
    position: relative;
}

.contact-block-link:after{
    content: '';
    background-image: url("../assets/images/shop-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 15px;
    display: block;
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 45px;
    background-color: #F1F1F1;
    font-size: .875rem;
    font-weight: 400;
    color: #000;
    line-height: 45px;
    border: none;
    padding-left: 15px;
    border-radius: 2px;
}

.contact-content .select2-container{
    width: 100% !important;
    height: 45px;
    background-color: #F1F1F1;
    border-radius: 2px;
}

.select2-container--default .select2-selection--single{
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    width: 17px;
    height: 8px;
    background-image: url("../assets/images/select-drop.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0;
    border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 45px;
    margin-right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-list-wrap{
    border-top: 1px solid #333333;
    margin-top: 20px;
    height: 520px;
    overflow-y: auto;
    position: relative;
    padding-right: 10px;
}

.select2-dropdown{
    border: 1px solid #F1F1F1 !important;
    border-radius: 0;
}


.contact-list-wrap::-webkit-scrollbar{
    width: 7px;
    background: rgba(51, 51, 51, .1);
}

.contact-list-wrap::-webkit-scrollbar-thumb {
    background: #333333; /* color of the scrollbar handle */
    border-radius: 0; /* rounded corners */
}

.contact-list-wrap::-webkit-scrollbar-thumb:hover {
    background: #333333; /* color of the scrollbar handle on hover */
}

.contact-list-wrap .loader-holder{
    background-color: #ffffff;
    top: -5px;
}

.hm-text{
    padding: 140px 0;
    background-color: #191920;
}

.hm-text-body{
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    max-width: 745px;
    width: 100%;
    margin: 0 0 0 auto;
}

.hm-text-body .char{
    opacity: .2;
}

.hm-products{
    background-color: #191920;
    padding-bottom: 80px;
    position: relative;
}

.hm-products-gradient{
    content: '';
    position: absolute;
    top: -210px;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #6F152E 0%, rgba(111, 21, 46, 0) 100%);
    transform: rotate(180deg);
    bottom: 0;
    transition: all 1s ease;
}

.products-gradient{
    content: '';
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #6F152E 0%, rgba(111, 21, 46, 0) 100%);
    transform: rotate(180deg);
    bottom: 0;
    transition: all 1s ease;
}

/*.hm-products:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -210px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background: linear-gradient(180deg, #6F152E 0%, rgba(111, 21, 46, 0) 100%);*/
/*    transform: rotate(180deg);*/
/*    bottom: 0;*/
/*    transition: all 1s ease;*/
/*}*/

/*.hm-products.scrolled:before {*/
/*    background: linear-gradient(180deg, #6F3B15 0%, rgba(111, 43, 21, 0) 100%);*/
/*}*/

.hm-products .section-title{
    color: #FFFFFF;
    margin-right: 30px;
}

.hm-design{
    position: relative;
}

.hm-design:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background-color: #fff;
}

.hm-design{
    background-color: #191920;
}

.hm-product-list-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.hm-product-list-title-wrap, .hm-product-list-nav{
    display: flex;
    align-items: center;
}

.hm-product-list-nav .slick-arrow{
    background-image: url("../assets/images/arrow-w.svg");
}

.hm-product-card{
    padding: 25px;
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,.05);
    transition: all .3s;
    position: relative;
    top: 0;
}

.hm-product-card-title{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px;
}

.hm-product-card-text{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    opacity: .7;
    margin-bottom: 10px;
	max-width: 90%;
}

.hm-product-card-price{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffff;
}

.hm-product-card-img{
    min-height: 275px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 25px;
    transition: all .3s;
}

.hm-product-card:hover .hm-product-card-img{
    transform: scale(1.04);
}

.hm-product-list li{
    padding: 15px 10px;
    transition: all .3s;
    overflow: hidden;
}

.hm-product-list .slick-list{
    margin: 0 -10px;
}

/*.hm-product-list li:hover{*/
/*    padding: 0 10px;*/
/*}*/

.hm-product-list li:hover .hm-product-card{
    /*padding: 40px 25px;*/
    /*background: rgba(255,255,255,.1);*/
}

.hm-product-card:hover{
    top: -10px;
    height: calc(100% + 20px) !important;
}

.product-reviews{
    background-color: #191920;
    padding: 470px 0 135px;
    position: relative;
    margin-top: 275px;
    overflow: unset !important;
}

.quote-icon{
    width: 63px;
    height: 42px;
    background-image: url("../assets/images/quote-icon.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 75px;
    display: block;
}

.product-review-text{
    font-size: 1.875rem;
    line-height: 1.2;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 45px;
}

.product-review-name{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 5px;
}

.product-review-job{
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffff;
}

.product-reviews-slider-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.product-reviews-slider-nav .slick-arrow{
    background-image: url("../assets/images/arrow-w.svg");
}

.product-reviews-slider{
    margin-bottom: 85px;
}

.product-reviews-slider li{
    padding: 0 40px;
}

.product-reviews-slider .slick-slider{
    margin: 0 -40px;
}

.product-reviews:before{
    content: "";
    background: linear-gradient(180deg, #6F152E 0%, rgba(111, 21, 46, 0) 100%);
    width: 100%;
    min-height: 330px;
    position: absolute;
    bottom: 0;
    transform: rotate(180deg);
}

.product-img-txt{
    padding: 80px 0 90px;
}

.product-img-txt-block{
    margin-bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.product-img-txt-block:nth-child(2n){
    flex-direction: row-reverse;
}

.product-img-txt-block:last-child{
    margin-bottom: 0;
}

.product-img-txt-image{
    width: 50%;
    min-height: 610px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.product-img-txt-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px;
}

.product-img-txt-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
}

.product-img-txt-content{
    width: 45%;
}

.product-ext-info-body{
    padding: 135px 0 205px;
}

.product-ext-info-body:before{
    content: '';
    background-color: #191920;
    background-image: url("../assets/images/Dark Gradient 01 ext.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    top: 0;
    left: -312.5px;
    right: 15px;
    bottom: 0;
}

.product-ext-info-block{
    display: flex;
    justify-content: space-between;
    margin-bottom: 175px;
    position: relative;
    z-index: 2;
}

.product-ext-info-block:last-child{
    margin-bottom: 0;
}

.product-quiz{
    padding: 160px 0 95px;
}

.product-ext-info-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    width: 40%;
    padding-top: 30px;
}

.product-ext-info-content {
    width: 50%;
    padding-top: 40px;
    border-top: 1px solid rgba(255,255,255,.2);
}

.product-ext-info-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 30px;
    padding-right: 120px;
}

.product-quiz-title{
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px;
    max-width: 610px;
    width: 100%;
}

.product-quiz-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    max-width: 610px;
    width: 100%;
}

.product-quiz-step{
    width: 100%;
    padding-top: 50px;
    margin-top: 30px;
    border-top: 1px solid #000000;
}

.product-quiz-step-title {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    max-width: 420px;
    width: 100%;
    margin-bottom: 30px;
}

.product-quiz-step-choices{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.product-quiz-step-choice{
    width: 100%;
    padding: 15px 20px 40px;
    background-color: #EEEEEE;
    min-height: 145px;
    transition: all .3s;
}

.product-quiz-step-choice:hover{
    background-color: #000000;
}

.product-quiz-step-choice-letter{
    margin-bottom: 35px;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    width: 100%;
    text-align: right;
    transition: all .3s;
}

.product-quiz-step-choice:hover .product-quiz-step-choice-letter{
    color: #ffffff;
}

.product-quiz-step-choice:hover .product-quiz-step-choice-title{
    color: #ffffff;
}

.product-quiz-step-choice-title{
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    transition: all .3s;
}

.trans-w-btn{
    min-height: 40px;
    min-width: 185px;
    width: fit-content;
    border-radius: 100px;
    border: 1px solid #FFFFFF;
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}

.trans-w-btn:hover{
    background-color: #ffffff;
    color: #000000;
}

.product-reviews-body-img{
    min-height: 660px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /*width: 100%;*/
    display: block;
    margin-top: -750px;
    margin-bottom: 90px;
    right: -312.5px;
    position: absolute;
    left: 15px;
}

.product-intro{
    padding: 60px 0 35px;
    background-color: #191920;
}

.product-intro-body{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.product-intro-title-wrap{
    display: flex;
    align-items: flex-end;
}

.product-intro-title-col-wrap{
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    justify-content: flex-end;
}

.product-intro-text{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffff;
    max-width: 405px;
    width: 100%;
}

.product-intro-brand {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 7px;

}

.product-intro-title{
    font-size: 8rem;
    line-height: .8;
    font-weight: 700;
    color: #ffffff;
}

.product-intro-title-content{
    display: flex;
    align-items: center;
}

.product-intro-price{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    margin-right: 25px;
    color: #ffffff;
}

.w-btn{
    min-height: 40px;
    min-width: 130px;
    padding: 10px 15px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    border-radius: 100px;
    transition: all .3s;
}

.w-btn:hover{
    background-color: rgba(255,255,255,.8);
}

.product-info-img{
    min-height: 600px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #444444;
}

.hm-benefits-body{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hm-benefits-left{
    width: 42%;
}

.hm-benefits-right{
    width: 50%;
}

.hm-benefits-title{
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000000;
    opacity: .2;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
}

.hm-benefits-title:hover{
    opacity: 1;
}

.hm-benefits-title:before{
    content: '';
    height: 0;
    width: 1px;
    background-color: #000000;
    position: absolute;
    left: -30px;
    top: 0;
    transition: all .3s
}

.hm-benefits-title.active:before{
    height: 100%;
}

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

.hm-benefits-title.active{
    opacity: 1;
}

.hm-benefits-text.active{
    display: block;
}

.hm-benefits-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    display: none;
}

.hm-benefits-title-wrap{
    margin-bottom: 55px;
}

.hm-benefits-title-wrap{
    padding-left: 30px;
    border-left: 1px solid rgba(0,0,0,.2);
}

.hm-benefits-text-wrap{
    padding-left: 30px;
}

.hm-benefits-img{
    width: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}

html.fixed {
    position: fixed;
}

.hm-benefits-img-wrap{
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.hm-benefits-img.active{
    display: block;
}

.hm-benefits-text-wrap{
    height: 100%;
}



.product-info-video{
    /*min-height: 600px;*/
    position: relative;
    overflow: hidden;
}

.product-info{
    padding-bottom: 75px;
}

.product-info-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 25px;
}

.product-info-list li{
    padding-left: 30px;
    padding-top: 45px;
    position: relative;
}

.product-info-list .li-before{
    display: block;
    max-width: 25px;
    width: 0;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top: 65px;
    left: 0;
}

.product-info-list .li-after{
    display: block;
    width: 1px;
    max-height: 65px;
    height: 0;
    background-color: #000000;
    position: absolute;
    top: 0px;
    left: 0;
}

.product-info-number{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.product-info-title{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.product-info-text{
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
}

.product-quiz-step-text{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
    max-width: 610px;
    width: 100%;
}

.quiz-filtered{
    background-color: #EEEEEE;
    padding: 75px 0;
    display: none;
}

.product-quiz-step-2, .product-quiz-step-3{
    display: none;
}

.transp-w-btn{
    min-height: 40px;
    background: transparent;
    border: 1px solid #FFFFFF;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    padding: 10px 15px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    color: #ffffff;
    transition: all .3s;
}

.transp-w-btn:hover{
    color: #000000;
    background-color: #FFFFFF;
}

.product-quiz-step{
    display: none;
}

.product-quiz-step.active{
    display: block;
}

.hm-components-video-wrapper{
    height: 495px;
    position: relative;
}

.overlay-bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    display: block;
    z-index: 1;
}

.hm-components-video-wrapper .overlay-bg{
    left: -315px;
}

.hm-components-video{
    /*position: relative;*/
    overflow: hidden;
    left: -312.5px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
}

.dark-trans-btn{
    min-height: 40px;
    min-width: 140px;
    width: fit-content;
    border-radius: 100px;
    border: 1px solid #000000;
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-family: 'Acrom', sans-serif;
}

.dark-trans-btn:hover{
    background-color: #000000;
    color: #fff;
}

.quiz-filtered-table{
    display: flex;
}

.quiz-filtered-col-main{
    width: calc(100%/4);
}

.quiz-filtered-slider-wrap{
    display: block;
    width: calc((100% / 4) *3);
}

.quiz-filtered-product-card{
    display: flex;
    flex-direction: column;
}

.row-main.row{
    padding-bottom: 35px;
}

.row{
    padding: 10px 0;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 700;
    color: #000;
    position: relative;
    min-height: 45px !important;
}

.quiz-filtered-col-main .row:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3000px;
    height: 1px;
    background-color: #D9D9D9;
    transform: translateX(100%);
}

.quiz-filtered-col-main .row:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10000px;
    height: 1px;
    background-color: #D9D9D9;
}

.quiz-filtered-product-title{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}

.quiz-filtered-product-card{
    padding: 30px 25px 20px;
    background-color: #FFFFFF;
}

.quiz-filtered-product-img{
    height: 195px;
    width: auto;
    margin-bottom: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.quiz-filtered-product-subtitle{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}

.partners{
    padding-top: 95px;
}

.quiz-filtered-table .dark-btn{
    width: 100%;
    margin-bottom: 10px;
}

.quiz-filtered-table .dark-trans-btn{
    width: 100%;
}

.quiz-filtered-col{
    padding: 0 7px;
}

.product-table-extra-info-title{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}

.row:last-child:before, .row:last-child:after{
    content: none;
}

.quiz-filter-nav{
    display: flex;
    align-items: flex-end;
}

.row-bottom{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.product-table-extra-info-price{
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
}

.quiz-filtered-col-main .row-main{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.products {
    background-color: #191920;
    min-height: calc(100vh - 600px);
}

.product-quiz-steps-wrap{
    position: relative;
}

.product-quiz-steps-wrap .loader-holder{
    background-color: #fff;
}

.product-quiz-steps-wrap{
    min-height: 350px;
}

.product-quiz-step-last{
    border-top: none;
    position: relative;
}

.product-quiz-step-last:before{
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 330px;
    background-color: #000000;
}

.product-quiz-step-last:after{
    content: '';
    width: 42px;
    height: 320px;
    background-image: url("../assets/images/arrow-filter.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    position: absolute;
    top: 0;
    display: block;
    right: 309px;
}

.products{
    padding: 100px 0 130px;
    background-color: #191920;
    position: relative;
}

/*.products:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: linear-gradient(180deg, #6F152E 0%, rgba(111, 21, 46, 0) 100%);*/
/*    transform: rotate(180deg);*/
/*}*/

.products-title{
    font-size: 7rem;
    line-height: 1.2;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.products-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

/*.products-list li{*/
/*    overflow: hidden;*/
/*}*/

.products-body{
    position: relative;
    z-index: 2;
}

.products-list .hm-product-card{
    height: 100%;
}

.product-menu li{
    /*padding-bottom: 10px;*/
}

.header-sub{
    padding: 25px 0;
    background-color: #191920;
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition: all .3s;
    position: sticky;
}

.product-menu{
    /*display: flex;*/
    /*align-items: center;*/
    /*margin-right: 20px;*/
    /*overflow: scroll;*/
    /*-ms-overflow-style: none;  !* IE and Edge *!*/
    /*scrollbar-width: none;*/
}

.product-menu a{
    font-size: .875rem;
    line-height: 1.2;
    font-weight: 400;
    color: #FFFFFF;
    opacity: .7;
    transition: all .3s;
    display: inline-block;
    width: max-content;
    padding: 0 5px;
}

.product-menu a:hover{
    opacity: 1;
}

.product-menu li{
    margin-right: 20px;
}

.product-menu li:last-child{
    margin-right: 0;
}

.product-menu .current-menu-item a{
    opacity: 1;
    font-weight: 700;
}

.header-shop{
    padding: 10px 15px;
    background-color: rgba(0,0,0,.05);
    border-radius: 100px;
    font-size: .9375rem;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    margin-right: 10px;
    transition: all .3s;
}

.header-shop:hover{
    color: #ffffff;
    background-color: #191920;
}

.hm-intro-text-body .char {
    opacity: .2;
}

.hm-products .hm-product-card{
    clip-path: inset( 0 0 100% 0);
    transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;
}

.products-list .hm-product-card{
    clip-path: inset( 0 0 100% 0);
    transition: clip-path 1s ease-in-out, top .3s, height .3s;
}

.ab-exp{
    position: relative;
}

.ab-exp-title .char{
    transform: translateY(100%);
}

.ab-exp-text .char{
    transform: translateY(100%);
}

.ab-technology-title .char{
    transform: translateY(100%);
}

.ab-technology-text .char{
    transform: translateY(100%);
}

.ab-stat-title .char{
    transform: translateY(100%);
}

.ab-stat-text .char{
    transform: translateY(100%);
}

.products-title .char{
    transform: translateY(100%);
}

.ab-certificates-title .char{
    transform: translateY(100%);
}

.ab-certificates-text .char{
    transform: translateY(100%);
}

.ab-history-title .char{
    transform: translateY(100%);
}

.ab-history-text .char{
    transform: translateY(100%);
}

.splt-word{
    transform: translateY(100%);
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.ab-stat-list li{
    overflow: hidden;
}

.ab-stat-list-block{
    transform: translateY(150%);
}

.ab-certificates-list-block{
    transform: translateY(150%);
}

.ab-history-timeline-wrap{
    position: relative;
}

.ab-team-list li{
    position: relative;
}

.header-sub.fixed {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding: 15px 0;
    border: none;
}

.header-sub-inner-product{
    display: none;
    transition: all .3s;
}

.header-sub.fixed .header-sub-inner-product{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 10px 0 0 auto;
}

.header-sub-body{
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    /*padding: 0 30px;*/
}

.white-header .header-menu li a{
    color: #ffffff;
}

.white-header .hamburger-inner,.white-header .hamburger-inner::before, .white-header .hamburger-inner::after{
    background-color: #ffffff;
}

.white-header .header-menu li a:before{
    background-color: #ffffff;
}

.white-header .header-shop{
    color: #ffffff;
    background-color: rgba(255,255,255,.1);
}

.white-header .header-shop:hover{
    background-color: #ffffff;
    color: #000000;
}

.contact-list-item.active .contact-block{
    background-color: #191920;
}

.contact-list-item.active .contact-block-title, .contact-list-item.active .contact-block-work-hours-list span{
    color: #ffffff !important;
}

.contact-list-item.active .contact-block:before{
    background-image: url("../assets/images/pin-marker-dark.svg");
}

.contact-list-item.active .contact-block-link{
    display: flex;
}


.contact-list-item:hover a{
    color: #fff !important;
}

.contact-list-item.hovered .contact-block{
    background-color: #191920;
}

.contact-list-item.hovered .contact-block-title, .contact-list-item.hovered .contact-block-work-hours-list span{
    color: #ffffff;
}

.contact-list-item.hovered .contact-block:before{
    background-image: url("../assets/images/pin-marker-dark.svg");
}

.contact-list-item.hovered .contact-block-link{
    display: flex;
}

.contact-list-item.hidden{
    display: none;
}

.select2-results__option{
    padding: 20px 10px;
    font-size: .875rem;
    font-weight: 400;
    color: #000;
    line-height: 1.2px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #191920;
}

.hm-components-mobile-content{
    display: none;
}

.slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-dots li{
    padding: 0;
    min-height: 0;
}

.slick-dots li{
    margin-right: 5px;
}

.slick-dots li:last-child{
    margin-right: 0;
}

.slick-dots button{
    font-size: 0;
    border: 0;
    width: 30px;
    height: 1px;
    background-color: #D9D9D9;
    transition: all .3s;
}

 .slick-dots li.slick-active button{
    background-color: #333333;
}

.mobile-title{
    display: none;
}

.mobile-btn{
    display: none;
}

.mobile-slider{
    display: none;
}

.hamburger-box{
    padding: 0;
    width: 28px;
    height: 8px;
}

.hamburger{
    padding: 0;
}

.hamburger--slider.is-active .hamburger-inner{
    top: -5px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    width: 28px;
    height: 1px;
    border-radius: 0;
    background-color: #000000;
}

.hamburger--slider .hamburger-inner::before{
    display: none;
}

.hamburger--slider .hamburger-inner{
    top: 0;
}

.hamburger--slider .hamburger-inner::after {
    top: 7px;
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-90deg);
}

.header-mobile-menu-wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: #191920;
    z-index: 99;
    padding: 165px 15px 20px;
    display: none;
}

.header-mobile-menu-inner{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header-mobile-menu li{
    margin-bottom: 25px;
}

.header-mobile-menu li a{
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

.mobile-socials-wrap {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.2);
}

.mobile-social-link {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    margin-right: 45px;
    transition: all .3s;
}

.mobile-header-lang{
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.header-mobile-menu{
    margin-bottom: 95px;
}


.white-header .hamburger.is-active .hamburger-inner, .white-header .hamburger.is-active .hamburger-inner::before, .white-header .hamburger.is-active .hamburger-inner::after {
    background-color: #FFFFFF;
}


.fixed .hamburger.is-active .hamburger-inner, .fixed .hamburger.is-active .hamburger-inner::before, .fixed .hamburger.is-active .hamburger-inner::after {
    background-color: #FFFFFF;
}


.white-header .header-logo.dark {
    display: none;
}

.white-header .header-logo.white{
    display: block;
}


.fixed .header-logo.dark {
    display: none;
}

.fixed .header-logo.white{
    display: block;
}

.header-logo.white{
    display: none;
}


.fixed .header-extra-btns, .fixed .header-menu{
    display: none;
}

.header-logo-wrap{
    display: flex;
    align-items: center;
}

.ab-certificates-list.slick-slider{
    display: flex;
}

.ab-certificates-list.slick-slider .slick-list{
    margin: 0 -10px 0;
}

.ab-certificates-list.slick-slider li{
    padding: 50px 10px 0;
}

.hamburger{
    display: none;
}

.error-wrap-content{
    min-height: calc(100vh - 300px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.error-wrap-content > * {
    margin-bottom: 25px;
}

.quiz-filtered-mobile{
    display: none;
}

.partners-link{
    transition: all .3s;
}

.partners-link:hover{
    opacity: .8;
}

.textpage{
    padding: 75px 0 110px;
    min-height: calc(100vh - 600px);
}

.textpage .section-title{
    margin-bottom: 20px;
}

.section-text h1, .section-text h2, .section-text h3, .section-text h4, .section-text h5, .section-text h6{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-text {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
}

.section-text p {
    margin-bottom: 10px;
}


.contact-block-phone {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    transition: all .3s;
}


.contact-block:hover .contact-block-phone{
    color: #ffffff;
}

.contact-list-item.active .contact-block-phone{
    color: #ffffff;
}

.hm-product-list .hm-product-card{
    height: 100%;
	transition: all 0.3s;
}

.product-info-video #background-video{
    position: relative;
    transform: none;
    width: 100%;
    top: unset;
    left: unset;
}

.partners-link img{
	max-height: 50px;
	width: auto;

}


.header-sub-body .slick-arrow{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    font-size: 0;
    border: none;
    top: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.header-sub-body .slick-arrow:hover{
    background-color: rgba(255,255,255,1);
}

.header-sub-body .slick-arrow:hover:after{
    filter: brightness(0) contrast(1);
}

.header-sub-body .slick-arrow:after{
    content: '';
    background-image: url("../assets/images/Vector 42.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 7px;
    height: 14px;
    display: block;
    transition: all .3s;
}

.header-sub-body{
    position: relative;
}

.header-sub-body .slick-arrow.slick-prev{
    left: 0;
    transform: translate(-100%, -50%);
}

.header-sub-body .slick-arrow.slick-next{
    right: 0;
    transform: translate(100%, -50%);
}

.header-sub-body .slick-arrow.slick-next:after{
    transform: rotate(180deg);
}

.header-sub-inner-product-wrap{
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    display: none;
    padding: 15px 0;
    z-index: 999;
    background-color: #191921;
}


.hm-products .hm-product-card-title {
    letter-spacing: -0.02em;
}

@media (min-width: 769px) {
  .footer-extra {
    justify-content: flex-start;
  }
  .footer-extra .footer-socials-wrap {
    margin-right: auto;
  }
  .footer-extra .footer-policy + .footer-policy::before {
    content: "|";
    margin: 0 12px;
    opacity: .5;
  }
}