@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Bold.eot');
    src: local('Manrope Bold'), local('Manrope-Bold'), url('../fonts/manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/manrope/Manrope-Bold.woff2') format('woff2'), url('../fonts/manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Semibold.eot');
    src: local('Manrope Semibold'), local('Manrope-Semibold'), url('../fonts/manrope/Manrope-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/manrope/Manrope-Semibold.woff2') format('woff2'), url('../fonts/manrope/Manrope-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Regular.eot');
    src: local('Manrope Regular'), local('Manrope-Regular'), url('../fonts/manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/manrope/Manrope-Regular.woff2') format('woff2'), url('../fonts/manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Light.eot');
    src: local('Manrope Light'), local('Manrope-Light'), url('../fonts/manrope/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/manrope/Manrope-Light.woff2') format('woff2'), url('../fonts/manrope/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Medium.eot');
    src: local('Manrope Medium'), local('Manrope-Medium'), url('../fonts/manrope/Manrope-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/manrope/Manrope-Medium.woff2') format('woff2'), url('../fonts/manrope/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.font-300 {
    font-family: 'Manrope';
    font-weight: 300;
}

.font-400 {
    font-family: 'Manrope';
    font-weight: normal;
}

.font-500 {
    font-family: 'Manrope';
    font-weight: 500;
}

.font-600 {
    font-family: 'Manrope';
    font-weight: 600;
}

.font-bold {
    font-family: 'Manrope';
    font-weight: bold;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Thin'), local('Raleway-Thin'), url('../fonts/raleway/ralewaythin.woff2') format('woff2'), url('../fonts/raleway/ralewaythin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url('../fonts/raleway/ralewayextralight.woff2') format('woff2'), url('../fonts/raleway/ralewayextralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Light'), local('Raleway-Light'), url('../fonts/raleway/ralewaylight.woff2') format('woff2'), url('../fonts/raleway/ralewaylight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Regular'), local('Raleway-Regular'), url('../fonts/raleway/ralewayregular.woff2') format('woff2'), url('../fonts/raleway/ralewayregular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Medium'), local('Raleway-Medium'), url('../fonts/raleway/ralewaymedium.woff2') format('woff2'), url('../fonts/raleway/ralewaymedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../fonts/raleway/ralewaysemibold.woff2') format('woff2'), url('../fonts/raleway/ralewaysemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Bold'), local('Raleway-Bold'), url('../fonts/raleway/ralewaybold.woff2') format('woff2'), url('../fonts/raleway/ralewaybold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url('../fonts/raleway/ralewayextrabold.woff2') format('woff2'), url('../fonts/raleway/ralewayextrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

.font-200-raleway {
    font-family: 'Raleway';
    font-weight: 200;
}

.font-300-raleway {
    font-family: 'Raleway';
    font-weight: 300;
}

.font-400-raleway {
    font-family: 'Raleway';
    font-weight: normal;
}

.font-500-raleway {
    font-family: 'Raleway';
    font-weight: 500;
}

.font-600-raleway {
    font-family: 'Raleway';
    font-weight: 600;
}

.font-bold-raleway {
    font-family: 'Raleway';
    font-weight: bold;
}

.font-800-raleway {
    font-family: 'Raleway';
    font-weight: 800;
}

* {
    margin: 0;
    border: 0;
    padding: 0;
    box-sizing: border-box;
}

*:focus,
*:active {
    outline: none !important;
}

a[tel] {
    white-space: nowrap;
}

body {
    background: #f6f6f6;
    font-family: 'Manrope';
    font-weight: normal;
    overflow-y: scroll;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    transition: 0.3s all ease-in-out;
}

a:hover {
    text-decoration: none;
    transition: 0.3s all ease-in-out;
}

a:active,
a:focus {
    outline: none;
}

/*a.decorative-link {*/
/*    position: relative;*/
/*    font-family: 'Manrope';*/
/*    font-weight: bold;*/
/*    font-size: 0.95588235vw;*/
/*    line-height: 1.32352941vw;*/
/*    !* identical to box height *!*/
/*    text-align: right;*/
/*    letter-spacing: 0.25em;*/
/*    text-transform: uppercase;*/
/*    !* Black *!*/
/*    color: #222729;*/
/*}*/
.align-center {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.statistics a.decorative-link,
.handler-collaboration_block a.decorative-link,
.designer-collaboration_block a.decorative-link {
    border-color: white;
}

a.decorative-link {
    border: 1px solid #007f92;
    padding: 7px 27px;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.97222222vw;
    line-height: 1.31944444vw;
    color: #008093;
    cursor: pointer;
    /*text-transform: uppercase;*/
}

.visualizer-block .text-wrapp a.decorative-link {
    color: white;
    border: 1px solid white;
}

/*a.decorative-link:after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 6.17647059vw;*/
/*    height: 6.17647059vw;*/
/*    position: absolute;*/
/*    right: -3.89705882vw;*/
/*    top: -1.54411765vw;*/
/*    transition: 0.3s all ease-out;*/
/*    background: transparent url(../img/link-shape/red-top-right.svg) center center no-repeat;*/
/*    background-size: contain;*/
/*}*/

@media screen and (min-width: 768px) {
    a.decorative-link:hover:after {
        transform: translateX(35%) translateY(0);
        top: -1.54411765vw;
        transition: 0.3s transform ease-out;
    }
}

@media screen and (max-width: 768px) {
    a.decorative-link {
        font-size: 3.75vw;
        line-height: 5vw;
        white-space: unset;
        text-align: left;
        padding-right: 5vw;
    }

    a.decorative-link:after {
        width: 26.25vw;
        height: 26.25vw;
        right: 0;
        top: -5vw;
    }
}

@media screen and (min-width: 1360px) {
    a.decorative-link {
        font-size: 13px;
        line-height: 18px;
    }

    a.decorative-link:hover:after {
        top: -22px;
    }

    a.decorative-link:after {
        width: 84px;
        height: 84px;
        right: -53px;
        top: -22px;
    }
}

a.download-link {
    display: flex;
}

a.download-link:hover p {
    color: #565659;
    transition: 0.3s all ease-in-out;
}

a.download-link img {
    flex-shrink: 0;
    width: 1.25vw;
    height: 1.25vw;
    margin-right: 0.95588235vw;
}

a.download-link p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.17647059vw;
    color: #3D3D3F;
    transition: 0.3s all ease-in-out;
    border-bottom: 1px solid #3D3D3F;
    padding-bottom: 3px;
}

a.download-link p span {
    color: #3D3D3F;
}

@media screen and (max-width: 768px) {
    a.download-link p {
        font-size: 4.375vw;
        line-height: 6.25vw;
    }

    a.download-link p .word {
        display: none;
    }

    a.download-link img {
        width: 5.3125vw;
        height: 5.3125vw;
        margin-right: 4.0625vw;
    }
}

.container {
    display: flex;
    justify-content: space-evenly;
}

.dropdown {
    position: relative;
}

.dropdown .dropdown-toggle {
    padding: 7px 27px;
    border: 2px solid #008295;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.burger-menu_pop_up .dropdown .dropdown-toggle {
    padding: 2.75vw;

}

.dropdown .dropdown-toggle.active {
    background: rgb(55, 126, 146);
    transition: 0.3s all ease-in-out;
    border: 2px solid rgba(0, 130, 149, 0.3);
    position: relative;
    z-index: 99;
}

.dropdown .dropdown-toggle.active p {
    color: #FFFFFF;
}

.dropdown .dropdown-toggle.active img {
    filter: invert(1);
}

.dropdown .dropdown-toggle p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 0.97222222vw;
    line-height: 1.31944444vw;
    color: #222729;
    margin-right: 0.76388889vw;

}

.burger-menu_pop_up .dropdown .dropdown-toggle {
    display: flex;
    justify-content: center;
}

.burger-menu_pop_up .dropdown .dropdown-toggle p {
    font-size: 4vw;
    color: #fff;
}

.dropdown .dropdown-toggle img {
    width: 0.61vw;
    height: auto;
}


.burger-menu_pop_up .dropdown .dropdown-toggle img {
    width: 2vw;
    filter: invert(1);
    margin-left: 1.4vw;
}

.dropdown.dropdown-open .dropdown_list {
    max-height: 100vw;
    overflow: hidden;
    transition: 0.4s all ease-in-out;
    z-index: 9999999;
}

@media screen and (min-width: 1360px) {
    .dropdown.dropdown-open .dropdown_list {
        max-height: 70vh;
    }

    .dropdown .dropdown_list a {
        font-size: 0.97222222vw;
    }
}

@media screen and (max-width: 1360px) {
    .dropdown.dropdown-open .dropdown_list {
        max-height: 100vw;
        overflow: auto;
    }
}

nav .dropdown .dropdown_list {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
}

.dropdown .dropdown_list {
    background: rgb(35, 39, 41);
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    max-height: 0;
    transition: 0.4s all ease-in-out;
}

.dropdown .dropdown_list li {
    list-style-type: none;
    border-bottom: 1px solid rgba(55, 126, 146, 0.5);
}

.dropdown .dropdown_list li:last-of-type {
    border: unset;
}

.dropdown .dropdown_list a {
    font-family: 'Manrope';
    font-weight: 300;
    height: 2.94117647vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
    color: #ffffff;
}

.burger-menu_main .dropdown .dropdown_list a {
    font-family: 'Manrope';
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4vw;
    line-height: 14px;
    color: #ffffff;
    padding: 4vw;
}

.dropdown .dropdown_list a:hover {
    background: rgb(47, 53, 56);
}

nav {
    /*background: #F6F6F6;*/
}

nav .burger-menu_icon {
    display: none;
}

.burger-main {

    display: block;
    width: 50%;
    padding: 3vw;
    /*background-color: #1e1c1c;*/
    border-right: 1px solid #4B4F51;
    position: relative;


}

.burger-footer,
.burger-information {
    width: 50%;
    padding: 3vw;
    display: flex;
    flex-direction: column;

    border-right: 1px solid #4B4F51;
    border-top: 1px solid #4B4F51;
    border-bottom: 1px solid #4B4F51;
    position: relative;
}

.under_burger_footer {
    height: inherit;;
    border-right: 1px solid #4B4F51;
    width: 50%;
}

.burger-lang {
    list-style: none;
    display: flex;
}

.burger-lang li {
    margin-right: 3vw;
    font-weight: 400;
    text-decoration: none;
    font-size: 3vw;
}

.burger-lang li a {
    color: white;
}

.burger-lang li a.current {
    color: #008295;
}

.burger-information .search {
    margin-bottom: 3vw;
}

.burger-information .search label {
    display: flex;
    align-items: center;
    filter: invert(1);
}

.burger-information .search label img {
    cursor: pointer;
    width: 2.5vw;
    margin-right: 1vw;
}

nav .menu-top {
    padding: 1.52777778vw 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

nav .menu-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin: 5px;
    position: relative;
}

nav .menu-bottom {
    margin-bottom: 0;
}

nav .nav_header {

    padding-left: 2.77777778vw;
    padding-right: 2.77777778vw;
    width: 100%;
}

div.container.nav_header > hr {
    background: rgba(255, 255, 255, 20%);
    height: 1px;
    width: 100vw;
}

nav .nav_header .burger-menu_icon {
    display: none;
}

.container.nav_header > * {
    width: 100%;
}

.container.nav_header {
    display: flex;
    flex-direction: column;
    background: rgba(35, 39, 41, 100%);
}

.sticky .container.nav_header {
    background: rgba(34, 39, 41, 0.8);

}

.sticky .container.nav_header {
    display: flex;
    flex-direction: row;
}

nav .container {
    align-items: center;
}

/*nav .navigation {*/
/*    max-width: calc(100% / 12 * 4);*/
/*}*/


nav .navigation ul li {
    display: inline-block;
    list-style-type: none;
}

nav .navigation .nav-list
nav .navigation .nav-list hr {
    height: 1px;
    background: #E0E0E0;
    margin-top: 1.02941176vw;
    width: 23.52941176vw;
    margin-right: auto;
}


nav .navigation .nav-list li {
    margin-right: 5vw;
}

nav .navigation .submenu ul > li {
    margin-right: 3vw;
}

nav.sticky .navigation .nav-list > li {
    margin-right: 0;
    height: 100%;
    /*margin-bottom: -50px;*/
    /*padding-bottom: 50px;*/
}

nav .navigation .nav-list li:last-of-type {
    margin-right: 0;
}

nav .navigation .nav-list .actual > a {
    font-family: 'Manrope';
    font-weight: 600;
}


nav .navigation .nav-list li > a {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.97222222vw;
    line-height: 1.31944444vw;
    color: #222729;
}


nav .navigation .for-creators li {
    margin-right: 2.15277778vw;
}

nav .navigation .for-creators li:last-child {
    margin-right: 0;
}

nav .navigation .for-creators a {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.83333333vw;
    line-height: 1.11111111vw;
    color: #008295;
}

nav .navigation .for-creators .submenu li {
    width: 100%;
    margin-right: 0;
}

nav .navigation .for-creators .submenu a {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 0.88235294vw;
    line-height: 1.02941176vw;
    color: #222729;
    display: block;
}

nav .navigation.menu-bottom .submenu ul li {
    color: #fff;
}

nav .navigation .for-creators .submenu a:hover {
    color: #67777d;
}

nav.sticky .information {
    max-width: calc(100% / 12 * 4);

}

nav .information.left {
    justify-content: flex-start;
}

nav .information.right {
    justify-content: flex-end;
}

nav .information {
    min-width: 30vw;
    height: 100%;
    display: flex;
    /*flex-wrap: wrap;*/
    align-content: center;
    justify-content: center;
}

nav.sticky .information {
    min-width: 30vw;
    height: 100%;
    display: flex;
    /*flex-wrap: wrap;*/
    align-content: center;
    justify-content: center;
    display: flex;
    justify-content: flex-end;
}

nav .information hr {
    margin-top: 0.97222222vw;
    margin-bottom: 1.11111111vw;
    width: auto;
    height: 1px;
    width: 23.52941176vw;
    margin-left: auto;
    background: #E0E0E0;
}

nav .information > div {
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}

/*nav .information > div:last-of-type {*/
/*    !*align-items: flex-start;*!*/
/*}*/

nav .information .partnership {
    border: 1px solid white;
    padding: 7px 27px;
    margin-right: 2vw;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.97222222vw;
    line-height: 1.31944444vw;
    color: #222729;
    cursor: pointer;
}

nav.sticky .information .partnership {
    padding: 7px 27px;
}

@media screen and (max-width: 1360px) {
    nav.sticky .information .partnership {
        padding: 5px 18px;
    }
}

/*nav.sticky .information .partnership,*/
/*nav.sticky .information .dropdown-toggle p,*/
/*nav.sticky .information .dropdown_list ul li a {*/
/*    font-size: 0.8vw;*/
/*}*/

nav .information .search {
    height: 2.57352941vw;
    margin-right: 2.22222222vw;
}

nav .information .search.small {
    position: relative;
}

nav .information .search.small .close-icon {
    opacity: 0;
    /*display: none;*/
}

nav .information .search.small input {
    width: 0;
    transition: 0.3s all ease-in-out;
}

nav .information .search.small .search-icon {
    left: unset;
}

nav .information .nav-search-icon {
    width: 0.68vw;
    cursor: pointer;
    margin-right: 5px;
    transition: 0.3s all ease-in-out;

}

nav .information .search.full {
    position: initial;
}

nav .information .search.full .search-icon {
    position: absolute;
    top: 0.24705882vw;
    left: 1.10294118vw;
    z-index: 9999;
    filter: unset;
    opacity: 1;
    transition: 0.3s all ease-in-out;
}

nav .information .search.full .search-input {
    position: absolute;
    min-width: 23.52941176vw;
    width: 100%;
    left: 0.14705882vw;
    top: -0.24705882vw;
}

nav .information .search.full .search-input input {
    z-index: 9999;
    opacity: 1;
    min-width: 23.52941176vw;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.66176471vw 0.36764706vw 0.66176471vw 2.64705882vw;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    color: #222729;
}


.search-input form {
    display: flex;
    flex-direction: row;
}

nav .information .search.full .search-input .close-icon {
    position: absolute;
    right: 1.10294118vw;
    left: 93%;
    top: calc(0.66176471vw - 0.735vw);
    width: 0.73529412vw;
    height: 0.73529412vw;
    opacity: 1;
    position: relative;
    z-index: 9999;
    cursor: pointer;
    /*filter: unset;*/
}

nav .information .search .search-icon {
    position: absolute;
    top: 0.14705882vw;
    left: auto;
    cursor: pointer;
    z-index: 9999;
    transition: 0.3s all ease-in-out;
    width: 0.80882353vw;
    height: 0.80882353vw;
}

nav .information .search .close-icon {
    /*opacity: 0;*/
    display: none;
    object-fit: contain;
    /*filter: unset;*/
}

nav .information .search input {
    width: 7vw;
    background: transparent;
    top: 0.58823529vw;
    left: 0;

    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.9vw;
    line-height: 1.17647059vw;
    border-bottom: 1px solid #008295;
    color: rgba(255, 255, 255, 1);
}

.burger-menu_pop_up .search-input input {
    width: 24vw;
    background: transparent;
    top: 0.58823529vw;
    left: 0;

    font-family: 'Manrope';
    font-weight: normal;
    font-size: 3vw;
    line-height: 1.17647059vw;
    border-bottom: 1px solid #008295;
    color: rgba(255, 255, 255, 1);
}

nav .information .lang-picker {
    position: relative;
    margin-right: 2.63888889vw;
}

nav .information .lang-picker .actual-lang {
    cursor: pointer;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.76388889vw;
    line-height: 1.17647059vw;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #222729;
    display: flex;
    align-items: center;
}

nav .information .lang-picker .actual-lang:after {
    content: '';
    display: block;
    width: 7px;
    height: 3px;
    background: transparent url(../img/icon/arr-bottom.svg) center center no-repeat;
    background-size: cover;
    margin-left: 3px;
    transition: 0.3s all ease-in-out;
}

nav .information .lang-picker.open .actual-lang {
    position: relative;
    z-index: 9;
}

nav .information .lang-picker.open .actual-lang:after {
    transform: rotate(180deg);
    transition: 0.3s all ease-in-out;
}

nav .information .lang-picker.open .lang-list {
    opacity: 1;
    pointer-events: all;
    transition: 0.3s all ease-in-out;
    z-index: 8;
}

nav .information .lang-picker .lang-list {
    transition: 0.3s all ease-in-out;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background: rgb(28, 30, 32);
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    padding: 1vw 1.17647059vw;
    padding-top: 2.94117647vw;
    left: -1vw;
    top: -0.88235294vw;
    width: calc(100% + 1.17647059vw * 1.5);
}

nav .information .lang-picker .lang-list a {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.76388889vw;
    line-height: 1.04166667vw;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
}

nav .information .lang-picker .lang-list a:hover {
    color: #67777d;
}

nav .information .lang-picker .lang-list li {
    margin-bottom: 0.2vw;
    list-style-type: none;
}

nav .information .tel {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #222729;
}

nav .logo {
    margin-right: auto;
    margin-left: auto;
}

nav .logo img {
    width: 13vw;
    object-fit: contain;
}

.footer_short-info .logo img {
    width: 13vw;
    object-fit: contain;
    padding-bottom: 32px;
}


nav .logo_burger_layout {
    flex: 1;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

nav .logo .logo-light {
    display: none;
}

.sticky .logo-light img {
    height: 34px;

}

nav.sticky {
    position: fixed;
    width: 100%;
    top: -20vw;
    transition: 0.4s all ease-out;
    z-index: 999;
}

nav.sticky.show {
    top: 0;
    transition: 0.4s all ease-out;
}

nav.sticky .nav_header {
    padding-top: 5px;
}

nav.sticky .menu-bottom {
    margin-left: 2vw;
    padding-bottom: 0;
}


nav.sticky .navigation .nav-list hr {
    margin-top: 1.02941176vw;
}


nav.nav-light {
    overflow-x: clip;
    position: relative;
    width: 100%;
    z-index: 999;
}

nav.nav-light {
    width: 100%;
    top: 0;
    z-index: 999;
    /*background: rgba(35, 39, 41, 100%);*/
}

.sticky nav.nav-light {

    width: 100%;
    top: 0;
    z-index: 999;
}

nav.nav-light .logo .logo-classic {
    display: none;
}

nav.nav-light .logo .logo-light {
    /*display: block;*/
    display: flex;
    height: 100%;
    align-items: center;
}

/*nav.nav-light .nav_header {*/
/*    background: transparent;*/
/*}*/

nav .navigation .nav-list {
    margin-top: 12px;
}

nav.sticky .nav-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

nav.nav-light .navigation .nav-list hr {
    background: #EFEFEF;
    opacity: 0.2;
}

nav.nav-light .navigation .nav-list li > a {
    color: #ffffff;
    padding: 10px 0 7px 0;
}

nav.nav-light > div > div.column.navigation.menu-bottom > ul > li[data-attr="submenu"] > a {
    color: #fff;
}

nav.nav-light > div > div.column.navigation.menu-bottom > ul > li {
    position: initial;
    padding-bottom: 14px;
}

.sticky nav.nav-light > div > div.column.navigation.menu-bottom > ul > li {
    padding-bottom: 27px;
}

.nav-list ul li[data-attr="submenu"].hover {
    border-bottom: 2px solid rgba(0, 130, 149, 100);
}

nav.nav-light > div > div.column.navigation.menu-bottom > ul > li.hover > a,
nav.nav-light > div > div.column.navigation.menu-bottom > ul > li > a {
    border-bottom: 2px solid rgba(0, 130, 149, 0);
    transition: border-bottom 0.3s ease-in-out;

}

nav.nav-light > div > div.column.navigation.menu-bottom > ul > li:hover > a,
nav.nav-light > div > div.column.navigation.menu-bottom > ul > li.hover > a {

    border-bottom: 2px solid rgba(0, 130, 149, 100);
    transition: border-bottom 0.3s ease-in-out;

}


body > nav.nav-light > div > div.column.navigation.menu-bottom > ul > li:first-child {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}
body > nav.nav-light > div > div.column.navigation.menu-bottom > ul > li {
    position: initial;
    padding: 0 2.5vw 14px;
    margin-right: 0;
}

body > nav.nav-light > div > div.column.navigation.menu-bottom > ul > div.submenu {
    padding-left: 52.5vw;
}


nav.nav-light .navigation .nav-list li {
    color: #ffffff;
}

nav.nav-light .navigation .nav-list .submenu a {
    color: white;
}

nav.nav-light .navigation .nav-list [data-attr="submenu"]:hover + div.submenu:not(.sticky nav.nav-light .navigation .nav-list [data-attr="submenu"]:hover + div.submenu ) {
    position: absolute;
}

nav.nav-light .navigation .for-creators a {
    color: #ffffff;
}

nav.nav-light .navigation .for-creators .submenu a {
    color: #222729;
}

nav.nav-light .information hr {
    background: #EFEFEF;
    opacity: 0.2;
}

nav.nav-light .information .partnership {
    color: #ffffff;
}

nav.nav-light .information .lang-picker {
    position: relative;
    margin-right: 2.63888889vw;
}

nav.nav-light .information .lang-picker .actual-lang {
    color: #ffffff;
}

nav.nav-light .information .lang-picker .actual-lang:after {
    filter: invert(1);
}

nav.nav-light .information .tel {
    color: #ffffff;
}

nav.nav-light .information .search img {
    filter: invert(1);
}

nav.nav-light .dropdown {
    position: relative;
}

nav.nav-light .dropdown .dropdown-toggle {
    border: 1px solid rgb(55, 126, 146);
}

nav.nav-light .dropdown .dropdown-toggle img {
    filter: invert(1);
}

nav.nav-light .dropdown .dropdown-toggle.active {
    background: rgba(213, 213, 213, 0.2);
    border: 1px solid rgb(53, 126, 146);
}

nav.nav-light .dropdown .dropdown-toggle.active p {
    color: #FFFFFF;
}

nav.nav-light .dropdown .dropdown-toggle p {
    color: #ffffff;
}

nav.nav-light .burger-menu_icon {
    filter: invert(1);
}

.nav_bottom {
    padding-left: 2.77777778vw;
    padding-right: 2.77777778vw;
}

.nav_bottom h1, .nav_bottom .title-block p:not(.subtitle) {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 5.55555556vw;
    line-height: 5.90277778vw;
    letter-spacing: -1px;
    color: #222729;
}

.nav_bottom .subtitle {
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 2.77777778vw;
    line-height: 2.91666667vw;
    color: #AAAAAA;
    margin-top: -2vw;
    margin-bottom: -0.7vw;
}

.nav_bottom .subtitle-text {
    margin-top: 2.05882353vw;
    width: 70%;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
}

[data-attr="submenu"] {
    position: static;
}

[data-attr="submenu"]:hover > a {
    z-index: 9999999;
    position: relative;
}

nav.nav-light .navigation .nav-list li[data-attr="submenu"]:hover > a {
    color: #222729;
}

nav.nav-light .navigation .for-creators li[data-attr="submenu"]:hover > a {
    color: #008295;
}

li[data-attr='submenu'] {
    position: static;
}

[data-attr="submenu"]:hover + div.submenu {
    opacity: 1;
    transition: 0.3s opacity ease-in-out;
    pointer-events: all;
}

div.submenu:hover {
    opacity: 1;
    transition: 0.3s opacity ease-in-out;
    pointer-events: all;
}

/* Існуючі стилі */
/*nav div.submenu {*/
/*    margin-left: -50vw;*/
/*    margin-top: -7px;*/
/*    padding-top: 35px;*/
/*    padding-left: 50vw;*/
/*    padding-bottom: 30px;*/
/*    width: 200vw;*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    pointer-events: none;*/
/*    opacity: 0;*/
/*    transition: 0.3s opacity ease-in-out;*/
/*    background: #222729;*/
/*    color: white;*/
/*    position: absolute;*/
/*    top: 53px;*/
/*    z-index: 9999;*/
/*}*/
/*new*/
nav div.submenu {
    margin-left: -50vw;
    margin-top: -7px;
    padding-top: 35px;
    padding-left: 50vw;
    padding-bottom: 30px;
    width: 200vw;
    justify-content: flex-start;
    background: #222729;
    color: white;
    position: absolute;
    top: auto;
    z-index: 9999;
    display: none; /* Сховати підменю за замовчуванням */
    pointer-events: none; /* Заборонити події миші за замовчуванням */
    opacity: 0; /* Невидиме за замовчуванням */
    transition: opacity 0.3s ease-in-out;
}

.sticky nav div.submenu{
    position: fixed;
}

nav .submenu {
    position: absolute;
    width: 100%;
    background: #222729;
    color: white;
    display: none; /* Сховати підменю за замовчуванням */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 9999;
}

[data-attr="submenu"]:hover + div.submenu {
    display: flex; /* Показати підменю при наведенні */
    pointer-events: all;
    opacity: 1;
}

div.submenu:hover {
    display: flex; /* Зберігати показ підменю при наведенні на нього */
    pointer-events: all;
    opacity: 1;
}

/*new*/
.designer-collaboration_block a.decorative-link {
    color: white;
    width: fit-content;
    text-align: center;
    display: block;
    padding-inline: 5vw;
    margin-right: auto;
    margin-left: auto !important;
}

nav.sticky div.submenu {
    left: auto;
    background: rgba(35, 39, 41, 80%);
    top: 82px;
}

nav div.submenu::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
}

nav.sticky div.submenu::before {
    top: 0px;
}

nav div.submenu .container {
    align-items: unset;
}

nav div.submenu ul {
    all: unset;
    margin-bottom: 2.94117647vw;
    display: block;
}

nav div.submenu ul:last-of-type {
    margin-bottom: 0;
}

nav div.submenu ul li {
    display: block;
    margin-bottom: 0.73529412vw;
    white-space: nowrap;
}

nav div.submenu ul li:last-of-type {
    margin-bottom: 0;
}

nav div.submenu ul a {
    font-size: 0.8vw;
    line-height: 20px;
    color: #222729;
}

nav div.submenu ul a:hover {
    color: #67777d;
}

nav .nav_header .menu-bottom .nav-list .submenu ul {
    display: flex;
}

nav .nav_header .menu-bottom .nav-list .submenu ul > li > a {
    font-weight: 600;
}

nav .nav_header .menu-bottom .nav-list .submenu ul ul {
    margin-top: 10px;
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
}

nav .nav_header .menu-bottom .nav-list .submenu ul ul li {
    margin-right: 2.5vw;
}

nav .nav_header .menu-bottom .nav-list .submenu ul ul li a {
    font-weight: 200;
    color: #DADADA;
}

.decorative-submenu {
    background: #696F72;
    padding: 1.2vw;
}

.decorative-submenu pre {
    text-decoration: none;
    font-family: 'Manrope';
    margin-bottom: 20px;
    font-size: 1vw;
}

.decorative-submenu a {
    border: 1px solid white;
    padding: 7px 10px;
    display: inline;

    flex-grow: 0;
}

.decorative-submenu a + a {
    margin-left: 15px;
}

nav div.submenu .column {
    width: calc(100% - 13vw);
    column-count: 2;
}

nav div.submenu .column .catalog {
    width: 31.25vw;
}

nav div.submenu .column .catalog .content-wrapp {
    display: flex;
    flex-flow: row wrap;
}

nav div.submenu a.section-title {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 2.05882353vw;
    line-height: 2.94117647vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    margin-bottom: 1.76470588vw;
    display: inline-block;
}

nav div.submenu a.section-title:hover {
    color: #67777d;
}

nav div.submenu a.section-subtitle {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    color: #555555;
    display: inline-block;
    margin-bottom: 1vw;
}

nav div.submenu a.section-subtitle:hover {
    color: #888888;
}

nav div.submenu .sub-section {
    width: 45%;
}

nav div.submenu .sub-section ul {
    margin-bottom: 2.27941176vw;
}

nav div.submenu .service-column {
    min-height: 15.88235294vw;
    width: 13vw;
    padding-left: 2.20588235vw;
    border-left: 1px solid #E3E3E3;
    column-count: unset;
}

.subnav {
    padding-bottom: 2.01388889vw;
}

.subnav > div {
    display: flex;
    align-items: center;
    width: 100%;
}

.subnav li {
    list-style-type: none;
    display: inline-block;
    margin-right: 2.08333333vw;
}

.subnav .actual a {
    font-family: 'Manrope';
    font-weight: 600;
    border-bottom: 2px solid #008295;
}

.subnav a {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.11111111vw;
    line-height: 1.94444444vw;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    color: #555555;
}

.subnav .controls {
    margin-left: auto;
    margin-right: unset;
}

.subnav .controls a {
    margin-left: 1.47058824vw;
    padding: 0.73529412vw 1.47058824vw;
    border: 2px solid #3D3D3F;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 1.10294118vw;
    line-height: 1.76470588vw;
    color: #3D3D3F;
    display: inline-flex;
    align-items: center;
}

.subnav .controls a:hover {
    background: rgba(61, 61, 63, 0.05);
}

.subnav .controls a img {
    margin-left: 0.73529412vw;
}

nav.nav-light .information .lang-picker.open .actual-lang {
    color: #fff;
}

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


    nav .nav_header {
        padding: 15 / 3.2 *1vw 6.25vw;
        /*padding-bottom: 1.875vw;*/
    }

    nav .nav_header .burger-menu_icon {
        display: block;
    }

    nav .nav_header .navigation,
    nav .nav_header .information {
        display: none;
    }

    div.container.nav_header > hr {
        display: none;
    }

    nav .logo {
        margin-left: unset;
    }

    nav .logo img {
        width: 42.1875vw;
        height: 8.75vw;
    }

    /*.nav_bottom {*/
    /*    padding: 0 6.25vw 4.6875vw 6.25vw;*/
    /*}*/

    .nav_bottom .breadcrumbs {
        display: none;
    }

    .nav_bottom h1,
    .nav_bottom .subtitle {
        font-size: 12.5vw;
        line-height: 12.5vw;
        color: #222729;
        margin-top: 3vh;
    }

    .nav_bottom h1, .nav_bottom .title-block p:not(.subtitle) {
        display: none;
    }

    .nav_bottom .subtitle-text {
        margin-top: 5.3125vw;
        font-size: 4.375vw;
        line-height: 6.25vw;
        width: 100%;
    }

    .subnav {
        width: calc(100%);
        position: relative;
        margin-top: 4.6875vw;
    }

    .subnav .controls {
        display: none;
    }

    .subnav div {
        overflow-y: scroll;
        width: calc(100vw);
        margin-left: -6.5625vw;
        white-space: nowrap;
        margin-right: -6.5625vw;
        padding-left: 6.5625vw;
        padding-right: 6.5625vw;
    }

    .subnav:before,
    .subnav:after {
        content: '';
        display: block;
        width: 6.5625vw;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .subnav:before {
        left: -6.25vw;
        background: linear-gradient(270deg, #F6F6F6 50%, rgba(246, 246, 246, 0) 100%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }

    .subnav:after {
        right: -6.25vw;
        background: linear-gradient(270deg, #F6F6F6 50%, rgba(246, 246, 246, 0) 100%);
    }

    .subnav li {
        margin-right: 5.625vw;
    }

    .subnav li:nth-last-child(2),
    .subnav li:last-child {
        padding-right: 6.25vw;
    }

    .subnav a {
        font-size: 4.0625vw;
        line-height: 6.25vw;
    }
}

@media screen and (min-width: 1360px) {
    nav .nav_header {
        margin: 0 auto;
    }

    .decorative-submenu pre {
        font-size: 0.8vw;
    }

    .nav_bottom {
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    nav .sticky .logo-light img {
        height: 160px;
    }

    nav div.submenu ul a {
        font-size: 11px;
    }

    nav .navigation .nav-list hr {
        margin-top: 14px;
        width: 320px;
    }

    /*nav .navigation .nav-list li {*/
    /*    margin-right: 27px;*/
    /*    margin-left: 27px;*/
    /*}*/
    nav .navigation .nav-list li > a {
        font-size: 14px;
        line-height: 19px;
    }

    nav .navigation .for-creators li {
        margin-right: 31px;
    }

    nav .navigation .for-creators a {
        font-size: 12px;
        line-height: 16px;
    }

    nav .navigation .for-creators .submenu a {
        font-family: 'Manrope';
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
    }

    nav
    nav .information hr {
        margin-top: 14px;
        margin-bottom: 16px;
        width: 320px;
    }

    nav .information .partnership {
        /*margin-right: 48px;*/
        font-size: 14px;
        line-height: 19px;
    }

    nav .information .search {
        /*height: 35px;*/
    }

    nav .information .search.full {
        position: initial;
    }

    nav .information .search.full .search-icon {
        position: absolute;
        left: 15px;
        opacity: 1;
        transition: 0.3s all ease-in-out;
    }

    nav .information .search.full .search-input {
        position: absolute;
        max-width: 320px;
        left: 2px;
        top: -2px;
    }

    nav .search-input label {
        display: flex;
    }

    nav .search-input input {

        width: 110px;
        z-index: 9999;
        opacity: 1;
        /*position: relative;*/
        padding: 9px 0px 9px 0px;
        font-family: 'Manrope';
        font-weight: normal;

        line-height: 16px;
        color: #222729;
        top: -7px;
        transform: unset;
    }


    nav .information .search.full .search-input .close-icon {
        position: absolute;
        right: 15px;
        width: 10px;
        height: 10px;
        top: 5px;
        transform: unset;
    }

    nav .information .search .search-icon {
        position: absolute;
        top: 2px;
        transition: 0.3s all ease-in-out;
        height: 11px;
        width: 11px;
    }

    nav .information .search input {

        padding: 2px 0px 2px 0px;
        font-family: 'Manrope';
        font-weight: normal;
        /*font-size: 12px;*/
        line-height: 16px;
    }

    nav .information .lang-picker {
        position: relative;
        margin-right: 38px;
    }

    nav .information .lang-picker .actual-lang {
        font-size: 14px;
        line-height: 15px;
    }

    nav .information .lang-picker .lang-list {
        padding: 14px 16px;
        padding-top: 60px;
        left: -13.6px;
        top: -12px;
        width: calc(100% + 16px * 1.5);
    }

    nav .information .lang-picker .lang-list a {
        font-size: 14px;
        line-height: 14px;
    }

    nav .information .lang-picker .lang-list li {
        margin-bottom: 2.72px;
        list-style-type: none;
    }

    nav .information .tel {
        font-size: 12px;
        line-height: 16px;
    }


    .sticky nav .logo img {
        height: 34px;
    }

    nav.sticky {
        top: -400px;
    }


    nav.sticky .navigation ul.nav-list {
        /*margin-bottom: 10px;*/
        display: flex;
        align-items: center;
    }

    nav.sticky .navigation .nav-list hr {
        margin-top: 14px;
    }

    nav.sticky .information hr {
        margin-top: 5px;
        margin-bottom: 14px;
    }

    nav.nav-light .information .lang-picker {
        margin-right: 35px;
    }


    nav div.submenu ul {
        margin-bottom: 40px;
    }

    nav div.submenu ul li {
        margin-bottom: 10px;
    }


    nav div.submenu.big {

        /*width: 1088px;*/
    }


    nav div.submenu .column .catalog {
        width: 425px;
    }

    nav div.submenu a.section-title {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 24px;
    }

    nav div.submenu a.section-subtitle {
        font-size: 12px;
        line-height: 16px;
        color: #555555;
        display: inline-block;
        margin-bottom: 13px;
    }

    nav div.submenu .sub-section ul {
        margin-bottom: 31px;
    }

    nav div.submenu .service-column {
        min-height: 216px;
        width: 177px;
        padding-left: 30px;
    }

    .nav_bottom h1, .nav_bottom .title-block p:not(.subtitle) {
        font-size: 80px;
        line-height: 85px;
    }

    .subnav {
        margin-top: 29px;
    }

    .subnav li {
        margin-right: 30px;
    }

    .subnav a {
        font-size: 16px;
        line-height: 28px;
    }

    .subnav .controls a {
        margin-left: 20px;
        font-size: 15px;
        line-height: 24px;
        padding: 10px 20px;
    }

    .subnav .controls a img {
        margin-left: 10px;
    }
}

.breadcrumbs {
    margin-left: auto;
    display: table;
    padding-top: 3vh;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
}

.breadcrumbs li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-right: 0.99444444vw;
}

.breadcrumbs li:last-child {
    margin-right: 0;
    display: block;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs li:after {
    content: '';
    display: block;
    height: 4px;
    width: 4px;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
    transform: rotate(-45deg);
    margin-left: 0.69444444vw;
    margin-bottom: 1px;
}

.breadcrumbs li,
.breadcrumbs a {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 0.55555556vw;
    line-height: 1.38888889vw;
    letter-spacing: 0.13888889vw;
    text-transform: uppercase;
    color: #555555;
    max-width: 28ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    .breadcrumbs {
        margin-bottom: 2.8125vw;
        margin-left: unset;
    }

    .breadcrumbs ul {
        flex-flow: row wrap;
    }

    .breadcrumbs a,
    .breadcrumbs li {
        font-size: 2.5vw;
        line-height: 20px;
    }

    .breadcrumbs li {
        margin-right: 1.5625vw;
    }

    .breadcrumbs li:after {
        margin-left: 1.5625vw;
    }
}

footer {
    padding-left: 2.77777778vw;
    padding-right: 2.77777778vw;
    padding-bottom: 12px;
}

footer .breadcrumbs {
    display: none;
}

footer hr {
    width: 100%;
    height: 1px;
    background: #AEAEAE;
    margin: 0;
}

footer hr:first-of-type {
    margin-bottom: 2.98611111vw;
}

footer hr:last-of-type {
    margin-top: calc(4.30555556vw - 1.66666667vw);
    margin-bottom: 0.69444444vw;
}

footer .info-list {
    margin-bottom: 2.36111111vw;
    margin-right: 5.20833333vw;
}

footer .info-list:last-child {
    margin-bottom: 0;
}

footer .info-list li {
    list-style-type: none;
}

footer .info-list li a {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 0.83333333vw;
    line-height: 1.80555556vw;
    color: #555555;
}

footer .info-list li.title-list {
    margin-bottom: 0.97222222vw;
}

footer .info-list li.title-list a {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 0.97222222vw;
    line-height: 1.80555556vw;
    color: #222729;
}

footer .info-list .nested-list li a {
    font-family: 'Manrope';
    font-weight: normal;
    color: #AAAAAA;
}

footer .info-list .nested-list li:last-child {
    margin-bottom: 1.66666667vw;
}

footer .site-map {
    /*width: calc(100% / 12 * 5);*/
    display: flex;
}

/*footer .footer_short-info {*/
/*    width: calc(100% / 12 * 3);*/
/*}*/

footer .footer_short-info a {
    display: block;
}

footer .footer_short-info .social {
    display: block;
}

footer .footer_short-info .social a {
    display: inline-block;
    margin-right: 2.08333333vw;
}

footer .footer_short-info .social a:last-child {
    margin-right: 0;
}

footer .footer_short-info .social a img {
    width: 1.11111111vw;
    height: 1.11111111vw;
    object-fit: cover;
}

footer .footer_short-info .tel {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 1.5vw;
    line-height: 1.73611111vw;
    text-transform: uppercase;
    color: #222729;
    margin-bottom: 1.11111111vw;
    white-space: nowrap;
}


.footer-btn p,
.footer-btn a {
    cursor: pointer;
    font-family: 'Manrope';
    font-size: 0.97222222vw;
    line-height: 1.80555556vw;
    margin-right: 2vw;
    min-width: 13vw;
    width: max-content;
    height: 40px;
    text-decoration-line: none;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.footer-btn-partnership .partnership,
.footer-btn-path .path {
    border: 1px solid #222729;
    color: #222729;
    margin-bottom: 0.8vw;
}

.footer-btn-buy .buy {
    font-family: 'Manrope';
    font-weight: normal;
    border: 1px solid #008295;
    background: #008295;
    color: #fdfdfd;
    margin-top: 2vw;
    margin-bottom: 0.8vw;
}

footer .footer_short-info .address {
    font-family: 'Manrope';
    font-weight: normal;
    width: 70%;
    font-size: 0.83333333vw;
    line-height: 1.73611111vw;
    color: #222729;
    opacity: 0.7;
    margin-bottom: 1.73611111vw;
}

footer .footer_short-info .address a {
    color: #161a1b;
}

footer .footer_short-info .filials {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.83333333vw;
    line-height: 1.80555556vw;
    text-decoration-line: underline;
    color: #222729;
    opacity: 0.7;
    margin-bottom: 2.63888889vw;
}

footer .company-services {
    display: flex;
    /*width: calc(100% / 12 * 4);*/
}

footer .company-services .services-mobile {
    display: none;
}

footer .company-services .info-list:first-child {
    margin-bottom: 35px;
}

footer .company-services .info-list:first-child li.title-list {
    margin-bottom: 0.29411765vw;
}

footer .company-services .info-list:first-child li.title-list:first-of-type {
    margin-bottom: 14px;
}

footer .copyrights {
    display: flex;
    justify-content: space-between;
}

footer .copyrights ul {
    display: flex;
    align-items: center;
}

footer .copyrights a,
footer .copyrights p {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.83333333vw;
    line-height: 1.80555556vw;
    color: rgba(85, 85, 85, 0.4);
    margin-bottom: 0;
}

footer .copyrights p {
    margin-right: 3.88888889vw;
    display: flex;
    align-items: center;
}

footer .copyrights a {
    margin-right: 5.97222222vw;
}

footer .copyrights a:last-child {
    margin-right: auto;
}

footer .copyrights a.creators {
    margin-left: auto;
    margin-right: 0;
    display: flex;
    align-items: flex-start;
}

footer .copyrights a.creators p {
    all: unset;
    font-size: 0.83333333vw;
    line-height: 1.80555556vw;
    color: #222729;
    font-family: 'Manrope';
    font-weight: normal;
    margin-right: 0.41666667vw;
}

footer .copyrights a.creators img {
    height: 1.18055556vw;
    width: auto;
    margin-top: 0.8vw;
}

footer #cookie-text {
    font-size: 16px;
}

footer #cookie-button {
    border: 2px solid #008295;
    display: inline-block;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 16px;
}

footer div#cookie-policy {
    position: fixed;
    bottom: 0;
    z-index: 100;
    background: #f6f6f6;
    width: 100%;
    left: 0;
    border-top: 2px solid #000;
    text-align: center;
    padding: 10px;
    line-height: 40px;
    display: none;
}

@media screen and (max-width: 768px) {
    footer {
        padding: 0 6.25vw;
        padding-bottom: 10vw;
        padding-top: 15.625vw;
    }

    .column.footer_short-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 5vh;
    }

    footer .footer_short-info .filials,
    footer .footer_short-info .address {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 3vh;
    }

    footer .breadcrumbs {
        display: flex;
    }

    footer .breadcrumbs a,
    footer .breadcrumbs li {
        color: #555 !important;
    }

    footer .container {
        display: block;
    }
    .mobile-oder-1{
        order: 1;
    }
    .mobile-oder-2{
        order: 2;
        margin-bottom: 3.5vh;
    }
    .mobile-oder-3{
        order: 3;
        margin-bottom: 3vh;
    }
    .mobile-oder-4{
        order: 4;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        text-align: center;
    }


    footer hr {
        margin-bottom: 10.9375vw;
    }

    footer hr:first-of-type {
        margin-bottom: 9.8375vw;
    }

    footer hr:last-of-type {
        margin-bottom: 4.125vw;
        margin-top: 10.5vw;
    }

    /*footer .footer_short-info {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: space-between;*/
    /*    margin-bottom: 7.5vw;*/
    /*}*/

    footer .footer_short-info .tel {
        font-size: 24px;
        line-height: 26px;
        margin: 0;
    }

    .footer-btn p, .footer-btn a {
        font-size: 16px;
        line-height: 18px;
        min-width: 220px;
    }

    .footer_short-info .logo img {
        width: 220px;
    }

    footer .footer_short-info .social a {
        margin-right: 8.375vw;
    }

    footer .footer_short-info .social a img {
        width: 5vw;
        height: 5vw;
    }

    /*footer .footer_short-info .buy,*/
    /*footer .footer_short-info .partnership,*/
    /*footer .footer_short-info .address,*/
    /*footer .footer_short-info .filials,*/
    /*footer .footer_short-info .logo-classic {*/
    /*    display: none;*/
    /*}*/

    footer .site-map {
        display: block;
        width: 100%;
        margin-bottom: 10.9375vw;
    }

    footer .site-map > div:first-of-type {
        margin-bottom: 4.6875vw;
    }

    footer .site-map > div:last-of-type .info-list li:not(.title-list) {
        display: none;
    }

    footer .site-map > div:last-of-type .info-list {
        margin-bottom: 4.6875vw;
    }

    footer .company-services {
        width: 100%;
    }

    footer .company-services div:not(.services-mobile) {
        display: none;
    }

    footer .company-services .services-mobile {
        display: flex;
        width: 100%;
    }

    footer .company-services .services-mobile ul {
        width: calc((100% - 9.375vw) / 2);
        margin-right: 9.375vw;
    }

    footer .company-services .services-mobile ul:last-of-type {
        margin-right: 0;
    }

    footer .company-services .services-mobile li {
        list-style-type: none;
        margin-bottom: 3.8125vw;
    }

    footer .company-services .services-mobile li:last-child {
        margin-bottom: 0;
    }

    footer .company-services .services-mobile a {
        font-family: 'Manrope';
        font-weight: 600;
        font-size: 4.0625vw;
        line-height: 4.6875vw;
        color: #222729;
    }

    footer .copyrights {
        display: block;
    }

    footer .copyrights p,
    footer .copyrights a {
        font-size: 3.75vw;
        line-height: 6.549vw;
        display: block;
    }

    footer .copyrights a.creators {
        margin-top: 4.75vw;
    }

    footer .copyrights a.creators p {
        font-size: 3.75vw;
        margin-right: 1.875vw;
        line-height: 8.125vw;
    }

    footer .copyrights a.creators img {
        margin-top: 3.4375vw;
        width: 18.75vw;
        height: auto;
    }

    footer .info-list .nested-list {
        display: none;
    }

    footer .info-list li {
        margin-bottom: 0.9375vw;
    }

    footer .info-list li a {
        font-size: 4.0625vw;
        line-height: 8.125vw;
    }

    footer .info-list li.title-list {
        margin-bottom: 1.5625vw;
    }

    footer .info-list li.title-list a {
        font-size: 4.375vw;
        line-height: 8.125vw;
    }

    footer #cookie-button {
        font-size: 12px;
    }

    footer #cookie-text {
        font-size: 10px;
    }
}

