@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: #FFFFFF;
    font-family: 'Manrope';
    font-weight: normal;
    overflow-y: scroll;
    overflow-x: hidden
}

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

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

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

a.decorative-link {
    position: relative;
    font-family: 'Manrope';
    font-weight: bold;
    font-size: .95588235vw;
    line-height: 1.32352941vw;
    text-align: right;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #222729
}

a.decorative-link:after {
    content: '';
    display: block;
    width: 6.17647059vw;
    height: 6.17647059vw;
    position: absolute;
    right: -3.89705882vw;
    top: -1.54411765vw;
    transition: .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: .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: .3s all ease-in-out
}

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

a.download-link p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.17647059vw;
    color: #3D3D3F;
    transition: .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
}

.dropdown {
    position: relative
}

.dropdown .dropdown-toggle {
    padding-left: 2.01388889vw;
    padding-top: .625vw;
    padding-bottom: .76388889vw;
    padding-right: 1.73611111vw;
    border: 2px solid #AD1221;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .3s all ease-in-out
}

.dropdown .dropdown-toggle.active {
    background: #CF3620;
    transition: .3s all ease-in-out;
    border: 2px solid rgba(207, 54, 32, 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: .97222222vw;
    line-height: 1.31944444vw;
    color: #222729;
    margin-right: .76388889vw
}

.dropdown .dropdown-toggle img {
    width: .61vw;
    height: auto;
    margin-top: 5px
}

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

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

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

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

.dropdown .dropdown_list li {
    list-style-type: none;
    border-bottom: 1px solid #E3E3E3
}

.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: 12px;
    line-height: 14px;
    color: #222729
}

.dropdown .dropdown_list a:hover {
    background: #f7f7f7
}

nav {
    background: #FFFFFF
}

nav .burger-menu_icon {
    display: none
}

nav .nav_header {
    padding-top: 1.52777778vw;
    padding-bottom: 1.18055556vw;
    padding-left: 2.77777778vw;
    padding-right: 2.77777778vw;
    width: 100%;
    background: #FFFFFF
}

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

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 {
    margin-bottom: 1.11111111vw
}

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: 3.75vw
}

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: .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: .83333333vw;
    line-height: 1.11111111vw;
    color: #CF3620
}

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: .88235294vw;
    line-height: 1.02941176vw;
    color: #222729;
    display: block
}

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

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

nav .information hr {
    margin-top: .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 {
    margin-right: 3.33333333vw;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: .97222222vw;
    line-height: 1.31944444vw;
    color: #222729;
    cursor: pointer
}

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

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

nav .information .search.small .close-icon {
    opacity: 0
}

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

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

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

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

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

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

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

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

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

nav .information .search input {
    opacity: 0;
    width: 23.52941176vw;
    position: absolute;
    top: .58823529vw;
    left: 0;
    padding: .66176471vw .36764706vw .66176471vw 2.64705882vw;
    font-family: 'Manrope';
    font-weight: normal;
    font-size: .88235294vw;
    line-height: 1.17647059vw;
    color: #222729
}

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: .76388889vw;
    line-height: 1.17647059vw;
    letter-spacing: .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: .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: .3s all ease-in-out
}

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

nav .information .lang-picker .lang-list {
    transition: .3s all ease-in-out;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0 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: .76388889vw;
    line-height: 1.04166667vw;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #222729
}

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

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

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

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

nav .logo img {
    width: 24.41176471vw;
    height: 5.07352941vw;
    object-fit: contain
}

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

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

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

nav.sticky .nav_header {
    padding-top: .36764706vw;
    padding-bottom: .88235294vw
}

nav.sticky .navigation {
    margin-top: .95588235vw
}

nav.sticky .navigation .nav-list {
    margin-bottom: .73529412vw
}

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

nav.sticky .information hr {
    margin-top: .36764706vw;
    margin-bottom: 1.02941176vw
}

nav.nav-light {
    background: transparent;
    position: relative;
    width: 100%;
    z-index: 999
}

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

nav.nav-light .logo .logo-light {
    display: block
}

nav.nav-light .nav_header {
    background: transparent
}

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

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

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

nav.nav-light .navigation .nav-list .submenu a {
    color: #222729
}

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: .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 #D5D5D5
}

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 #D5D5D5
}

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;
    padding-bottom: 2.35294118vw;
    padding-top: 1.31944444vw
}

