//Main Colors
$dark: #1E1A34;
$dark-grey: #2B2B2B;
$blue: #1E1A34;
$grey: #F0F0F0;

//Fonts
@mixin branded-font {
    font-family: 'Nirmala', 'Nirmala UI';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@function get-desktop-vw($target) {
    $vw-context: (1920 * 0.01) * 1px;
    @return ($target/$vw-context) * 1vw;
}

@function get-mobile-vw($target) {
    $vw-context: (320 * 0.01) * 1px;
    @return ($target/$vw-context) * 1vw;
}

//styles
body {
    margin: 0;
}

//delete DI styles
.entry-title {
    display: none;
}

.entry > p:not([class]) {
    display: none;
}

.post-content {
    margin-bottom: 0!important;
}

.main-container {
    margin-top: -10px; //For DI

    p:not([class]) {
        width: 0!important;
        height: 0!important;
        display: none;
    }

    // Basic Components

    .button {
        @include branded-font();
        font-size: 14px;
        font-weight: 400;
        height: 55px;
        line-height: 55px;
        display: inline-block;
        background: $blue;
        border-radius: 0!important;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.25em;
        padding: 0 15px 0 15px;
       // margin: 0 15px 0 0;

        &:hover {
            background: #363055;
            color: white;
        }

        @media (max-width: 1700px) {
            & {
                font-size: 14px;
                line-height: 40px;
                height: 40px;
            }
        }

        @media (max-width: 640px) {
            & {
                font-size: get-mobile-vw(13px);
                line-height: get-mobile-vw(40px);
                height: get-mobile-vw(40px);
                text-align: center;
                padding: 0 get-mobile-vw(15px);
             //   margin: 0 0 get-mobile-vw(8px) 0;
            }
        }
    }

    .buttons-block {
        margin: 20px 0 40px 0;
        display: flex;
        justify-content: center;

        .button:not(:last-child) {
            margin: 0 10px 0 0;

            @media (max-width: 640px) {
                & {
                    margin: 0 0 get-mobile-vw(8px) 0;
                }
            }
        }

        .button:last-child {
            @media (max-width: 640px) {
                & {
                    margin-right: 0;
                }
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(20px) 0 get-mobile-vw(28px) 0;
                flex-direction: column;
            }
        }
    }

    .button_inverted {
        background: $blue;
        color: $dark;

        &:hover {
            background: $dark;
            color: $blue;
        }
    }

    .paragraph {
        @include branded-font();
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        color: $dark-grey!important;

        @media (max-width: 1700px) {
            & {
                font-size: 14px;
                line-height: 18px;
            }
        }

        @media (max-width: 640px) {
            & {
                font-size: get-mobile-vw(12px);
                line-height: get-mobile-vw(16px);
            }
        }
    }

    .paragraph:not(:last-child) {
        margin-bottom: 20px;

        @media (max-width: 1700px) {
            & {
                margin-bottom: 18px;
            }
        }
    }

    h2 {
        @include branded-font();
        color: $dark;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        line-height: 100%;

        @media (max-width: 1700px) {
            & {
                font-size: 24px;
                line-height: 28px;
            }
        }

        @media (max-width: 640px) {
            & {
                font-size: get-mobile-vw(18px);
                line-height: get-mobile-vw(20px);
            }
        }
    }

    h3 {
        @include branded-font();
        font-size: 24px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin: 0 0 0 0;

        @media (max-width: 1700px) {
            & {
                font-size: 20px;
                line-height: 24px;
            }
        }

        @media (max-width: 640px) {
            & {
                font-size: get-mobile-vw(18px);
                line-height: get-mobile-vw(20px);
            }
        }
    }

    .link {
        color: inherit;
        text-decoration-color: $blue;
        text-underline-offset: 2px;
    }

    .italic {
        font-style: italic;
    }

    .bold {
        font-weight: 700;
    }

    .color {
        color: $blue;
    }

    // Page Styles

    .main-cover {
        width: 100%;
        position: relative;

        picture img {
            width: 100%;
            display: block;
        }

        &__title {
            position: absolute;
            height: 100px;
            margin: 0;
            @include branded-font();
            text-transform: uppercase;
            font-size: 56px;
            line-height: 100px;
            font-weight: 700;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            white-space: nowrap;

            @media (max-width: 1700px) {
                & {
                    font-size: 32px;
                    line-height: 80px;
                    height: 80px;
                    padding: 0 20px;
                }
            }

            @media (max-width: 640px) {
                & {
                    height: get-mobile-vw(56px);
                    font-size: get-mobile-vw(20px);
                    line-height: get-mobile-vw(56px);
                    padding: 0 get-mobile-vw(16px);
                }
            }
        }

        &__container {
            position: absolute;
            text-align: center;
            width: 906px;
            top: 93px;
            left: 50%;
            transform: translateX(-50%);

            @media (max-width: 1700px) {
                & {
                    top: 64px;
                    width: 680px;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    top: get-mobile-vw(40px);
                }
            }
        }

        &__sub-title {
            color: white;
            margin: 0;
        }

        &__paragraph {
            color: white;
            margin: 4px 0 26px 0;
        }
    }

    .main-cover_service {
        position: relative;

        @media (max-width: 640px) {
            .main-cover__image img {
                height: get-mobile-vw(480px);
            }
        }
    }

    .wide-paragraph {
        width: 915px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        text-align: center;

        @media (max-width: 1700px) {
            & {
                width: 800px;
                margin-top: 64px;
            }
        }

        @media (max-width: 640px) {
            & {
                width: get-mobile-vw(240px);
                margin-top: get-mobile-vw(40px);
                text-align: left;
            }
        }

        &__title {
            margin: 0 0 9px 0;
        }

        &__paragraph {
            @include branded-font();
            color: $dark;
            margin: 0 0 0 0;
        }

        .buttons-block {
            margin: 20px 0 40px 0;
            display: flex;
            justify-content: center;

            .button:not(:last-child) {
                margin: 0 15px 0 0;

                @media (max-width: 640px) {
                    & {
                        margin: 0 0 get-mobile-vw(8px) 0;
                    }
                }
            }

            @media (max-width: 640px) {
                & {
                    margin: get-mobile-vw(20px) 0 get-mobile-vw(28px) 0;
                    flex-direction: column;
                }
            }
        }
    }

    .wide-paragraph_service {
        width: 673px;

        @media (max-width: 640px) {
            & {
                width: get-mobile-vw(240px);
            }
        }
    }

    .wide-image {

        @media (max-width: 1700px) {
            &_why-buy picture img {
                max-width: 1000px;
                width: 80%;
            }

            &_service picture img {
                max-width: 1280px;
                width: 80%;
            }
        }
        
        picture img {
            display: block;
            margin-left: auto;
            margin-right: auto;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(288px);
                }
            }
        }
    }

    @media (max-width: 640px) {
        .wide-image_return-policy {
            margin-left: get-mobile-vw(-8px);
        }
    }

    .paragraphs-list {
        display: flex;
        justify-content: center;
        margin: 160px 0 200px 0;

        @media (max-width: 1700px) {
            & {
                margin: 120px 0 160px 0;
            }
        }

        @media (max-width: 640px) {
            & {
                flex-direction: column;
                margin: get-desktop-vw(76px) 0 0 get-mobile-vw(40px);
            }
        }

        &__item {
            width: 600px;
            height: 420px;
            text-align: center;
            padding: 0 60px 80px 60px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            @media (max-width: 1700px) {
                & {
                    width: 480px;
                    height: 380px;
                    padding: 0 40px 60px 40px;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    padding: 0;
                    text-align: left;
                    height: auto;
                }
            }
        }

        &__item:first-child {
            border-right: 1px solid #E0E0E0;

            @media (max-width: 640px) {
                & {
                    border: none;
                }
            }
        }

        &__title {
            margin: 60px 0 5px 0;

            @media (max-width: 640px) {
                & {
                    margin: get-mobile-vw(48px) 0 get-mobile-vw(8px) 0;
                }
            }
        }

        &__image_big {
            width: 85%;
            margin: 0 auto;

            @media (max-width: 1700px) {
                & {
                    width: 75%;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: 100%;
                    margin-top: get-mobile-vw(16px);
                }
            }
        }
    }

    .main-gallery {

        &-section {
            display: flex;

            @media (max-width: 640px) {
                & {
                    flex-direction: column-reverse;
                }
            }

            &__picture {
                width: 50%;

                @media (max-width: 640px) {
                    & {
                        width: 100%;
                    }
                }

                img {
                    width: 100%;
                    display: block;
                    min-height: 400px;

                    @media (max-width: 640px) {
                        & {
                            min-height: auto;
                        }
                    }
                }
            }

            &-description {
                width: 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;

                @media (max-width: 640px) {
                    & {
                        width: get-mobile-vw(240px);
                        margin: get-mobile-vw(40px) get-mobile-vw(40px);
                    }
                }

                &__container {
                    width: 62.5%;
                    margin: 0 auto;

                    @media (max-width: 1700px) {
                        & {
                            width: 75%;
                        }
                    }

                    @media (max-width: 640px) {
                        & {
                            width: 100%;
                        }
                    }
                }

                &__title {
                    color: $dark;
                    letter-spacing: 0.1em;
                    margin: 0 0 9px 0;
                }

            }
        }
        @media (max-width: 640px) {
            &-section:nth-child(2n) {
                flex-direction: column;
            }
        }
    }

    .main-gallery_return-policy {
        margin: 260px 0 230px 0;

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(48px) 0 get-mobile-vw(64px) 0;
            }
        }
    }

    .return-policy-cta {
        margin: 0 0 200px 0;
        text-align: center;

        @media (max-width: 640px) {
            & {
                margin: 0 0 get-mobile-vw(96px) get-mobile-vw(16px);
            }
        }

        &__title {
            @include branded-font();
            font-size: 32px;
            line-height: 100%;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(288px);
                    font-size: get-mobile-vw(18px);
                    line-height: get-mobile-vw(20px);
                }
            }
        }

        &__image {
            margin: 30px 0 0 0;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(320px);
                    margin: get-mobile-vw(32px) 0 0 get-mobile-vw(-12px);
                }
            }
        }

            @media (max-width: 640px) {
                .buttons-block {
                    margin: get-mobile-vw(20px) 0 0 get-mobile-vw(24px);
                    display: flex;
                    flex-direction: column;
                    width: get-mobile-vw(240px);
                }
            }
    }

    .service-section {
        margin: 276px 0 200px 0;

        @media (max-width: 1700px) {
            & {
                margin: 200px 0 200px 0;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(48px) 0 get-mobile-vw(64px) 0;
            }
        }

        .wide-paragraph__paragraph_service {
            font-weight: 700;
            margin: 20px 0 26px 0;
        }

        &-list {
            display: flex;
            flex-wrap: wrap;
            width: calc(100% - 30px);
            margin: 0 0 0 30px;

            @media (max-width: 1700px) {
                & {
                    width: calc(100% - 20px);
                    margin: 0 0 0 20px;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(288px);
                    margin: 0 0 0 get-mobile-vw(16px);
                }
            }

            &__item {
                width: calc((100% / 4) - 30px);
                margin: 0 30px 30px 0;
                background: $grey;
                text-align: center;
                height: 300px;

                @media (max-width: 1700px) {
                    & {
                        width: calc((100% / 4) - 20px);
                        margin: 0 20px 20px 0;
                        height: 240px;
                    }
                }

                @media (max-width: 640px) {
                    & {
                        width: get-mobile-vw(288px);
                        height: auto;
                        padding-bottom: get-mobile-vw(28px);
                        margin: 0 0 get-mobile-vw(16px) 0;
                    }
                }
            }

            &__picture img {
                margin: 60px auto 16px auto;
                display: block;

                @media (max-width: 1700px) {
                    & {
                        width: 80%;
                        margin: 40px auto 16px auto;
                    }
                }

                @media (max-width: 640px) {
                    & {
                        width: get-mobile-vw(240px);
                        margin: get-mobile-vw(32px) auto get-mobile-vw(16px) auto;
                    }
                }
            }

            &__title {
                @include branded-font();
                color: $dark;
                font-size: 20px;
                line-height: 25px;
                margin: 0 0 0 0;

                @media (max-width: 1700px) {
                    & {
                        font-size: 16px;
                        line-height: 20px;
                    }
                }

                @media (max-width: 640px) {
                    & {
                        font-size: get-mobile-vw(12.8px);
                        line-height: get-mobile-vw(16px);
                    }
                }
            }

            &__description {
                @include branded-font();
                color: $dark;
                font-size: 14px;
                font-style: italic;
                line-height: 18px;
                margin: 4px 0 0 0;

                @media (max-width: 1700px) {
                    & {
                        font-size: 11px;
                        line-height: 14px;
                        margin: 2px 0 0 0;
                    }
                }

                @media (max-width: 640px) {
                    & {
                        font-size: get-mobile-vw(10px);
                        line-height: get-mobile-vw(12px);
                        margin: get-mobile-vw(1px) 0 0 0;
                    }
                }
            }
        }
    }

    .service-bottom {
        margin-bottom: 160px;

        @media (max-width: 1700px) {
            & {
                margin-bottom: 120px;
            }
        }

        @media (max-width: 640px) {
            & {
                margin-bottom: get-mobile-vw(64px);
            }
        }
    }

    .image-paragraph {
        display: flex;
        width: 1448px;
        margin: 0 auto 0 auto;

        @media (max-width: 1700px) {
            & {
                max-width: 1240px;
                width: 100%;
            }
        }

        @media (max-width: 640px) {
            & {
                width: get-mobile-vw(240px);
                flex-direction: column-reverse;
                margin: 0 0 0 0;
            }

            &__button {
                width: get-mobile-vw(210px);
            }
        }

        &__picture {
            width: 50%;
            margin: 0 30px 0 0;

            @media (max-width: 1700px) {
                margin: 0 20px 0 0;
                text-align: center;

                & img {
                    max-width: 560px;
                //    width: 85%;
                }

                &_dual-trade img {
                    width: 85%;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(288px);
                    margin: 0 0 0 0;
                }
                
                & img {
                    width: 100%;
                    display: block;
                }
            }
        }

        &__title {
            margin: 0 0 8px 0;
            line-height: 30px;

            @media (max-width: 640px) {
                & {
                    margin: 0 0 get-mobile-vw(8px) 0;
                    line-height: get-mobile-vw(20px);
                }
            }
        }

        &__description {
            width: 50%;

            @media (max-width: 1700px) {
                & {
                    width: calc(50% - 20px);
                    margin-right: 20px;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    margin: 0 0 0 0;
                }
            }
        }
    }

    .image-paragraph_small {
        width: 970px;
        display: flex;
        align-items: center;
        margin-top: 120px;
        margin-bottom: 120px;

        @media (max-width: 640px) {
            & {
                width: get-mobile-vw(240px);
                margin: get-mobile-vw(40px) 0 0 get-mobile-vw(40px);
            }

            .image-paragraph__picture {
                width: get-mobile-vw(240px);
                margin: get-mobile-vw(40px) 0 0 0;
            }
        }
    }

    .dual-trade-intro {
        margin-top: 160px;
        margin-bottom: 192px;

        @media (max-width: 1700px) {
            & {
                margin-top: 128px;
                margin-bottom: 144px;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(40px) 0 get-mobile-vw(32px) get-mobile-vw(40px);
            }
        }

        .image-paragraph__picture {
            margin-top: -40px;

            @media (max-width: 1700px) {
                & {
                    margin-top: 0;
                }
            }

            @media (max-width: 640px) {
                & {
                    margin: get-mobile-vw(24px) 0 0 get-mobile-vw(-28px);
                }
            }
        }
    }

    .dual-trade-end {
        margin-top: 224px;
        margin-bottom: 224px;

        @media (max-width: 1700px) {
            & {
                margin-top: 200px;
                margin-bottom: 240px;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(40px) 0 get-mobile-vw(96px) get-mobile-vw(40px);
            }
        }

        .image-paragraph__picture {
            margin-top: -20px;

            @media (max-width: 1700px) {
                & {
                    margin-top: -50px;
                }
            }

            @media (max-width: 640px) {
                & {
                    margin: get-mobile-vw(24px) 0 0 get-mobile-vw(-24px);
                }
            }
        }
    }

    .best-price-intro {
        margin-top: 215px;
        margin-bottom: 265px;
        
        @media (max-width: 1700px) {
            & {
                margin-top: 190px;
                margin-bottom: 215px;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(40px) 0 0 get-mobile-vw(40px);
            }

            .image-paragraph__button {
                width: get-mobile-vw(210px);
            }
        }

        .image-paragraph__picture {
            margin-top: -90px;

            @media (max-width: 640px) {
                & {
                    margin: get-mobile-vw(16px) 0 get-mobile-vw(64px) get-mobile-vw(-24px);
                }
            }
        }
    }

    .best-price-cta {
        text-align: center;
        margin: 263px 0 0 0;

        @media (max-width: 1700px) {
            & {
                margin: 200px 0 0 0;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(96px) 0 0 0;
            }
        }

        

        &__title {
            font-size: 48px;
            line-height: 50px;
            margin: 0 0 0 0;

            @media (max-width: 1700px) {
                font-size: 40px;
                line-height: 45px;
            }

            @media (max-width: 640px) {
                & {
                    font-size: get-mobile-vw(28px);
                    line-height: get-mobile-vw(28px);
                }
            }
        }

        &__sub-title {
            width: 557px;
            line-height: 30px;
            margin: 4px auto 33px auto;

            @media (max-width: 1700px) {
                & {
                    width: 500px;
                    line-height: 28px;
                    margin: 4px auto 23px auto;
                }
            }

            @media (max-width: 640px) {
                & {
                    font-size: get-mobile-vw(16px);
                    line-height: get-mobile-vw(20px);
                    width: get-mobile-vw(288px);
                    margin: get-mobile-vw(3px) 0 get-mobile-vw(20px) get-mobile-vw(16px);
                }
            }
        }

        &__small-description {
            margin: 124px 0 16px 0;

            @media (max-width: 1700px) {
                & {
                    margin: 84px 0 16px 0;
                }
            }

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(288px);
                    font-size: get-mobile-vw(11px);
                    line-height: get-mobile-vw(12px);
                    margin: get-mobile-vw(70px) 0 get-mobile-vw(18px) get-mobile-vw(16px);
                }

                & br {
                    display: none;
                }
            }
        }
    }

    .certified-cta {
        background: black;
        color: white;
        text-align: center;
        padding: 24px 0 200px 0;

        @media (max-width: 640px) {
            & {
                text-align: left;
                padding: 0 get-mobile-vw(40px) get-mobile-vw(96px) get-mobile-vw(40px);
            }

            &__button {
                width: get-mobile-vw(210px);
            }
        }

        &__title {
            width: 770px;
            margin: 0 auto 0 auto;
            color: white;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    margin: 0 0 get-mobile-vw(8px) 0;
                }
            }
        }

        &__paragraph {
            width: 770px;
            margin: 10px auto 31px auto;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    margin: 0 0 get-mobile-vw(20px) 0;
                }
            }
        }
        
    }

    .double-image-paragraph {
        display: flex;
        width: calc(100% - 60px);
        justify-content: space-between;
        margin: 0 0 0 30px;

        @media (max-width: 1700px) {
            & {
                width: calc(100% - 40px);
                margin: 0 0 0 20px;
            }
        }

        @media (max-width: 640px) {
            & {
                width: 100%;
                flex-direction: column-reverse;
                margin: 0;
            }

            &__paragraph {
                width: get-mobile-vw(240px);
                margin: 0 0 get-mobile-vw(40px) 0;
            }
        }

        &__container {

            @media (max-width: 640px) {
                & {
                    margin: get-mobile-vw(40px) 0 0 get-mobile-vw(40px);
                }
            }
            
            &_stretch {
                min-height: 420px;
                display: flex;
                flex-direction: column;

                @media (max-width: 1700px) {
                    & {
                        min-height: 360px;
                    }
                }

                .double-image-paragraph__picture {
                    margin-top: auto;

                    @media (max-width: 1700px) {
                        & {
                            width: 80%;
                        }
                    }

                    @media (max-width: 640px) {
                        & {
                            width: 120%;
                        }
                    }
                }

                @media (max-width: 640px) {
                    & {
                        min-height: auto;
                    }
                }
            }
        }

        &__item {
            width: calc(50% - 15px);

            @media (max-width: 1700px) {
                & {
                    width: calc(50% - 10px);
                }
            }

            @media (max-width: 640px) {
                & {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                }
            }
        }

        &__picture img {
            width: 100%;
            display: block;
        }

        @media (max-width: 640px) {


            &__picture_best-price img {
                margin-left: get-mobile-vw(-6px);
                width: get-mobile-vw(240px);
            }
        }

        &__title {
            margin: 20px 0 5px 0;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    margin: 0 0 get-mobile-vw(8px) 0;
                }
            }
        }

        &__picture_lines {
            background: #F0F0F0;
            display: block;
            height: 200px;

            @media (max-width: 640px) {
                & {
                    height: get-mobile-vw(104px);
                    margin-bottom: get-mobile-vw(16px);
                }
            }

            img {
                width: 72%;
                margin: 0 auto 0 auto;
                display: block;
                padding-top: 28px;

                @media (max-width: 640px) {
                    & {
                        width: get-mobile-vw(176px);
                        padding-top: get-mobile-vw(18px);
                    }
                }
            }
        }
    }

    .double-image-paragraph_dual-trade {
        .double-image-paragraph__item {
            flex-direction: column-reverse;
        }
    }

    .double-image-paragraph_fixed {
        width: 1228px;
        margin: 0 auto 0 auto;

        @media (max-width: 640px) {
            & {
                width: get-mobile-vw(240px);
                margin: get-mobile-vw(16px) 0 get-mobile-vw(8px) 0;
            }
        }
    }

    .double-image-paragraph_small {
        width: 970px;
        margin: 0 auto 0 auto;

        @media (max-width: 640px) {
            & {
                width: get-mobile-vw(240px);
                margin: get-mobile-vw(80px) 0 get-mobile-vw(8px) get-mobile-vw(40px);
            }
        }
    }

    .fullpage-image {
        
        position: relative;

        &__container {
            position: absolute;
            left: get-desktop-vw(192px);
            top: get-desktop-vw(280px);

            @media (max-width: 1700px) {
                & {
                    left: get-desktop-vw(80px);
                    top: get-desktop-vw(300px);
                }
            }

            &_best-price {
                left: get-desktop-vw(176px);
                top: get-desktop-vw(350px);

                @media (max-width: 1700px) {
                    & {
                        left: get-desktop-vw(144px);
                        top: get-desktop-vw(320px);
                    }
                }

                @media (max-width: 640px) {
                    & {
                        left: get-mobile-vw(0px);
                        top: get-mobile-vw(40px);
                    }

                    & br {
                        display: none;
                    }
                }
            }
        }

        &__picture {

            img {
                width: 100%;
                display: block;

                @media (max-width: 640px) {
                    & {
                        height: get-mobile-vw(480px);
                    }
                }
            }
        }

        &__title {
            color: white;
            text-align: center;
            font-size: 40px;
            line-height: 45px;
            margin: 0;

            @media (max-width: 1700px) {
                & {
                    font-size: 32px;
                    line-height: 36px;
                }
            }

            @media (max-width: 640px) {
                & {
                    font-size: get-mobile-vw(20px);
                    line-height: get-mobile-vw(20px);
                }
            }
        }

        &__logo {
            margin: 0 0 20px 80px;

            @media (max-width: 1700px) {
                & {
                    margin: 0 0 10px 140px;
                    width: 60%;
                }
            }

            @media (max-width: 640px) {
                & {
                    margin: 0 0 get-mobile-vw(11px) get-mobile-vw(40px);
                    width: get-mobile-vw(190px);
                }
            }

            &_best-price {
                margin: 0 0 0 176px;

                @media (max-width: 1700px) {
                    & {
                        margin: 0 0 0 80px;
                        width: 60%;
                    }
                }

                @media (max-width: 640px) {
                    & {
                        margin: 0 0 0 get-mobile-vw(64px);
                        width: get-mobile-vw(160px);
                        height: get-mobile-vw(40px);
                    }
                }
            }
        }
    }

    .fullpage-image_certified {
        margin: 160px 0 140px 0;

        @media (max-width: 1700px) {
            & {
                margin: 120px 0 120px 0;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: 0 0 0 0;
            }

            .fullpage-image__container {
                left: get-mobile-vw(32px);
            }
        }
    }

    .fullpage-image_certified-bottom {
        margin: 140px 0 0 0;

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(24px) 0 0 0;
            }

            .fullpage-image__picture img {
                height: get-mobile-vw(320px);
            }
        }
    }

    .fullpage-image_service-bottom {
        margin: 140px 0 0 0;

        @media (max-width: 1700px) {
            & {
                margin: 90px 0 0 0;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: get-mobile-vw(56px) 0 0 0;
            }

            .fullpage-image__picture img {
                height: get-mobile-vw(240px);
            }
        }
    }

    .fullpage-image_best-price {
        margin: 0 0 80px 0;

        @media (max-width: 1700px) {
            & {
                margin: 0 0 60px 0;
            }
        }

        @media (max-width: 640px) {
            & {
                margin: 0;
            }
        }
    }

    .service-block-list {
        width: 970px;
        display: flex;
        justify-content: space-between;
        margin: 160px auto 0 auto;

        @media (max-width: 640px) {
            & {
                width: 100%;
                flex-direction: column;
                margin: get-mobile-vw(80px) auto 0 auto;
            }

            &__picture img {
                height: get-mobile-vw(560px);
                width: 100%;
                display: block;
            }
        }

        &__item {
            width: 470px;
            position: relative;

            @media (max-width: 640px) {
                & {
                    width: 100%;
                }
            }
        }

        &__container {
            position: absolute;
            width: 345px;
            top: 45px;
            left: 48px;

            @media (max-width: 640px) {
                & {
                    width: get-mobile-vw(240px);
                    left: get-mobile-vw(40px);
                    top: get-mobile-vw(40px);
                }
            }
        }

        &__title {
            color: white;
            margin: 0 0 10px 0;
        }

        &__paragraph {
            color: white;
        }
    }
}