.banner {
    margin-bottom: 3.47222222vw;
    width: 100%;
    background: #3D3D3F;
    display: flex;
    position: relative;
}

.banner .img-cover {
    width: calc((100vw - 2.77777778vw * 2) / 12 * 5 + 2.77777778vw);
    position: absolute;
    top: 0;
    height: 100%;
}

.banner .img-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .text-section {
    width: calc((100vw - 2.77777778vw * 2) / 12 * 7 + 2.77777778vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5vw 3.26388889vw 2.91666667vw 3.68055556vw;
    margin-left: auto;
}

.banner .text-section h3 {
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 2.5vw;
    line-height: 2.77777778vw;
    color: #FFFFFF;
    padding-right: 40 / 13.6 *1vw;
    letter-spacing: -1px;
}

.banner .text-section p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 0.97222222vw;
    line-height: 1.38888889vw;
    color: #FFFFFF;
    padding-right: 40 / 13.6 *1vw;
}

.banner .text-section a {
    padding: 1.45833333vw 1.73611111vw;
    width: 8.26388889vw;
    height: 4.16666667vw;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.90277778vw;
    line-height: 1.25vw;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    flex-shrink: 0;
}

.banner .text-section a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.banner-catalog {
    margin-bottom: 7.35294118vw;
    width: 100%;
    background: #696f72;
    display: flex;
}

.banner-catalog .img-cover {
    width: calc((100vw - 2.77777778vw * 2) / 12 * 4 + 2.77777778vw);
    height: auto;
    position: relative;
}

.banner-catalog .img-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-catalog .text-section {
    width: calc((100vw - 2.77777778vw * 2) / 12 * 8 + 2.77777778vw);
    background: transparent url() center center no-repeat;
    background-size: cover;
    display: block;
    padding: 7.35294118vw 7.35294118vw 7.35294118vw 7.35294118vw;
}

.banner-catalog .text-section h3 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 3.08823529vw;
    line-height: 3.30882353vw;
    color: #FFFFFF;
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-bottom: 1.83823529vw;
    width: 44.11764706vw;
}

.banner-catalog .text-section p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    margin-bottom: 2.94117647vw;
    color: #E3E3E3;
    width: 31.61764706vw;
}

.banner-catalog .text-section a.decorative-link {
    color: #FFFFFF;
}

.banner-catalog .text-section a.decorative-link:after {
    background: transparent url(../img/link-shape/white-top-right.svg) center center no-repeat;
    background-size: contain;
    right: unset;
    left: -3vw;
}