.nav_bottom h1 {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 3.5vw;
    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: relative
}

[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: #CF3620
}

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

nav div.submenu {
    pointer-events: none;
    opacity: 0;
    transition: .3s opacity ease-in-out;
    background: #FFFFFF;
    position: absolute;
    left: -1.17647059vw;
    top: -0.88235294vw;
    z-index: 999999;
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.15);
    min-width: calc(100% + 1.17647059vw * 2);
    padding-top: 3.89705882vw;
    padding-left: 1.17647059vw;
    padding-right: 1.17647059vw;
    padding-bottom: 2.13235294vw
}

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: .73529412vw;
    white-space: nowrap
}

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

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

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

nav div.submenu.big {
    padding-top: 5.22058824vw;
    padding-left: 3.38235294vw;
    padding-right: 3.38235294vw;
    padding-bottom: 5.51470588vw;
    width: 80vw
}

nav div.submenu.big .column {
    display: flex
}

nav div.submenu.big ul {
    margin-bottom: 3.67647059vw
}

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: .88235294vw;
    line-height: 1.17647059vw;
    color: #555555;
    display: inline-block;
    margin-bottom: 1vw
}

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

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

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 {
    margin-top: 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 #CF3620
}

.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: .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: .73529412vw
}

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

@media screen and (max-width: 768px) {
    nav .nav_header {
        padding-bottom: 1.875vw
    }

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

    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 {*/
    /*    display: none*/
    /*}*/
    .nav_bottom h1, .nav_bottom .subtitle {
        font-size: 30px;
        line-height: 32px;
        color: #222729;
    }

    .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 {
        padding-top: 13px;
        padding-bottom: 17px;
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px;
        margin: 0 auto
    }

    nav .navigation .nav-list {
        margin-bottom: 16px;
        margin-top: 6px
    }

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

    nav .navigation .nav-list li {
        margin-right: 54px
    }

    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 .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;
        margin-right: 32px
    }

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

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

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

    nav .information .search.full .search-input input {
        z-index: 9999;
        opacity: 1;
        min-width: 320px;
        padding: 9px 5px 9px 36px;
        font-family: 'Manrope';
        font-weight: normal;
        font-size: 12px;
        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: .3s all ease-in-out;
        height: 11px;
        width: 11px
    }

    nav .information .search input {
        width: 320px;
        padding: 9px 5px 9px 36px;
        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: 11px;
        line-height: 15px
    }

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

    nav .information .lang-picker .lang-list a {
        font-size: 10px;
        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
    }

    nav .logo img {
        width: 332px;
        height: 69px
    }

    nav.sticky {
        top: -400px
    }

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

    nav.sticky .navigation {
        margin-top: -13px
    }

    nav.sticky .navigation .nav-list {
        margin-bottom: 10px
    }

    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_bottom {
        padding-left: calc(40px + (100vw - 1360px) / 2);
        padding-right: calc(40px + (100vw - 1360px) / 2);
        padding-bottom: 32px;
        padding-top: 19px;
        margin: 0 auto
    }

    .nav_bottom h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .nav_bottom .subtitle {
        font-size: 40px;
        line-height: 42px;
        margin-top: -27.2px;
        margin-bottom: -9.52px
    }

    .nav_bottom .subtitle-text {
        margin-top: 28px;
        font-size: 16px;
        line-height: 25px
    }

    nav div.submenu {
        left: -16px;
        top: -12px;
        min-width: calc(100% + 16px * 2);
        padding-top: 53px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 30px
    }

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

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

    nav div.submenu ul a {
        font-size: 12px;
        line-height: 20px
    }

    nav div.submenu.big {
        padding-top: 71px;
        padding-left: 46px;
        padding-right: 46px;
        padding-bottom: 75px;
        width: 1088px
    }

    nav div.submenu.big ul {
        margin-bottom: 50px
    }

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

    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
    }

    .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
}

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

.breadcrumbs li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-right: .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: .69444444vw;
    margin-bottom: 1px
}

.breadcrumbs li, .breadcrumbs a {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: .55555556vw;
    line-height: 1.38888889vw;
    letter-spacing: .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: .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: .83333333vw;
    line-height: 1.80555556vw;
    color: #555555
}

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

