@font-face {
    font-family: 'Montserratarm Thin';
    src: url("../fonts/Montserrat/Montserratarm-Thin.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm Regular';
    src: url("../fonts/Montserrat/Montserratarm-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm Medium';
    src: url("../fonts/Montserrat/Montserratarm-Medium.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm SemiBold';
    src: url("../fonts/Montserrat/Montserratarm-SemiBold.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm Bold';
    src: url("../fonts/Montserrat/Montserratarm-Bold.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm ExtraBold';
    src: url("../fonts/Montserrat/Montserratarm-ExtraBold.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm ExtraLight';
    src: url("../fonts/Montserrat/Montserratarm-ExtraLight.otf") format("opentype");
}
@font-face {
    font-family: 'Montserratarm Black';
    src: url("../fonts/Montserrat/Montserratarm-Black.otf") format("opentype");
}

/* SF */
@font-face {
    font-family: 'SF Pro Display Regular';
    src: url("../fonts/SF/SF-Pro-Display-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'SF Pro Display Semibold';
    src: url("../fonts/SF/SF-Pro-Display-Semibold.otf") format("opentype");
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');

body{
    margin: 0px;
    padding: 0px;
    font-family: 'Montserratarm Regular';
}
body{
    margin: 0px;
    padding: 0px;
    font-family: 'Montserratarm Regular';
}
body.hidden{
    overflow: hidden;
}
ul{
    padding: 0px;
    margin: 0px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: unset;
    cursor: pointer;
}
h1, h2, h3, h4, h5, p{
    margin: 0px;
}
input, button, textarea, select{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    font-family: 'Montserratarm Regular';
}
.center{
    width: 90%;
    max-width: 1450px;
    height: auto;
    margin: 0 auto;
}

/* HEADER */
header{
    width: calc(100% - 50px);
    height: auto;
    float: left;
    background: rgba(250, 250, 250, 0.72);
    backdrop-filter: blur(27px);
    -webkit-backdrop-filter: blur(27px);
    border-radius: 7px;
    padding: 29px 43px;
    box-sizing: border-box;
    position: fixed;
    top: 23px;
    left: 25px;
    z-index: 10000005;
}
.header__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 10005;
    position: relative;
}
.header__item{
    width: fit-content;
    height: auto;
}
.header__item-menu{
    width: fit-content;
    height: auto;
    float: right;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    align-self: start;
    background: #F6F5F0;
    border: 1px solid #000000;
    border-radius: 26.5px;
    padding: 16px 79px 16px 17px;
    font-family: 'SF Pro Display Regular';
    position: relative;
    cursor: pointer;
}
.header__item-menu::after{
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    right: 17px;
    top: 6.5px;
    border: 1px solid #000000;
    background-image: url("../images/icon/bar.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    border-radius: 100px;
}
.header_navigation{
    width: 100%;
    height: auto;
    float: left;
    background: #F6F5F0;
    border-radius: 7px;
    position: absolute;
    top: -477px;
    left: 0;
    z-index: 1005;
    transition: 0.4s;
}
.header_navigation.active{
    top: 0;
    transition: 0.4s;
}
.header_navigation ul{
    width: 100%;
    height: auto;
    float: left;
}
.header_navigation ul > li{
    width: 25%;
    height: auto;
    border-left: 1px solid #B7B7B7;
    box-sizing: border-box;
    float: left;
    padding: 0 45px 24px;
    position: relative;
}
.header_navigation ul > li:first-child{
    border: unset;
}
.header_navigation ul > li::before{
    content: "";
    position: absolute;
    width: 30px;
    height: 38px;
    background-image: url("../images/icon/url.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 48px;
    bottom: 25px;
}
.header_navigation ul > li > a{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    margin: 392px 0 0 0;
    font-weight: 300 !important;
}
.lang{
    margin: 392px 10px 0 0 !important;
}
.lang.active{
    text-decoration: underline;
}
.rus{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}
.header__filter{
    width: 100%;
    height: auto;
    float: left;
    padding: 11px 31px 11px 14px;
    box-sizing: border-box;
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    margin: 22px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.header__filter__item{
    width: fit-content;
    height: auto;
}
.header__filter__item-scroll{
    width: fit-content;
    height: auto;
    float: left;
    background-color: #F2F2F2;
    backdrop-filter: blur(9.5px);
    border-radius: 7px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserratarm Medium';
    color: #333333;
    padding: 7px 33px 7px 11px;
    margin: 0 10px 0 0;
    position: relative;
}
.header__filter__item-scroll::after{
    content: "";
    position: absolute;
    right: 13px;
    top: 8px;
    width: 14px;
    height: 18px;
    background-color: #333333;
    border-radius: 10px;
}
.header__filter__item-filter{
    width: fit-content;
    height: auto;
    float: left;
    background-color: #F2F2F2;
    backdrop-filter: blur(9.5px);
    border-radius: 7px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserratarm Medium';
    color: #333333;
    padding: 7px 33px 7px 11px;
    margin: 0 10px 0 0;
    position: relative;
}
.header__filter__item-filter::after{
    content: "";
    position: absolute;
    right: 13px;
    top: 11px;
    width: 11px;
    height: 11px;
    background-image: url("../images/icon/filter.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header__filter__item ul{
    width: fit-content;
    height: auto;
    float: left;
    padding: 0 0 0 17px;
    position: relative;
}
.header__filter__item ul::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 4px;
    height: 29px;
    background-color: #DBDBDB;
    border-radius: 10px;
}
.header__filter__item ul > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
}
.header__filter__item ul > li > a{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    padding: 7px 11px;
    background: rgb(255, 255, 255, 1);
    backdrop-filter: blur(9.5px);
    border-radius: 7px;
}
.header__filter__item-close{
    width: 41px;
    height: 33px;
    background-color: rgb(242, 242, 242, 1);
    float: right;
    backdrop-filter: blur(9.5px);
    border-radius: 7px;
    position: relative;
}
.header__filter__item-close::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background-image: url("../images/icon/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
}
/* HEADER */

/* MAIN */
.main{
    width: calc(100% - 60px);
    height: auto;
    float: left;
    background: #FBFBFB;
    border-radius: 20px;
    margin: 163px 30px 0;
    padding: 15px 10px;
    box-sizing: border-box;
    position: relative;
}
.main .center{
    max-width: 85%;
}
.main__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.main__item{
    width: 48%;
    height: auto;
    min-height: 559px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    align-content: center;
}
.main__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 52px;
    line-height: 63px;
    color: #000000;
    text-align: left;
    font-weight: 300 !important;
}
.main__item-title span{
    color: #B8B8B8;
    text-decoration: underline;
}
.main__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    margin: 30px 0 0 0;
    font-weight: 300 !important;
}
.main__item-description span{
    color: #B8B8B8;
}
.main__item-scroll{
    width: fit-content;
    height: auto;
    float: left;
    margin: 22px 0 0 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #C5C5C5;
    font-family: 'SF Pro Display Regular';
}
.main__item-poster{
    width: 50%;
    height: 559px;
    border-radius: 25px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    object-fit: cover;
    object-position: right;
}
/* MAIN */

/* BANNER */
.banner{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.banner__row{
    width: 100%;
    height: auto;
    float: left;
}
.banner__item{
    width: 100%;
    height: auto;
    float: left;
}
.banner__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    font-weight: 300 !important;
}
.banner__item-description{
    width: 45%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    margin: 30px 0 0 0;
    font-weight: 300 !important;
}
.banner__item-description span{
    color: #B8B8B8;
}
/* BANNER */

/* PRODUCT */
.product{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.product .center{
    max-width: 1725px;
}
.product-title{
    width: 100%;
    max-width: 1450px;
    height: auto;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    color: #000000;
    text-align: left;
    margin: 0 auto;
    font-weight: 300 !important;
}
.product__row{
    width: 100%;
    height: auto;
    float: left;
    background: #FFFFFF;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    margin: 30px 0 0 0;
    padding: 18px 14px 18px 80px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.product__item:nth-child(1){
    width: 35%;
    height: auto;
}
.product__item:nth-child(2){
    width: 64%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    align-content: unset;
}
.product__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    padding: 101px 0 0 0;
    position: relative;
    font-weight: 300 !important;
}
.product__item-title::before{
    content: "";
    position: absolute;
    width: 46px;
    height: 45px;
    left: 0;
    top: 23px;
    background-image: url("../images/vectory/product-element.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product__item-title span{
    color: #D9D9D9;
    text-decoration: underline;
}
.product__item-description {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin: 25px 0 0 0;
    font-weight: 300 !important;
}
.product__item-button{
    width: 162px;
    height: 46px;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 38px 0 16px;
    font-family: 'Montserratarm Medium';
    background-image: url("../images/vectory/btn.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 0 0 0 36px;
    box-sizing: border-box;
}
.product__box{
    width: 33.3%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 51px 0 22px;
    flex-direction: column;
    border-left: 1px solid #E3E3E3;
    box-sizing: border-box;
}
.product__box:first-child{
    border: unset;
}
.product__box-image{
    width: 100px;
    height: 100px;
    filter: blur(34.5px);
}
.product__box-image.red{
    background: linear-gradient(180deg, #CD3877 0%, #B48997 54.63%, #AB839B 100%);
}
.product__box-image.yellow{
    background: linear-gradient(90deg, #5A5B65 0%, #777880 25.4%, #F9FFD1 50.41%, #F8FFA5 81.66%, #FFE9BE 100%);
}
.product__box-image.orange{
    background: linear-gradient(180deg, #FF0000 0%, #FFFFFF 56.54%, #D53E8E 94.56%);
}
.product__box__parametrs{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 15px 0;
}
.product__box__parametrs-helium{
    width: fit-content;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin: 0 0 10px 0;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 300 !important;
}
.product__box__parametrs-type{
    width: fit-content;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    color: #A4A3A3;
    margin: 0 5px 10px 5px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.product__box__parametrs-purity{
    width: fit-content;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}
.product__box__parametrs-size{
    width: fit-content;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin: 0 0 0 5px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.product__box__parametrs-helium span, .product__box__parametrs-type span{
    background: #F4F4F4;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    padding: 5px 10px;
    margin: 0 0 0 5px;
    float: right;
}
.product__box__parametrs-purity span, .product__box__parametrs-size span{
    background: #F4F4F4;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    font-size: 10px;
    line-height: 12px;
    color: #000000;
    padding: 5px 10px;
}
.product__box-price{
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #000000;
    font-family: 'Montserratarm Medium';
    text-align: center;
}
.product__box-button{
    width: fit-content;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding: 10px 51px;
    background-color: #000000;
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    margin: 25px auto 0;
}
/* PRODUCT */

/* COMPANY */
.company{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.company .center{
    max-width: 1230px;
}
.company-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 52px;
    line-height: 63px;
    color: #000000;
    text-align: left;
    font-weight: 300 !important;
}
.company-title span{
    color: #B8B8B8;
    text-decoration: underline;
}
.company-text{
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    color: #000000;
    text-align: left;
    margin: 60px 0 0 0;
    font-weight: 300 !important;
}
.company__row{
    width: 100%;
    height: auto;
    float: left;
    background: #FFFFFF;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: 4px solid #ffffff;
    box-sizing: border-box;
}
.company__item{
    width: 50%;
    height: auto;
}
.company__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 38px;
    line-height: 46px;
    color: #000000;
    font-family: 'Montserratarm Medium';
    text-align: left;
    margin: 41px 0 0 0;
    padding: 0 47px;
    box-sizing: border-box;
}
.company__item-description{
    width: 90%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin: 37px 0 0 0;
    padding: 0 47px;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.company__item-more{
    width: fit-content;
    height: auto;
    float: left;
    padding: 13px 50px;
    background: #FFFFFF;
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    margin: 36px 0 34px 47px;
    font-weight: 300 !important;
}
.company__item-poster{
    width: 100%;
    height: auto;
    float: left;
    border-radius: 20px;
}
/* COMPANY */

/* ABOUT */
.about{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.about .center{
    max-width: 1230px;
}
.about-title{
    width: 70%;
    height: auto;
    float: left;
    font-size: 52px;
    line-height: 63px;
    color: #000000;
    text-align: left;
    font-weight: 300 !important;
}
.about-title span{
    color: #B8B8B8;
    text-decoration: underline;
}
.about__row{
    width: 100%;
    height: auto;
    float: left;
    padding: 43px 43px 39px;
    box-sizing: border-box;
    background-color: #F7F7F7;
    border-radius: 20px;
    margin: 60px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    border: 4px solid #ffffff;
    box-sizing: border-box;
    position: relative;
}
.about__row::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 25px;
    right: 31px;
    bottom: 25px;
    background-image: url("../images/icon/add.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.about__item:nth-child(1){
    width: 51%;
    height: auto;
}
.about__item:nth-child(2){
    width: 49%;
    height: auto;
}
.about__item:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.about__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    text-align: left;
    font-weight: 300 !important;
}
.about__item-title span{
    color: #D9D9D9;
    text-decoration: underline;
}
.about__item-description{
    width: 90%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin: 20px 0 0 0;
    font-weight: 300 !important;
}
.about__box{
    width: fit-content;
    height: auto;
    position: relative;
}
.about__box-and{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 21px;
    line-height: 26px;
    color: #000000;
    margin: 25px 35px 0;
}
.about__box-vectory{
    width: 113px;
    height: 181px;
    object-fit: contain;
    object-position: center;
    position: relative;
}
.about__box:nth-child(1):before{
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    background: linear-gradient(270.83deg, #F49A54 16.34%, #EF8355 73.35%);
    filter: blur(34.5px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* ABOUT */

/* PARTNERS */
.partners{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.partners-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    position: relative;
    padding: 65px 0 0 0;
}
.partners-title span{
    color: #BCBCBC;
}
.partners-title::before{
    content: "";
    width: 39px;
    height: 39px;
    background-image: url("../images/icon/world.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.partners-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin: 15px 0 0 0;
    font-weight: 300 !important;
    padding: 0 0 26px;
    position: relative;
}
.partners-description span{
    color: #BCBCBC;
    text-decoration: underline;
}
.partners-description::after{
    content: "";
    width: 13px;
    height: 15px;
    background-image: url("../images/icon/vec.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.partners__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.partners__item{
    width: fit-content;
    height: auto;
    object-fit: contain;
    object-position: center;
    margin: 30px 40px 0;
}
/* PARTNERS */

/* QUESTION */
.question{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0;
    background-color: #ffffff;
}
.question__row{
    width: 100%;
    height: auto;
    float: left;
    padding: 109px 0;
    background-color: #060606;
    border-radius: 25px;
}
.question_item{
    width: 90%;
    max-width: 910px;
    height: auto;
    margin: 0 auto;
}
.question_item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 300 !important;
}
.question_item-title span{
    color: #939393;
    text-decoration: underline;
}
.question_item form{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px 0 0 0;
}
.question_item form > label{
    width: calc(28% - 10px);
    height: auto;
}
.question_item form > label > input{
    width: 100%;
    height: 53px;
    background: #000000;
    border: 1px solid #898989;
    border-radius: 10px;
    float: left;
    padding: 0 26px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #ffffff;
}
.question_item form > label.error > input{
    border: 1px solid #fd1100;
}
.question_item form > label > input::placeholder{
    color: #7B7B7B;
}
.question_item form > button{
    width: 16%;
    height: 53px;
    background: #5952E7;
    border: 1px solid #5952E7;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}
.checkbox{
    width: 85%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin: 20px auto 0;
}
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: flex-end;
    color: #FFFFFF;
    align-content: flex-start;
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #898989;
    border-radius: 0.25em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    margin: 0 10px 21px 0;
}
.custom-checkbox:checked+label::before {
    border-color: #5952e8;
    background-color: #5952e8;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
/* QUESTION */

/* HELP */
.help{
    width: 100%;
    height: auto;
    float: left;
    padding: 61px 0;
    background-color: #E9E9E9;
}
.help__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.help__item{
    width: 50%;
    height: auto;
}
.help__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    font-family: 'Montserratarm Medium';
}
.help__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #787878;
    text-align: left;
    margin: 15px 0 0 0;
    font-weight: 300 !important;
}
.help__item-chat{
    width: 25px;
    height: 25px;
    float: right;
    background-image: url("../images/icon/chat.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 138px 0 0;
}
/* HELP */

/* FOOTER */
footer{
    width: 100%;
    height: auto;
    float: left;
    padding: 66px 0 60px;
    background-color: #F5F5F5;
}
.footer__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer__item:nth-child(2){
    margin: 174px 0 0 0;
}
.footer__box{
    width: 100%;
    max-width: 221px;
    height: auto;
}
.footer__box-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #787878;
    text-align: left;
    font-family: 'Montserratarm Medium';
}
.footer-menu{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
}
.footer-menu li{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
}
.footer-menu li > a{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-weight: 300 !important;
}
.footer-network{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
}
.footer-network li{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
}
.footer-network li > a{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-family: 'Montserratarm Medium';
}
.footer__box-email{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-family: 'Montserratarm Medium';
    margin: 20px 0 0 0;
}
.footer__box-phone{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-family: 'Montserratarm Medium';
    margin: 5px 0 0 0;
}
.footer__box-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    font-family: 'Montserratarm Medium';
    line-height: 17px;
    color: #4D4D4D;
    margin: 20px 0 0 0;
}
.footer__box-marker{
    width: 21px;
    height: 25px;
    float: left;
    background-image: url("../images/icon/map-marker.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 15px 0 0 0;
}
.footer__box-address{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 15px 0 0 0;
    font-family: 'Montserratarm Medium';
}
.footer__box-address b{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Montserratarm Bold';
    font-size: 14px;
    line-height: 17px;
    color: #666666;
    text-align: left;
    margin: 0 0 10px;
}
.footer__box-lang{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 0 0 0 15px;
    position: relative;
    margin: 20px 0 0 0;
    font-family: 'Montserratarm Bold';
    font-weight: 600 !important;
}
.footer__box-lang::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 4px;
    background-image: url("../images/icon/top.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.footer__box-logo{
    width: fit-content;
    height: auto;
    float: left;
    margin: 20px 0 0 0;
}
.footer__box-logo img{
    width: 73px;
    height: 16px;
    float: left;
    object-fit: contain;
    object-position: center;
}
.footer__box-download{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #666666;
    font-family: 'Montserratarm Medium';
    margin: 20px 0 0 0;
}
.footer__box-downloadURL{
    width: 16px;
    height: 19px;
    float: left;
    margin: 7px 0 0 0;
    background-image: url("../images/icon/download.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.footer__item-page{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: lowercase;
    color: #000000;
    text-align: left;
    padding: 0 0 0 25px;
    box-sizing: border-box;
    position: relative;
    font-family: 'Montserratarm Bold';
}
.footer__item-page::before{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    background-image: url("../images/icon/page.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.footer__item-copyright{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Montserratarm SemiBold';
    font-size: 16px;
    line-height: 20px;
    color: #86868B;
    text-align: left;
    margin: 15px 0 0 0;
}
.footer__item-cookie{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display Semibold';
    font-size: 16px;
    line-height: 10px;
    color: #3C3C3C;
    text-align: left;
    margin: 15px 0 0 0;
}
/* FOOTER */

/* CONTACTS */
.contacts{
    width: 100%;
    height: auto;
    float: left;
    padding: 310px 0 0;
}
.contacts .center{
    max-width: 1725px;
}
.contacts__row{
    width: 100%;
    height: auto;
    float: left;
    background-color: #FBFBFB;
    border-radius: 20px;
    padding: 100px 90px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contacts__item:nth-child(1){
    width: 60%;
    height: auto;
}
.contacts__item:nth-child(2){
    width: 40%;
    height: auto;
}
.contacts__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    font-weight: 300;
}
.contacts__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin: 24px 0 0 0;
    font-weight: 300;
}
.contacts__item-description span{
    color: #B8B8B8;
}
.contacts__item ul{
    width: 100%;
    height: auto;
    float: left;
    margin: 30px 0 0 0;
}
.contacts__item ul > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 20px 0 0;
    padding: 14px 33px;
    box-sizing: border-box;
    background: rgba(229, 229, 229, 0.72);
    backdrop-filter: blur(27px);
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}
.contacts__item ul > li > span{
    font-size: 18px;
    line-height: 22px;
    color: #B8B8B8;
    position: relative;
    padding: 0 25px 0 0;
    font-weight: 300;
}
.contacts__item ul > li > a{
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-decoration: underline;
    font-weight: 300;
}
.contacts__item ul > li > span::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contacts__item ul > li:nth-child(1) > span::before{
    background-image: url("../images/icon/tel.svg");
}
.contacts__item ul > li:nth-child(2) > span::before{
    background-image: url("../images/icon/email.svg");
}
.contacts__item ul > li:nth-child(3) > span::before{
    background-image: url("../images/icon/marker.svg");
}
.contacts__item-element{
    width: 252px;
    height: 252px;
    margin: 0 auto;
    position: relative;
}
.contacts__item-element::before{
    content: "";
    position: absolute;
    width: 252px;
    height: 252px;
    background: linear-gradient(90deg, #D85CB5 -100%, #B35CC8 -73.03%, #935CD8 -49.08%, #935CD8 1.97%, #413F53 55.09%, #52D5E7 100%);
    filter: blur(34.5px);
    border-radius: 100px;
}
.contacts__item-element::after{
    content: "";
    position: absolute;
    width: 46px;
    height: 50px;
    background-image: url("../images/icon/contact-elem.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10005;
}
/* CONTACTS */

/* REQUISITES */
.requisites{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.requisites .center{
    max-width: 1230px;
}
.requisites-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 52px;
    line-height: 63px;
    color: #000000;
    text-align: left;
    padding: 0 47px;
    box-sizing: border-box;
    font-weight: 300;
}
.requisites-title span{
    color: #B8B8B8;
    text-decoration: underline;
}
.requisites__row{
    width: 100%;
    height: auto;
    float: left;
    background: #F7F7F7;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    margin: 64px 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: 4px solid #ffffff;
    box-sizing: border-box;
}
.requisites__item{
    width: 50%;
    height: auto;
}
.requisites__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    text-decoration-line: underline;
    color: #D9D9D9;
    text-align: left;
    margin: 76px 0 0 0;
    padding: 0 47px;
    box-sizing: border-box;
    position: relative;
    font-weight: 300;
}
.requisites__item-title::before{
    content: "";
    position: absolute;
    width: 39px;
    height: 40.82px;
    left: 43px;
    top: -65px;
    background-image: url("../images/icon/requisites.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.requisites__item-description{
    width: 90%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin: 30px 0 0 0;
    padding: 0 47px;
    box-sizing: border-box;
    font-weight: 300;
}
.requisites__item-print{
    width: fit-content;
    height: auto;
    float: left;
    padding: 12px 30px 12px 32px;
    border-radius: 10px;
    margin: 30px 0 34px 47px;
    background-image: url("../images/vectory/print-btn.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    font-family: 'Montserratarm Thin';
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    transition: .2s;
}
.requisites__item-print:active{
    transform: scale(1.1);
    transition: .2s;
}
.requisites__item-poster{
    width: 100%;
    height: auto;
    float: left;
    border-radius: 20px;
}
/* REQUISITES */

/* CONTRACTS */
.contracts{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0 0 0;
}
.contracts .center {
    max-width: 1230px;
}
.contracts-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    text-align: left;
    padding: 0 47px;
    box-sizing: border-box;
    font-weight: 300;
}
.contracts-title span{
    color: #B8B8B8;
    text-decoration: underline;
}
.contracts__row{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0 0 0;
}
.contracts__item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 47px;
    box-sizing: border-box;
}
.contracts__item ul{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
}
.contracts__item ul > li{
    width: 50%;
    height: auto;
    float: left;
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.contracts__item ul > li > p{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 0 0 0 22px;
    box-sizing: border-box;
    position: relative;
    font-weight: 300;
}
.contracts__item ul > li > p::before{
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 17px;
    height: 19px;
    background-image: url("../images/icon/file.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.contracts__item ul > li > a{
    width: 15px;
    height: 19px;
    background-image: url("../images/icon/get.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* CONTRACTS */

/* CATALOG MAIN */
.catalogMain{
    width: 100%;
    height: auto;
    float: left;
    padding: 310px 0 0 0;
}
.catalogMain .center{
    max-width: 1725px;
}
.catalogMain__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #FBFBFB;
    border-radius: 20px;
    overflow: hidden;
}
.catalogMain__item{
    width: 50%;
    height: auto;
}
.catalogMain__item-poster{
    width: 100%;
    height: auto;
    float: left;
    object-fit: cover;
    object-position: center;
}
.catalogMain__item-title{
    width: 95%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    padding: 0 0 0 90px;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.catalogMain__item-title span{
    color: #A2A2A2;
}
.catalogMain__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    padding: 0 0 0 90px;
    box-sizing: border-box;
    margin: 20px 0 0 0;
    font-weight: 300 !important;
}
.catalogMain__item-description span{
    color: #A2A2A2;
}
.catalogMain__item-button{
    width: fit-content;
    height: auto;
    float: left;
    background: rgba(229, 229, 229, 0.72);
    backdrop-filter: blur(27px);
    border-radius: 7px;
    margin: 25px 0 0 90px;
    padding: 14px 60px 14px 33px;
    position: relative;
    font-weight: 300 !important;
}
.catalogMain__item-button::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("../images/icon/download-2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 38px;
    top: 17px;
}
/* CATALOG MAIN */

/* CATALOG */
.catalog{
    width: 100%;
    height: auto;
    float: left;
}
.catalog__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.catalog__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 80px 0 0 0;
}
.catalog__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    display: flex;
    font-weight: 300 !important;
}
.catalog__item-title sub{
    font-size: 14px;
    line-height: 17px;
    margin: 16px 0 0 8px;
}
.catalog__item-hashtag{
    width: 100%;
    height: auto;
    float: left;
    margin: 16px 0 0 0;
}
.catalog__item-hashtag > li{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    margin: 0 5px 0 0;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    padding: 5px 10px;
}
.catalog__item-information{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    margin: 20px 0 0 0;
}
.catalog__item-price{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin: 10px 0 0 0;
}
.catalog__item-price b{
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-decoration: underline;
}
.catalog__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #B0AFAF;
    text-align: left;
    margin: 10px 0 40px 0;
}
.catalog__box{
    width: 25%;
    max-width: 335px;
    height: auto;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    padding: 51px 0 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1px 10px 0 0;
    position: relative;
}
.catalog__box:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    background-color: #E3E3E3;
    right: -5.5px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.catalog__box-gas{
    width: 100px;
    height: 100px;
    filter: blur(34.5px);
}
.catalog__box-gas.pink{
    background: linear-gradient(180deg, #CD3877 0%, #B48997 54.63%, #AB839B 100%);
}
.catalog__box-gas.pink-orange{
    background: linear-gradient(180deg, #CD3838 0%, #B48989 54.63%, #AB8383 100%);
}
.catalog__box-gas.pink-red{
    background: linear-gradient(180deg, #E72E2E 0%, #C73A3A 54.63%, #DB3636 100%);
}
.catalog__box-gas.green{
    background: linear-gradient(90deg, #8AFF8E 0%, #777880 25.4%, #B2B8B3 50.41%, #82FF63 81.66%, #FAFAFB 100%);
}
.catalog__box-gas.yellow{
    background: linear-gradient(90deg, #5A5B65 0%, #777880 25.4%, #F9FFD1 50.41%, #F8FFA5 81.66%, #FFE9BE 100%);
}
.catalog__box-gas.green-orange{
    background: linear-gradient(180deg, #51E772 25.81%, #E04665 61.75%, #000000 90.39%);
}
.catalog__box-gas.orange-pink{
    background: linear-gradient(180deg, #FF0000 0%, #FFFFFF 56.54%, #D53E8E 94.56%);
}
.catalog__box-gas.pink-yellow{
    background: linear-gradient(180deg, #FF7A00 0%, #DCDCDC 56.54%, #FF7BC1 94.56%);
}
.catalog__box-product{
    width: fit-content;
    height: 230px;
    object-fit: none;
    object-position: center;
}
.catalog__box__parametrs{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 15px 0;
}
.catalog__box__parametrs-helium{
    width: fit-content;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin: 0 0 10px 0;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.catalog__box__parametrs-type{
    width: fit-content;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    color: #A4A3A3;
    margin: 0 5px 10px 5px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.catalog__box__parametrs-purity{
    width: fit-content;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}
.catalog__box__parametrs-size{
    width: fit-content;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin: 0 0 0 5px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.catalog__box__parametrs-helium span, .catalog__box__parametrs-type span{
    background: #F4F4F4;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    padding: 5px 10px;
    margin: 0 0 0 5px;
    float: right;
}
.catalog__box__parametrs-purity span, .catalog__box__parametrs-size span{
    background: #F4F4F4;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    font-size: 10px;
    line-height: 12px;
    color: #000000;
    padding: 5px 10px;
}
.catalog__box-price{
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #000000;
    font-family: 'Montserratarm Medium';
    text-align: center;
}
.catalog__box-button{
    width: fit-content;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding: 10px 51px;
    background-color: #000000;
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    margin: 25px auto 0;
}
/* CATALOG */

/* CATALOG BANNER */
.catalogBanner{
    width: 100%;
    height: auto;
    float: left;
    padding: 95px 0;
}
.catalogBanner .center{
    max-width: 1725px;
}
.catalogBanner__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #FBFBFB;
    border-radius: 20px;
    overflow: hidden;
}
.catalogBanner__item{
    width: 50%;
    height: auto;
}
.catalogBanner__item-poster{
    width: 100%;
    height: auto;
    float: left;
    object-fit: cover;
    object-position: center;
}
.catalogBanner__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    padding: 0 0 0 90px;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.catalogBanner__item-title span{
    color: #A2A2A2;
}
.catalogBanner__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    padding: 0 0 0 90px;
    box-sizing: border-box;
    margin: 20px 0 0 0;
    font-weight: 300 !important;
}
.catalogBanner__item-description span{
    color: #A2A2A2;
}
.catalogBanner__item-button{
    width: fit-content;
    height: auto;
    float: left;
    border-radius: 7px;
    margin: 25px 0 0 90px;
    padding: 15px 78px 15px 55px;
    position: relative;
    font-weight: 300 !important;
    background-image: url("../images/vectory/order-btn.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}
/* CATALOG BANNER */

/* CERTIFICATE */
.certificate{
    width: 100%;
    height: auto;
    float: left;
    padding: 125px 0 120px;
}
.certificate .center{
    max-width: 1230px;
}
.certificate-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    text-align: left;
    font-weight: 300 !important;
}
.certificate__row{
    width: 100%;
    height: auto;
    float: left;
    background-color: #FFFFFF;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    border: 4px solid #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0 0;
}
.certificate__item{
    width: 50%;
    height: auto;
}
.certificate__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 38px;
    line-height: 45px;
    color: #000000;
    text-align: left;
    padding: 0 0 0 47px;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.certificate__item ul{
    width: 80%;
    height: auto;
    float: left;
    padding: 0 0 0 47px;
    margin: 30px 0 0 0;
    box-sizing: border-box;
}
.certificate__item ul > li{
    width: fit-content;
    height: auto;
    float: left;
    font-family: 'Montserratarm Medium';
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin: 0 20px 20px 0;
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer;
}
.certificate__item ul > li::before{
    content: "";
    position: absolute;
    width: 25.5px;
    height: 12.75px;
    left: 0;
    top: 3.5px;
    background-image: url("../images/icon/iso.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.certificate__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    padding: 0 47px 0;
    box-sizing: border-box;
    margin: 20px 0 0 0;
    font-weight: 300 !important;
}
.certificate__item-poster{
    width: 100%;
    height: auto;
    float: left;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}
/* CERTIFICATE */

/* NUMBERS */
.numbers{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 0;
}
.numbers .center{
    max-width: 1230px;
}
.numbers-title{
    width: 100%;
    max-width: 1450px;
    height: auto;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    text-align: left;
    margin: 0 auto;
    font-weight: 300 !important;
}
.numbers__row{
    width: 100%;
    height: auto;
    float: left;
    background: #6355FF;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    margin: 30px 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4px;
}
.numbers__item:nth-child(1){
    width: 50%;
    height: auto;
}
.numbers__item:nth-child(2){
    width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    border: 1px solid #000000;
    border-radius: 20px;
    box-sizing: border-box;
}
.numbers__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    padding: 119px 0 0 47px;
    position: relative;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.numbers__item-title::before{
    content: "";
    position: absolute;
    width: 46px;
    height: 45px;
    left: 47px;
    top: 41px;
    background-image: url(../images/vectory/product-element.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.numbers__item-title span{
    color: #D9D9D9;
    text-decoration: underline;
}
.numbers__item-description {
    width: 90%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin: 25px 0 0 0;
    padding: 0 0 0 47px;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.numbers__item-button{
    width: 162px;
    height: 46px;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 38px 0 34px 47px;
    font-family: 'Montserratarm Medium';
    background-image: url("../images/vectory/btn-dark.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 0 0 0 36px;
    box-sizing: border-box;
}
.numbers__item-percent{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display Semibold';
    font-size: 58px;
    line-height: 69px;
    color: #000000;
    text-align: center;
}
.numbers__item-percentTitle{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    text-align: center;
    margin: 5px 0 0 0;
    font-weight: 300 !important;
}
/* NUMBERS */

/* ABOUT MORE */
.aboutMore{
    width: 100%;
    height: auto;
    float: left;
    padding: 310px 0 0 0;
}
.aboutMore .center{
    max-width: 1725px;
}
.aboutMore__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #FBFBFB;
    border-radius: 20px;
    overflow: hidden;
    padding: 117px 126px 85px 90px;
    box-sizing: border-box;
}
.aboutMore__item{
    width: 50%;
    height: auto;
}
.aboutMore__item:nth-child(2){
    width: 45%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.aboutMore__item-poster{
    width: 100%;
    height: auto;
    float: left;
    object-fit: cover;
    object-position: center;
}
.aboutMore__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-align: left;
    box-sizing: border-box;
    font-weight: 300 !important;
}
.aboutMore__item-title span{
    color: #A2A2A2;
}
.aboutMore__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    box-sizing: border-box;
    margin: 20px 0 0 0;
    font-weight: 300 !important;
}
.aboutMore__item-description span{
    color: #A2A2A2;
}
.aboutMore__item-description br{
    display: none;
}
.aboutMore__item-button{
    width: fit-content;
    height: auto;
    float: left;
    background: rgba(229, 229, 229, 0.72);
    backdrop-filter: blur(27px);
    border-radius: 7px;
    margin: 25px 0 0 0;
    padding: 14px 60px 14px 33px;
    position: relative;
    font-weight: 300 !important;
}
.aboutMore__item-button::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("../images/icon/download-2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 38px;
    top: 17px;
}
.aboutMore__box{
    width: fit-content;
    height: auto;
    position: relative;
}
.aboutMore__box:nth-child(1)::before{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: linear-gradient(90deg, #935CD8 -100%, #935CD8 -49.08%, #935CD8 1.97%, #6354E4 55.09%, #5952E7 100%);
    filter: blur(34.5px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.aboutMore__box:nth-child(2)::before{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: linear-gradient(90deg, #9880B7 -100%, #5B417B -49.08%, #4C3865 1.97%, #A99FFF 55.09%, #1E1A5E 100%);
    filter: blur(34.5px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.aboutMore__box:nth-child(3)::before{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: linear-gradient(90deg, #D85CB5 -100%, #B35CC8 -73.03%, #935CD8 -49.08%, #935CD8 1.97%, #413F53 55.09%, #52D5E7 100%);
    filter: blur(34.5px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.aboutMore__box p{
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    z-index: 1005;
    position: relative;
    font-weight: 300 !important;
}
.aboutMore__box p > sub{
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    float: right;
    margin: 17px 0 0 5px;
}
/* ABOUT MORE */

/* CERTIFICATE MODAL */
.certificateModal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 20%);
    backdrop-filter: blur(3px);
    z-index: 10000005;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.certificateModal__row{
    width: 90%;
    max-width: 900px;
    height: auto;
    background-color: #FFFFFF;
    padding: 100px 120px;
    box-sizing: border-box;
    position: relative;
}
.certificateModal__item{
    width: 100%;
    height: auto;
    float: left;
}
.certificateModal__item-image{
    width: 100%;
    height: auto;
    float: left;
    cursor: pointer;
}
.certificateModal__item-close{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 43px;
    top: 43px;
    background-image: url("../images/icon/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
/* CERTIFICATE MODAL */

/* APPLICATION MODAL */
.applicationModal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 20%);
    backdrop-filter: blur(3px);
    z-index: 10000005;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
    overflow: scroll;
    overflow-x: hidden;
}
.application_form_modal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 20%);
    backdrop-filter: blur(3px);
    z-index: 10000005;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
    overflow: scroll;
    overflow-x: hidden;
}
.applicationModal__row{
    width: 90%;
    max-width: 450px;
    height: auto;
    background-color: #FFFFFF;
    padding: 41px 88px 28px 57px;
    box-sizing: border-box;
    position: relative;
    border-radius: 20px;
}
.applicationModal__item{
    width: 100%;
    height: auto;
    float: left;
}
.applicationModal__item-close{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 43px;
    top: 43px;
    background-image: url("../images/icon/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.applicationModal__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 21px;
    line-height: 26px;
    text-align: left;
    color: #000000;
    padding: 0 20px;
    box-sizing: border-box;
}
.applicationModal__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    color: #9F9F9F;
    margin: 10px 0 0 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.applicationModal__item form{
    width: 100%;
    height: auto;
    float: left;
}
.applicationModal__item form > label{
    width: 100%;
    height: auto;
    float: left;
    margin: 30px 0 0 0;
}
.applicationModal__item form > label > span{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    color: #000000;
    padding: 0 20px;
    box-sizing: border-box;
}
.applicationModal__item form > label > input{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    text-decoration-line: underline;
    color: #747474;
    margin: 10px 0 0 0;
    padding: 12px 78px 12px 20px;
    background-image: url("../images/vectory/input.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: unset;
    cursor: pointer;
    box-sizing: border-box;
}
.applicationModal__item form > label.error > input{
    background-image: url("../images/vectory/input-error.svg");
}
.applicationModal__item form > button{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    text-decoration-line: underline;
    color: #000000;
    margin: 30px 0 0 0;
    padding: 12px 181px 12px 20px;
    background-image: url("../images/vectory/btn-app.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: unset;
    cursor: pointer;
    background-color: unset;
}
.applicationModal__item-information{
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    color: #000000;
    margin: 10px 0 0 0;
    padding: 0 20px;
    box-sizing: border-box;
}

.successModal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 20%);
    backdrop-filter: blur(3px);
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
    overflow: scroll;
    z-index: 10000005;
}
.successModal__row{
    width: 90%;
    max-width: 450px;
    height: auto;
    background-color: #FFFFFF;
    padding: 30px 77px 30px 57px;
    box-sizing: border-box;
    position: relative;
    border-radius: 20px;
}
.successModal__item{
    width: 100%;
    height: auto;
    float: left;
}
.successModal__item-close{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 43px;
    top: 30px;
    background-image: url("../images/icon/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.successModal__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    padding: 0;
    box-sizing: border-box;
}
.successModal__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #000000;
    margin: 15px 0 0 0;
}
.successModal__item-button{
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    text-decoration-line: underline;
    color: #000000;
    margin: 30px 0 0 0;
    padding: 12px 20px 12px;
    background-image: url("../images/vectory/btn-app.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: unset;
    cursor: pointer;
    box-sizing: border-box;
}
/* APPLICATION MODAL */