@media screen and (max-width: 768px) {
    .banner {
        margin-bottom: 15.625vw;
    }

    .banner .img-cover {
        display: none;
    }

    .banner .text-section {
        width: 100%;
        display: block;
        padding: 5.9375vw 6.25vw 8.4375vw 6.25vw;
    }

    .banner .text-section h3 {
        font-size: 8.75vw;
        line-height: 9.375vw;
        margin-bottom: 4.6875vw;
        padding-right: 0;
    }

    .banner .text-section p {
        font-size: 3.75vw;
        line-height: 5.625vw;
        margin-bottom: 6.25vw;
        padding-right: 0;
    }

    .banner .text-section a {
        padding: 6.25vw;
        font-size: 3.75vw;
        line-height: 5vw;
        width: auto;
        height: auto;
    }

    .banner-catalog {
        padding-top: 15.9375vw;
        position: relative;
        background: transparent;
        margin-bottom: 15.625vw;
    }

    .banner-catalog .img-cover {
        width: 93.75vw;
        height: 62.5vw;
        position: absolute;
        top: 0;
        left: 0;
    }

    .banner-catalog .text-section {
        padding-top: 62.5vw;
        width: 100%;
        padding: 62.5vw 6.25vw 22.625vw 6.25vw;
    }

    .banner-catalog .text-section h3 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.4375vw;
        width: 100%;
    }

    .banner-catalog .text-section p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 13.125vw;
        width: 100%;
    }

    .banner-catalog .text-section a.decorative-link {
        padding-left: 5vw;
    }

    .banner-catalog .text-section a.decorative-link:after {
        left: 0;
        top: -6.5625vw;
    }

    .banner-catalog .text-section a.decorative-link:hover:after {
        transform: unset;
    }
}

@media screen and (min-width: 1360px) {
    .banner {
        margin-bottom: 50px;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    .banner .img-cover {
        width: calc((100% - 40px * 2) / 12 * 5 + 40px);
    }

    .banner .text-section {
        width: calc((100% - 40px * 2) / 12 * 7 + 40px);
        padding: 36px 47px 42px 53px;
    }

    .banner .text-section h3 {
        font-size: 36px;
        line-height: 40px;
        padding-right: 40px;
        margin-bottom: 5px;
    }

    .banner .text-section p {
        font-size: 14px;
        line-height: 20px;
        padding-right: 40px;
    }

    .banner .text-section a {
        font-size: 13px;
        line-height: 18px;
        padding: 21px 25px;
        width: auto;
        height: auto;
    }

    .banner-catalog {
        margin-bottom: 100px;
        max-width: 1360px;
        margin-right: auto;
        margin-left: auto;
    }

    .banner-catalog .img-cover {
        width: calc((100% - 40px * 2) / 12 * 4 + 40px);
    }

    .banner-catalog .text-section {
        width: calc((100% - 40px * 2) / 12 * 8 + 40px);
        padding: 100px;
    }

    .banner-catalog .text-section h3 {
        font-size: 42px;
        line-height: 45px;
        margin-bottom: 25px;
        width: 600px;
    }

    .banner-catalog .text-section p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 40px;
        color: #E3E3E3;
        width: 430px;
    }

    .banner-catalog .text-section a.decorative-link:after {
        left: -50px;
    }

}

.promotion_cards {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.94444444vw;
}

.promotion_cards .card {
    width: calc((100% - 4.16666667vw) / 2);
    padding: 5.55555556vw 7.47222222vw 6.94444444vw 9.16666667vw;
    position: relative;
    height: 41.66666667vw;
    transition: 0.3s all ease-in-out;
    background: #FFFFFF;
}

.promotion_cards .card:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../img/back-promotion.webp) center center no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    z-index: 0;
}

.promotion_cards .card h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 3.88888889vw;
    line-height: 4.16666667vw;
    color: #222729;
    margin-bottom: 1.38888889vw;
    position: relative;
}

.promotion_cards .card p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.11111111vw;
    line-height: 1.73611111vw;
    /* Bg2 */
    color: #555555;
    opacity: 0.8;
    position: relative;
}

.promotion_cards .card a {
    position: absolute;
    bottom: 6.94444444vw;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.90277778vw;
    line-height: 1.25vw;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #222729;
    background: transparent;
    padding: 1.45833333vw 1.73611111vw;
    border: 2px solid #008295;
}

.promotion_cards .card a:hover {
    background: rgba(255, 255, 255, 0.3);
}

.promotion_cards .card.blue_card {
    background: #696f72;
}

.promotion_cards .card.blue_card:before {
    opacity: 1;
    background-size: 120% 120%;
    transition-property: background-size;
    transition: 10s background-size, 0.3s opacity;
}

.promotion_cards .card.blue_card h2 {
    color: white;
}

.promotion_cards .card.blue_card p {
    color: #F7F7F7;
}

.promotion_cards .card.blue_card a {
    color: #FFFFFF;
    border: 2px solid white;
}

@media screen and (max-width: 768px) {
    .promotion_cards {
        display: block;
        margin-bottom: 15.625vw;
    }

    .promotion_cards .card {
        background: #696f72;
        width: 100%;
        margin-bottom: 3.125vw;
        height: unset;
        padding: 15.625vw 6.25vw;
        overflow: hidden;
    }

    .promotion_cards .card:before {
        opacity: 1;
    }

    .promotion_cards .card:last-of-type {
        margin-bottom: 0;
    }

    .promotion_cards .card h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.4375vw;
        color: #FFFFFF;
    }

    .promotion_cards .card p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 9.375vw;
        color: #F7F7F7;
    }

    .promotion_cards .card a {
        position: relative;
        bottom: unset;
        display: inline-block;
        font-size: 3.75vw;
        line-height: 5vw;
        color: #FFFFFF;
        border: 2px solid #ffffff;
        padding: 6.25vw;
    }
}

.hover-cards_layout {
    background: white;
    display: flex;
    flex-flow: row wrap;
    padding-left: 2.94117647vw;
    padding-right: 2.94117647vw;
    padding-top: 4.79166667vw;
    margin-bottom: 6.94444444vw;
}

.hover_card {
    display: flex;
    width: calc(100% / 12 * 5);
    margin-right: calc(100% / 12);
    margin-bottom: 4.02777778vw;
    position: relative;
    min-height: 15.625vw;
}

.hover_card:nth-child(2n) {
    margin-right: 0;
}

.hover_card .card_cover {
    z-index: 9;
    margin-right: 1.38888889vw;
    flex-shrink: 0;
    position: relative;
    width: 11.11111111vw;
    height: fit-content;
    max-height: 15.625vw;
    border: 1px solid #E3E3E3;
}

.hover_card .card_cover.plug {
    height: 11.11111111vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
}

.hover_card .card_cover.plug img {
    width: 2.79411765vw;
    height: auto;
    object-fit: contain;
}

.hover_card .card_cover > img {
    height: auto;
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}

.hover_card .card_cover .document-type {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.16666667vw;
    height: 4.16666667vw;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hover_card .card_cover .document-type img {
    width: 1.82916667vw;
    height: 2.42291667vw;
}

.hover_card .card_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding-left: calc(1.38888889vw + 11.11111111vw);
}

.hover_card .card_info:before {
    content: '';
    background: white;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    width: calc(100% + 1.18055556vw + 1.73611111vw);
    height: calc(100% + 1.18055556vw + 1.38888889vw);
    position: absolute;
    top: -1.18055556vw;
    left: -1.18055556vw;
    z-index: 0;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.hover_card .card_info .btn {
    opacity: 0;
    position: absolute;
    bottom: 0;
    display: flex;
    margin-top: 1.10294118vw;
    align-items: center;
    padding: 0.90277778vw 1.45833333vw;
    border: 2px solid #696f72;
}

.hover_card .card_info .btn img {
    width: 1.18055556vw;
    height: 1.18055556vw;
    object-fit: contain;
    margin-right: 0.69444444vw;
}

.hover_card .card_info .btn:hover {
    background: rgba(190, 179, 173, 0.05);
}

.hover_card .card_info .btn p {
    margin: 0;
    font-size: 0.97222222vw;
    display: inline-block;
    line-height: 1.38888889vw;
    color: #3D3D3F;
}

.hover_card .card_title {
    z-index: 9;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.11111111vw;
    line-height: 1.73611111vw;
    color: #000000;
    margin-bottom: 0.625vw;
    display: inline-block;
    transition: 0.3s all ease-out;
}

.hover_card a.card_title:hover {
    color: #595959;
    transition: 0.3s all ease-out;
}

.hover_card .card_descr {
    font-size: 0.90277778vw;
    line-height: 1.38888889vw;
    color: #555555;
    font-family: 'Manrope';
    font-weight: 300;
    overflow: hidden;
    position: relative;
    background: transparent;
    margin-bottom: 4.38235294vw;
    z-index: 9;
}

.hover_card .card_descr.overflow {
    max-height: 9.19117647vw;
}

.hover_card .card_descr.overflow:after {
    transition: 0.3s all ease-in-out;
    content: '';
    opacity: 1;
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
}

@media screen and (min-width: 768px) {
    .hover_card:hover {
        z-index: 99;
    }

    .hover_card:hover .card_descr,
    .hover_card:hover .card_info {
        z-index: 999;
    }

    .hover_card:hover .card_title,
    .hover_card:hover .card_cover {
        z-index: 1000;
        position: relative;
    }

    .hover_card:hover .card_descr {
        max-height: 600px;
    }

    .hover_card:hover .card_descr:after {
        transition: 0.3s all ease-in-out;
        opacity: 0;
    }

    .hover_card:hover .card_info:before {
        opacity: 1;
        transition: 0.3s all ease-in-out;
        z-index: 999;
    }

    .hover_card:hover .card_info .btn {
        opacity: 1;
        margin-top: 10px;
        z-index: 999;
    }
}

@media screen and (max-width: 768px) {
    .hover-cards_layout {
        display: block;
        padding: 8.75vw 6.25vw 15.9375vw 6.25vw;
    }

    .hover_card {
        width: 100%;
        margin-bottom: 9.375vw;
    }

    .hover_card:last-child {
        margin-bottom: 0;
    }

    .hover_card .card_info {
        width: 100%;
        padding: 0;
        position: relative;
    }

    .hover_card .card_info:before {
        z-index: -1;
    }

    .hover_card .card_info .btn {
        position: relative;
        opacity: 1;
        display: inline-flex;
        margin-top: 6.25vw;
        padding: 2.8125vw 3.125vw;
    }

    .hover_card .card_info .btn img {
        width: 3.75vw;
        height: 3.75vw;
        margin-right: 1.5625vw;
    }

    .hover_card .card_info .btn p {
        font-size: 3.75vw;
        line-height: 5.625vw;
    }

    .hover_card .card_info .btn p span:not(.span) {
        display: none;
    }

    .hover_card .card_cover,
    .hover_card .card_cover.plug {
        display: none;
    }

    .hover_card .card_title {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 2.8125vw;
    }

    .hover_card .card_descr {
        font-size: 3.75vw;
        line-height: 5.625vw;
        margin-bottom: 0;
    }

    .hover_card .card_descr.overflow {
        max-height: unset;
    }

    .hover_card .card_descr.overflow:after {
        display: none;
    }
}

div.info_card {
    display: flex;
    align-items: center;
    width: 15.44117647vw;
    flex-shrink: 0;
}

div.info_card img {
    width: 4.70588235vw;
    height: 4.70588235vw;
    object-fit: contain;
    margin-right: 1.69117647vw;
    flex-shrink: 0;
}

div.info_card .text-wrapp {
    width: calc(100% - 5.58823529vw - 1.69117647vw);
}

div.info_card .text-wrapp p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #000000;
}

.text-block {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 7);
    margin: 0 auto;
    margin-bottom: 7.35294118vw;
    margin-left: calc((100vw - 2 * 2.94117647vw) / 12 * 2 + 2.94117647vw);
}

.text-block p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.32352941vw;
    line-height: 2.20588235vw;
    color: #555555;
    margin-bottom: 1.32352941vw;
}

.text-block p:last-of-type:not(.bigger) {
    margin-bottom: 0;
}

.text-block p span {
    color: #696f72;
}

.text-block p a {
    color: #696f72;
    border-bottom: 1px solid rgba(0, 80, 102, 0.5);
    transition: 0.3s all ease-in-out;
}

.text-block p a:hover {
    color: rgba(0, 80, 102, 0.8);
    transition: 0.3s all ease-in-out;
}

.text-block p + a.download-link {
    margin-top: 4.04411765vw;
}

.text-block h3 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 2.20588235vw;
    line-height: 2.57352941vw;
    margin-bottom: 2.64705882vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
}

.text-block ol,
.text-block ul {
    margin-bottom: 5.73529412vw;
    padding-left: 2.20588235vw;
    list-style: none;
}

.text-block ol li,
.text-block ul li {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 2.20588235vw;
    color: #555555;
    margin-bottom: 1.17647059vw;
    position: relative;
}

.text-block ol li a,
.text-block ul li a {
    color: #696f72;
    border-bottom: 1px solid rgba(0, 80, 102, 0.5);
    transition: 0.3s all ease-in-out;
}

.text-block ol li a:hover,
.text-block ul li a:hover {
    /*color: rgba(0, 80, 102, 0.8);*/
    transition: 0.3s all ease-in-out;
}

.text-block ul {
    margin-bottom: 2.20588235vw;
}

.text-block ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

.text-block ol li {
    counter-increment: my-awesome-counter;
}

.text-block ol li::before {
    content: counter(my-awesome-counter);
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 2.20588235vw;
    line-height: 2.94117647vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #696f72;
    margin-left: -2.20588235vw;
    margin-right: 1.47058824vw;
}

.text-block ul li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #696f72;
    margin-left: -2.20588235vw;
    margin-right: 1.47058824vw;
    position: absolute;
    top: 0.73529412vw;
}

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

    nav .logo-light img {
        width: 160px;
    }

    div.info_card img {
        width: 15.625vw;
        height: 15.625vw;
    }

    div.info_card .text-wrapp p {
        font-size: 3.75vw;
        line-height: 5.625vw;
    }

    .text-block p + a.download-link {
        margin-top: 15.625vw;
    }

    .text-block {
        width: calc(100% - 12.5vw);
        margin: 0 auto;
        margin-bottom: 9.375vw;
    }

    .text-block p,
    .text-block ul li,
    .text-block ol li {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 4.375vw;
    }

    .text-block h3 {
        font-size: 6.25vw;
        line-height: 7.8125vw;
        margin-bottom: 6.25vw;
    }

    .text-block ol,
    .text-block ul {
        margin-bottom: 14vw;
    }

    .text-block ol li,
    .text-block ul li {
        padding-left: 9.375vw;
        margin-bottom: 4.375vw;
    }

    .text-block ol li:before {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-left: -9.375vw;
        margin-right: 4.6875vw;
        margin-top: -4.375vw;
        position: absolute;
    }

    .text-block ul li:before {
        width: 2.1875vw;
        height: 2.1875vw;
        margin-left: -9.375vw;
        margin-right: 4.6875vw;
        position: absolute;
        margin-top: 0.9vw;
    }
}

.form_block {
    padding-top: 7.13235294vw;
    position: relative;
    margin-bottom: 7.35294118vw;
}

.form_block .request-wish_popup_btn,
.form_block .request-offer_popup_btn {
    display: none;
}

.form_block:before {
    background: linear-gradient(0deg, rgba(17, 16, 16, 0.7), rgba(17, 16, 16, 0.7));
    content: '';
    display: block;
    width: 100%;
    height: 53.08823529vw;
    left: 0;
    top: 0;
    position: absolute;
}

.form_block .back {
    height: 53.08823529vw;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.form_block .content-wrapp {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    z-index: 9;
    position: relative;
}

.form_block .wrapp_header {
    margin: 0 auto;
    padding-left: calc(100% / 10);
    margin-bottom: 2.20588235vw;
}

.form_block .wrapp_header h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    color: #FFFFFF;
    margin-bottom: 2.94117647vw;
    width: 50.36764706vw;
}

.form_block .wrapp_header p {
    width: 50.36764706vw;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #E3E3E3;
    margin-bottom: 0;
}

.form_block .wrapp_footer {
    background: #FFFFFF;
    padding-top: 3.75vw;
    padding-left: calc(100% / 10);
    padding-right: calc(100% / 10);
    padding-bottom: 3.67647059vw;
}

.form_block input,
.form_block textarea {
    padding: 1.47058824vw;
    background: #F2F2F2;
    height: 4.77941176vw;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
    display: block;
    width: 30.51470588vw;
    margin-bottom: 1.47058824vw;
}

.form_block input:last-child,
.form_block textarea:last-child {
    margin-bottom: 0;
}

.form_block textarea {
    height: calc(3 * 4.77941176vw + 2 * 1.47058824vw);
}

.form_block .input-wrapp {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.94117647vw;
}

.form_block button {
    margin: 0 auto;
    cursor: pointer;
    display: block;
    padding: 1.54411765vw 1.83823529vw;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #222729;
    border: 2px solid #696f72;
    background: white;
    transition: 0.3s all ease-in-out;
}

.form_block button:hover {
    background: rgba(0, 130, 149, 0.1);
    transition: 0.3s all ease-in-out;
}

@media screen and (max-width: 768px) {
    .form_block {
        padding: 15.625vw 6.25vw;
        margin-bottom: 15.625vw;
    }

    .form_block .back,
    .form_block .back-image,
    .form_block:before {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .form_block .wrapp_footer {
        display: none;
    }

    .form_block .content-wrapp {
        width: 100%;
    }

    .form_block .wrapp_header {
        padding-left: 0;
    }

    .form_block .wrapp_header h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.125vw;
        width: 100%;
    }

    .form_block .wrapp_header p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 9.375vw;
        width: 100%;
    }

    .form_block .request-wish_popup_btn,
    .form_block .request-offer_popup_btn {
        font-family: 'Manrope';
        font-weight: bold;
        font-size: 3.75vw;
        line-height: 5vw;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        display: inline-block;
        color: #FFFFFF;
        padding: 6.25vw;
        border: 1px solid rgba(255, 255, 255, 0.3);
        transition: 0.3s all ease-in-out;
    }

    .form_block .request-wish_popup_btn:hover,
    .form_block .request-offer_popup_btn:hover {
        background: rgba(255, 255, 255, 0.05);
        transition: 0.3s all ease-in-out;
    }
}

.popular_decor {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    margin-bottom: 1.32352942vw;
}

.popular_decor h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    color: #222729;
    margin-bottom: 2.94117647vw;
}

.tab_wrapp {
    position: relative;
}

.tab_content {
    display: flex;
    flex-flow: row wrap;
    opacity: 0;
    top: 0;
    pointer-events: none;
    position: absolute;
    transition: 0.4s all ease-in-out;
}

.tab_content.show {
    display: flex;
    pointer-events: all;
    opacity: 1;
    position: unset;
    transition: 0.4s all ease-in-out;
}

.tab_content a.decorative-link {
    display: none;
}

.tab_navigation {
    margin-bottom: revert;
    display: flex;
}

.tab_navigation li {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.02941176vw;
    line-height: 1.39705882vw;
    color: #555555;
    margin-right: 4.55882353vw;
    list-style-type: none;
    display: inline-block;
    border-bottom: 1px solid transparent;
    padding-bottom: 0.14705882vw;
    flex-shrink: 0;
    cursor: pointer;
}

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

.tab_navigation li.active {
    border-bottom: 1px solid #008295;
    font-family: 'Manrope';
    font-weight: 600;
}

.tab_navigation .others-items {
    margin: 0;
    margin-left: auto;
}

.tab_navigation .others-items a.decorative-link:hover:after {
    transform: translateX(-35%);
}

.tab_navigation .others-items a.decorative-link:after {
    background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
    background-size: contain;
}

@media screen and (max-width: 768px) {
    .popular_decor {
        width: calc(100%);
        padding-bottom: 15.625vw;
        margin-bottom: 9.375vw;
        padding-left: 6.25vw;
        padding-right: 6.25vw;
        overflow: hidden;
    }

    .popular_decor h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 5.625vw;
    }

    .tab_block {
        position: relative;
    }

    .tab_block:after,
    .tab_block:before {
        content: '';
        display: block;
        height: 11.25vw;
        width: 6.25vw;
        position: absolute;
        top: 0;
        background: linear-gradient(270deg, #F6F6F6 50%, rgba(246, 246, 246, 0) 100%);
    }

    .tab_block:after {
        right: -6.25vw;
    }

    .tab_block:before {
        left: -6.25vw;
        transform: scale(-1, 1);
    }

    .tab_navigation {
        margin-bottom: 7.8125vw;
        overflow-y: scroll;
        padding-left: 6.25vw;
        padding-right: 6.25vw;
        width: calc(100% + 2 * 6.25vw);
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }

    .tab_navigation::-webkit-scrollbar {
        width: 0;
    }

    .tab_navigation::-webkit-scrollbar-track {
        background: transparent;
    }

    .tab_navigation::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .tab_navigation::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

    .tab_navigation li {
        font-size: 4.375vw;
        line-height: 5.9375vw;
        white-space: nowrap;
        width: auto;
        margin-right: 8.125vw;
    }

    .tab_navigation li:last-child {
        padding-right: 6.25vw;
        margin-right: 6vw;
    }

    .tab_navigation li:nth-child(3) {
        padding-right: 6.25vw;
    }

    .tab_navigation li[data-attr]:last-of-type,
    .tab_navigation li[data-attr="tab6"] {
        padding-right: 6.25vw;
    }

    .tab_navigation .others-items {
        display: none;
    }

    .tab_content a.decorative-link {
        margin-top: 6.25vw;
        margin-right: auto;
        margin-left: auto;
        display: inline;
        padding: 15px;
    }
    .designer-collaboration_block a.decorative-link {
        width: 80%;
        display: block;
        padding-left: 5vw;
        margin-right: auto;
        margin-left: auto !important;
    }

    .slick-prev.slick-arrow::after,
    .slick-next.slick-arrow::after {
        content: '' !important;
    }
    .handler-collaboration_block a.decorative-link,
    .designer-collaboration_block a.decorative-link{
        text-align: center;
    }

    .handler-collaboration_block a.decorative-link {
        margin-left: auto;
        margin-right: auto;
    }

    .statistics a.decorative-link {
        text-align: center;
        margin-left: auto !important;
        margin-right: auto;
        width: max-content;
    }

    .tab_content a.decorative-link:after {
        right: 0;
        top: -6.5625vw;
        background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
        background-size: cover;
    }
}

.stone_card {
    display: block;
    position: relative;
    width: calc((100% - 2 * 4.70588235vw) / 3);
    margin-right: 4.70588235vw;
    margin-bottom: 6.02941176vw;
}

.stone_card:nth-child(3n) {
    margin-right: 0;
}

.stone_card.new-item .label {
    display: inline-block;
    color: #008295;
}

.stone_card.top-item .label {
    display: inline-block;
    color: #008295;
}

.stone_card .label {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 0.88235294vw;
    line-height: 1.25vw;
    margin: 0;
    padding: 0.51470588vw 1.32352941vw;
    background: #FFFFFF;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    z-index: 1;
    display: none;
}

.stone_card .product-tags {
    position: absolute;
    top: 0;
    left: 0;
}

.stone_card .stone_cover {
    width: 100%;
    height: 16.17647059vw;
    margin-bottom: 1.25vw;
}

.stone_card .stone_name {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 1.47058824vw;
    line-height: 2.5vw;
    letter-spacing: -1px;
    color: #222729;
    margin-bottom: 0;
    position: relative;
    padding-right: 1.32352941vw;
    display: block;
    font-feature-settings: 'pnum' on, 'lnum' on;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    text-overflow: ellipsis;
}

.stone_card .stone_name.available:after {
    background: #6FCF97;
}

.stone_card .stone_name.not-available:after {
    background: #F2C94C;
}