footer .info-list li.title-list a {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: .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.25vw;
    line-height: 1.73611111vw;
    text-transform: uppercase;
    color: #222729;
    margin-bottom: 1.11111111vw;
    white-space: nowrap
}

footer .footer_short-info .buy {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: .97222222vw;
    line-height: 1.80555556vw;
    color: #CF3620;
    margin-bottom: .27777778vw
}

footer .footer_short-info .partnership {
    cursor: pointer;
    font-family: 'Manrope';
    font-weight: normal;
    text-decoration-line: underline;
    font-size: .97222222vw;
    line-height: 1.80555556vw;
    color: #222729;
    margin-bottom: 2.43055556vw
}

footer .footer_short-info .address {
    font-family: 'Manrope';
    font-weight: normal;
    width: 70%;
    font-size: .83333333vw;
    line-height: 1.73611111vw;
    color: #222729;
    opacity: .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: .83333333vw;
    line-height: 1.80555556vw;
    text-decoration-line: underline;
    color: #222729;
    opacity: .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: .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: .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: .83333333vw;
    line-height: 1.80555556vw;
    color: #222729;
    font-family: 'Manrope';
    font-weight: normal;
    margin-right: .41666667vw
}

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

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

    footer .breadcrumbs {
        display: flex
    }

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

    footer .container {
        display: block
    }

    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 {
        order: 2;
        font-size: 5.625vw;
        line-height: 7.8125vw;
        margin: 0
    }

    footer .footer_short-info .social {
        order: 1
    }

    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 {
        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: 16px;
        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: 12vw;
        height: auto
    }

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

    footer .info-list li {
        margin-bottom: .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
    }
}

.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: calc(40 / 13.6 * 1vw);
    letter-spacing: -1px
}

.banner .text-section p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: .97222222vw;
    line-height: 1.38888889vw;
    color: #FFFFFF;
    padding-right: calc(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: .90277778vw;
    line-height: 1.25vw;
    letter-spacing: .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: #AD1221;
    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: .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.jpg) 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;
    color: #555555;
    opacity: .8;
    position: relative
}

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

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

.promotion_cards .card.blue_card {
    background: #AD1221
}

.promotion_cards .card.blue_card:before {
    opacity: 1;
    background-size: 120% 120%;
    transition-property: background-size;
    transition: 10s background-size, .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: #AD1221;
        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 #fff;
        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: 0 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: .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: .90277778vw 1.45833333vw;
    border: 2px solid #ad1221
}

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

.hover_card .card_info .btn:hover {
    background: rgba(173, 18, 33, 0.05)
}

.hover_card .card_info .btn p {
    margin: 0;
    font-size: .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: .625vw;
    display: inline-block;
    transition: .3s all ease-out
}

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

.hover_card .card_descr {
    font-size: .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: .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%, #fff 50%, #fff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 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: .3s all ease-in-out;
        opacity: 0
    }

    .hover_card:hover .card_info:before {
        opacity: 1;
        transition: .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: #cf3620
}

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

.text-block p a:hover {
    color: rgba(0, 80, 102, 0.8);
    transition: .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: #AD1221;
    border-bottom: 1px solid rgba(0, 80, 102, 0.5);
    transition: .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: .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: #CF3620;
    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 #CF3620;
    margin-left: -2.20588235vw;
    margin-right: 1.47058824vw;
    position: absolute;
    top: .73529412vw
}

@media screen and (max-width: 768px) {
    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: .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: .95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #222729;
    border: 2px solid #AD1221;
    background: white;
    transition: .3s all ease-in-out
}

.form_block button:hover {
    background: rgba(207, 54, 32, 0.1);
    transition: .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: .25em;
        text-transform: uppercase;
        display: inline-block;
        color: #FFFFFF;
        padding: 6.25vw;
        border: 1px solid rgba(255, 255, 255, 0.3);
        transition: .3s all ease-in-out
    }

    .form_block .request-wish_popup_btn:hover, .form_block .request-offer_popup_btn:hover {
        background-image: rgba(255, 255, 255, 0.05);
        transition: .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: .4s all ease-in-out
}

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

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

.tab_navigation {
    margin-bottom: 4.19117647vw;
    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: .14705882vw;
    flex-shrink: 0;
    cursor: pointer
}

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