// Model Pages

.main-container.models p:not([class]){
    width: auto!important;
    height: auto!important;
    display: unset;
}

.main-container {

    .main-cover {
        position: relative;

        @media (max-width: 640px) {
            display: flex;
            flex-direction: column-reverse;
        }
        
        &-desc {
            @include branded-font();
            position: absolute;
            left: 0;
            top: get-desktop-vw(150px);
            width: 33.333%;
            text-align: center;
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;

            @media (max-width: 1700px) {
                top: get-desktop-vw(130px);
            }

            @media (max-width: 640px) {
                position: static;
                background: black;
                width: 100%;
            }

            &__title {
                font-size: 48px;
                line-height: 48px;
                font-weight: 700;
                margin: 0 0 10px 0;
                text-transform: uppercase;
                letter-spacing: 0.1em;

                &_white {
                    color: white!important;
                }

                @media (max-width: 1700px) {
                    font-size: 32px;
                    line-height: 32px;
                    margin: 0 0 8px 0;
                }

                @media (max-width: 640px) {
                    font-size: get-mobile-vw(36px);
                    line-height: get-mobile-vw(32px);
                    margin: get-mobile-vw(48px) 0 get-mobile-vw(8px) 0;
                }
            }

            &__copy {
                font-size: 16px;
                line-height: 20px;
                margin: 0 0 0 0;
                letter-spacing: 1px;
                text-transform: uppercase;
                color: rgba(255, 255, 255, 0.64);

                @media (max-width: 1700px) {
                    font-size: 12px;
                    line-height: 16px;
                }

                @media (max-width: 640px) {
                    font-size: get-mobile-vw(10px);
                    line-height: get-mobile-vw(12px);
                    margin: 0 auto get-mobile-vw(15px) auto;
                    width: get-mobile-vw(256px);
                }
            }

            &__button {
                display: inline-block;
                background: white;
                border-radius: 0;
                width: 216px;
                height: 55px;
                line-height: 55px;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                letter-spacing: 0.25em;
                color: $dark;
                text-decoration: none;
                text-transform: uppercase;
                margin: 28px 0 30px 0;

                @media (max-width: 1700px) {
                    width: 192px;
                    height: 40px;
                    line-height: 40px;
                    font-size: 14px;
                    margin: 15px 0 20px 0;
                }

                @media (max-width: 640px) {
                    width: get-mobile-vw(144px);
                    height: get-mobile-vw(32px);
                    font-size: get-mobile-vw(10px);
                    line-height: get-mobile-vw(32px);
                    margin: 0 0 get-mobile-vw(15px) 0;
                }
            }

            &__logo {
                margin: 28px 0 23px 0;

                @media (max-width: 1700px) {
                    width: 200px;
                    margin: 20px 0 16px 0;
                }

                @media (max-width: 640px) {
                    width: get-mobile-vw(128px);
                    margin: get-mobile-vw(12px) 0 get-mobile-vw(8px) 0;
                }
            }

            &__separator {
                height: 28px;
                width: 1px;
                background: rgba(255, 255, 255, 0.64);
                margin: 0 auto;

                @media (max-width: 1700px) {
                    display: none;
                }

                @media (max-width: 640px) {
                    display: block;
                    height: get-mobile-vw(16px);
                }
            }
        }
    }

    .main-buttons {
        display: flex;
        width: 100%;
        height: 48px;
        color: red;
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        padding: 25px 0;

        @media (max-width: 640px) {
            width: 100%;
            height: auto;
            border-bottom: 1px solid rgba(0, 0, 0, 0.10);
            padding: 0;
            margin-bottom: get-mobile-vw(48px);
        }

        br {
            display: none;
        }

        &__link {
            width: 33.333%;
            display: flex;
            align-items: center;
            justify-content: center;

            color: #1D252C;
            @include branded-font();
            font-weight: 700;
            font-size: 24px;
            line-height: 32px; /* 133.333% */
            letter-spacing: 0.1em;
            text-decoration: none;
            text-transform: uppercase;
            text-align: center;

            @media (max-width: 1700px) {
                font-size: 18px;
                line-height: 24px;
            }

            @media (max-width: 640px) {
                width: 100%;
                font-size: get-mobile-vw(14px);
                height: get-mobile-vw(48px);
                line-height: get-mobile-vw(48px);
            }

            &:hover {
                color: $blue;
            }

            &:not(:last-child) {
                border-right: 1px solid rgba(0, 0, 0, 0.10);

                @media (max-width: 640px) {
                    border-right: 0;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
                }
            }  
        }

        @media (max-width: 640px) {
            flex-direction: column;
        }
        
    }

    .bottom-section {
        @include branded-font();
        margin: 155px auto 128px auto;
        width: 850px;
        text-align: center;

        @media (max-width: 1700px) {
            & {
                margin: 120px auto 96px auto;
            }
        }

        @media (max-width: 640px) {
            margin: get-mobile-vw(48px) auto get-mobile-vw(48px) auto;
            width: get-mobile-vw(240px);
        }

        &__logo {
            transform: scale(.72);

            @media (max-width: 640px) {
                width: get-mobile-vw(240px);
                height: auto;
            }
        }

        &__copy {
            margin: 19px 0 21px 0;
            font-size: 16px;
            line-height: 20px;
            margin: 0;
            color: $dark-grey !important;

            @media (max-width: 1700px) {
                & {
                    font-size: 14px;
                    line-height: 18px;
                }
            }

            @media (max-width: 640px) {
                font-size: get-mobile-vw(12px);
                line-height: get-mobile-vw(16px);
                width: get-mobile-vw(240px);
                text-align: left;
                margin: get-mobile-vw(8px) 0 get-mobile-vw(20px) 0;
            }
        }

        &__button {
            @include branded-font();
            font-size: 14px;
            font-weight: 400;
            height: 55px;
            line-height: 55px;
            display: block;
            background: $dark;
            color: white;
            text-decoration: none;
            padding: 0 15px 0 15px;
            margin: 20px auto 50px auto;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            width: 400px;

            @media (max-width: 1700px) {
                & {
                    font-size: 12px;
                    height: 40px;
                    line-height: 40px;
                    width: 328px;
                    margin: 24px auto 32px auto;
                }
            }

            @media (max-width: 640px) {
                font-size: get-mobile-vw(13px);
                height: get-mobile-vw(40px);
                line-height: get-mobile-vw(40px);
                padding: 0;
                margin: 0 0 get-mobile-vw(40px) 0;
                width: 100%;
            }
        }

        &__image {
            width: 100%;
            max-width: 560px;

            @media (max-width: 1700px) {
                & {
                    max-width: 480px;
                }
            }
        }
    }
}