.stone_card .stone_name:after {
    content: '';
    height: 0.58823529vw;
    width: 0.58823529vw;
    border-radius: 50%;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.stone_card .stone_company {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #222729;
    opacity: 0.8;
}

.stone_card .info {
    position: relative;
    z-index: 9;
    display: block;
}

.stone_card .additional-info {
    position: absolute;
    padding: 2.20588235vw;
    background: #FFFFFF;
    top: -2.20588235vw;
    left: -2.20588235vw;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    padding-top: 25.73529412vw;
    width: calc(100% + 2.20588235vw * 2);
    min-height: calc(100% + 2.20588235vw * 2);
    opacity: 0;
    pointer-events: none;
}

@media screen and (min-width: 768px) {
    .stone_card:hover {
        z-index: 998;
    }

    .stone_card:hover .additional-info {
        opacity: 1;
        pointer-events: all;
    }
}

.availible-items {
    margin-bottom: 0.73529412vw;
    display: flex;
    align-items: center;
}

.availible-items:last-child {
    margin-bottom: 0;
}

.availible-items .params {
    width: auto;
    margin-right: 1.54411765vw;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #222729;
    flex-shrink: 0;
}

.availible-items .availability {
    width: auto;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    padding-right: calc(.58823529vw + .69444444vw);
    color: #555555;
    position: relative;
    flex-shrink: 0;
}

.availible-items .availability.available:after {
    background: #6FCF97;
}

.availible-items .availability.not-available:after {
    background: #F2C94C;
}

.availible-items .availability:after {
    content: '';
    height: 0.58823529vw;
    width: 0.58823529vw;
    border-radius: 50%;
    margin-left: 0.69444444vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .stone_card {
        width: calc((100% - 5.3125vw) / 2);
        margin-right: 5.3125vw;
        margin-bottom: 6.875vw;
    }

    .stone_card:nth-child(3n) {
        margin-right: 5.3125vw;
    }

    .stone_card:nth-child(2n) {
        margin-right: 0;
    }

    .stone_card .stone_cover {
        width: 100%;
        height: 29.6875vw;
    }

    .stone_card .label {
        display: none;
        font-size: 3.125vw;
        line-height: 3.125vw;
        padding: 1.5625vw 1.875vw;
    }

    .stone_card .stone_name {
        font-size: 5vw;
        line-height: 6.25vw;
        margin-bottom: 1.5625vw;
        padding-right: 4.6875vw;
    }

    .stone_card .sink-assignment {
        font-size: 3vw;
        line-height: 5vw;
    }

    .stone_card .stone_name:after {
        width: 2.5vw;
        height: 2.5vw;
    }

    .stone_card .stone_company {
        font-size: 3.125vw;
        line-height: 3.125vw;
    }
}

.project_card {
    display: block;
    width: 37.05882353vw;
}

.project_card .project_cover {
    margin-bottom: 1.83823529vw;
    width: 37.05882353vw;
    height: 20.58823529vw;
    object-fit: cover;
}

.project_card .project_name {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 1.76470588vw;
    line-height: 2.5vw;
    letter-spacing: -1px;
    color: #222729;
    margin-bottom: 0.73529412vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.project_card .project_description {
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #555555;
    opacity: 0.8;
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-family: 'Manrope';
    font-weight: 300;
    display: block;
    display: -webkit-box;
    max-width: 37.05882353vw;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project_card .prj-info {
    width: 29.41176471vw;
}

@media screen and (max-width: 768px) {
    .project_card {
        display: block;
        margin-bottom: 9.375vw;
        width: 100%;
        margin-right: 0;
    }

    .project_card .project_cover {
        margin-bottom: 3.125vw;
        width: 100%;
        height: 67.5vw;
        object-fit: cover;
    }

    .project_card .project_name {
        font-size: 5vw;
        line-height: 6.25vw;
        margin-bottom: 1.5625vw;
    }

    .project_card .project_description {
        font-size: 3.75vw;
        line-height: 5.625vw;
        display: block;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: calc(5.625vw * 4);
    }

    .project_card .prj-info {
        width: 100%;
    }
}

.filter_block {
    width: calc(100% / 12 * 2 + 2.20588235vw);
    flex-shrink: 0;
}

.filter_block .mobile_controls {
    display: none;
}

.filter_block .art-input_wrapp {
    position: relative;
    margin-bottom: 3.52941176vw;
}

.filter_block .art-input_wrapp img {
    position: absolute;
    top: 1.25vw;
    left: 0.95588235vw;
    width: 1.32352941vw;
    height: 1.17647059vw;
}

.filter_block .art-input_wrapp input {
    width: 13.60294118vw;
    height: 3.67647059vw;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    padding: 1.25vw 1.25vw 1.25vw 3.23529412vw;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.17647059vw;
    line-height: 1.17647059vw;
    color: #555555;
}

.filter_block .legend {
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    color: #555555;
    font-family: 'Manrope';
    font-weight: bold;
    margin: 0;
    margin-bottom: 1.10294118vw;
}

.filter_block fieldset {
    margin-bottom: 2.57352941vw;
}

.filter_block fieldset:last-of-type {
    margin-bottom: 4.41176471vw;
}

.filter_block .input-wrapp {
    cursor: pointer;
    margin-bottom: 1.10294118vw;
    max-width: 13.60294118vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    display: block;
    position: relative;
    height: 1.83823529vw;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.83823529vw;
    color: #222729;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: calc(0.73529412vw + 1.83823529vw);
}

.filter_block .input-wrapp:last-child {
    margin-bottom: 0;
}

.filter_block .input-wrapp.inactive {

    color: #AAAAAA;
    cursor: default;
    pointer-events: none;
}

.filter_block .color_input.inactive::before,
.filter_block .color_input.inactive::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3px;
    background-color: #696f72;
    /*z-index: 1;*/
}

.filter_block .color_input.inactive {
    /*filter: grayscale(20%);*/
    text-decoration: line-through;
    cursor: default;
    pointer-events: none;
}

.filter_block .color_input.inactive::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.filter_block .color_input.inactive::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.filter_block .input-wrapp input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.filter_block .input-wrapp .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0.73529412vw;
    flex-shrink: 0;
    width: 1.83823529vw;
    height: 1.83823529vw;
    border: 1px solid #E3E3E3;
}

.filter_block .input-wrapp input:checked ~ .checkmark {
    background-color: #008295;
    border: 1px solid #008295;
}

.filter_block .input-wrapp .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filter_block .input-wrapp input:checked ~ .checkmark:after {
    display: block;
}

.filter_block .input-wrapp .checkmark:after {
    left: 0.51470588vw;
    top: 0.29411765vw;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter_block button {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.80882353vw;
    line-height: 1.10294118vw;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    background: white;
    padding: 1.54411765vw 1.83823529vw;
    border: 2px solid #696f72;
    display: block;
    color: #222729;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.filter_block button:hover {
    transition: 0.3s all ease-in-out;
    background: rgba(190, 179, 173, 0.05);
}

.filter_block .colors_select {
    display: flex;
    flex-flow: row wrap;
    max-width: 13.67647059vw;
}

.filter_block .colors_select .color_input {
    margin-right: 0.58823529vw;
    margin-bottom: 0.58823529vw;
    position: relative;
    display: block;
    cursor: pointer;
    width: 2.94117647vw;
    height: 2.94117647vw;
    border: 3px solid transparent;
    background: #C2A2A2;
}

.filter_block .colors_select .color_input:nth-child(4n) {
    margin-right: 0;
}

.filter_block .colors_select .color_input input {
    opacity: 0;
    height: 100%;
    cursor: pointer;
    width: 100%;
}

.filter_block .colors_select .color_input.checked {
    border: 3px solid #696f72;
}

.filter_layout {
    padding-left: 2.94117647vw;
    padding-right: 2.94117647vw;
    margin: 0 auto;
    background: white;
    display: flex;
    padding-top: 5.14705882vw;
    padding-bottom: 7.35294118vw;
    margin-bottom: 7.35294118vw;
}

.result_layout {
    width: 100%;
}

.result_layout .mobile-filter_controls {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6.25vw;
}

.result_layout .mobile-filter_controls .filter_btn {
    display: inline-flex;
    align-items: center;
}

.result_layout .mobile-filter_controls .filter_btn p {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 4.0625vw;
    line-height: 6.25vw;
    color: #696f72;
    margin-bottom: 0;
    margin-right: 0.9375vw;
    border-bottom: 0.5px dashed rgba(0, 130, 149, 0.3);
}

.result_layout .mobile-filter_controls .filter_btn img {
    width: 4.0625vw;
    height: 4.6875vw;
    object-fit: cover;
}

.result_layout .mobile-filter_controls .btn {
    display: inline-flex;
    font-size: 4.0625vw;
    line-height: 6.25vw;
    color: #696f72;
    font-family: 'Manrope';
    font-weight: bold;
    padding: 1.5625vw 3.4375vw;
    border: 1px solid rgba(0, 130, 149, 0.3);
}

.result_layout .filter-option_wrapp {
    margin-bottom: 3.23529412vw;
}

.result_layout .filter-option_wrapp .result-descr {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #000000;
    margin-bottom: 1.25vw;
}

.result_layout .filter-option_wrapp .option-list {
    display: flex;
    flex-flow: row wrap;
}

.result_layout .filter-option_wrapp .option {
    display: flex;
    align-items: center;
    padding: 0.22058824vw 1.10294118vw;
    background: #F2F2F2;
    margin-right: 1.10294118vw;
}

.result_layout .filter-option_wrapp .option .color {
    height: 1.69117647vw;
    width: 1.69117647vw;
    background: #B8B6B8;
    margin-right: 1.10294118vw;
    margin-left: -0.80882353vw;
}

.result_layout .filter-option_wrapp .option p {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.88235294vw;
    line-height: 1.83823529vw;
    color: #000000;
    margin: 0;
    margin-right: 1.10294118vw;
}

.result_layout .filter-option_wrapp .option img {
    width: 0.77205882vw;
    height: 0.77205882vw;
    cursor: pointer;
}

.result_layout .filter-option_wrapp .reset-btn {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.88235294vw;
    line-height: 1.83823529vw;
    color: #000000;
    padding: 0.22058824vw 1.10294118vw;
    border: 2px solid #008295;
}

.result_layout .filter-option_wrapp .reset-btn:hover {
    background: rgba(0, 130, 149, 0.05);
}

.result_layout .layout_header {
    display: flex;
    flex-flow: row wrap;
}

.result_layout .layout_footer {
    width: 100%;
    margin-top: 1.83823529vw;
}

.result_layout .layout_footer p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    text-align: center;
    color: #555555;
    margin-bottom: 2.20588235vw;
}

.result_layout .layout_footer .btn {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #222729;
    padding: 1.54411765vw 1.83823529vw;
    border: 2px solid #696f72;
    display: table;
    margin: 0 auto;
}

.result_layout .layout_footer .btn:hover {
    background: rgba(190, 179, 173, 0.05);
}

@media screen and (max-width: 768px) {
    .result_layout {
        width: 100%;
    }

    .filter_block {
        width: calc(100%);
        margin-left: -6.25vw;
        padding-left: 6.25vw;
        display: block !important;
        position: fixed;
        top: -120vh;
        background: white;
        z-index: 99999;
        overflow: scroll;
        height: 100%;
        transition: 0.3s all ease-in-out;
    }

    .filter_block.show {
        top: 0;
        transition: 0.3s all ease-in-out;
    }

    .filter_block.info_section {
        position: unset;
        margin-left: unset;
        height: unset;
    }

    .filter_block .mobile_controls {
        display: block;
        position: relative;
        margin-bottom: 9.375vw;
    }

    .filter_block .mobile_controls .close-icon {
        position: absolute;
        top: 0;
        right: 6.25vw;
        width: 6.25vw;
        height: 6.25vw;
        object-fit: cover;
    }

    .filter_block .mobile_controls h2 {
        font-family: 'Raleway';
        font-weight: 300;
        font-size: 8.75vw;
        line-height: 9.375vw;
        letter-spacing: -0.02em;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #222729;
        margin-bottom: 5.625vw;
        margin-top: 3.75vw;
    }

    .filter_block .mobile_controls .reset_btn {
        font-family: 'Manrope';
        font-weight: normal;
        font-size: 4.0625vw;
        line-height: 6.25vw;
        border-bottom: 0.5px dashed rgba(0, 130, 149, 0.3);
        color: #696f72;
        display: table;
    }

    .filter_block form {
        position: relative;
    }

    .filter_block form .div_btn {
        width: calc(100% + 6.25vw);
        height: 25.3125vw;
        position: sticky;
        bottom: 0;
        display: flex;
        align-items: center;
        margin-left: -6.25vw;
        background: #FFFFFF;
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    }

    .filter_block form button {
        z-index: 999;
        padding: 6.15vw;
        font-size: 3.75vw;
        line-height: 5vw;
        margin: 0 auto;
    }

    .filter_block fieldset {
        margin-bottom: 9.375vw;
        max-width: calc(100% - 6.25vw);
        overflow: hidden;
    }

    .filter_block fieldset:last-of-type {
        margin-bottom: 12.9375vw;
    }

    .filter_block .legend {
        font-size: 3.75vw;
        line-height: 5vw;
        margin-bottom: 4.6875vw;
    }

    .filter_block .input-wrapp {
        margin-bottom: 3.125vw;
        display: flex;
        width: 100%;
        max-width: calc(100vw - 2 * 6.25vw);
        text-overflow: ellipsis;
        height: 7.8125vw;
        padding-left: calc(7.8125vw + 3.125vw);
        font-size: 4.375vw;
        line-height: 5.625vw;
        padding-top: 1.2vw;
        display: inline-block;
    }

    .filter_block .input-wrapp .checkmark {
        width: 7.8125vw;
        height: 7.8125vw;
        margin-right: 3.125vw;
    }

    .filter_block .input-wrapp .checkmark:after {
        left: 2.24706vw;
        top: 1.294118vw;
    }

    .filter_block .colors_select {
        max-width: 58.125vw;
    }

    .filter_block .colors_select .color_input {
        width: 12.5vw;
        height: 12.5vw;
        margin-right: 2.5vw;
        margin-bottom: 2.5vw;
    }

    .filter_block .art-input_wrapp {
        margin-bottom: 9.375vw;
    }

    .filter_block .art-input_wrapp img {
        position: absolute;
        top: 5.3125vw;
        left: 4.0625vw;
        width: 5.625vw;
        height: 5vw;
    }

    .filter_block .art-input_wrapp input {
        width: calc(100vw - 2 * 6.25vw);
        height: 15.625vw;
        padding: 5.3125vw 5.3125vw 5.3125vw 13.75vw;
        font-family: 'Manrope';
        font-weight: normal;
        font-size: 5vw;
        line-height: 5vw;
    }

    .filter_layout {
        padding: 5vw 6.25vw 15.9375vw 6.25vw;
    }

    .filter_layout .filter_block {
        display: none;
    }

    .result_layout .mobile-filter_controls {
        display: flex;
    }

    .result_layout .filter-option_wrapp {
        margin-bottom: 6.25vw;
    }

    .result_layout .filter-option_wrapp .result-descr {
        font-size: 4.375vw;
        line-height: 5.625vw;
        margin-bottom: 4vw;
    }

    .result_layout .filter-option_wrapp .option {
        margin-right: 2.5vw;
        margin-bottom: 2.5vw;
        padding: 1.5625vw 3.4375vw;
    }

    .result_layout .filter-option_wrapp .option .color {
        height: 7.1875vw;
        width: 7.1875vw;
        background: #B8B6B8;
        margin-right: 2.5vw;
        margin-left: -0.80882353vw;
    }

    .result_layout .filter-option_wrapp .option p {
        font-size: 4.0625vw;
        line-height: 6.25vw;
        margin-right: 2.5vw;
    }

    .result_layout .filter-option_wrapp .option img {
        width: 3.75vw;
        height: 3.75vw;
        cursor: pointer;
    }

    .result_layout .filter-option_wrapp .reset-btn {
        font-size: 4.0625vw;
        line-height: 6.25vw;
        padding: 1.5625vw 3.4375vw;
        height: 9.375vw;
        display: flex;
        align-items: center;
    }

    .result_layout .layout_footer {
        margin-top: 8.75vw;
    }

    .result_layout .layout_footer p {
        font-size: 3.75vw;
        line-height: 5.625vw;
        margin-bottom: 4.375vw;
    }

    .result_layout .layout_footer .btn {
        font-size: 3.75vw;
        line-height: 5vw;
        padding: 6.25vw;
    }
}

@media screen and (min-width: 1360px) {
    .result_layout {
        width: calc(100% - (100% / 12 * 2 + 30px));
    }
}

.product_card {
    margin-bottom: 3.30882353vw;
    margin-right: 1.91176471vw;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: calc((100% - 1.91176471vw) / 2);
}

.product_card:nth-child(2n) {
    margin-right: 0;
}

.product_card .product_cover {
    margin-bottom: 1.25vw;
    width: 37.05882353vw;
    height: 20.58823529vw;
    object-fit: cover;
}

.product_card .product_name {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 1.76470588vw;
    line-height: 2.5vw;
    letter-spacing: -1px;
    color: #222729;
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-bottom: 0.14705882vw;
}

.product_card .product_name span {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #222729;
    letter-spacing: 0;
}

.product_card .product_description {
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #555555;
    opacity: 0.8;
    font-family: 'Manrope';
    font-weight: 300;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 5.88235294vw;
    text-overflow: ellipsis;
    max-width: 37.05882353vw;
}

.product_card .product-info {
    width: 29.41176471vw;
}

.promotion_banner {
    position: relative;
    width: calc((100% - 1.91176471vw) / 2);
    height: 26.83823529vw;
    background: #696f72;
    padding: 3.16176471vw 2.94117647vw 3.01470588vw 3.01470588vw;
}

.promotion_banner h2 {
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 2.64705882vw;
    line-height: 2.94117647vw;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.promotion_banner .btn {
    position: absolute;
    bottom: 3.01470588vw;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 1.54411765vw 1.83823529vw;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
}

.promotion_banner .btn:hover {
    background: rgba(255, 255, 255, 0.1);
}

.presentation-wrapp {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 8);
    margin-right: auto;
    margin-left: calc((100vw - 2 * 2.94117647vw) / 12 * 2 + 2.94117647vw);
    margin-bottom: 7.35294118vw;
}

.presentation-wrapp #presentation {
    margin-bottom: 1.10294118vw;
    height: 37.86764706vw;
}

.presentation-wrapp #presentation iframe {
    width: 100%;
    height: 100%;
}

.presentation-wrapp .sign {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    text-align: right;
    color: #555555;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .product_card {
        margin-bottom: 9.375vw;
        margin-right: 0;
        width: 100%;
    }

    .product_card .product_cover {
        margin-bottom: 3.125vw;
        width: 100%;
        height: 67.5vw;
    }

    .product_card .product_name {
        font-size: 5vw;
        line-height: 6.25vw;
        margin-bottom: 1.5625vw;
    }

    .product_card .product_name span {
        font-size: 3.4375vw;
        line-height: 5.625vw;
    }

    .product_card .product_description {
        font-size: 3.125vw;
        line-height: 3.125vw;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        overflow: hidden;
        max-height: calc(3.125vw * 4);
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .product_card .product-info {
        width: 100%;
    }

    .promotion_banner {
        width: calc(100% + 2 * 6.25vw);
        height: unset;
        margin-left: -6.26vw;
        margin-right: -6.26vw;
        margin-bottom: 9.375vw;
        padding: 12.8125vw 6.25vw;
    }

    .promotion_banner h2 {
        font-size: 8.75vw;
        line-height: 9.3759vw;
        margin-bottom: 8.4375vw;
    }

    .promotion_banner .btn {
        position: unset;
        padding: 6.25vw;
        font-size: 3.75vw;
        line-height: 5vw;
        width: 60vw;
    }

    .presentation-wrapp {
        margin-bottom: 14.6875vw;
        width: calc(100vw - 12.5vw);
        margin-left: auto;
        margin-right: auto;
    }

    .presentation-wrapp #presentation {
        height: 56.25vw;
        margin-bottom: 3.125vw;
    }

    .presentation-wrapp .sign {
        font-size: 3.75vw;
        line-height: 5.625vw;
    }
}

.useful-info_card {
    display: block;
    width: 24.41176471vw;
    margin-bottom: 3.30882353vw;
    position: relative;
    margin-right: calc((100% - 3 * 24.41176471vw) / 2);
}

.useful-info_card:nth-child(3n) {
    margin-right: 0;
}

.useful-info_card .label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.51470588vw 1.32352941vw;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 0.88235294vw;
    line-height: 1.25vw;
    color: #FFFFFF;
    display: none;
}

.useful-info_card.red .label {
    background: #EB5757;
    display: block;
}

.useful-info_card.orange .label {
    background: #F2994A;
    display: block;
}

.useful-info_card.gray .label {
    background: #AAAAAA;
    display: block;
}

.useful-info_card .card_cover {
    width: 100%;
    height: 18.89705882vw;
    margin-bottom: 1.98529412vw;
    overflow: hidden;
}

.useful-info_card .card_cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.useful-info_card .useful-info_title {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #222729;
    margin-bottom: 0.73529412vw;
    width: 95%;
    max-height: calc(1.83823529vw * 4);
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.useful-info_card .useful-info_category {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 0.95588235vw;
    line-height: 1.47058824vw;
    color: #828282;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .useful-info_card {
        width: 100%;
        display: flex;
        margin-bottom: 6.25vw;
        margin-right: 0;
    }

    .useful-info_card .label {
        font-size: 3.125vw;
        line-height: 3.125vw;
        padding: 1.5625vw 1.875vw;
    }

    .useful-info_card .card_cover {
        width: 36.5625vw;
        height: 28.125vw;
        margin-right: 5vw;
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .useful-info_card .useful-info_title {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 3.125vw;
        max-width: 100%;
        width: 100%;
        max-height: calc(6.25vw * 4);
    }

    .useful-info_card .useful-info_category {
        font-size: 3.125vw;
        line-height: 3.125vw;
    }
}

@media screen and (min-width: 1360px) {
    .useful-info_card {
        width: calc((100% - 2 * 35px) / 3);
        margin-bottom: 45px;
        margin-right: 35px;
    }

    .useful-info_card .label {
        padding: 7px 18px;
        font-size: 12px;
        line-height: 17px;
    }

    .useful-info_card .card_cover {
        width: 100%;
        height: 257px;
        margin-bottom: 27px;
    }

    .useful-info_card .useful-info_title {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
        width: 90%;
        max-height: calc(25px * 4);
    }

    .useful-info_card .useful-info_category {
        font-size: 13px;
        line-height: 20px;
    }
}

.sale-news_wrapp .result_layout {
    width: calc(100% / 12 * 10);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 768px) {
    .sale-news_wrapp .result_layout {
        width: 100%;
    }

    .sale-news_wrapp a.useful-info_card {
        display: block;
        margin-bottom: 9.375vw;
    }

    .sale-news_wrapp a.useful-info_card .card_cover {
        width: 100%;
        height: 67.5vw;
        margin-right: 0;
        margin-bottom: 4.6875vw;
    }
}

.rotator-article_section {
    position: relative;
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    margin-bottom: 7.35294118vw;
}

.rotator-article_section .controls {
    position: absolute;
    bottom: 9.19117647vw;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.rotator-article_section .controls img {
    cursor: pointer;
}

.rotator-article_section .rotator {
    width: calc(100% / 10 * 8);
    margin: 0 auto;
}

.rotator-article_section .item {
    width: 63.79411765vw;
    height: 38.23529412vw;
    overflow: hidden;
}

.rotator-article_section .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rotator-article_section .slick-dots {
    padding-top: 1.47058824vw;
    display: flex !important;
    align-items: center;
}

.rotator-article_section .slick-dots [role="presentation"] {
    width: 0.95588235vw;
    height: 0.95588235vw;
    border-radius: 50%;
    background: #E3E3E3;
    margin-right: 0.73529412vw;
    list-style-type: none;
    cursor: pointer;
}

.rotator-article_section .slick-dots [role="presentation"] * {
    opacity: 0;
}

.rotator-article_section .slick-dots [role="presentation"].slick-active {
    background: #696f72;
}

@media screen and (max-width: 768px) {
    .rotator-article_section {
        margin-bottom: 15.625vw;
        width: calc(100% - 12.5vw);
        display: grid;
    }

    .rotator-article_section .controls {
        position: unset;
        margin-top: -4vw;
        z-index: 9999;
    }

    .rotator-article_section .slick-dots {
        text-align: center;
        padding-top: 6.25vw;
        justify-content: center;
    }

    .rotator-article_section .slick-dots [role="presentation"] {
        width: 4.0625vw;
        height: 4.0625vw;
        margin-right: 3.125vw;
    }

    .rotator-article_section .controls {
        order: 2;
    }

    .rotator-article_section .owl-item {
        width: calc(100vw - 12.4vw) !important;
    }

    .rotator-article_section .item {
        width: calc(100vw - 12.5vw);
        height: 56.25vw;
    }

    .rotator-article_section .rotator {
        order: 1;
        width: calc(100vw - 12.5vw);
    }
}

.spy-navigation {
    width: calc(100% - 2 * 2.94117647vw);
    margin: 0 auto;
    margin-bottom: 5.88235294vw;
    overflow-x: auto;
    overflow-y: hidden;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.spy-navigation::-webkit-scrollbar {
    height: 14px;
}

.spy-navigation::-webkit-scrollbar-track {
    background: transparent;
}

.spy-navigation::-webkit-scrollbar-thumb {
    background: rgba(0, 130, 149, 0.5);
}

.spy-navigation::-webkit-scrollbar-thumb:hover {
    background: #696f72;
}

.spy-navigation ul {
    display: flex;
}

.spy-navigation li {
    min-height: 5.14705882vw;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: inherit;
    transition: 0.3s all ease-in-out;
    border-right: 1px solid #E0E0E0;
    padding: 1.47058824vw 2.79411765vw 1.47058824vw 2.05882353vw;
}

.spy-navigation li:last-child {
    border: unset;
}

.spy-navigation li.active {
    transition: 0.3s all ease-in-out;
    background: #696f72;
}

.spy-navigation li.active p {
    color: white;
}

.spy-navigation .brand {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.02941176vw;
    line-height: 1.17647059vw;
    color: #222729;
    margin-bottom: 0.14705882vw;
}

.spy-navigation .type {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 0.73529412vw;
    line-height: 0.88235294vw;
    color: #555555;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .spy-navigation {
        width: 100%;
        position: relative;
        margin-bottom: 5.625vw;
    }

    .spy-navigation:before,
    .spy-navigation:after {
        content: '';
        display: block;
        height: 100%;
        width: 6.25vw;
        position: absolute;
        top: 0;
    }

    .spy-navigation:before {
        left: 0;
        background: linear-gradient(270deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }

    .spy-navigation:after {
        right: 0;
        background: linear-gradient(270deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    }

    .spy-navigation ul {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
        width: auto;
        white-space: nowrap;
        overflow-y: scroll;
    }

    .spy-navigation li {
        padding: 1.875vw 3.125vw 2.5vw 3.125vw;
        min-height: 15.625vw;
    }

    .spy-navigation li:last-child {
        padding-right: calc(3.125vw + 6.25vw);
    }

    .spy-navigation .brand {
        font-size: 4.375vw;
        line-height: 5vw;
        margin-bottom: 0;
    }

    .spy-navigation .type {
        font-size: 3.125vw;
        line-height: 3.75vw;
    }
}

@media screen and (min-width: 1360px) {
    .spy-navigation {
        width: calc(1360px - 80px);
        margin-bottom: 80px;
    }

    .spy-navigation li {
        min-height: 70px;
        padding: 20px 38px 20px 28px;
    }

    .spy-navigation .brand {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 2px;
    }

    .spy-navigation .type {
        font-size: 10px;
        line-height: 12px;
    }
}

.others-materials {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    margin-bottom: calc(7.35294118vw - 3.30882353vw);
}

.others-materials a.decorative-link {
    display: none;
}

.others-materials a.decorative-link:hover:after {
    transform: translateX(-35%);
}

.others-materials a.decorative-link:after {
    background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
    background-size: contain;
}

.others-materials .materials_header {
    margin-bottom: 3.23529412vw;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.others-materials .materials_header a.decorative-link {
    display: block;
}

.others-materials h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    width: calc(100% / 10 * 7);
    color: #222729;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.others-materials .materials_footer {
    display: flex;
    flex-flow: row wrap;
}

.others-materials .addition-material_card {
    display: flex;
    width: calc((100% - 3.01470588vw) / 2);
    margin-right: 3.01470588vw;
    margin-bottom: 2.64705882vw;
    padding-right: 2vw;
}

.others-materials .addition-material_card:nth-child(2n) {
    margin-right: 0;
}

.others-materials .addition-material_card .cover {
    flex-shrink: 0;
    margin-right: 1.47058824vw;
    width: 7.86764706vw;
    height: 7.86764706vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F2F2;
    border: 1px solid rgba(0, 130, 149, 0.3);
}

.others-materials .addition-material_card .cover img {
    width: 2.79411765vw;
    height: auto;
}

.others-materials .addition-material_card .text-descr {
    width: calc(100% - 1.47058824vw - 7.86764706vw);
}

.others-materials .addition-material_card .text-descr .title {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #000000;
    margin-bottom: 0.66176471vw;
}

.others-materials .addition-material_card .text-descr .desct {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 0.95588235vw;
    line-height: 1.47058824vw;
    color: #555555;
}

@media screen and (max-width: 768px) {
    .others-materials {
        width: calc(100%);
        padding-left: 6.25vw;
        padding-right: 6.25vw;
        padding-bottom: 17vw;
        overflow: hidden;
        margin-bottom: 0;
    }

    .others-materials a.decorative-link {
        margin-top: 12.5vw;
        display: block;
        text-align: right;
        margin-left: auto;
    }

    .others-materials a.decorative-link:hover:after {
        transform: unset;
    }

    .others-materials .materials_header {
        display: block;
    }

    .others-materials .materials_header a.decorative-link {
        display: none;
    }

    .others-materials h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 9.375vw;
        width: 100%;
    }

    .others-materials .materials_footer {
        display: block;
    }

    .others-materials .addition-material_card {
        width: 100%;
        margin-bottom: 9.375vw;
    }

    .others-materials .addition-material_card:last-child {
        margin-bottom: 0;
    }

    .others-materials .addition-material_card .cover {
        display: none;
    }

    .others-materials .addition-material_card .text-descr .title {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 2.8125vw;
    }

    .others-materials .addition-material_card .text-descr .desct {
        font-size: 3.75vw;
        line-height: 5.625vw;
        margin-bottom: 0;
    }
}

.block-with-image {
    position: relative;
    padding-top: 8.82352941vw;
    padding-bottom: 6.98529412vw;
    display: flex;
}

.block-with-image div.content-wrapp.open:after {
    display: none !important;
}

.block-with-image ol,
.block-with-image ul {
    margin-bottom: 5.73529412vw;
    list-style: none;
}

.block-with-image ol li,
.block-with-image ul li {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
    margin-bottom: 1.17647059vw;
    padding-left: 2.20588235vw;
    position: relative;
}

.block-with-image ul {
    margin-bottom: 2.20588235vw;
}

.block-with-image ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

.block-with-image ol li {
    counter-increment: my-awesome-counter;
}

.block-with-image ol li::before {
    content: counter(my-awesome-counter);
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 2.20588235vw;
    line-height: 2.94117647vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #696f72;
    margin-right: 1.47058824vw;
    left: 0;
}

.block-with-image ul li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #696f72;
    margin-right: 1.47058824vw;
    position: absolute;
    left: 0;
    top: 0.73529412vw;
}

.block-with-image .block-title {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    width: 44.52941176vw;
    margin-bottom: 4.26470588vw;
}

.block-with-image .block-title mark {
    color: inherit;
    background: transparent;
    position: relative;
    background: linear-gradient(180deg, rgba(241, 78, 16, 0) 45%, #696f72 45%);
}

.block-with-image .text-section {
    position: relative;
    z-index: 99;
}

.block-with-image .text-section p {
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    font-family: 'Manrope';
    font-weight: normal;
    color: #E3E3E3;
}

.block-with-image .text-section .image-section {
    display: none;
}

.block-with-image .text-section .simple {
    max-width: 30.88235294vw;
}

.block-with-image .text-section .simple li {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #E3E3E3;
    margin-bottom: 1.61764706vw;
    padding-left: 2.72058824vw;
    position: relative;
    list-style-type: none;
}

.block-with-image .text-section .simple li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid white;
    position: absolute;
    left: 0;
    top: 10px;
}

.block-with-image .back-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block-with-image .back-image:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #222729;
    opacity: 0.87;
}

.block-with-image .back-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-with-image .image-section {
    position: relative;
    width: calc((100% - 2.94117647vw * 2) / 12 * 3 + 2.94117647vw);
    z-index: 99;
    right: 0;
    max-height: 831px;
    height: 100%;
    overflow: hidden;
}

.block-with-image .image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-with-image.float-image {
    padding-top: 8.08823529vw;
    padding-bottom: 8.08823529vw;
}

.block-with-image.float-image .image-section {
    width: calc((100% - 2.94117647vw * 2) / 12 * 4 + 2.94117647vw);
    right: unset;
    left: 0;
    position: absolute;
}

@media screen and (max-width: 768px) {
    .block-with-image {
        padding: 15.625vw 6.25vw 16.25vw 6.25vw;
    }

    .block-with-image .block-title {
        width: 100%;
        margin: 0;
        margin-bottom: 8.4375vw;
        font-size: 9.375vw;
        line-height: 12.5vw;
    }

    .block-with-image .image-section {
        overflow: hidden;
    }

    .block-with-image .image-section img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .block-with-image a.decorative-link {
        margin-left: 0;
        padding-left: 5vw;
        display: block;
    }

    .block-with-image a.decorative-link:after {
        left: 0;
    }

    .block-with-image .content-wrapp {
        margin: 0;
    }

    .block-with-image ol,
    .block-with-image ul {
        margin-bottom: 4.375vw;
    }

    .block-with-image ol li,
    .block-with-image ul li {
        font-size: 4.375vw;
        line-height: 6.25vw;
        padding-left: 9.375vw;
        margin-bottom: 4.375vw;
    }

    .block-with-image ul {
        margin-bottom: 14vw;
    }

    .block-with-image .text-section {
        margin-right: 0;
        width: 100%;
    }

    .block-with-image .text-section .image-section {
        display: block;
    }

    .block-with-image .text-section .simple {
        max-width: 100%;
        width: 100%;
    }

    .block-with-image .text-section .simple li {
        padding-left: 7.8125vw;
        margin-bottom: 4.375vw;
        font-size: 4.375vw;
        line-height: 6.25vw;
    }

    .block-with-image .text-section .simple li:before {
        width: 5px;
        height: 5px;
    }

    .block-with-image .text-section p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 4.375vw;
    }
}