.tab_navigation li.active {
    border-bottom: 1px solid #CF3620;
    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
    }

    .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-left: auto;
        display: block;
        margin-top: 6.25vw;
        padding-right: 5vw
    }

    .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: #CF3620
}

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

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

.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: .58823529vw;
    width: .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: .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: 0 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: .73529412vw;
    display: flex;
    align-items: center
}

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

.availible-items .params {
    width: 12.5vw;
    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: 10.73529412vw;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: .88235294vw;
    line-height: 1.17647059vw;
    padding-right: .58823529vw;
    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: .58823529vw;
    width: .58823529vw;
    border-radius: 50%;
    margin-left: .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 .stone_name:after {
        width: 1.5vw;
        height: 1.5vw
    }

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

.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: .73529412vw;
    font-feature-settings: 'pnum' on, 'lnum' on
}

.project_card .project_description {
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #555555;
    opacity: .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: .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;*/
    font-size: 14px;
    line-height: 16px;
    color: #555555
}

.filter_block .legend {
    font-size: .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(.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 .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: .73529412vw;
    flex-shrink: 0;
    width: 1.83823529vw;
    height: 1.83823529vw;
    border: 1px solid #E3E3E3
}

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

.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: .51470588vw;
    top: .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: .80882353vw;
    line-height: 1.10294118vw;
    letter-spacing: .35em;
    text-transform: uppercase;
    background: white;
    padding: 1.54411765vw 1.83823529vw;
    border: 2px solid #258295;
    display: block;
    color: #222729;
    transition: .3s all ease-in-out;
    cursor: pointer
}

.filter_block button:hover {
    transition: .3s all ease-in-out;
    background: rgba(37, 130, 149, 0.05)
}

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

.filter_block .colors_select .color_input {
    margin-right: .58823529vw;
    margin-bottom: .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 #AD1221
}

.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: #AD1221;
    margin-bottom: 0;
    margin-right: .9375vw;
    border-bottom: .5px dashed rgba(173, 18, 33, 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: #AD1221;
    font-family: 'Manrope';
    font-weight: bold;
    padding: 1.5625vw 3.4375vw;
    border: 1px solid rgba(173, 18, 33, 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: .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: .88235294vw;
    line-height: 1.83823529vw;
    color: #000000;
    margin: 0;
    margin-right: 1.10294118vw
}

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

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

.result_layout .filter-option_wrapp .reset-btn:hover {
    background: rgba(207, 54, 32, 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: .95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #222729;
    padding: 1.54411765vw 1.83823529vw;
    border: 2px solid #258295;
    display: table;
    margin: 0 auto
}

.result_layout .layout_footer .btn:hover {
    background: rgba(37, 130, 149, 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: .3s all ease-in-out
    }

    .filter_block.show {
        top: 0;
        transition: .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: .5px dashed rgba(173, 18, 33, 0.3);
        color: #AD1221;
        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: 0 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: 0.8rem;
        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: 0.75rem;
        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: 4vw;
        left: 4vw;
        width: 20px;
        height: 20px;
    }

    .filter_block a {
        font-size: 18px;
    }

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

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

    .filter_layout .filter_block {
        display: none;
        padding: 0 6.25vw 0 6.25vw;
    }

    .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: 2.5vw;
        line-height: 5.625vw;
        margin-bottom: 4.375vw;
    }

    .result_layout .layout_footer .btn {
        font-size: 10px;
        line-height: 4vw;
        padding: 3vw
    }
}

@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: .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: .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: #AD1221;
    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: .95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: .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: .51470588vw 1.32352941vw;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: .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: .73529412vw;
    width: 95%;
    max-height: calc(1.83823529vw * 3);
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.useful-info_card .useful-info_category {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: .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 * 3)
    }

    .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 * 3)
    }

    .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: .95588235vw;
    height: .95588235vw;
    border-radius: 50%;
    background: #E3E3E3;
    margin-right: .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: #AD1221
}

@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
}

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

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

.spy-navigation::-webkit-scrollbar-thumb {
    background: rgba(173, 18, 33, 0.5)
}

.spy-navigation::-webkit-scrollbar-thumb:hover {
    background: #AD1221
}

.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: .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: .3s all ease-in-out;
    background: #AD1221
}

