@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: 700;
    font-style: normal;
    font-display: swap;
}
@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-display: swap;
}
@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: 400;
    font-style: normal;
    font-display: swap;
}
@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-display: swap;
}
@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-display: swap;
}
.font-300 {
    font-family: Manrope;
    font-weight: 300;
}
.font-400 {
    font-family: Manrope;
    font-weight: 400;
}
.font-500 {
    font-family: Manrope;
    font-weight: 500;
}
.font-600 {
    font-family: Manrope;
    font-weight: 600;
}
.font-bold {
    font-family: Manrope;
    font-weight: 700;
}
@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.eot);
    src:
            local("Cormorant Garamond SemiBold"),
            local("CormorantGaramond-SemiBold"),
            url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.eot?#iefix)
            format("embedded-opentype"),
            url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.woff)
            format("woff"),
            url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.ttf)
            format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Light.eot);
    src:
            local("Cormorant Garamond Light"),
            local("CormorantGaramond-Light"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Light.eot?#iefix)
            format("embedded-opentype"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Light.woff)
            format("woff"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Light.ttf)
            format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Regular.eot);
    src:
            local("Cormorant Garamond Regular"),
            local("CormorantGaramond-Regular"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Regular.eot?#iefix)
            format("embedded-opentype"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Regular.woff)
            format("woff"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Regular.ttf)
            format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Medium.eot);
    src:
            local("Cormorant Garamond Medium"),
            local("CormorantGaramond-Medium"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Medium.eot?#iefix)
            format("embedded-opentype"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Medium.woff)
            format("woff"),
            url(../fonts/CormorantGaramond/CormorantGaramond-Medium.ttf)
            format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.font-semibold-Cor {
    font-family: "Cormorant Garamond";
    font-weight: 600;
}
.font-medium-Cor {
    font-family: "Cormorant Garamond";
    font-weight: 500;
}
.font-regular-Cor {
    font-family: "Cormorant Garamond";
    font-weight: 400;
    font-style: normal;
}
.font-300-Cor {
    font-family: "Cormorant Garamond";
    font-weight: 300;
}
* {
    margin: 0;
    border: 0;
    padding: 0;
    box-sizing: border-box;
}
nav {
    top: 0;
    left: 0;
    z-index: 999;
    background: #222729 !important;
    margin-bottom: 0;
}
nav.sticky {
    background: #f6f6f6 !important;
}
.nav_bottom h1 {
    color: #fff;
}
.nav_bottom h1.grandex {
    font-family: Montserrat;
    font-weight: 700;
}
.subnav .actual a {
    color: #fff;
}
.subnav a {
    color: #e3e3e3;
}
.breadcrumbs a,
.breadcrumbs li {
    color: #e3e3e3;
}
.stones-brand-hero-section {
    position: relative;
    min-height: 52.94117647vw;
    padding-top: 21.47058824vw;
    margin-top: -21.47058824vw;
}
.stones-brand-hero-section .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222729;
}
.stones-brand-hero-section .back:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #222729;
}
.stones-brand-hero-section .back img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.stones-brand-hero-section .content_wrapp {
    padding-bottom: 50px;
    position: relative;
    z-index: 15;
    margin-left: calc(((100% - 2 * 2.94117647vw) / 12) * 2 + 2.94117647vw);
    width: calc((100% - 2 * 2.94117647vw) / 12 * 5);
}
.stones-brand-hero-section .content_wrapp img {
    width: 23.52941176vw;
    height: 11.91176471vw;
    margin-bottom: 2.35294118vw;
    object-fit: contain;
}
.stones-brand-hero-section .content_wrapp p {
    font-family: Manrope;
    font-weight: 300;
    font-size: 1.32352941vw;
    line-height: 2.20588235vw;
    color: #e3e3e3;
}
.stones-brand-hero-section .decoration {
    position: absolute;
    width: calc((100% - 2 * 2.94117647vw) / 12 * 8 + 2.94117647vw);
    right: 0;
    bottom: -5.14705882vw;
    overflow: hidden;
    height: 37.35294118vw;
}
.stones-brand-hero-section .decoration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stones-brand-hero-section .decoration:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            0deg,
            rgba(17, 16, 16, 0.7),
            rgba(17, 16, 16, 0.7)
    );
    position: absolute;
    top: 0;
    left: 0;
}
.block-with-image .text-section p {
    font-family: Manrope;
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555;
    margin-bottom: 1.17647059vw;
}
.block-with-image .text-section p:last-child {
    margin-bottom: 0;
}
.block-with-image .block-title {
    font-family: "Cormorant Garamond";
    font-weight: 400;
    font-style: normal;
    font-size: 3.08823529vw;
    line-height: 3.30882353vw;
    font-feature-settings:
            "pnum" on,
            "lnum" on;
    color: #222729;
    width: auto;
}
.description_1 {
    z-index: -1;
}
.description_1.float-image {
    padding: 0;
}
.description_1 .text-section {
    margin-left: calc((100vw - 2 * 2.94117647vw) / 12 * 2 + 2.94117647vw);
    background: #fff;
    width: calc((100% - 2 * 2.94117647vw) / 12 * 9);
    padding: 12.5vw 7.79411765vw 8.97058824vw 23.52941176vw;
}
.description_1 .text-section p {
    color: #555;
}
.description_1 .block-title {
    color: #222729;
}
.description_1 .image-section {
    width: 34.33823529vw;
    height: 38.38235294vw;
    overflow: hidden;
    top: 5.14705882vw;
}
.description_1 .image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.description_2.float-image {
    padding-top: 7.20588235vw;
    padding-bottom: 8.82352941vw;
}
.description_2.float-image .back-image {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 9 + 2.94117647vw);
}
.description_2.float-image .text-section {
    position: relative;
    z-index: 9;
    width: calc((100% - 2 * 2.94117647vw) / 12 * 9 + 2.94117647vw);
    padding-left: calc((100vw - 2 * 2.94117647vw) / 12 + 2.94117647vw);
    padding-right: calc((100vw - 2 * 2.94117647vw) / 12 * 3);
}
.description_2.float-image .text-section p {
    color: #e3e3e3;
}
.description_2.float-image ol li,
.description_2.float-image ul li {
    color: #e3e3e3;
}
.description_2.float-image .block-title {
    color: #fff;
}
.description_2.float-image .image-section {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 5 + 2.94117647vw);
    height: auto;
    right: 0;
    left: auto;
    top: -3.67647059vw;
}
.description_3.float-image {
    padding: 0;
}
.description_3.float-image .text-section {
    background: #fff;
    width: calc((100% - 2 * 2.94117647vw) / 12 * 10 + 2.94117647vw);
    margin-left: auto;
    padding: 7.35294118vw 14.33823529vw 8.97058824vw
    calc((100% - 2 * 2.94117647vw) / 12 * 4);
}
.description_3.float-image .image-section {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 5 + 2.94117647vw);
    height: 40.80882353vw;
    top: -3.45588235vw;
}
.description_3.float-image .image-section img {
    height: 100%;
    object-fit: cover;
}
.description_4.float-image {
    margin-bottom: 10.29411765vw;
}
.description_4.float-image .image-section {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 5 + 2.94117647vw);
    top: unset;
    bottom: -2.94117647vw;
}
.certificates_block {
    width: calc((100% - 2 * 2.94117647vw) / 12 * 8);
    margin: 0 auto;
    margin-bottom: 11.83823529vw;
    margin-top: 7.35294118vw;
}
.certificates_block p {
    font-size: 1.32352941vw;
    line-height: 2.20588235vw;
    color: #222729;
    font-family: Manrope;
    font-weight: 300;
    width: 63%;
    margin-bottom: 2.94117647vw;
}
.certificates_block .certificates_layout {
    display: flex;
    flex-flow: row wrap;
}
.certificates_block .certificates_layout img {
    margin-right: 3.30882353vw;
    max-width: 13.75vw;
    max-height: 8.52941176vw;
    margin-bottom: 4.11764706vw;
}
.certificates_block .decorative-link:after {
    right: unset;
    left: -5.14705882vw;
}
.certificates_block .decorative-link:hover:after {
    transform: translateY(-50%) translateX(15%);
}
.same_product .same_product-rotator {
    display: flex;
    flex-flow: row wrap;
}
p.read-more {
    display: none;
}
@media screen and (max-width: 768px) {
    div.block-with-image.float-image.description_1 {
        z-index: 0;
    }
    div.block-with-image.float-image.description_1 .image-section img {
        height: unset;
    }
    .nav_bottom h1 {
        display: block;
    }
    nav.nav-light {
        margin-bottom: 0;
    }
    .subnav:after,
    .subnav:before {
        background: linear-gradient(
                270deg,
                #222729 50%,
                rgba(34, 39, 41, 0) 100%
        );
    }
    .stones-brand-hero-section {
        padding-top: 4.0625vw;
        margin-top: 0;
        height: auto;
        min-height: auto;
        padding-bottom: 28.625vw;
    }
    .stones-brand-hero-section .content_wrapp {
        width: calc(100vw - 2 * 6.25vw);
        margin: 0 auto;
        padding-bottom: 0;
    }
    .stones-brand-hero-section .content_wrapp img {
        width: calc(100% / 6 * 5);
        height: auto;
        margin-bottom: 9.0625vw;
    }
    .stones-brand-hero-section .content_wrapp p {
        font-size: 4.375vw;
        line-height: 6.25vw;
    }
    .stones-brand-hero-section .decoration {
        width: 79.0625vw;
        height: 112.5vw;
    }
    p.read-more {
        font-family: Manrope;
        font-weight: 300;
        font-size: 4.375vw;
        line-height: 6.25vw;
        color: #fff;
        display: table;
        border-bottom: 0.5px dashed #f6f6f6;
    }
    div.block-with-image.float-image {
        padding: 0;
    }
    div.block-with-image.float-image .back-image {
        width: 100%;
    }
    div.block-with-image.float-image .image-section {
        width: 93.75vw;
        height: 62.5vw;
        top: -15.625vw;
    }
    div.block-with-image.float-image .image-section img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    div.block-with-image.float-image .content-wrapp {
        margin-bottom: 7.1875vw;
        max-height: calc(6.25vw * 10);
        overflow: hidden;
        transition: 0.4s all ease-out;
        position: relative;
    }
    div.block-with-image.float-image .content-wrapp:after {
        content: "";
        display: none;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 80px;
        right: 0;
        background: linear-gradient(
                360deg,
                #fff 34.78%,
                rgba(0, 79, 100, 0) 100%
        );
    }
    div.block-with-image.float-image div.text-section {
        width: 100%;
        margin: 0 auto;
        padding-right: 6.25vw;
        padding-left: 6.25vw;
        padding-top: 56.25vw;
        padding-bottom: 31.25vw;
    }
    div.block-with-image.float-image div.text-section p {
        font-size: 4.375vw;
        line-height: 6.25vw;
        margin-bottom: 4.375vw;
    }
    div.block-with-image.float-image div.text-section p.read-more {
        width: auto;
        display: table;
    }
    div.block-with-image.float-image .block-title {
        font-size: 10.9375vw;
        line-height: 12.5vw;
    }
    .certificates_block {
        width: calc(100% - 2 * 6.25vw);
        margin: 0 auto;
        margin-top: 15.625vw;
        margin-bottom: 28.125vw;
    }
    .certificates_block p {
        width: 100%;
        font-size: 5vw;
        line-height: 7.8125vw;
        margin-bottom: 9.375vw;
    }
    .certificates_block a.decorative-link {
        margin-top: 12.5vw;
        display: block;
    }
    .certificates_block a.decorative-link:after {
        left: -9.375vw;
    }
    .certificates_block .certificates_layout {
        margin-right: 4.5vw;
        margin-bottom: 5vw;
    }
    .certificates_block .certificates_layout img {
        max-height: 70px;
        width: auto;
        max-width: unset;
    }
}
@media screen and (min-width: 1360px) {
    .stones-brand-hero-section {
        min-height: 474px;
        height: unset;
        padding-top: 36px;
        padding-bottom: 55px;
        margin-top: 0;
    }
    .stones-brand-hero-section .content_wrapp {
        margin-left: calc(
                ((1360px - 2 * 40px) / 12) * 2 + 40px + (100vw - 1360px) / 2
        );
        width: calc((1360px - 2 * 40px) / 12 * 5);
    }
    .stones-brand-hero-section .content_wrapp img {
        width: 320px;
        height: 162px;
        margin-bottom: 32px;
        object-fit: contain;
    }
    .stones-brand-hero-section .content_wrapp p {
        font-size: 18px;
        line-height: 30px;
    }
    .stones-brand-hero-section .decoration {
        position: absolute;
        width: calc((1360px - 2 * 40px) / 12 * 8 + 40px);
        right: calc((100vw - 1360px) / 2);
        bottom: -70px;
        height: 508px;
    }
    .block-with-image .text-section p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 16px;
    }
    .block-with-image .block-title {
        font-size: 42px;
        line-height: 45px;
    }
    .description_1.float-image {
        z-index: -1;
        padding: 0;
    }
    .description_1.float-image .text-section {
        margin-left: calc(
                (1360px - 2 * 40px) / 12 * 2 + 40px + (100vw - 1360px) / 2
        );
        width: calc((1360px - 2 * 40px) / 12 * 9);
        padding: 170px 106px 122px 320px;
    }
    .description_1.float-image .image-section {
        width: 467px;
        height: 522px;
        top: 70px;
        left: calc((100vw - 1360px) / 2);
    }
    .description_2.float-image {
        padding-top: 98px;
        padding-bottom: 120px;
    }
    .description_2.float-image .back-image {
        width: calc((1360px - 2 * 40px) / 12 * 9 + 40px + (100vw - 1360px) / 2);
    }
    .description_2.float-image .text-section {
        position: relative;
        z-index: 9;
        width: calc((1360px - 2 * 40px) / 12 * 9 + 40px + (100vw - 1360px) / 2);
        padding-left: calc(
                (1360px - 2 * 40px) / 12 + 40px + (100vw - 1360px) / 2
        );
        padding-right: calc((1360px - 2 * 40px) / 12 * 3);
    }
    .description_2.float-image .image-section {
        width: calc((1360px - 2 * 40px) / 12 * 5 + 40px);
        right: calc((100vw - 1360px) / 2);
        top: -50px;
    }
    .description_3.float-image {
        padding: 0;
    }
    .description_3.float-image .text-section {
        background: #fff;
        width: calc(
                (1360px - 2 * 40px) / 12 * 10 + 40px + (100vw - 1360px) / 2
        );
        padding: 100px calc(165px + (100vw - 1360px) / 2) 122px
        calc((1360px - 2 * 40px) / 12 * 4);
    }
    .description_3.float-image .image-section {
        width: calc((1360px - 2 * 40px) / 12 * 5 + 40px);
        height: 555px;
        left: calc((100vw - 1360px) / 2);
        top: -47px;
    }
    .description_4.float-image {
        margin-bottom: 140px;
    }
    .description_4.float-image .image-section {
        width: calc((1360px - 2 * 40px) / 12 * 5 + 40px);
        right: calc((100vw - 1360px) / 2);
        bottom: -40px;
    }
    .certificates_block {
        width: calc((1360px - 2 * 40px) / 12 * 8);
        margin-bottom: 161px;
    }
    .certificates_block p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .certificates_block .certificates_layout img {
        margin-right: 45px;
        max-width: 187px;
        max-height: 116px;
        margin-bottom: 56px;
    }
    .certificates_block .decorative-link:after {
        left: -70px;
    }
    p.read-more {
        display: none;
    }
}