@media screen and (min-width: 1360px) {
    .block-with-image .block-title {
        font-size: 56px;
        line-height: 60px;
        width: 659px;
        margin-bottom: 58px;
    }

    .block-with-image ol,
    .block-with-image ul {
        margin-bottom: 78px;
    }

    .block-with-image ol li,
    .block-with-image ul li {
        font-size: 16px;
        line-height: 30px;
        padding-left: 30px;
        margin-bottom: 16px;
    }

    .block-with-image ul {
        margin-bottom: 78px;
    }

    .block-with-image .text-section p {
        font-size: 16px;
        line-height: 25px;
    }

    .block-with-image .text-section .simple {
        max-width: 420px;
    }

    .block-with-image .text-section .simple li {
        font-family: 'Manrope';
        font-weight: 300;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 22px;
        padding-left: 37px;
    }

    .block-with-image .image-section {
        position: relative;
        width: calc((1360px - 40px * 2) / 12 * 3 + 40px);
    }

    .block-with-image.float-image {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .block-with-image.float-image .image-section {
        width: calc((1360px - 40px * 2) / 12 * 4 + 40px);
        height: auto;
    }
}

.videoplayer {
    position: relative;
}

.videoplayer:before {
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}

.videoplayer .playpause {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    opacity: 1;
    pointer-events: all;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
}

.videoplayer .playpause.hide {
    opacity: 0;
    pointer-events: none;
}

.videoplayer .playpause img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    cursor: pointer;
    transition: 0.3s all ease-out;
}

.videoplayer .playpause img:hover {
    width: 140px;
    height: 140px;
    transition: 0.3s all ease-out;
}

.visualizer-block {
    position: relative;
    height: 426px;
    /*background-image: url(/media/images/1280/stones/Avant%20Quartz/7060/7060_Calacatta_Mont_Saint-Michel_int11_black.jpg);*/
    background-image: url(/storage/media/widgets/visualizer/7060_Calacatta_Mont_Saint-Michel_int11_black.jpg);

    /*background-image: url(/storage/media/widgets/visualizer/Баннер.png);*/
    /*background-image: url(/media/images/1280/stones/keralini/Sahara%20noir%20honed/Infinito%202.0%20Sahara%20Noir%20Honed_3.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 8.16176471vw;
}

.visualizer-block .video-section {
    width: calc((100% - 2.94117647vw * 2) / 12 * 5 + 2.94117647vw);
    height: 36.76470588vw;
    position: relative;
}

.visualizer-block .video-section img {
    object-fit: cover;
    max-width: 33vw;
    max-height: 379px;
    position: sticky;
    top: 4103px;
    left: 237px;
}


.visualizer-block .video-section .playpause img {
    width: 120px;
    height: 120px;
}

.visualizer-block .video-section .playpause img:hover {
    width: 140px;
    height: 140px;
}

.visualizer-block .video-section video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visualizer-block .text-wrapp {
    width: auto;
    margin-left: calc((100% - 2vw * 2) / 12);
}

.visualizer-block .text-wrapp.mobile {
    display: none;
}

.visualizer-block h2, .visualizer-block .h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    /*margin-left: -3.45588235vw;*/
    margin-bottom: 2.13235294vw;
}

.visualizer-block .visualizer-block-description {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
    margin-bottom: 2.94117647vw;
    width: 358px;
    height: max-content;
    /*height: 56px;*/
}

.visualizer-block h2,
.visualizer-block .h2,
.visualizer-block .visualizer-block-description {
    color: #f2f2f2;
}

.visualizer-block .decorative-link:after {
    right: unset;
    transform: unset;
    left: -5.14705882vw;
}

@media screen and (max-width: 768px) {
    .visualizer-block {
        display: flex;
        width: calc(100% - 2* 6.25vw);
        margin: 50vw auto 0;
        padding-bottom: 65vw;
        margin-bottom: 12.8125vw;
        height: fit-content;
        align-items: center;
        align-content: space-around;
        flex-direction: column;

    }

    .visualizer-block .video-section {
        width: 100%;
        height: 76.5625vw;
        margin-bottom: 13.4375vw;
        position: absolute;
        top: -40%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .visualizer-block .video-section img {
        object-fit: cover;
        max-width: 80vw;
        max-height: 350px;
        height: auto;
        position: sticky;
        top: 4103px;
        left: 0;
    }

    .visualizer-block .text-wrapp {
        width: 100%;
        margin: 0;
        display: flex;
        position: absolute;
        top: 95vw;
        flex-direction: column;
        align-items: flex-start;
    }

    .visualizer-block .text-wrapp h2,
    .visualizer-block .text-wrapp p,
    .visualizer-block .text-wrapp .h2 {
        display: none;
    }

    .visualizer-block a.decorative-link {
        padding: 2vw 6vh;
        margin-left: 5vw;
    }

    .visualizer-block a.decorative-link:after {
        left: 0;
        top: -6.5625vw;
    }

    .visualizer-block .text-wrapp.mobile {
        display: flex;
        position: relative;
        top: 35vw;
        margin-bottom: 9.0625vw;
        justify-content: space-evenly;
        align-items: center;
        flex-direction: column;
        text-align: left;
        padding: 0 5vw;
    }

    .visualizer-block .text-wrapp.mobile h2,
    .visualizer-block .text-wrapp.mobile .h2{
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.4375vw;
        margin-left: 0;
        display: inline-block;
    }

    .visualizer-block .text-wrapp.mobile .visualizer-block-description {
        font-size: 4.375vw;
        line-height: 6.25vw;
        color: #ffffff;
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
        height: fit-content;
    }
}

@media screen and (max-width: 500px) {
    /*.visualizer-block {*/
    /*    margin: 25vh auto 0;*/
    /*}*/

    .visualizer-block .text-wrapp {
        top: 95vw;
    }
}

@media screen and (min-width: 1360px) {
    .visualizer-block {
        /*max-width: 1360px;*/
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 111px;
    }

    .visualizer-block .video-section {
        width: calc((100% - 40px * 2) / 12 * 5 + 40px);
        height: 500px;
    }

    .visualizer-block .text-wrapp {
        /*width: calc((100% - 40px * 2) / 12 * 4);*/
        margin-left: 100px;
    }

    .visualizer-block h2, .visualizer-block .h2 {
        font-size: 56px;
        line-height: 60px;
        /*margin-left: -47px;*/
        margin-bottom: 29px;
    }

    .visualizer-block p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 45px;
    }

    .visualizer-block .decorative-link:after {
        left: -50px;
    }
}

.small-block-with-image {
    position: relative;
}

.small-block-with-image .text-section {
    background: white;
    width: calc((100% - 2.94117647vw * 2) / 12 * 9);
    padding-top: 5.51470588vw;
    padding-bottom: 7.72058824vw;
    margin-left: calc((100% - 2.94117647vw * 2) / 12 * 1 + 2.94117647vw);
}

.small-block-with-image .text-section h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    margin-left: -4.11764706vw;
    margin-bottom: 2.57352941vw;
}

.small-block-with-image .text-section p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
    margin-bottom: 2.94117647vw;
}

.small-block-with-image .text-section .content_layout {
    margin-bottom: 5.14705882vw;
}

.small-block-with-image .text-section .decorative-link:after {
    left: -5.14705882vw;
    right: unset;
}

.small-block-with-image .text-section .brandcard {
    margin-bottom: 2.05882353vw;
}

.small-block-with-image .text-section .brandcard:last-of-type {
    margin-bottom: 0;
}

.small-block-with-image .text-section .brandcard a {
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 1.83823529vw;
    line-height: 2.20588235vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    display: inline-block;
    margin-right: 2.20588235vw;
    color: #333333;
}

.small-block-with-image .text-section .brandcard p {
    margin-bottom: 0;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
}

.small-block-with-image .img-section {
    position: absolute;
    right: 0;
    width: calc((100% - 2.94117647vw * 2) / 12 * 4 + 2.94117647vw);
}

.small-block-with-image .img-section img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.small-block-with-image.buy-section {
    margin-bottom: 7.35294118vw;
}

.small-block-with-image.buy-section .text-section {
    padding-right: 10vw;
    padding-top: 7.86764706vw;
    background: #696f72;
    padding-left: 31.47058824vw;
    margin-left: calc((100% - 2.94117647vw * 2) / 12 * 2 + 2.94117647vw);
    position: relative;
}

.small-block-with-image.buy-section .text-section:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../img/back-promotion.webp) center center no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    z-index: 0;
}

.small-block-with-image.buy-section .text-section .wrapp {
    width: 93%;
    position: relative;
}

.small-block-with-image.buy-section .text-section h2 {
    color: #FFFFFF;
    margin-left: 0;
}

.small-block-with-image.buy-section .text-section p {
    color: #E3E3E3;
}

.small-block-with-image.buy-section .text-section .btn {
    white-space: nowrap;
    display: inline-block;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: 0.25em;
    border: 3px solid #ffffff;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 1.54411765vw 1.83823529vw;
}

.small-block-with-image.buy-section .text-section .btn:hover {
    background: rgba(255, 255, 255, 0.05);
}

.small-block-with-image.buy-section .img-section {
    width: calc((100vw - 2.94117647vw * 2) / 12 * 4);
    left: calc((100vw - 2.94117647vw * 2) / 12 + 2.94117647vw);
    right: unset;
    top: -7.72058824vw;
    z-index: 1;
}

.small-block-with-image.buy-product {
    margin-bottom: 7.35294118vw;
}

.small-block-with-image.buy-product .text-section {
    width: calc((100% - 2.94117647vw * 2) / 12 * 9);
    background: #696f72;
    margin-left: calc((100% - 2.94117647vw * 2) / 12 + 2.94117647vw);
    padding: 7.86764706vw calc(100% / 12 * 4) 7.86764706vw 7.86764706vw;
    position: relative;
}

.small-block-with-image.buy-product .text-section:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../img/back-promotion.webp) center center no-repeat;
    background-size: cover;
}

.small-block-with-image.buy-product .text-section .wrapp {
    position: relative;
    z-index: 9;
}

.small-block-with-image.buy-product .text-section h2 {
    color: #FFFFFF;
    margin-left: 0;
}

.small-block-with-image.buy-product .text-section p {
    color: #E3E3E3;
}

.small-block-with-image.buy-product .text-section .btn {
    white-space: nowrap;
    display: inline-block;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: 0.25em;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 1.54411765vw 1.83823529vw;
}

.small-block-with-image.buy-product .text-section .btn:hover {
    background: rgba(255, 255, 255, 0.05);
}

.small-block-with-image.buy-product .img-section {
    position: absolute;
    right: calc((100% - 2.94117647vw * 2) / 12 + 2.94117647vw);
    top: -4.04411765vw;
    width: calc((100% - 2.94117647vw * 2) / 12 * 4);
}

.small-block-with-image.buy-product .img-section img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 768px) {
    .small-block-with-image .text-section {
        width: 100%;
        margin: 0;
        padding: 57.1875vw 6.25vw 18.75vw 6.25vw;
    }

    .small-block-with-image .text-section .content_layout {
        width: 100%;
    }

    .small-block-with-image .text-section h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.4375vw;
        margin-left: 0;
    }

    .small-block-with-image .text-section p {
        font-size: 4.375vw;
        margin-bottom: 10vw;
        line-height: 6.25vw;
    }

    .small-block-with-image .text-section a.decorative-link:after {
        left: 0vw;
    }

    .small-block-with-image .text-section a.decorative-link {
        padding-left: -5vw;
    }

    .small-block-with-image .img-section {
        top: -15.625vw;
        width: 93.75vw;
        height: 62.5vw;
        overflow: hidden;
    }

    .small-block-with-image .img-section img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .small-block-with-image.buy-product,
    .small-block-with-image.buy-section {
        margin-bottom: 15.625vw;
    }

    .small-block-with-image.buy-product .img-section,
    .small-block-with-image.buy-section .img-section {
        display: none;
    }

    .small-block-with-image.buy-product .text-section,
    .small-block-with-image.buy-section .text-section {
        width: 100%;
        margin: 0;
        padding: 15.625vw 6.25vw 16.25vw 6.25vw;
    }

    .small-block-with-image.buy-product .text-section h2,
    .small-block-with-image.buy-section .text-section h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.4375vw;
    }

    .small-block-with-image.buy-product .text-section p,
    .small-block-with-image.buy-section .text-section p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 9.375vw;
    }

    .small-block-with-image.buy-product .text-section .btn,
    .small-block-with-image.buy-section .text-section .btn {
        padding: 6.25vw;
        font-size: 3.75vw;
        line-height: 5vw;
        white-space: unset;
    }

    .small-block-with-image.buy-section .text-section {
        padding-bottom: 61.25vw;
    }

    .small-block-with-image.buy-section .img-section {
        display: block;
        width: calc(100% - 6.26vw);
        left: 0;
        bottom: -10.625vw;
        top: unset;
    }
}

@media screen and (min-width: 1360px) {
    .small-block-with-image {
        max-width: 1360px;
        margin-right: auto;
        margin-left: auto;
    }

    .small-block-with-image .text-section {
        width: calc((100% - 40px * 2) / 12 * 9);
        padding-top: 75px;
        padding-bottom: 105px;
        margin-left: calc((100% - 40px * 2) / 12 * 1 + 40px);
    }

    .small-block-with-image .text-section h2 {
        font-size: 56px;
        line-height: 60px;
        margin-left: -56px;
        margin-bottom: 20px;
    }

    .small-block-with-image .text-section p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 40px;
    }

    .small-block-with-image .text-section .content_layout {
        margin-bottom: 70px;
    }

    .small-block-with-image .text-section .decorative-link:after {
        left: -50px;
    }

    .small-block-with-image .text-section .brandcard {
        margin-bottom: 28px;
    }

    .small-block-with-image .text-section .brandcard a {
        font-size: 25px;
        line-height: 30px;
        margin-right: 30px;
    }

    .small-block-with-image .text-section .brandcard p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 16px;
    }

    .small-block-with-image .img-section {
        width: calc((100% - 40px * 2) / 12 * 4 + 40px);
    }

    .small-block-with-image.buy-section {
        margin-bottom: 100px;
    }

    .small-block-with-image.buy-section .text-section {
        padding-right: 136px;
        padding-top: 107px;
        padding-left: 428px;
        margin-left: calc((100% - 40px * 2) / 12 * 2 + 40px);
    }

    .small-block-with-image.buy-section .text-section .btn {
        font-size: 13px;
        line-height: 18px;
        padding: 21px 25px;
    }

    .small-block-with-image.buy-section .img-section {
        width: calc((100% - 40px * 2) / 12 * 4);
        left: calc((100% - 40px * 2) / 12 + 40px);
        top: -105px;
    }

    .small-block-with-image.buy-product {
        max-width: 1360px;
        margin: 0 auto;
        margin-bottom: 100px;
    }

    .small-block-with-image.buy-product .text-section {
        width: calc((100% - 40px * 2) / 12 * 9);
        margin-left: calc((100% - 40px * 2) / 12 + 40px);
        padding: 107px calc(100% / 12 * 4) 107px 107px;
    }

    .small-block-with-image.buy-product .text-section .btn {
        font-size: 13px;
        line-height: 18px;
        padding: 21px 25px;
    }

    .small-block-with-image.buy-product .img-section {
        right: calc((100% - 40px * 2) / 12 + 40px);
        top: -55px;
        width: calc((100% - 40px * 2) / 12 * 4);
    }
}

.share-block p {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    margin-bottom: 0.88235294vw;
    color: #AAAAAA;
}

@media screen and (max-width: 768px) {
    .share-block p {
        font-size: 3.75vw;
        line-height: 5vw;
        margin-bottom: 3.75vw;
    }
}

.same_product {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
}

.same_product a.decorative-link {
    display: none;
}

.same_product a.decorative-link:hover:after {
    transform: translateX(-35%);
}

.same_product a.decorative-link:after {
    background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
    background-size: contain;
}

.same_product .controlls {
    display: none;
}

.same_product .same_product-header {
    display: flex;
    align-items: baseline;
    margin-bottom: 4.41176471vw;
    justify-content: space-between;
}

.same_product .same_product-header h2 {
    width: calc(45%);
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
}

.same_product .same_product-header a.decorative-link {
    display: block;
}

.same_product .same_product-rotator {
    display: flex;
    flex-flow: row wrap;
}

@media screen and (max-width: 768px) {
    .same_product {
        width: calc(100%);
        padding-left: 6.25vw;
        padding-right: 6.25vw;
        padding-bottom: 28.125vw;
        overflow: hidden;
    }

    .same_product a.decorative-link {
        display: block;
        margin-left: auto;
        text-align: right;
    }

    .same_product a.decorative-link:after {
        top: -6.5625vw;
    }

    .same_product a.decorative-link:hover:after {
        transform: unset;
    }

    .same_product .same_product-header {
        margin-bottom: 9.375vw;
    }

    .same_product .same_product-header h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        width: 100%;
    }

    .same_product .same_product-header a.decorative-link {
        display: none;
    }

    .same_product .same_product-rotator .wrapp {
        width: calc(100vw - 2 * 6.25vw);
        overflow: hidden;
        display: flex;
        flex-flow: row wrap;
    }

    .same_product .same_product-rotator .stone_card:nth-child(n + 5) {
        display: none;
    }

    .same_product .stone_card {
        width: calc((100% - 5.625vw) / 2);
        margin-right: 5.625vw;
        margin-bottom: 6.875vw;
    }

    .same_product .stone_card:nth-child(2n) {
        margin-right: 0;
    }

    .same_product .controlls {
        display: flex;
        margin-top: 8.75vw;
    }

    .same_product .controlls img {
        margin-right: 26.5625vw;
    }
}

@media screen and (min-width: 1360px) {
    .same_product {
        width: calc((1360px - 2 * 40px) / 12 * 10);
        margin: 0 auto;
        margin-bottom: 110px;
    }

    .same_product a.decorative-link {
        display: none;
    }

    .same_product .same_product-header {
        display: flex;
        align-items: baseline;
        margin-bottom: 60px;
        justify-content: space-between;
    }

    .same_product .same_product-header a.decorative-link {
        display: block;
    }

    .same_product .same_product-header h2 {
        font-size: 56px;
        line-height: 60px;
    }

    .same_product .same_product-header .controlls img {
        width: 60px;
        margin-left: 75px;
        cursor: pointer;
    }

    .same_product .same_product-header .controlls img:first-child {
        margin: 0;
    }
}

.models.small-block-with-image {
    margin-bottom: 13.60294118vw;
}

.models.small-block-with-image .img-section {
    right: 0;
    top: -2.42647059vw;
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 3 + 2.94117647vw);
    height: 49.55882353vw;
}

.models.small-block-with-image .img-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.models.small-block-with-image .text-section {
    padding-left: calc((100% - 2 * 2.94117647vw) / 12);
    padding-right: calc((100% - 2 * 2.94117647vw) / 12 * 2.8);
}

.models.small-block-with-image .text-section h2 {
    margin-left: 0;
    margin-bottom: 4.41176471vw;
}