.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: .14705882vw
}

.spy-navigation .type {
    font-family: 'Manrope';
    font-weight: normal;
    font-size: .73529412vw;
    line-height: .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(173, 18, 33, 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: .66176471vw
}

.others-materials .addition-material_card .text-descr .desct {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: .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: #CF3620;
    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 #CF3620;
    margin-right: 1.47058824vw;
    position: absolute;
    left: 0;
    top: .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%, #CF3620 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: .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: .3s all ease-out
}

.videoplayer .playpause img:hover {
    width: 140px;
    height: 140px;
    transition: .3s all ease-out
}

.visualizer-block {
    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 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.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: calc((100% - 2.94117647vw * 2) / 12 * 4);
    margin-left: calc((100% - 2.94117647vw * 2) / 12)
}

.visualizer-block .text-wrapp.mobile {
    display: none
}

.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 p {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555555;
    margin-bottom: 2.94117647vw
}

.visualizer-block .decorative-link:after {
    right: unset;
    transform: unset;
    left: -5.14705882vw
}

@media screen and (max-width: 768px) {
    .visualizer-block {
        display: block;
        width: calc(100% - 2 * 6.25vw);
        margin: 0 auto;
        padding-bottom: 12.5vw;
        margin-bottom: 12.8125vw
    }

    .visualizer-block .video-section {
        width: 100%;
        height: 76.5625vw;
        margin-bottom: 13.4375vw
    }

    .visualizer-block .text-wrapp {
        width: 100%;
        margin: 0
    }

    .visualizer-block .text-wrapp h2, .visualizer-block .text-wrapp p {
        display: none
    }

    .visualizer-block a.decorative-link {
        padding-left: 5vw
    }

    .visualizer-block a.decorative-link:after {
        left: 0;
        top: -6.5625vw
    }

    .visualizer-block .text-wrapp.mobile {
        display: block;
        margin-bottom: 9.0625vw
    }

    .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 p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        color: #555555;
        margin-bottom: 0;
        display: inline-block
    }
}

@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: 155px
    }

    .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: .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: #AD1221;
    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.jpg) 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: .95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: .25em;
    border: 3px solid #fff;
    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: #AD1221;
    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.jpg) 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: .95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: .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: 0
    }

    .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: .88235294vw;
    line-height: 1.17647059vw;
    margin-bottom: .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: .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
    }

    .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 + 2.94117647vw)
}

.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: .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-top: calc(2 * 6.25vw);
        margin-right: 6.25vw;
        margin-left: auto;
        text-align: right
    }

    .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)
    }

    .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);
        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 {
    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: .3s all ease-in-out
}

