@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_bottom {
    padding-bottom: 2.35294118vw;
}
.pallete_wrapp {
    padding-top: 3.87352941vw;
}
.result_layout .layout_header {
    justify-content: unset;
}
.result_layout .layout_header .stone_card {

    margin-bottom: 5.44117647vw;
}
.result_layout .layout_header .stone_card:nth-child(3n) {
    margin-right: 0;
}
@media screen and (max-width: 768px) {
    .result_layout .layout_header {
        justify-content: unset;
    }
    .result_layout .layout_header .stone_card {
        margin-right: 5.3125vw;
        margin-bottom: 6.875vw;
    }
    .result_layout .layout_header .stone_card:nth-child(3n) {
        margin-right: 5.3125vw;
    }
    .result_layout .layout_header .stone_card:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (min-width: 1360px) {
    .pallete_wrapp {
        padding-top: 43px;
    }
    .result_layout .layout_header {
        justify-content: unset;
    }
    .result_layout .layout_header .stone_card {
        margin-right: calc((100% - 3 * 310px) / 2);
        margin-bottom: 74px;
    }
    .result_layout .layout_header .stone_card:nth-child(3n) {
        margin-right: 0;
    }
}