.models.small-block-with-image .text-section h2 div {
    display: inline-block;
    width: 5.14705882vw;
}

.models.small-block-with-image .text-section .content_layout {
    margin-left: 4.41176471vw;
    margin-bottom: 0;
}

.models.small-block-with-image .text-section .content_layout > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5.14705882vw;
}

.models.small-block-with-image .text-section .info_card {
    width: unset;
    display: block;
    text-align: center;
    flex-shrink: 0;
}

.models.small-block-with-image .text-section .info_card img,
.models.small-block-with-image .text-section .info_card p {
    margin-right: 0;
    margin-bottom: 0;
}

.models.small-block-with-image .text-section .info_card img {
    margin-bottom: 0.88235294vw;
}

.models.small-block-with-image .text-section .info_card p {
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .models.small-block-with-image {
        padding-top: 29.0625vw;
    }

    .models.small-block-with-image .img-section {
        width: calc(100% - 6.25vw);
        height: 62.5vw;
    }

    .models.small-block-with-image .text-section {
        overflow: hidden;
        width: 100%;
        margin-left: 0;
        padding: 42.8125vw 6.25vw 21.25vw 6.25vw;
    }

    .models.small-block-with-image .text-section h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 9.375vw;
    }

    .models.small-block-with-image .text-section .content_layout {
        margin-left: 0;
    }

    .models.small-block-with-image .text-section .content_layout > div {
        display: block;
    }

    .models.small-block-with-image .text-section .info_card {
        display: flex;
        text-align: left;
        margin-bottom: 10vw;
    }

    .models.small-block-with-image .text-section .info_card img {
        width: 10.625vw;
        height: 10.625vw;
        margin-right: 3.75vw;
    }

    .models.small-block-with-image .text-section .info_card p {
        font-size: 4.375vw;
        line-height: 5.625vw;
    }

    .models.small-block-with-image .text-section .info_card .text-wrapp {
        width: calc(100% - 3.75vw - 10.625vw);
    }

    .models.small-block-with-image a.decorative-link {
        display: block;
        margin-left: auto;
        text-align: right;
        padding-right: 5vw;
    }

    .models.small-block-with-image a.decorative-link:after {
        left: unset;
        right: 0;
        top: -6.5625vw;
        background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
        background-size: cover;
    }
}

@media screen and (min-width: 1360px) {
    .models.small-block-with-image {
        margin-bottom: 185px;
    }

    .models.small-block-with-image .img-section {
        right: 0;
        top: -33px;
        width: calc((100% - 2 * 40px) / 12 * 3 + 40px);
        height: 674px;
    }

    .models.small-block-with-image .text-section {
        padding-left: calc((100% - 2 * 40px) / 12);
        padding-right: calc((100% - 2 * 40px) / 12 * 2.8);
    }

    .models.small-block-with-image .text-section h2 {
        margin-bottom: 60px;
    }

    .models.small-block-with-image .text-section h2 div {
        width: 70px;
    }

    .models.small-block-with-image .text-section .content_layout {
        margin-left: 60px;
    }

    .models.small-block-with-image .text-section .content_layout > div {
        margin-bottom: 70px;
    }

    .models.small-block-with-image .text-section .info_card img {
        margin-bottom: 5px;
    }
}

.finished-product_gallery {
    position: relative;
    padding-top: 6.25vw;
    padding-bottom: 4.41176471vw;
    margin-bottom: 7.35294118vw;
}

.finished-product_gallery:after {
    content: '';
    display: block;
    background: white;
    height: 100%;
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10 + 2.94117647vw);
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.finished-product_gallery .gallery_header,
.finished-product_gallery .gallery_footer {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
}

.finished-product_gallery a.decorative-link {
    display: none;
}

.finished-product_gallery a.decorative-link:hover:after {
    transform: translateX(-35%);
}

.finished-product_gallery a.decorative-link:after {
    background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
    background-size: contain;
}

.finished-product_gallery .gallery_header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 4.41176471vw;
}

.finished-product_gallery .gallery_header h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    width: 70%;
    flex-shrink: 0;
}

.finished-product_gallery .gallery_header a.decorative-link {
    display: block;
}

.finished-product_gallery .gallery_footer {
    justify-content: space-between;
    display: flex;
}

.finished-product_gallery .gallery_footer img {
    width: 23.52941176vw !important;
    height: 22.05882353vw;
    cursor: pointer;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .finished-product_gallery {
        overflow: hidden;
        background: white;
        padding: 15.625vw 0 19.375vw 0;
        margin-bottom: 15.625vw;
    }

    .finished-product_gallery a.decorative-link {
        display: block;
        margin-left: auto;
        text-align: right;
        margin-right: 6.25vw;
        margin-top: 12.5vw;
        width: max-content;
    }

    .finished-product_gallery a.decorative-link:after {
        top: -6.5625vw;
    }

    .finished-product_gallery a.decorative-link:hover .finished-product_gallery a.decorative-link:after {
        transform: unset;
    }

    .finished-product_gallery a.decorative-link:hover:after {
        transform: unset;
    }

    .finished-product_gallery:after {
        display: none;
    }

    .finished-product_gallery .gallery_header {
        margin: 0 6.25vw 21.875vw 6.25vw;
    }

    .finished-product_gallery .gallery_header a.decorative-link {
        display: none;
    }

    .finished-product_gallery .gallery_header h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        width: 100%;
    }

    .finished-product_gallery div.gallery_footer {
        width: calc(100% - 6.25vw);
        margin-left: 6.25vw;
    }

    .finished-product_gallery div.gallery_footer img {
        width: 73vw !important;
        height: 69.0625vw;
        margin-right: 25px !important;
    }
}

@media screen and (min-width: 1360px) {
    .finished-product_gallery {
        padding-top: 90px;
        padding-bottom: 60px;
        margin-bottom: 100px;
    }

    .finished-product_gallery:after {
        width: calc((1360px - 2 * 40px) / 12 * 10 + 40px + (100vw - 1360px) / 2);
    }

    .finished-product_gallery .gallery_header,
    .finished-product_gallery .gallery_footer {
        width: calc((1360px - 2 * 40px) / 12 * 10);
    }

    .finished-product_gallery .gallery_header {
        margin-bottom: 60px;
    }

    .finished-product_gallery .gallery_header h2 {
        font-size: 56px;
        line-height: 60px;
    }

    .finished-product_gallery .gallery_footer img {
        width: 319px !important;
        height: 300px;
    }
}

.examples {
    position: relative;
    padding-top: 6.61764706vw;
    margin-bottom: 7.35294118vw;
}

.examples .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45.58823529vw;
}

.examples .back:before {
    content: '';
    width: 100%;
    background: linear-gradient(0deg, rgba(34, 39, 41, 0.8), rgba(34, 39, 41, 0.8));
    height: 45.58823529vw;
    position: absolute;
    top: 0;
    left: 0;
}

.examples .back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.examples a.decorative-link {
    display: none;
}

.examples a.decorative-link:hover:after {
    transform: translateX(-35%);
}

.examples a.decorative-link:after {
    background: transparent url(../img/link-shape/white-top-left.svg) center center no-repeat;
    background-size: contain;
}

.examples .examples_header {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
}

.examples .examples_footer {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 11);
    margin-left: calc((100% - 2 * 2.94117647vw) / 12 + 2.94117647vw);
}

.examples .examples_header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 4.41176471vw;
    position: relative;
    z-index: 99;
}

.examples .examples_header a.decorative-link {
    color: white;
    display: block;
}

.examples .examples_header h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    width: 70%;
    flex-shrink: 0;
}

.examples .examples_footer {
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: space-between;
}

.examples .example_prj {
    display: block;
    flex-shrink: 0;
    width: 41.39705882vw !important;
}

.examples .example_prj:focus,
.examples .example_prj:active {
    outline: none;
}

.examples .example_prj img {
    width: 41.39705882vw !important;
    height: 29.77941176vw;
    object-fit: cover;
    margin-bottom: 1.83823529vw;
}

.examples .example_prj p {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 1.83823529vw;
    line-height: 2.5vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #000000;
}

@media screen and (max-width: 768px) {
    .examples {
        padding-top: 15.625vw;
        padding-bottom: 19.375vw;
        overflow: hidden;
        margin-bottom: 15.625vw;
    }

    .examples .back {
        height: 100%;
    }

    .examples .back:before {
        height: 100%;
    }

    .examples a.decorative-link {
        margin-left: auto;
        text-align: right;
        margin-right: 6.25vw;
        display: block;
        color: #FFFFFF;
    }

    .examples a.decorative-link:after {
        right: 0;
        top: -6.5625vw;
    }

    .examples a.decorative-link:hover:after {
        transform: unset;
    }

    .examples .examples_header {
        margin-left: 6.25vw;
        margin-right: 6.25vw;
        width: auto;
        margin-bottom: 9.375vw;
    }

    .examples .examples_header h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
    }

    .examples .examples_header a.decorative-link {
        display: none;
    }

    .examples .examples_footer {
        margin-bottom: 11.25vw;
        width: calc(100% - 6.25vw);
        margin-left: 6.25vw;
    }

    .examples .examples_footer a.decorative-link {
        display: none;
    }

    .examples .example_prj {
        width: 73.4375vw !important;
        margin-right: 25px !important;
    }

    .examples .example_prj img {
        width: 73.4375vw !important;
        height: 69.0625vw;
        margin-bottom: 2.8125vw;
    }

    .examples .example_prj p {
        font-size: 5vw;
        line-height: 6.25vw;
        color: #FFFFFF;
    }
}

@media screen and (min-width: 1360px) {
    .examples {
        position: relative;
        padding-top: 90px;
        margin-bottom: 100px;
    }

    .examples .back {
        height: 620px;
    }

    .examples .back:before {
        height: 620px;
    }

    .examples .examples_header {
        width: calc((1360px - 2 * 40px) / 12 * 10);
        margin: 0 auto;
    }

    .examples .examples_footer {
        width: calc((1360px - 2 * 40px) / 12 * 11);
        margin-left: calc((1360px - 2 * 40px) / 12 + 40px + (100vw - 1360px) / 2);
    }

    .examples .examples_header {
        margin-bottom: 64px;
    }

    .examples .examples_header h2 {
        font-size: 56px;
        line-height: 60px;
    }

    .examples .example_prj {
        width: 563px !important;
    }

    .examples .example_prj img {
        width: 563px !important;
        height: 405px;
        margin-bottom: 25px;
    }

    .examples .example_prj p {
        font-size: 25px;
        line-height: 34px;
    }
}

.useful-info_articles {
    margin-bottom: 8.16176471vw;
}

.useful-info_articles .useful-info_articles_header {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    margin-bottom: 3.23529412vw;
}

.useful-info_articles .useful-info_articles_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.useful-info_articles .useful-info_articles_header h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    width: 70%;
    flex-shrink: 0;
}

.useful-info_articles .useful-info_articles_header .controlls {
    margin-top: 4vw;
}

.useful-info_articles .useful-info_articles_header .controlls img {
    width: 2.94117647vw;
    margin-left: 6.25vw;
    cursor: pointer;
}


.useful-info_articles .decorative-link {
    display: block;
    margin-left: auto;
    margin-right: calc((100% - 2 * 2.94117647vw) / 12 + 1vw);
    width: max-content;
}

.useful-info_articles .decorative-link:after {
    background: transparent url(../img/link-shape/red-top-left.svg) center center no-repeat;
    background-size: contain;
}

.useful-info_articles .decorative-link:hover:after {
    transform: translateX(-35%);
}

.useful-info_articles .useful-info_articles_footer {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 11 + 2.94117647vw);
    margin-left: auto;
    margin-bottom: 7.72058824vw;
}

.useful-info_articles .useful-info_article_card {
    margin-right: 2.94117647vw;
    width: 21.32352941vw !important;
    display: block;
}

.useful-info_articles .useful-info_article_card:focus,
.useful-info_articles .useful-info_article_card:active {
    outline: none;
}

.useful-info_articles .useful-info_article_card .article_cover {
    width: 21.32352941vw;
    height: 16.17647059vw;
    margin-bottom: 1.47058824vw;
}

.useful-info_articles .useful-info_article_card .article_cover img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.useful-info_articles .useful-info_article_card .article_cover.video_cover {
    position: relative;
}

.useful-info_articles .useful-info_article_card .article_cover.video_cover:before {
    content: '';
    display: block;
    width: 4.41176471vw;
    height: 4.41176471vw;
    background: transparent url(../img/icon/playpause.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 9;
    left: 0;
    right: 0;
}

.useful-info_articles .useful-info_article_card .article_cover.video_cover:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #111010;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

.useful-info_articles .useful-info_article_card .article_title {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #222729;
}

@media screen and (max-width: 768px) {
    .useful-info_articles {
        overflow: hidden;
        padding-bottom: 15.125vw;
        margin-bottom: 0;
    }

    .useful-info_articles .useful-info_articles_header {
        width: calc(100% - 2 * 6.25vw);
        margin-left: 6.25vw;
        margin-bottom: 9.375vw;
    }

    .useful-info_articles .useful-info_articles_header .controlls {
        display: none;
    }

    .useful-info_articles .useful-info_articles_header h2 {
        width: 100%;
        font-size: 9.375vw;
        line-height: 12.5vw;
    }

    .useful-info_articles .useful-info_articles_footer {
        width: calc(100% - 2 * 6.25vw);
        margin-left: 6.25vw;
        margin-bottom: 12.8125vw;
        display: block;
    }

    .useful-info_articles a.decorative-link {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .useful-info_articles a.decorative-link:after {
        right: 0;
        top: -6.5625vw;
    }

    .useful-info_articles a.decorative-link:hover:after {
        transform: unset;
    }

    .useful-info_articles .useful-info_article_card {
        width: 100% !important;
        margin-bottom: 6.25vw;
        display: flex;
    }

    .useful-info_articles .useful-info_article_card .article_title {
        font-size: 4.375vw;
        line-height: 6.25vw;
    }

    .useful-info_articles .useful-info_article_card .article_cover {
        flex-shrink: 0;
        width: 36.5625vw;
        height: 28.125vw;
        margin-right: 5vw;
        margin-bottom: 0;
    }

    .useful-info_articles .useful-info_article_card .article_cover.video_cover:before {
        content: '';
        display: block;
        width: 10vw;
        height: 10vw;
    }

    .useful-info_articles .useful-info_article_card:nth-child(n + 4) {
        display: none;
    }
}

@media screen and (min-width: 1360px) {
    .useful-info_articles {
        margin-bottom: 111px;
    }

    .useful-info_articles .useful-info_articles_header {
        width: calc((1360px - 2 * 2.94117647vw) / 12 * 10);
        margin-bottom: 44px;
    }

    .useful-info_articles a.decorative-link {
        /*margin-right: calc((100% - 2 * 40px) / 12 + (100vw - 1360px) / 2);*/
        margin-right: 15vw;
    }

    .useful-info_articles .useful-info_articles_header h2 {
        font-size: 56px;
        line-height: 60px;
    }

    .useful-info_articles .useful-info_articles_header a.decorative-link {
        display: block;
    }

    .useful-info_articles .useful-info_articles_header .controlls {
        margin-top: 60px;
    }

    .useful-info_articles .useful-info_articles_header .controlls img {
        width: 40px;
        margin-left: 85px;
    }

    .useful-info_articles .useful-info_articles_header .controlls img:first-child {
        margin-left: 0;
    }

    .useful-info_articles .useful-info_articles_footer {
        /*width: calc((1360px - 2 * 40px) / 12 * 11 + 40px + (100vw - 1360px) / 2);*/
        width: calc((100% - 2* 2.94117647vw) / 12* 10 + 2.94117647vw);
        margin-left: auto;
        margin-bottom: 105px;
    }

    .useful-info_articles .useful-info_article_card {
        margin-right: 40px;
        width: 290px !important;
    }

    .useful-info_articles .useful-info_article_card .article_cover {
        width: 290px;
        height: 220px;
        margin-bottom: 20px;
    }

    .useful-info_articles .useful-info_article_card .article_cover.video_cover:before {
        content: '';
        display: block;
        width: 60px;
        height: 60px;
    }

    .useful-info_articles .useful-info_article_card .article_title {
        font-size: 16px;
        line-height: 25px;
    }
}

.fancybox-infobar {
    display: none !important;
}

.pop_up-wrapp {
    display: none;
    height: 100vh;
    position: fixed;
    overflow-y: scroll;
    z-index: 9999;
    justify-content: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
    width: 100%;
    top: 0;
    opacity: 0;
    pointer-events: none;
    z-index: -999;
    transition: 0.3s all ease-in-out;
}

.pop_up-wrapp.show {
    display: block;
    top: 0;
    transition: 0.3s all ease-in-out;
    background: rgba(34, 34, 34, 0.26);
    opacity: 1;
    pointer-events: all;
    z-index: 9999999;
}

.partnership_pop_up {
    width: 39.33823529vw;
    padding: 3.67647059vw 4.92647059vw;
    background: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    position: relative;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
}

.partnership_pop_up .close-popup {
    position: absolute;
    top: 1.17647059vw;
    right: 1.17647059vw;
    width: 1.17647059vw;
    height: 1.17647059vw;
    cursor: pointer;
}

.partnership_pop_up h2,
.partnership_pop_up h3,
.partnership_pop_up .h2{
    font-size: 3.08823529vw;
    line-height: 3.30882353vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;
    color: #222729;
    font-family: 'Raleway';
    font-weight: 300;
    margin-bottom: 1.25vw;
}

.partnership_pop_up p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.76470588vw;
    text-align: center;
    color: #555555;
    margin-bottom: 0.22058824vw;
}

.partnership_pop_up .tel {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 1.61764706vw;
    display: inline-block;
    line-height: 1.83823529vw;
    text-align: center;
    letter-spacing: -2px;
    color: #555555;
    margin: 0 auto;
    margin-bottom: 0.14705882vw;
}

.partnership_pop_up form {
    margin-top: 3.52941176vw;
}

.partnership_pop_up label {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 0.88235294vw;
    line-height: 1.17647059vw;
    color: #555555;
    display: block;
    text-align: left;
    margin-bottom: 1.54411765vw;
}

.partnership_pop_up input[type="text"],
.partnership_pop_up input[type="tel"],
.partnership_pop_up input[type="email"],
.partnership_pop_up textarea {
    padding: 1.32352941vw 1.47058824vw;
    width: 100%;
    height: 4.41176471vw;
    display: block;
    background: #F2F2F2;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.76470588vw;
    color: #555555;
    margin-bottom: 1.83823529vw;
}

.partnership_pop_up input:last-of-type {
    margin-bottom: 0;
}

.partnership_pop_up textarea {
    height: 14.70588235vw;
    margin-top: 1.83823529vw;
}

.partnership_pop_up fieldset {
    margin-bottom: 2.94117647vw;
}

.partnership_pop_up .add_file {
    position: relative;
    padding: 1.02941176vw 1.54411765vw;
    margin-bottom: 0;
    border: 1px solid rgba(0, 130, 149, 0.3);
    box-sizing: border-box;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #696f72;
    transition: 0.3s all ease-in-out;
    display: table;
}

.partnership_pop_up .add_file:hover {
    background: rgba(0, 130, 149, 0.05);
    transition: 0.3s all ease-in-out;
}

.partnership_pop_up .add_file img {
    width: 1.25vw;
    height: 1.25vw;
    object-fit: cover;
    margin-right: 0.73529412vw;
}

.partnership_pop_up .add_file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.partnership_pop_up #switch {
    display: flex;
    align-items: center;
    margin-bottom: 1.98529412vw;
}

.partnership_pop_up #switch label {
    width: 50%;
    position: relative;
    height: 4.41176471vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.02941176vw;
    line-height: 1.17647059vw;
    text-align: center;
    margin-bottom: 0;
    color: #222729;
    cursor: pointer;
}

.partnership_pop_up #switch label.current {
    background: #696f72;
    color: white;
}

.partnership_pop_up #switch label input {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.partnership_pop_up .btn-close {
    display: inline-block;
    margin-top: 2.94117647vw;
}

.partnership_pop_up button,
.partnership_pop_up .btn-close {
    font-size: 0.95588235vw;
    line-height: 1.32352941vw;
    /* identical to box height */
    letter-spacing: 0.25em;
    text-transform: uppercase;
    /* Black */
    color: #222729;
    font-family: 'Manrope';
    font-weight: bold;
    padding: 1.54411765vw 1.83823529vw;
    background: white;
    border: 1px solid rgba(190, 179, 173, 0.3);
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.partnership_pop_up button:hover,
.partnership_pop_up .btn-close:hover {
    transition: 0.3s all ease-in-out;
    background: rgba(190, 179, 173, 0.05);
}

@media screen and (max-width: 768px) {
    .pop_up-wrapp {
        padding-top: 0;
        padding-bottom: 0;
    }

    .partnership_pop_up {
        width: 100%;
        padding: 15.625vw 6.15vw;
    }

    .partnership_pop_up .close-popup {
        top: 6.25vw;
        right: 6.25vw;
        width: 6.25vw;
        height: 6.25vw;
    }

    .partnership_pop_up h2,
    .partnership_pop_up .h2,
    .partnership_pop_up h3 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 1.875vw;
    }

    .partnership_pop_up p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 0.22058824vw;
    }

    .partnership_pop_up .tel {
        font-size: 5.625vw;
        line-height: 7.8125vw;
        margin-bottom: 4.125vw;
    }

    .partnership_pop_up form {
        margin-top: 6vw;
    }

    .partnership_pop_up label {
        font-size: 3.75vw;
        line-height: 5vw;
        margin-bottom: 5vw;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .partnership_pop_up input[type="text"],
    .partnership_pop_up input[type="tel"],
    .partnership_pop_up input[type="email"],
    .partnership_pop_up textarea {
        padding: 5.625vw 6.25vw;
        width: 100%;
        height: 18.75vw;
        font-size: 5vw;
        line-height: 7.5vw;
        margin-bottom: 6.25vw;
    }

    .partnership_pop_up textarea {
        height: 60vw;
        margin-top: 6.25vw;
    }

    .partnership_pop_up fieldset {
        margin-bottom: 9.375vw;
    }

    .partnership_pop_up .add_file {
        padding: 3vw;
        font-size: 3.75vw;
        line-height: 5vw;
    }

    .partnership_pop_up .add_file img {
        width: 3.25vw;
        height: 3.25vw;
        object-fit: cover;
        margin-right: 2vw;
    }

    .partnership_pop_up .add_file input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
    }

    .partnership_pop_up #switch {
        display: flex;
        align-items: center;
        margin-bottom: 9.375vw;
        width: 73.4375vw;
        margin-left: auto;
        margin-right: auto;
    }

    .partnership_pop_up #switch label {
        width: 50%;
        position: relative;
        height: 15.625vw;
        font-size: 4.375vw;
        line-height: 5vw;
    }

    .partnership_pop_up .btn-close {
        display: inline-block;
        margin-top: 2.94117647vw;
    }

    .partnership_pop_up button,
    .partnership_pop_up .btn-close {
        padding: 6.25vw;
        font-size: 3.75vw;
        line-height: 5vw;
    }
}

@media screen and (min-width: 1360px) {
    .pop_up-wrapp {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .partnership_pop_up {
        width: 535px;
        padding: 50px 65px;
    }

    .partnership_pop_up .close-popup {
        top: 16px;
        right: 16px;
        width: 16px;
        height: 16px;
    }

    .partnership_pop_up h2,
    .partnership_pop_up .h2,
    .partnership_pop_up h3 {
        font-size: 42px;
        line-height: 45px;
        margin-bottom: 17px;
    }

    .partnership_pop_up p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 3px;
    }

    .partnership_pop_up .tel {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 48px;
    }

    .partnership_pop_up form {
        margin-top: 52px;
        width: 100%;
    }

    .partnership_pop_up label {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 20px;
    }

    .partnership_pop_up input[type="text"],
    .partnership_pop_up input[type="tel"],
    .partnership_pop_up input[type="email"],
    .partnership_pop_up textarea {
        padding: 18px 20px;
        width: 100%;
        height: 60px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .partnership_pop_up textarea {
        height: 230px;
        margin-top: 25px;
    }

    .partnership_pop_up fieldset {
        margin-bottom: 45px;
    }

    .partnership_pop_up .add_file {
        padding: 13px 21px;
        font-size: 14px;
        line-height: 20px;
    }

    .partnership_pop_up .add_file img {
        width: 17px;
        height: 17px;
        object-fit: cover;
        margin-right: 10px;
    }

    .partnership_pop_up .add_file input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
    }

    .partnership_pop_up #switch {
        display: flex;
        align-items: center;
        margin-bottom: 1.98529412vw;
    }

    .partnership_pop_up #switch label {
        width: 50%;
        position: relative;
        height: 4.41176471vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Manrope';
        font-weight: normal;
        font-size: 1.02941176vw;
        line-height: 1.17647059vw;
        text-align: center;
        margin-bottom: 0;
        color: #222729;
        cursor: pointer;
    }

    .partnership_pop_up #switch label.current {
        background: #696f72;
        color: white;
    }

    .partnership_pop_up #switch label input {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
    }

    .partnership_pop_up button,
    .partnership_pop_up .btn-close {
        margin-top: 0;
        font-size: 13px;
        line-height: 18px;
        padding: 20px 25px;
    }

    .partnership_pop_up .btn-close {
        display: inline-block;
        margin-top: 40px;
    }
}

.brands_block {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    margin-bottom: 10.29411765vw;
}

.brands_block .controls {
    display: none;
}

.brands_block .block_header {
    display: flex;
    align-items: flex-end;
}

.brands_block .block_header .controls {
    display: flex;
}

.brands_block .controls {
    width: calc(100% / 10 * 2);
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

.brands_block .controls img {
    width: calc(2.94117647vw + 20px);
    margin-left: calc(6.25vw - 10px);
    padding: 10px 10px;
    cursor: pointer;
    flex-shrink: 0;
}

.brands_block .text_block {
    width: calc(100% / 10 * 6);
}

.brands_block .text_block h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    margin-bottom: 2.20588235vw;
}