.pop_up-wrapp.show {
    top: 0;
    transition: .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: 0 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 {
    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: .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: .14705882vw
}

.partnership_pop_up form {
    margin-top: 3.52941176vw
}

.partnership_pop_up label {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: .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(173, 18, 33, 0.3);
    box-sizing: border-box;
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 1.02941176vw;
    line-height: 1.47058824vw;
    color: #AD1221;
    transition: .3s all ease-in-out;
    display: table
}

.partnership_pop_up .add_file:hover {
    background: rgba(173, 18, 33, 0.05);
    transition: .3s all ease-in-out
}

.partnership_pop_up .add_file img {
    width: 1.25vw;
    height: 1.25vw;
    object-fit: cover;
    margin-right: .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: #AD1221;
    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: .95588235vw;
    line-height: 1.32352941vw;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #222729;
    font-family: 'Manrope';
    font-weight: bold;
    padding: 1.54411765vw 1.83823529vw;
    background: white;
    border: 1px solid rgba(207, 54, 32, 0.3);
    cursor: pointer;
    transition: .3s all ease-in-out
}

.partnership_pop_up button:hover, .partnership_pop_up .btn-close:hover {
    transition: .3s all ease-in-out;
    background: rgba(207, 54, 32, 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 {
        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: .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 {
        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: #AD1221;
        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: center
}

.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: .3s all ease-in-out
}

.brands_block .owl-item.active {
    transition: .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 #CF3620;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        margin: 0 auto;
        transition: .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: .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: 100vh;
    overflow-y: scroll;
    z-index: 9999;
    width: 100vw;
    background: #F6F6F6;
    top: -250vh;
    transition: .5s top ease-in-out
}

.burger-menu_pop_up.show {
    top: 0;
    transition: .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: .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: .05em;
    text-transform: uppercase;
    color: #222729;
    margin-right: 1vw
}

.burger-menu_pop_up .lang-picker.open .lang-list {
    pointer-events: all;
    opacity: 1;
    transition: .3s all ease-in-out
}

.burger-menu_pop_up .lang-picker .lang-list {
    position: absolute;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    transition: .3s all ease-in-out;
    background: #FFFFFF;
    box-shadow: 0 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: #FFFFFF
}

.burger-menu_pop_up .burger-menu_header {
    padding: 4.6875vw 6.25vw 0 6.25vw;
    padding-bottom: 8.75vw;
    display: flex;
    justify-content: space-between
}

.burger-menu_pop_up .burger-menu_header .logo {
    width: 42.1875vw;
    height: 8.75vw
}

.burger-menu_pop_up .burger-menu_header .close-icon {
    width: 4.6875vw;
    height: 4.6875vw
}

.burger-menu_pop_up .burger-menu_main {
    padding: 0 6.25vw;
    padding-bottom: 9.375vw
}

.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: 6.875vw
}

.burger-menu_pop_up .site-nav_list li {
    list-style-type: none
}

.burger-menu_pop_up .site-nav_list.opened .title-list img {
    transform: rotate(180deg);
    transition: .3s all ease-in-out
}

.burger-menu_pop_up .site-nav_list.opened .list_wrapp {
    padding-top: 6.875vw;
    max-height: 150vh;
    transition: .4s all ease-in-out
}

.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 {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 5.625vw;
    line-height: 5vw;
    color: #222729
}

.burger-menu_pop_up .site-nav_list .title-list img {
    width: 3.125vw;
    height: 1.5625vw;
    flex-shrink: 0;
    transform: rotate(0);
    transition: .3s all ease-in-out;
    margin-left: 5vw
}

.burger-menu_pop_up .site-nav_list .list_wrapp {
    padding-top: 0;
    max-height: 0;
    transition: .4s all ease-in-out;
    overflow: hidden
}

.burger-menu_pop_up .site-nav_list .list_wrapp li {
    margin-bottom: 9.6875vw
}

.burger-menu_pop_up .site-nav_list .list_wrapp.open {
    max-height: 100vh;
    transition: .5s all ease-in-out
}

.burger-menu_pop_up .site-nav_list .title-category {
    font-family: 'Manrope';
    font-weight: bold;
    font-size: 3.75vw;
    line-height: 5vw;
    color: #555555;
    margin-bottom: 5vw;
    display: inline-block
}

.burger-menu_pop_up .site-nav_list .nested li {
    margin-bottom: 4.0625vw
}

.burger-menu_pop_up .site-nav_list .nested a {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: 3.75vw;
    line-height: 4.375vw;
    color: #222729
}

.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: #222729
}

.burger-menu_pop_up .btn {
    padding: 6.25vw;
    font-size: 3.75vw;
    line-height: 5vw;
    letter-spacing: .25em;
    text-transform: uppercase;
    display: block;
    width: 100%;
    transition: .3s all ease-in-out;
    text-align: center;
    margin-bottom: 4.6875vw;
    border: 1px solid rgba(173, 18, 33, 0.3)
}

.burger-menu_pop_up .btn.buy-btn {
    font-family: 'Manrope';
    font-weight: bold;
    background: #AD1221;
    color: #FFFFFF
}

.burger-menu_pop_up .btn.buy-btn:hover {
    background: #e82336;
    transition: .3s all ease-in-out
}

.burger-menu_pop_up .btn.partnership-btn {
    font-family: 'Manrope';
    font-weight: 300;
    background: transparent;
    color: #AD1221
}

.burger-menu_pop_up .btn.partnership-btn:hover {
    background: rgba(173, 18, 33, 0.2);
    transition: .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: #222729;
    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: 0 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
}

.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: .73529412vw
}

.gallery_popup .prj-creator {
    font-family: 'Manrope';
    font-weight: 300;
    font-size: .95588235vw;
    line-height: 1.47058824vw;
    color: #555555;
    opacity: .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: 0 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] {
        background-position: center !important;
        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: .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: .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: .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: #AD1221;
    animation-delay: -3s
}

.preloader-container div:nth-child(2) {
    background: #AD1221;
    animation-delay: -2s
}

.preloader-container div:nth-child(3) {
    background: #AD1221;
    animation-delay: -1s
}

.preloader-container div:last-child {
    background: #AD1221;
    animation-delay: 0
}

@keyframes spin {
    0%, 100% {
        transform: translate(0)
    }
    25% {
        transform: translate(240%)
    }
    50% {
        transform: translate(240%, 230%)
    }
    75% {
        transform: translate(0, 240%)
    }
}

@media screen and (min-width: 1360px) {
    .dropdown .dropdown-toggle {
        padding-left: 29px;
        padding-top: 9px;
        padding-bottom: 11px;
        padding-right: 25px
    }

    .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: 4px
    }

    footer .footer_short-info .partnership {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 35px
    }

    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: #AD1221;
        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: .90277778vw;
        line-height: 1.25vw;
        letter-spacing: .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: .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;
        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: 170px;
        margin-right: 21px;
        font-size: 14px;
        line-height: 20px;
        color: #222729
    }

    .stone_card .availible-items .availability {
        width: calc(100% - 170px);
        padding-right: 10px;
        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: #AD1221;
        border: 1px solid #AD1221
    }

    .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: #AD1221;
        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
    }
}

.product-tags {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
}

.product-tag {
    display: block;
    padding: 6px 8px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    background: #ad1220;
    width: max-content;
    max-width: 100%;
}

.product-tag.product-tag--new {
    background: #9BC100;
}

.product-tag.product-tag--sale {
    background: #AD1221;
}

@media (max-width: 1359px) {
    .product-tag {
        font-size: 1.2509198vw;
        line-height: 1.324503vw;
        padding: .4vw 1vw;
    }
}

@media (max-width: 768px) {
    .product-tag {
        font-size: 2vw;
        line-height: 2vw;
        padding: .94vw 1.5vw;
    }
}

.ex-rate {
    display: flex;
    white-space: nowrap;
}

.ex-rate > * {
    font-weight: 300;
    font-size: 1.030169242089772vw;
    line-height: 1.839587932303164vw;
    color: #3D3D3F;
}

.ex-rate > * > * {
    font-weight: 600;
}

.ex-rate > *:not(:last-child) {
    margin-right: 1.1037527593818985vw;
}

.nav_bottom {
    position: relative;
}

.nav_bottom .ex-rate {
    padding-right: inherit;
    position: absolute;
    right: 0;
    top: -0.8830022075055187vw;
}

@media screen and (min-width: 1360px) {
    .ex-rate > * {
        font-size: 14px;
        line-height: 25px;
    }

    .ex-rate > *:not(:last-child) {
        margin-right: 15px;
    }

    .nav_bottom .ex-rate {
        top: -12px;
    }
}

@media screen and (min-width: 769px) {
    .mobile-filter_controls .ex-rate {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .nav_bottom .ex-rate {
        display: none;
    }

    .ex-rate > * {
        font-size: 16px;
        line-height: 16px;
    }

    .ex-rate > *:not(:last-child) {
        margin-right: 14px;
    }

    .product-gallery .gellery_for .slick-slide {
        line-height: 0;
    }

    .nav_header__name {
        font-size: 18px;
        line-height: calc(25 / 13.6 * 1vw);
    }

    .nav_header__cart-wrapper-block {
        margin-left: 10px;
    }

    .nav_header__name {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .ex-rate > * {
        font-size: 16px;
        line-height: 16px;
    }

    .ex-rate > *:not(:last-child) {
        margin-right: calc(10 / 3.2 * 1vw);
    }

    .product-gallery .gellery_for .slick-slide {
        line-height: 0;
    }

    .nav_header__name {
        font-size: 18px;
        line-height: calc(25 / 13.6 * 1vw);
    }

    .nav_header__cart-wrapper-block {
        margin-left: 10px;
    }

    .nav_header__name {
        font-size: 12px;
    }
}

.hidden-label_price_wrap {
    display: none;
}


@media screen and (max-width: 768px) {
    .result_layout .mobile-filter_controls .filter_btn p {
        font-family: 'Manrope';
        font-weight: normal;
        font-size: 3vw;
        line-height: 3.5vw;
    }

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