.brands_block .text_block p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
}

.brands_block .brands_rotator {
    width: calc(100%);
    display: flex;
    justify-content: space-between;
    margin-left: -1.98529412vw;
}

.brands_block .owl-item:not(.active) {
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.brands_block .owl-item.active {
    transition: 0.3s all ease-in-out;
    opacity: 1;
}

.brands_block .brand_item {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 20.94117647vw;
}

.brands_block .brand_item:focus,
.brands_block .brand_item:active {
    outline: none;
}

@media screen and (min-width: 768px) {
    .brands_block .brand_item:before {
        content: '';
        display: block;
        height: 0;
        width: 0;
        border: 3px solid #008295;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        margin: 0 auto;
        transition: 0.3s all ease-in-out;
        left: 50%;
        box-sizing: border-box;
        z-index: -2;
    }

    .brands_block .brand_item:after {
        content: '';
        display: block;
        height: 80px;
        width: 100%;
        background: #f6f6f6;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        z-index: -1;
    }

    .brands_block .brand_item:hover:before {
        width: 19.33823529vw;
        height: 19.33823529vw;
        transition: 0.3s all ease-in-out;
    }
}

.brands_block .brand_item .img_wrapp {
    height: 75px;
    display: flex;
    align-items: center;
    max-width: 13.97058824vw;
}

.brands_block .brand_item img {
    max-height: 75px;
    width: 100%;
    height: 100%;
    max-width: 230px;
    object-fit: contain;
}

.brands_block .brand_item p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #555555;
}

.video-presentation_block {
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10);
    margin: 0 auto;
    margin-bottom: 11.25vw;
}

.video-presentation_block .text_block {
    width: calc(100% / 10 * 6);
}

.video-presentation_block .text_block h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    margin-bottom: 2.20588235vw;
}

.video-presentation_block .text_block p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
    margin-bottom: 4.48529412vw;
}

.video-presentation_block .video_wrapp {
    width: 100%;
}

.video-presentation_block .video_wrapp video {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .brands_block {
        width: calc(100% - 2 * 6.25vw);
        margin-bottom: 31.25vw;
        overflow: hidden;
    }

    .brands_block .brand_item {
        width: 100%;
        justify-content: flex-start;
        height: auto;
    }

    .brands_block .brand_item p {
        font-size: 3.75vw;
        line-height: 5.625vw;
    }

    .brands_block .brand_item .img_wrapp {
        max-width: unset;
    }

    .brands_block .text_block {
        width: 100%;
    }

    .brands_block .text_block h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
    }

    .brands_block .text_block p {
        display: none;
    }

    .brands_block .controls {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        margin-top: 5.5vw;
    }

    .brands_block .controls img {
        width: 17.5vw;
        margin-right: 26.5625vw;
        margin-left: 0;
    }

    .brands_block .brands_rotator {
        margin-left: unset;
    }

    .brands_block .block_header {
        margin-bottom: 12.5vw;
    }

    .brands_block .block_header .controls {
        display: none;
    }

    .video-presentation_block {
        width: calc(100% - 2 * 6.25vw);
        margin-bottom: 15.625vw;
    }

    .video-presentation_block .text_block {
        width: 100%;
        margin-bottom: 8.4375vw;
    }

    .video-presentation_block .text_block h2 {
        font-size: 9.375vw;
        line-height: 12.5vw;
        margin-bottom: 8.4375vw;
    }

    .video-presentation_block .text_block h2 br {
        display: none;
        margin-left: 5px;
    }

    .video-presentation_block .text_block p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 0;
    }

    .video-presentation_block .video_wrapp {
        width: calc(100% + 2 * 6.25vw);
        margin-left: -6.25vw;
        height: 62.5vw;
    }

    .video-presentation_block .video_wrapp video {
        height: 100%;
    }
}

@media screen and (min-width: 1360px) {
    .brands_block {
        width: calc((1360px - 2 * 40px) / 12 * 10);
        margin-bottom: 140px;
    }

    .brands_block .controls img {
        width: 60px;
        margin-left: 75px;
    }

    .brands_block .text_block {
        width: calc(100% / 10 * 6);
    }

    .brands_block .text_block h2 {
        font-size: 56px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .brands_block .text_block p {
        font-size: 16px;
        line-height: 25px;
    }

    .brands_block .brands_rotator {
        margin-left: -27px;
    }

    .brands_block .brand_item {
        height: 265px;
    }

    .brands_block .brand_item:hover:before {
        width: 263px;
        height: 263px;
    }

    .brands_block .brand_item .img_wrapp {
        max-width: 190px;
    }

    .brands_block .brand_item img {
        max-height: 75px;
        max-width: 230px;
    }

    .brands_block .brand_item p {
        font-size: 14px;
        line-height: 20px;
    }

    .video-presentation_block {
        width: calc((1360px - 2 * 40px) / 12 * 10);
        margin-bottom: 153px;
    }

    .video-presentation_block .text_block {
        width: calc(100% / 10 * 6);
    }

    .video-presentation_block .text_block h2 {
        font-size: 56px;
        line-height: 60px;
        margin-bottom: 41px;
    }

    .video-presentation_block .text_block p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 61px;
    }
}

.burger-menu_pop_up {
    position: fixed;
    left: 0;
    height: 93vh;
    overflow-y: scroll;
    z-index: 9999;
    width: 100vw;
    background: #222729;
    top: -250vh;
    transition: 0.5s top ease-in-out;
    color: #fff;
}

.burger-menu_pop_up.show {
    top: 0;
    transition: 0.5s top ease-in-out;
}

.burger-menu_pop_up .lang-picker {
    position: relative;
}

.burger-menu_pop_up .lang-picker .actual-lang {
    display: flex;
    align-items: center;
    width: 15.625vw;
    position: relative;
}

.burger-menu_pop_up .lang-picker .actual-lang:after {
    content: '';
    position: absolute;
}

.burger-menu_pop_up .lang-picker .actual-lang .globe {
    margin-right: 1.875vw;
    width: 3.90625vw;
    height: 3.90625vw;
    flex-shrink: 0;
}

.burger-menu_pop_up .lang-picker .actual-lang .arr {
    margin-bottom: 0.5vw;
    flex-shrink: 0;
}

.burger-menu_pop_up .lang-picker .actual-lang span {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 3.75vw;
    line-height: 5vw;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #222729;
    margin-right: 1vw;
}

.burger-menu_pop_up .lang-picker.open .lang-list {
    pointer-events: all;
    opacity: 1;
    transition: 0.3s all ease-in-out;
}

.burger-menu_pop_up .lang-picker .lang-list {
    position: absolute;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    transition: 0.3s all ease-in-out;
    background: #FFFFFF;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
}

.burger-menu_pop_up .lang-picker .lang-list li {
    list-style-type: none;
    padding: 1.5vw calc(3.90625vw + 1.875vw);
}

.burger-menu_pop_up .lang-picker .lang-list a {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 3.75vw;
    line-height: 6.25vw;
    /*color: #222729;*/
}

.burger-menu_pop_up .burger-menu_header,
.burger-menu_pop_up .burger-menu_main {
    /*background: rgba(255, 255, 255, 0);*/
}

.burger-menu_pop_up .burger-menu_header {
    padding: 4.6875vw 6.25vw 0 6.25vw;
    padding-bottom: 3vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.burger-menu_pop_up .burger-menu_header .logo {
    width: 35vw;
    height: 8.75vw;
}

.burger-menu_pop_up .burger-menu_header .close-icon {
    width: 4.6875vw;
    height: 4.6875vw;
    filter: invert(1);
}

.burger-menu_pop_up .burger-menu_main {
    padding: 0;
    height: 100%;
    border-top: 1px solid rgba(239, 239, 239, 0.2);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

.burger-menu_pop_up .burger-menu_main .input-address-wrapp {
    margin-bottom: 10.625vw;
    display: flex;
    border: 1px solid #E3E3E3;
    position: relative;
    height: 12.5vw;
    box-sizing: border-box;
}

.burger-menu_pop_up .burger-menu_main .input-address-wrapp img {
    top: 50%;
    transform: translateY(-50%);
    left: 4.0625vw;
    position: absolute;
    width: 4.0625vw;
    height: auto;
}

.burger-menu_pop_up .burger-menu_main .input-address-wrapp form {
    width: 100%;
}

.burger-menu_pop_up .burger-menu_main .input-address-wrapp input {
    height: 100%;
    padding: 3.75vw 13.75vw;
    width: 100%;
}

.burger-menu_pop_up .site-nav_list {
    margin-bottom: 5vw;
}

.burger-menu_pop_up .site-nav_list li {
    list-style-type: none;

}

.burger-menu_pop_up .site-nav_list .list_wrapp > li {
    margin-bottom: 3vw;
}

.burger-menu_pop_up .site-nav_list.opened .title-list img {
    transform: rotate(180deg);
    transition: 0.3s all ease-in-out;
}

.burger-menu_pop_up .site-nav_list.opened .list_wrapp {
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 500vh;
    width: 50vw;
    transition: 0.4s all ease-in-out;
    padding: 3vw;
    /*display: block;*/


}

.burger-menu_pop_up .site-nav_list .title-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.burger-menu_pop_up .site-nav_list .title-list p,
.burger-menu_pop_up .site-nav_list .title-list a {
    cursor: pointer;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 3vw;
    color: white;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: 0.3s all ease-in-out;
}

.burger-menu_pop_up .site-nav_list.opened .title-list p {
    transition: 0.3s all ease-in-out;
    border-bottom: 2px solid #008295;
}

.burger-menu_pop_up .site-nav_list .title-list img {
    width: 3.125vw;
    height: 1.5625vw;
    flex-shrink: 0;
    transform: rotate(0);
    transition: 0.3s all ease-in-out;
    margin-left: 5vw;
}


.burger-menu_pop_up .site-nav_list .list_wrapp {
    padding: 3vw;
    width: 50vw;
    transition: 0.4s all ease-in-out;
    position: absolute;
    top: 0;
    left: 220%;
    overflow: hidden;
    /*display: none;*/
}


.burger-menu_pop_up .site-nav_list .list_wrapp.open {
    max-height: 100vh;
    transition: 0.5s all ease-in-out;
}

.burger-menu_pop_up .site-nav_list .title-category {

    font-family: 'Manrope';

    font-size: 3vw;
    font-weight: 600;
    color: white;
    margin-bottom: 2vw;
    display: inline-block;
}


.burger-menu_pop_up .site-nav_list .nested a {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 3vw;
    color: white;
}

.burger-menu_pop_up .site-nav_list .nested li {
    margin-bottom: 2vw;
}

.burger-menu_pop_up .burger-menu_footer {
    padding: 10.9375vw 6.25vw 15.625vw 6.25vw;
}

.burger-menu_pop_up .other-info_list ul {
    margin-bottom: 12.5vw;
}

.burger-menu_pop_up .other-info_list li {
    list-style-type: none;
    margin-bottom: 7.8125vw;
}

.burger-menu_pop_up .other-info_list a {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 5vw;
    line-height: 5vw;
    color: white;
}

.burger-menu_pop_up .btn {
    padding: 2.25vw;
    font-size: 3.5vw;

    display: block;
    width: 100%;
    transition: 0.3s all ease-in-out;
    text-align: center;
    margin-bottom: 3vw;
    border: 1px solid rgba(190, 179, 173, 0.3);
}

.burger-menu_pop_up .btn.buy-btn {
    font-family: 'Manrope';
    font-weight: bold;
    background: #696f72;
    color: #ffffff;
}

.burger-menu_pop_up .btn.buy-btn:hover {
    background: #8f9598;
    transition: 0.3s all ease-in-out;
}

.burger-menu_pop_up .btn.partnership-btn {
    font-family: 'Manrope';
    font-weight: 600;
    background: transparent;
    color: #ffffff;
}

.burger-menu_pop_up .btn.partnership-btn:hover {
    background: rgba(0, 130, 149, 0.2);
    transition: 0.3s all ease-in-out;
}

.burger-menu_pop_up .connect {
    width: 85%;
    margin-top: 14.0625vw;
    margin-bottom: 5.3125vw;
}

.burger-menu_pop_up .connect .tel {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 7.5vw;
    line-height: 10.3125vw;
    text-transform: uppercase;
    color: #white;
    margin-bottom: 2.1875vw;
}

.burger-menu_pop_up .connect .clarification {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 3.75vw;
    line-height: 5.625vw;
    color: #000000;
}

.benefits-summary_block {
    margin-bottom: 9.26470588vw;
}

.benefits-summary_block h2 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 4.11764706vw;
    line-height: 4.41176471vw;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 7);
    margin-left: calc((100vw - 2 * 2.94117647vw) / 12 + 2.94117647vw);
}

.benefits-summary_block .benefits_layout {
    margin-top: -3.97058824vw;
    margin-left: auto;
    position: relative;
    width: calc((100vw - 2 * 2.94117647vw) / 12 * 10 + 2.94117647vw);
    padding-top: 8.75vw;
    padding-left: calc((100vw - 2 * 2.94117647vw) / 12);
    padding-bottom: 1.47058824vw;
    padding-right: 9.41176471vw;
    display: flex;
    flex-flow: row wrap;
}

.benefits-summary_block .benefits_layout .info_card {
    width: calc((100% - 7.94117647vw * 2) / 3);
    margin-right: 7.94117647vw;
    margin-bottom: 6.17647059vw;
}

.benefits-summary_block .benefits_layout .info_card:nth-child(3n) {
    margin-right: 0;
}

.benefits-summary_block .benefits_layout:after {
    content: '';
    background: white;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .benefits-summary_block {
        margin-bottom: 15.625vw;
    }

    .benefits-summary_block h2 {
        width: calc(100% - 2 * 6.25vw);
        margin: 0 auto;
        margin-bottom: 10.9375vw;
        font-size: 9.375vw;
        line-height: 12.5vw;
    }

    .benefits-summary_block .benefits_layout {
        width: calc(100% - 2 * 6.25vw);
        margin: 0 auto;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
    }

    .benefits-summary_block .benefits_layout:after {
        display: none;
    }

    .benefits-summary_block .benefits_layout .info_card {
        width: 50%;
        display: block;
        margin-right: 0;
        margin-bottom: 9.375vw;
    }

    .benefits-summary_block .benefits_layout .info_card img {
        width: 15.625vw;
        height: 15.625vw;
        margin-right: 0;
        margin-bottom: 4.6875vw;
    }

    .benefits-summary_block .benefits_layout .info_card .text-wrapp p {
        font-size: 3.75vw;
        line-height: 5.625vw;
    }
}

@media screen and (min-width: 1360px) {
    .benefits-summary_block {
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 126px;
    }

    .benefits-summary_block h2 {
        font-size: 56px;
        line-height: 60px;
        width: calc((1360px - 2 * 40px) / 12 * 7);
        margin-left: calc((1360px - 2 * 40px) / 12 + 40px);
    }

    .benefits-summary_block .benefits_layout {
        margin-top: -54px;
        width: calc((1360px - 2 * 40px) / 12 * 10 + 40px);
        padding-top: 120px;
        padding-left: calc((1360px - 2 * 40px) / 12);
        padding-bottom: 20px;
        padding-right: 128px;
    }

    .benefits-summary_block .benefits_layout .info_card {
        width: calc((100% - 108px * 2) / 3);
        margin-right: 108px;
        margin-bottom: 84px;
    }
}

.select_handler {
    margin-bottom: 12.13235294vw;
}

.select_handler .text-section {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 9);
    padding: 5.51470588vw calc((100% - 2 * 2.94117647vw) / 12 * 3) 8.16176471vw calc((100% - 2 * 2.94117647vw) / 12);
}

.select_handler .text-section h2 {
    margin-left: 0;
}

.select_handler .text-section .content-wrapp {
    margin-left: 4.11764706vw;
}

.select_handler .text-section a.decorative-link:after {
    left: -3vw;
}

.select_handler .img-section {
    position: absolute;
    top: -2.20588235vw;
    height: 40.80882353vw;
}

@media screen and (max-width: 768px) {
    .select_handler {
        margin-bottom: 15.625vw;
        padding: 57.1875vw 6.25vw 18.75vw 6.25vw;
    }

    .select_handler .btn {
        padding: 6.25vw;
        font-size: 3.75vw;
        line-height: 5vw;
        display: inline-block;
    }

    .select_handler .text-section {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .select_handler .text-section h2 {
        margin-left: 0;
        width: 106%;
    }

    .select_handler .text-section .wrapp {
        width: 100%;
    }

    .select_handler .text-section .content_layout {
        display: none;
    }

    .select_handler .text-section .content-wrapp {
        margin-left: 0;
    }

    .select_handler .text-section a.decorative-link {
        padding-left: 5vw;
    }

    .select_handler .text-section a.decorative-link:after {
        left: 0;
    }

    .select_handler .text-section p {
        margin-bottom: 10vw;
        width: 100%;
    }

    .select_handler .content-wrapp {
        margin-left: 0;
    }

    .select_handler .image-section {
        top: -15.625vw;
        width: 93.75vw;
        height: 62.5vw;
        overflow: hidden;
    }

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

    .select_handler {
        padding: 57.1875vw 6.25vw 18.75vw 6.25vw;
        background: white;
    }

    .select_handler .text-section {
        background: white;
    }

    .select_handler .text-section h2 {
        width: 100%;
    }

    .select_handler .img-section {
        top: -15.625vw;
        width: 93.75vw;
        height: 62.5vw;
        overflow: hidden;
    }

    .select_handler .img-section img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

@media screen and (min-width: 1360px) {
    .select_handler {
        margin-bottom: 165px;
    }

    .select_handler .text-section {
        width: calc((100% - 2 * 40px) / 12 * 9);
        padding: 75px calc((100% - 2 * 40px) / 12 * 3) 111px calc((100% - 2 * 40px) / 12);
    }

    .select_handler .text-section .content-wrapp {
        margin-left: 56px;
    }

    .select_handler .img-section {
        position: absolute;
        top: -30px;
        height: 555px;
    }
}

.gallery_popup {
    max-width: 1100px;
    width: calc((100% - 2 * 2.94117647vw) / 12 * 10);
    margin-right: auto;
    margin-left: auto;
    background: white;
    padding: 4.41176471vw 4.77941176vw 5.14705882vw 4.77941176vw;
    position: relative;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
}

.gallery_popup .close-popup {
    position: absolute;
    top: 1.17647059vw;
    right: 1.17647059vw;
    width: 1.17647059vw;
    height: 1.17647059vw;
    cursor: pointer;
}

.gallery_popup .gallery-rotator_wrapp {
    display: block;
}

.gallery_popup .gallery-info {
    width: 100%;
}

.gallery_popup .gallery_wrapp {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 3vw;
    width: 54.92647059vw;
    height: 36.02941176vw;
}

.gallery_popup .owl-stage-outer {
    z-index: 9;
}

/*.slick-prev.slick-arrow, .slick-next.slick-arrow {*/
/*    visibility: hidden;*/
/*    height: 0; !* This will hide the text inside the element *!*/
/*}*/


.gallery_popup .slick-arrow {
    display: block;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    height: 100%;
    outline: unset;
}

.gallery_popup .slick-arrow span {
    display: none;
}

.gallery_popup .slick-arrow.slick-next {
    right: -45px;
    z-index: 9;
    top: 0;
    width: 105px;
    background: white;
}

.gallery_popup .slick-arrow.slick-prev {
    left: -105px;
    z-index: 9;
    top: 0;
    width: 105px;
    background: white;
}

.gallery_popup .slick-arrow.slick-next:before,
.gallery_popup .slick-arrow.slick-prev:before {
    content: '';
    width: calc(4.10294118vw);
    display: block;
    height: 2vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background: transparent url(../img/icon/rotator-arr-left.svg) center center no-repeat;
    background-size: contain;
}

.gallery_popup .slick-arrow.slick-next:before {
    background: transparent url(../img/icon/rotator-arr-right.svg) center center no-repeat;
    background-size: contain;
}

.gallery_popup .item {
    width: 54.92647059vw;
    height: 36.02941176vw;
    overflow: hidden;
    opacity: 0;
}

.gallery_popup .item.slick-current.slick-active {
    opacity: 1;
}

.gallery_popup .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gallery_popup .prj-name {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.17647059vw;
    line-height: 2.5vw;
    letter-spacing: -1px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #222729;
    margin-bottom: 0.73529412vw;
}

.gallery_popup .prj-creator {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 0.95588235vw;
    line-height: 1.47058824vw;
    color: #555555;
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    .gallery_popup {
        max-width: 100%;
        width: 100%;
        padding: 15.625vw 6.25vw;
        display: block;
    }

    .gallery_popup .close-popup {
        position: absolute;
        top: 5.625vw;
        right: 6.25vw;
        width: 4.6875vw;
        height: 4.6875vw;
        cursor: pointer;
    }

    .gallery_popup .gallery-info {
        width: 100%;
    }

    .gallery_popup .gallery_wrapp {
        width: calc(100% + 2 * 6.25vw);
        margin-right: -6.25vw;
        margin-left: -6.25vw;
        height: auto;
        margin-bottom: 15.625vw;
    }

    .gallery_popup .slick-arrow {
        transform: unset;
        height: 3vw;
        justify-content: unset;
        padding-right: 6.25vw;
        margin-left: 6.25vw;
        width: 12.5vw;
    }

    .gallery_popup .slick-arrow:last-of-type {
        margin-left: 26.5625vw;
    }

    .gallery_popup .slick-arrow.slick-next,
    .gallery_popup .slick-arrow.slick-prev {
        top: unset;
        bottom: -4.8125vw;
        left: 0;
        right: unset;
    }

    .gallery_popup .slick-arrow.slick-next:before,
    .gallery_popup .slick-arrow.slick-prev:before {
        width: 60%;
        right: unset;
    }

    .gallery_popup .controls {
        margin-bottom: 6.25vw;
        position: unset;
        width: 100%;
        display: flex;
        z-index: 999999;
        justify-content: space-between;
    }

    .gallery_popup .controls .arr-wrapp {
        display: block;
        border-radius: unset;
        width: auto;
        height: auto;
        background: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        margin-left: unset;
        justify-content: center;
        cursor: pointer;
    }

    .gallery_popup .controls .arr-wrapp img {
        width: 12.5vw;
    }

    .gallery_popup .item {
        width: 100vw;
        height: 78.125vw;
    }

    .gallery_popup .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .gallery_popup .prj-name {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 1.5625vw;
    }

    .gallery_popup .prj-creator {
        font-size: 3.75vw;
        line-height: 5.625vw;
    }
}

@media screen and (min-width: 1360px) {
    .gallery_popup {
        max-width: 1100px;
        width: calc((100% - 2 * 40px) / 12 * 10);
        margin-right: auto;
        margin-left: auto;
        background: white;
        padding: 60px 65px 70px 65px;
        position: relative;
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
        display: block;
    }

    .gallery_popup .close-popup {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .gallery_popup .gallery_wrapp {
        width: 747px;
        height: 490px;
        position: relative;
        margin-bottom: 30px;
    }

    .gallery_popup .controls {
        position: absolute;
        bottom: 25px;
        right: 25px;
        display: flex;
        z-index: 999999;
    }

    .gallery_popup .controls .arr-wrapp {
        display: block;
        border-radius: 50%;
        width: 67.2px;
        height: 67.2px;
        background: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        margin-left: 57.8px;
        justify-content: center;
        cursor: pointer;
    }

    .gallery_popup .controls .arr-wrapp img {
        width: calc(28.6px);
        flex-shrink: 0;
    }

    .gallery_popup .item {
        width: 747px;
        height: 490px;
        overflow: hidden;
    }

    .gallery_popup .prj-name {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .gallery_popup .prj-creator {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    *[data-paroller-factor] {
        /*for all elements with background parallax effect*/
        background-position: center !important;
        /*for all elements with foreground parallax effect*/
        transform: none !important;
    }
}

.visual-designs_layout {
    display: flex;
    flex-flow: row wrap;
    padding-left: 2.77777778vw;
    padding-right: 2.77777778vw;
    margin: 0 auto;
    padding-top: 5.29411765vw;
}

.visual-design_card {
    display: block;
    width: calc((100% - 4.41176471vw * 3) / 3);
    margin-right: 4.41176471vw;
    margin-bottom: 4.41176471vw;
}

.visual-design_card:hover .design_name {
    color: #595959;
    transition: 0.3s all ease-in-out;
}

.visual-design_card:last-of-type {
    margin-bottom: 9.19117647vw;
}

.visual-design_card .design_cover {
    width: 100%;
    height: 19.85294118vw;
    object-fit: cover;
    max-height: 271px;
    margin-bottom: 1.61764706vw;
}

.visual-design_card .design_name {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #000000;
    transition: 0.3s all ease-in-out;
}

@media screen and (min-width: 1360px) {
    .visual-designs_layout {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px;
        margin: 0 auto;
        padding-top: 72px;
    }

    .visual-design_card {
        width: calc((100% - 60px * 3) / 3);
        margin-right: 60px;
        margin-bottom: 63px;
    }

    .visual-design_card:last-of-type {
        margin-bottom: 125px;
    }

    .visual-design_card .design_cover {
        height: 270px;
        margin-bottom: 22px;
    }

    .visual-design_card .design_name {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width: 768px) {
    .visual_page .nav_bottom h1 {
        display: block;
    }


    .visual-designs_layout {
        padding: 0 6.25vw;
        display: block;
        padding-top: 8.75vw;
    }

    .visual-design_card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 9.375vw;
    }

    .visual-design_card:last-of-type {
        margin-bottom: 20.3125vw;
    }

    .visual-design_card .design_cover {
        height: 67.1875vw;
        margin-bottom: 4.6875vw;
    }

    .visual-design_card .design_name {
        font-size: 4.375vw;
        line-height: 6.25vw;
    }
}

.preloader {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    transition: 0.3s all ease-in-out;
    z-index: 9999999;
    overflow: hidden;
}

.preloader.hidden {
    display: none;
}

.preloader .preloader-container {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preloader-logo {
    max-width: 290px;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
}

.preloader .preloader-container div {
    border: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    animation: spin 4s ease infinite;
}

.preloader-container div:first-child {
    background: #008295;
    animation-delay: -3s;
}

.preloader-container div:nth-child(2) {
    background: #008295;
    animation-delay: -2s;
}

.preloader-container div:nth-child(3) {
    background: #008295;
    animation-delay: -1s;
}

.preloader-container div:last-child {
    background: #008295;
    animation-delay: 0;
}

@keyframes spin {
    0%,
    100% {
        transform: translate(0);
    }
    25% {
        transform: translate(240%);
    }
    50% {
        transform: translate(240%, 230%);
    }
    75% {
        transform: translate(0, 240%);
    }
}

p.policy-link-form {
    padding: 0 0 15px;
    text-align: left;
}

.policy-link-form .policy-link-checkbox-box {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid #008295;
    cursor: pointer;
    position: relative;
}

.policy-link-form .policy-link-checkbox,
.form_section .policy-link-form .policy-link-checkbox {
    display: none;
}

.policy-link-checkbox:checked + .policy-link-checkbox-box:before {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: 1px;
    width: 12px;
    height: 7px;
    border-bottom: 5px solid #008295;
    border-left: 5px solid #008295;
    transform: rotate(-45deg);
}

.policy-link-form a,
.policy-link-form a:link,
.policy-link-form a:visited,
.form_section p.policy-link-form a,
.form_section p.policy-link-form a:link,
.form_section p.policy-link-form a:visited {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    color: #008295;
    letter-spacing: inherit;
}

@media screen and (min-width: 1360px) {
    .block-with-image ul {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .block-with-image ul {
        margin-bottom: 6vw;
    }
}

.stone_card .additional-info {
    padding-top: calc(345 / 13.6 * 1vw);
}

.stone_card .additional-info__block:not(:last-child) {
    margin-bottom: calc(18 / 13.6 * 1vw);
}

.stone_card .additional-info__title {
    margin-bottom: calc(14 / 13.6 * 1vw);
}

.stone_card .additional-info__title > * {
    font-size: calc(16 / 13.6 * 1vw);
    font-weight: 500;
    line-height: calc(20 / 13.6 * 1vw);
}

.stone_card .availible-items {
    justify-content: space-between;
}

.stone_card .availible-items .params {
    width: auto;
    font-size: calc(14 / 13.6 * 1vw);
    font-weight: 400;
    line-height: calc(20 / 13.6 * 1vw);
}

.stone_card .availible-items .availability {
    width: auto;
    padding-right: calc(0.58823529vw + 0.69444444vw);
    font-size: calc(12 / 13.6 * 1vw);
    font-weight: 300;
    line-height: calc(16 / 13.6 * 1vw);
    text-align: right;
}

@media (min-width: 1360px) {
    .stone_card .additional-info {
        padding-top: 345px;
    }

    .stone_card .additional-info__block:not(:last-child) {
        margin-bottom: 18px;
    }

    .stone_card .additional-info__title {
        margin-bottom: 14px;
    }

    .stone_card .additional-info__title > * {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
    }

    .stone_card .availible-items {
        justify-content: space-between;
    }

    .stone_card .availible-items .params {
        width: auto;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .stone_card .availible-items .availability {
        width: auto;
        padding-right: calc(0.58823529vw + 0.69444444vw);
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        text-align: right;
    }
}

.filter_hidden {
    display: none;
}

.filter_hidden-btn {
    font-size: calc(14 / 13.6 * 1vw);
    line-height: calc(16 / 13.6 * 1vw);
    display: flex;
    align-items: center;
    grid-column-gap: calc(8 / 13.6 * 1vw);
    cursor: pointer;
    color: #008295;
}

.filter_hidden-btn::after {
    content: '';
    width: calc(10 / 13.6 * 1vw);
    height: calc(10 / 13.6 * 1vw);
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2.5L6 7.5L11 2.5' stroke='%23008295'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.filter_hidden-btn.is-active::after {
    transform: rotate(180deg);
}

@media (min-width: 1360px) {
    .filter_hidden-btn {
        font-size: 14px;
        line-height: 16px;
        grid-column-gap: 8px;
    }

    .filter_hidden-btn::after {
        width: 10px;
        height: 10px;
    }
}

@media (max-width: 768px) {
    .filter_hidden-btn {
        font-size: calc(14 / 3.2 * 1vw);
        line-height: calc(16 / 3.2 * 1vw);
        grid-column-gap: calc(8 / 3.2 * 1vw);
    }

    .filter_hidden-btn::after {
        width: calc(10 / 3.2 * 1vw);
        height: calc(10 / 3.2 * 1vw);
    }
}

@media (min-width: 769px) {
    .filter_block .div_btn {
        position: sticky;
        left: 0;
        right: 0;
        bottom: 20px;
        background: #fff;
    }

    .filter_block form {
        position: relative;
    }

    .filter_block .filter {
        box-shadow: 0px 4px 26px 31px #ffffff;
    }
}


.main-slider + .page-header {
    margin-top: calc(-60 / 13.6 * 1vw);
}

.page-header {
    margin-bottom: calc(60 / 13.6 * 1vw);
    z-index: 2;
    position: relative;
}

.page-header__title {
    margin-left: auto;
    padding: calc(50 / 13.6 * 1vw) 10px calc(15 / 13.6 * 1vw);
    width: 65.6%;
}

.page-header__title > * {
    font-family: 'Raleway';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 112%;
    /*max-width: calc(677 / 13.6 * 1vw);*/
    text-align: right;
    color: lightgray;
}

@media (min-width: 1360px) {
    .main-slider + .page-header {
        margin-top: calc(-10 / 3.2 * 1vw);
    }

    .page-header {
        margin-bottom: 60px;
    }
}

@media (max-width: 768px) {
    .main-slider + .page-header {
        margin-top: calc(-45 / 3.2 * 1vw);
    }

    .page-header {
        margin-bottom: calc(36 / 3.2 * 1vw);
    }

    .page-header__title {
        padding: calc(40 / 3.2 * 1vw) 5px 5px;
        width: 100%;
    }

    .page-header__title h1 {
        padding-top: 20px;
    }
}

.seo-text-wrapper {
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1360px;
}

.seo-text > * {
    font-size: 12px;
    line-height: 25px;
}

.seo-text > :not(:last-child) {
    margin-bottom: 16px;
}

.seo-text {
    color: rgba(34, 39, 41, 0.7);
}

.seo-text-wrapper {
    margin-bottom: 80px;
}

main + .seo-text-wrapper {
    margin-top: -80px;
}

@media (min-width: 769px) and (max-width: 1359px) {
    main + .seo-text-wrapper {
        margin-top: calc(-80 / 13.6 * 1vw);
    }

    .seo-text-wrapper {
        margin-bottom: calc(80 / 13.6 * 1vw);
    }

    nav .navigation .nav-list li li > a {
        font-size: 0.7vw;
    }
}

@media (max-width: 768px) {
    main + .seo-text-wrapper {
        margin-top: 0;
    }

    .seo-text-wrapper {
        margin-bottom: 0;
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }

    .seo-text > * {
        font-size: calc(12 / 3.1 * 1vw);
        line-height: calc(25 / 3.1 * 1vw);
    }
}

@media screen and (min-width: 1360px) {
    .dropdown .dropdown-toggle {
        padding: 7px 27px;
    }

    .dropdown .dropdown-toggle p {
        font-size: 14px;
        line-height: 19px;
        margin-right: 11px;
    }

    .dropdown .dropdown-toggle img {
        width: 7px;
        height: 4px;
    }

    .breadcrumbs {
        margin-left: auto;
        display: table;
    }

    .breadcrumbs ul {
        display: flex;
        align-items: center;
    }

    .breadcrumbs li {
        margin-right: 10px;
    }

    .breadcrumbs li:after {
        margin-left: 8px;
    }

    .breadcrumbs li,
    .breadcrumbs a {
        font-size: 8px;
        line-height: 20px;
        letter-spacing: 2px;
    }

    footer {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px;
        margin: 0 auto;
    }

    footer hr:first-of-type {
        margin-bottom: 40px;
    }

    footer hr:last-of-type {
        margin-top: 36px;
        margin-bottom: 10px;
    }

    footer .info-list {
        margin-bottom: 29px;
        margin-right: 75px;
    }

    footer .info-list li {
        list-style-type: none;
    }

    footer .info-list li a {
        font-size: 12px;
        line-height: 26px;
    }

    footer .info-list li.title-list {
        margin-bottom: 14px;
    }

    footer .info-list li.title-list a {
        font-size: 14px;
        line-height: 26px;
    }

    footer .info-list .nested-list li a {
        font-family: 'Manrope';
        font-weight: normal;
        color: #AAAAAA;
    }

    footer .info-list .nested-list li:last-child {
        margin-bottom: 24px;
    }

    footer .footer_short-info {
        width: calc(100% / 12 * 3);
    }

    footer .footer_short-info a {
        display: block;
    }

    footer .footer_short-info .social {
        display: block;
    }

    footer .footer_short-info .social a {
        display: inline-block;
        margin-right: 30px;
    }

    footer .footer_short-info .social a:last-child {
        margin-right: 0;
    }

    footer .footer_short-info .social a img {
        width: 16px;
        height: 16px;
        object-fit: cover;
    }

    footer .footer_short-info .tel {
        /*font-size: 18px;*/
        line-height: 25px;
        margin-bottom: 16px;
    }

    footer .footer_short-info .buy {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0.8vw;
    }

    footer .footer_short-info .partnership,
    footer .footer_short-info .path {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0.8vw
    }

    footer .footer_short-info .address {
        font-size: 12px;
        line-height: 25px;
        margin-bottom: 25px;
    }

    footer .footer_short-info .filials {
        font-size: 12px;
        line-height: 26px;
        margin-bottom: 38px;
    }

    footer .copyrights {
        display: flex;
        justify-content: space-between;
    }

    footer .copyrights a,
    footer .copyrights p {
        font-size: 12px;
        line-height: 26px;
    }

    footer .copyrights p {
        margin-right: 56px;
    }

    footer .copyrights a {
        margin-right: 86px;
    }

    footer .copyrights a:last-child {
        margin-right: auto;
    }

    footer .copyrights a.creators {
        margin-left: auto;
        margin-right: 0;
        display: flex;
        align-items: flex-start;
    }

    footer .copyrights a.creators p {
        font-size: 12px;
        line-height: 26px;
        margin-right: 6px;
    }

    footer .copyrights a.creators img {
        height: 16px;
        width: auto;
        margin-top: 10px;
    }

    .banner-catalog {
        margin-bottom: 100px;
        width: 1360px;
        background: #008295;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-catalog .img-cover {
        width: calc((100% - 40px * 2) / 12 * 4 + 40px);
    }

    .banner-catalog .text-section {
        width: calc((100% - 40px * 2) / 12 * 8 + 40px);
        padding: 100px;
    }

    .banner-catalog .text-section h3 {
        font-size: 42px;
        line-height: 45px;
        margin-bottom: 25px;
        width: 600px;
    }

    .banner-catalog .text-section p {
        font-size: 16px;
        line-height: 25px;
        width: 425px;
    }

    .banner-catalog .text-section a.decorative-link {
        color: #FFFFFF;
    }

    .banner-catalog .text-section a.decorative-link:after {
        left: -50px;
        right: unset;
    }

    .block-with-image {
        position: relative;
    }

    .block-with-image .block_header .backgr {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .block-with-image .block_img {
        width: calc((100vw - 2.77777778vw * 2) / 12 * 5);
        height: 57.63888889vw;
        overflow: hidden;
        position: absolute;
        top: 4.58333333vw;
        right: 0;
    }

    .block-with-image .block_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .block-with-image .text_block {
        width: calc((100vw - 5.55555556vw) / 12 * 7 + 2.77777778vw);
        padding-right: calc(100% / 7);
        padding-top: 7.5vw;
        padding-left: calc(100% / 12);
        padding-bottom: 6.45833333vw;
    }

    .block-with-image .text_block h2 {
        font-size: 3.88888889vw;
        line-height: 4.16666667vw;
        color: #FFFFFF;
        margin-bottom: 3.05555556vw;
    }

    .block-with-image .text_block .wrapp {
        margin-left: 3.19444444vw;
    }

    .block-with-image .text_block .btn {
        font-family: 'Manrope';
        font-weight: bold;
        display: inline-block;
        margin-top: 4.16666667vw;
        font-size: 0.90277778vw;
        line-height: 1.25vw;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        color: #FFFFFF;
        padding: 1.45833333vw 1.73611111vw;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .block-with-image .text_block p {
        font-family: 'Manrope';
        font-weight: 300;
        font-size: 1.25vw;
        line-height: 2.08333333vw;
        color: #E3E3E3;
        margin-bottom: 5vw;
    }

    .block-with-image .text_block .company-card {
        margin-bottom: 3.125vw;
    }

    .block-with-image .text_block .company-card:last-of-type {
        margin-bottom: 0;
    }

    .block-with-image .text_block .company-card img {
        margin-bottom: 1.04166667vw;
    }

    .block-with-image .text_block .company-card .company-country {
        font-family: 'Manrope';
        font-weight: 300;
        font-size: 0.97222222vw;
        line-height: 1.38888889vw;
        color: #E3E3E3;
        margin-bottom: 0;
    }

    .hover_card {
        display: flex;
        width: calc(100% / 12 * 5);
        margin-right: calc(100% / 12);
        margin-bottom: 55px;
        min-height: 212.5px;
    }

    .hover_card:before {
        width: calc(100% + 17px + 23px);
        height: calc(100% + 17px + 19px);
        position: absolute;
        top: -17px;
        left: -17px;
    }

    .hover_card .card_cover {
        z-index: 9;
        margin-right: 20px;
        width: 160px;
        height: fit-content;
        max-height: 216px;
    }

    .hover_card .card_cover.plug img {
        width: 38px;
    }

    .hover_card .card_cover .document-type {
        width: 60px;
        height: 60px;
    }

    .hover_card .card_cover .document-type img {
        width: 26px;
        height: 34px;
    }

    .hover_card .card_info {
        width: calc(100%);
    }

    .hover_card .card_info .btn {
        padding: 13px 21px;
    }

    .hover_card .card_info .btn img {
        width: 17px;
        height: 17px;
        margin-right: 10px;
    }

    .hover_card .card_info .btn p {
        font-size: 14px;
        line-height: 20px;
    }

    .hover_card .card_title {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 9px;
    }

    .hover_card .card_descr {
        font-size: 13px;
        line-height: 20px;
    }

    div.info_card {
        display: flex;
        align-items: center;
        width: 210px;
        flex-shrink: 0;
    }

    div.info_card img {
        width: 64px;
        height: 64px;
        object-fit: contain;
        margin-right: 23px;
    }

    div.info_card .text-wrapp {
        width: calc(100% - 76px - 23px);
    }

    div.info_card .text-wrapp p {
        font-size: 16px;
        line-height: 25px;
    }

    .text-block {
        width: calc(1280px / 12 * 7);
        margin-bottom: 100px;
        margin-left: calc((100% - 80px) / 12 * 2 + 40px);
    }

    .text-block p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .text-block p + a.download-link {
        margin-top: 55px;
    }

    .text-block .bigger {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 36px;
    }

    .text-block ol,
    .text-block ul {
        margin-bottom: 78px;
        padding-left: 30px;
    }

    .text-block ol li,
    .text-block ul li {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .text-block ol li::before {
        font-size: 30px;
        line-height: 40px;
        margin-left: -30px;
        margin-right: 20px;
    }

    .text-block ul li::before {
        margin-left: -30px;
        margin-right: 20px;
        top: 10px;
    }

    .form_block {
        padding-top: 97px;
        position: relative;
        margin-bottom: 100px;
    }

    .form_block .request-popup_btn {
        display: none;
    }

    .form_block:before {
        height: 722px;
    }

    .form_block .back {
        height: 722px;
    }

    .form_block .content-wrapp {
        width: 1066px;
    }

    .form_block .wrapp_header {
        margin: 0 auto;
        padding-left: calc(100% / 10);
        margin-bottom: 30px;
    }

    .form_block .wrapp_header h2 {
        font-size: 56px;
        line-height: 60px;
        /* or 107% */
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: 2.94117647vw;
        width: 70%;
    }

    .form_block .wrapp_header p {
        font-size: 16px;
        line-height: 25px;
        width: 70%;
    }

    .form_block .wrapp_footer {
        background: #FFFFFF;
        padding-top: 50px;
        padding-left: calc(100% / 10);
        padding-right: calc(100% / 10);
        padding-bottom: 50px;
    }

    .form_block input,
    .form_block textarea {
        padding: 20px;
        height: 65px;
        font-size: 16px;
        line-height: 25px;
        width: 415px;
        margin-bottom: 20px;
    }

    .form_block input:last-child,
    .form_block textarea:last-child {
        margin-bottom: 0;
    }

    .form_block textarea {
        height: calc(3 * 65px + 2 * 20px);
    }

    .form_block .input-wrapp {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .form_block button {
        padding: 21px 25px;
        font-size: 13px;
        line-height: 18px;
    }

    .popular_decor {
        width: 1066px;
        margin: 0 auto;
        margin-bottom: 18px;
    }

    .popular_decor h2 {
        font-size: 56px;
        line-height: 60px;
        margin-bottom: 40px;
    }

    .tab_navigation {
        margin-bottom: 60px;
        display: flex;
        max-width: 1280px;
        /*margin-right: auto;*/
        margin-left: auto;
    }

    .tab_navigation li {
        font-size: 14px;
        line-height: 19px;
        margin-right: 62px;
        padding-bottom: 2px;
    }

    .stone_card {
        display: block;
        position: relative;
        width: 310px;
        margin-right: 64px;
        margin-bottom: 82px;
    }

    .stone_card .label {
        padding: 7px 18px;
        font-size: 12px;
        line-height: 17px;
    }

    .stone_card .stone_cover {
        width: 310px;
        height: 220px;
        margin-bottom: 17px;
    }

    .stone_card .stone_name {
        font-size: 20px;
        line-height: 34px;
        padding-right: 18px;
    }

    .stone_card .stone_company {
        font-size: 14px;
        line-height: 20px;
    }

    .stone_card .additional-info {
        padding: 30px;
        top: -30px;
        left: -30px;
        width: calc(100% + 30px * 2);
        min-height: calc(100% + 30px * 2);
        padding-top: 351px;
    }

    .stone_card .availible-items .params {
        width: auto;
        margin-right: 21px;
        font-size: 14px;
        line-height: 20px;
        color: #222729;
    }

    .stone_card .availible-items .availability {
        width: auto;
        padding-right: calc(.58823529vw + .69444444vw);
        font-size: 12px;
        line-height: 16px;
    }

    .project_card {
        display: block;
        width: calc((100% - 28px) / 2);
    }

    .project_card .project_cover {
        margin-bottom: 25px;
        width: 100%;
        height: 280px;
    }

    .project_card .project_name {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .project_card .project_description {
        font-size: 14px;
        line-height: 20px;
    }

    .project_card .prj-info {
        width: 400px;
    }

    .filter_block {
        width: calc(100% / 12 * 2 + 30px);
    }

    .filter_block .legend {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px;
    }

    .filter_block .art-input_wrapp {
        margin-bottom: 48px;
        position: relative;
    }

    .filter_block .art-input_wrapp img {
        position: absolute;
        top: 17px;
        left: 13px;
        width: 18px;
        height: 16px;
    }

    .filter_block .art-input_wrapp input {
        width: 185px;
        background: #FFFFFF;
        border: 1px solid #E3E3E3;
        padding: 17px 17px 17px 44px;
        font-family: 'Manrope';
        font-weight: normal;
        font-size: 16px;
        line-height: 16px;
        color: #555555;
        height: 50px;
    }

    .filter_block fieldset {
        margin-bottom: 35px;
    }

    .filter_block fieldset:last-of-type {
        margin-bottom: 60px;
    }

    .filter_block .input-wrapp {
        margin-bottom: 15px;
        max-width: 185px;
        height: 25px;
        font-size: 14px;
        line-height: 25px;
        padding-left: calc(35px);
    }

    .filter_block .input-wrapp .checkmark {
        margin-right: 10px;
        width: 25px;
        height: 25px;
    }

    .filter_block .input-wrapp input:checked ~ .checkmark {
        background-color: #008295;
        border: 1px solid #008295;
    }

    .filter_block .input-wrapp .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .filter_block .input-wrapp input:checked ~ .checkmark:after {
        display: block;
    }

    .filter_block .input-wrapp .checkmark:after {
        left: 7px;
        top: 4px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .filter_block button {
        font-size: 11px;
        line-height: 15px;
        padding: 21px 25px;
    }

    .filter_block .colors_select {
        display: flex;
        flex-flow: row wrap;
        max-width: 185px;
    }

    .filter_block .colors_select .color_input {
        margin-right: 8px;
        margin-bottom: 8px;
        width: 40px;
        height: 40px;
    }

    .filter_layout {
        max-width: 1360px;
        margin: 0 auto;
        padding-top: 70px;
        padding-bottom: 100px;
        margin-bottom: 100px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .result_layout .filter-option_wrapp {
        margin-bottom: 44px;
    }

    .result_layout .filter-option_wrapp .result-descr {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 17px;
    }

    .result_layout .filter-option_wrapp .option {
        padding: 3px 15px;
        margin-right: 15px;
    }

    .result_layout .filter-option_wrapp .option .color {
        height: 23px;
        width: 23px;
        background: #B8B6B8;
        margin-right: 15px;
        margin-left: -11px;
    }

    .result_layout .filter-option_wrapp .option p {
        font-size: 12px;
        line-height: 25px;
        margin-right: 15px;
    }

    .result_layout .filter-option_wrapp .option img {
        width: 10.5px;
        height: 10.5px;
    }

    .result_layout .filter-option_wrapp .reset-btn {
        font-size: 12px;
        line-height: 25px;
        padding: 3px 15px;
    }

    .result_layout .layout_footer {
        width: 100%;
        margin-top: 25px;
    }

    .result_layout .layout_footer p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .result_layout .layout_footer .btn {
        font-size: 13px;
        line-height: 18px;
        padding: 21px 25px;
    }

    .product_card {
        margin-bottom: 45px;
        margin-right: 26px;
        width: calc((100% - 28px) / 2);
    }

    .product_card .product_cover {
        margin-bottom: 17px;
        width: 100%;
        height: 280px;
    }

    .product_card .product_name {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 2px;
    }

    .product_card .product_name span {
        font-size: 14px;
        line-height: 20px;
    }

    .product_card .product_description {
        font-size: 12px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        overflow: hidden;
        max-width: 400px;
        max-height: calc(4 * 20px);
    }

    .product_card .product-info {
        width: 400px;
    }

    .promotion_banner {
        width: calc((100% - 28px) / 2);
        height: 365px;
        background: #008295;
        padding: 43px 43px 41px 41px;
    }

    .promotion_banner h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .promotion_banner .btn {
        padding: 21px 25px;
        bottom: 41px;
        font-size: 13px;
        line-height: 18px;
    }

    .promotion_cards {
        max-width: 1360px;
        margin: 0 auto;
        margin-bottom: 100px;
    }

    .promotion_cards .card {
        width: calc((100% - 60px) / 2);
        padding: 80px 90px 100px 132px;
        position: relative;
        height: 600px;
    }

    .promotion_cards .card h2 {
        font-size: 56px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .promotion_cards .card p {
        font-size: 16px;
        line-height: 25px;
    }

    .promotion_cards .card a {
        position: absolute;
        bottom: 100px;
        font-size: 13px;
        line-height: 18px;
        padding: 21px 25px;
    }

    .hover-cards_layout {
        max-width: 1360px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 50px;
        margin-bottom: 100px;
        margin-left: auto;
        margin-right: auto;
    }

    .presentation-wrapp {
        width: calc((100% - 2 * 40px) / 12 * 8);
        margin-right: auto;
        margin-left: calc((100% - 2 * 40px) / 12 * 2 + 40px);
        margin-bottom: 100px;
    }

    .presentation-wrapp #presentation {
        margin-bottom: 15px;
        height: 515px;
    }

    .presentation-wrapp .sign {
        font-size: 14px;
        line-height: 20px;
    }

    .rotator-article_section {
        position: relative;
        width: calc((100% - 2 * 40px) / 12 * 10);
        margin: 0 auto;
        margin-bottom: 100px;
    }

    .rotator-article_section .controls {
        bottom: 125px;
    }

    .rotator-article_section .item {
        width: 854px;
        height: 520px;
    }

    .rotator-article_section .owl-dots {
        padding-top: 20px;
    }

    .rotator-article_section .owl-dots .owl-dot {
        width: 13px;
        height: 13px;
        margin-right: 10px;
    }
}

#cookie-text a {
    color: #222729;
    font-weight: 600;
}

.chat-bot a {

    /*text-decoration-line: none;*/
    border: 1px solid #222729;
    color: #222729;
    margin-bottom: 2.2vw;

    cursor: pointer;
    font-family: 'Manrope';
    font-size: 0.97222222vw;
    line-height: 1.80555556vw;
    margin-right: 2vw;
    min-width: 13vw;
    width: max-content;
    height: 40px;
    text-decoration-line: none;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

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

    .chat-bot a {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 35px;
    }
}


@media screen and (max-width: 768px) {
    .chat-bot a {
        font-size: 16px;
        line-height: 18px;
        min-width: 220px;
    }
}