﻿:root {
    --primary-h: 5;
    --primary-s: 50%;
}

html {
    font-size: 20px;
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-color: rgba(255, 255, 255, 1.0);
    border-collapse: collapse;
    border-spacing: 0rem;
    border-width: 0rem;
    padding: 0rem;
    margin: 0rem;
    font-size: 1rem;
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

a:link, a:visited, a:active {
    color: #3366CC;
    text-decoration: none;
    border-width: 0em;
    outline: none;
    -moz-outline-style: none;
}

a:hover {
    border-width: 0em 0em 0.05em 0em;
    color: #CC0000;
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-color: #CC0000;
    outline: none;
    -moz-outline-style: none;
}

::-webkit-scrollbar {
    width: 0.3rem;
}
::-webkit-scrollbar-thumb {
    border-width: 0.05rem 0.05rem 0.05rem 0.1rem;
    border-color: rgba(119, 119, 119, 0.5);
    background-color: rgba(80, 80, 80, 0.5);
    border-radius: 0.25rem;
}
    ::-webkit-scrollbar-thumb:hover {
        border-width: 0.05rem 0.05rem 0.05rem 0.1rem;
        border-color: rgba(0, 0, 0, 0.5);
        background-color: rgba(119, 119, 119, 0.5);
        width: 0.5rem;
    }
::-webkit-scrollbar-track {
    border-width: 0;
}
    ::-webkit-scrollbar-track:hover {
        border-left: solid 0.05rem rgba(170, 170, 170, 0.5);
        background-color: rgba(238, 238, 238, 0.5);
    }
::-webkit-scrollbar:hover {
    width: 0.55rem;
}

.sBodyDiv {
    position: absolute;
    display: block;
    float: none;
    top: 0rem;
    left: 0rem;
    padding: 0rem;
    margin: 0rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.sWideBlock {
    position: relative;
    display: block;
    float: none;
    margin: 0rem;
    width: 100%;
    height: auto;
}
    .sWideBlock .sCenterBlock {
        position: relative;
        display: block;
        float: none;
        margin: 0rem auto;
        width: 48rem;
        height: auto;
    }
.sSeparator{
    margin-top:1rem;
}

.sWideBlock .sJuristInfo {
    user-select:text;
}
.sWideBlock .sJuristInfo .sJuristHeader,
.sWideBlock .sJuristInfo p.sJuristParagraph {
    position: relative;
    float: inline;
    width: 100%;
    height: auto;
    font-size: 1.25rem;
    line-height: 1.5em;
    text-align: center;
    font-weight: 400;
    color: #7c959b;
    margin:0.25rem 0rem;
    padding:0rem;
}
.sWideBlock .sJuristInfo p.sJuristParagraph {
    font-size: 1.0rem;
    line-height: 1.45em;
    text-align: justify;
    font-weight: 400;
    color: #6d535c;
}
.sWideBlock .sJuristInfo p.sJuristParagraph span {
    font-weight: 600;
    color: #cc0000;
}
    .sWideBlock .sJuristInfo p.sJuristParagraph span:after {
        content: ": ";
    }

.sCarouselTop {
    height: 33rem;
    pointer-events: auto;
    margin-top: 0.25rem;
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}
    .sCarouselTop .sSlide {
        position: absolute;
        display: block;
        float: none;
        top:0rem;
        left:0.25rem;
        width: calc(100% - 0.5rem);
        height: 100%;
        border-radius:0.45rem;
        margin: 0rem;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        opacity:0;
    }

.sSlide_Blur {
    background-image: url('/Content/Images/Slides/Header/bgMainBlur.jpg');
    opacity: 1 !important;
}
.sSlide_0 {
    animation: sAnimSlide 20.0s ease-in-out 0.0s infinite forwards;
    background-image: url('/Content/Images/Slides/Header/bgMain.jpg');
}
.sSlide_1 {
    animation: sAnimSlide 20.0s ease-in-out 4.0s infinite forwards;
    background-image: url('/Content/Images/Slides/Header/bgMain1.jpg');
}
.sSlide_2 {
    animation: sAnimSlide 20.0s ease-in-out 8.0s infinite forwards;
    background-image: url('/Content/Images/Slides/Header/bgMain2.jpg');
}
.sSlide_3 {
    animation: sAnimSlide 20.0s ease-in-out 12.0s infinite forwards;
    background-image: url('/Content/Images/Slides/Header/bgMain3.jpg');
}
.sSlide_4 {
    animation: sAnimSlide 20.0s ease-in-out 16.0s infinite forwards;
    background-image: url('/Content/Images/Slides/Header/bgMain4.jpg');
}

.sCarouselTop .sSupport, .sCarouselTop .sWsranty {
    position: absolute;
    display: block;
    float: none;
    top: 5rem;
    left: calc(50% - 48rem / 2);
    width: auto;
    height: auto;
    padding: 1rem;
    border-radius: 0.65rem;
    font-size: 0.7rem;
    line-height: 1.05rem;
    text-align: center;
    color: white;
}
    .sCarouselTop .sSupport:before, .sCarouselTop .sWsranty:before {
        font-family: "genesis";
        content: "\e900";
        position: relative;
        display: block;
        float: none;
        width: 100%;
        font-size: 5.5rem;
        line-height: 1em;
        color: white;
        padding: 0rem 0rem 0.5rem 0rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
.sCarouselTop .sWsranty {
    left:auto;
    right: calc(50% - 48rem / 2);
}
    .sCarouselTop .sWsranty:before {
        content: "\e901";
    }
.sCarouselTop .sHeader {
    position: absolute;
    display: block;
    float: none;
    width: 48rem;
    top: 2rem;
    left: calc(50% - 48rem / 2);
    font-weight: 600;
    font-size: 2.1rem;
    line-height: 1.05rem;
    text-align: center;
    color: white;
}
.sCarouselTop .sHeader span {
    position: relative;
    display: block;
    float: none;
    width: calc(48rem - 2 * 6rem);
    margin:1.6rem auto 0rem auto;
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.05rem;
    text-align: center;
    color: white;
}
    .sCarouselTop .sHeader span.sFabric {
        position: relative;
        display: block;
        float: none;
        width: calc(48rem - 2 * 2rem);
        margin: 0rem auto 0rem auto;
        height: 2.1rem;
        background-image: url('../Images/Design/fabric.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
    .sCarouselTop .sHeader span.sDelivery {
        position: relative;
        display: block;
        float: none;
        width: calc(48rem - 2 * 6.5rem);
        margin: 1.3rem auto 0rem auto;
        height: 1.0rem;
        background-image: url('../Images/Design/delivery.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }


.sCarouselTop .sForm {
    position: absolute;
    display: block;
    float: none;
    width: calc(20rem - 0.75rem * 2);
    top: 7.5rem;
    left: calc(50% - 20rem / 2);
    border: 0.075rem solid white;
    padding: 1rem 0.75rem;
    border-radius: 0.45rem;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.25rem;
    color: white;
    text-shadow: 0.15rem 0.15rem 0.12rem rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.55);
}
.sCarouselTop .sForm span.sTitle {
    position: relative;
    display: block;
    float: none;
    width: calc(100% - 0.75rem * 2);
    border-top: 0.025rem dotted silver;
    margin:0.75rem 0.75rem;
    padding: 0.75rem 0rem 1rem 0rem;
    text-align: center;
    font-size:0.85rem;
    color: silver;
    text-shadow: 0.25rem 0.25rem 0.8rem rgba(0, 0, 0, 0.5);
}
    .sCarouselTop .sForm .sFormInput {
        pointer-events: auto;
        position: relative;
        display: block;
        float:left;
        width:100%;
        height:auto;
    }
        .sCarouselTop .sForm .sFormInput .sBottom {
            margin-bottom:0.25rem;
        }

label.LabelCheck a:link, label.LabelCheck a:visited, label.LabelCheck a:active {
    color: silver;
    text-decoration: none;
    border-bottom: 0.05rem dotted silver;
    outline: none;
    -moz-outline-style: none;
}

label.LabelCheck a:hover {
    border-width: 0em 0em 0.05em 0em;
    color: white;
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-color: white;
    outline: none;
    -moz-outline-style: none;
}

.sTopHeaderBlock .sLeft,
.sTopHeaderBlock .sRight {
    position: absolute;
    display: flex;
    float: none;
    height: 5.25rem;
    width: auto;
    top: 1rem;
    flex-direction: column;
    justify-content: space-between;
}
.sTopHeaderBlock .sRight {
    opacity: 0;
    right: 0rem;
    height: 3.25rem;
    top: 1rem;
    animation: sMenuBttonAllAnim 0.5s ease-out 0.5s 1 forwards;
}
.sTopHeaderBlock .sLeft {
    display: block;
    opacity: 0;
    left: 0rem;
    height: 5.25rem;
    width: 10rem;
    top: 0.5rem;
    animation: sMenuBttonAllAnim 0.5s ease-out 0.5s 1 forwards;
}

    .sTopHeaderBlock .sLeft .sSmall {
        position: relative;
        float: left;
        display: block;
        margin: 0rem 0.75rem 0rem 0rem;
        padding: 0rem;
        width: 1rem;
        font-size: 0.5rem;
        font-weight: 400;
        line-height: 1.2em;
        margin-bottom: 0.25rem;
    }
    .sTopHeaderBlock .sLeft .sBig {
        position: relative;
        float: left;
        display: block;
        margin: 0rem;
        padding: 0rem;
        width: calc(10rem - 1rem - 0.75rem);
        height: calc(0.5rem * 1.2 * 5);
        font-size: 1.9rem;
        font-weight: 200;
        line-height: calc(0.5rem * 1.2 * 5 - 0.5rem);
        margin-bottom: 0.25rem;
        color: gray;
    }

    .sTopHeaderBlock .sLeft .sBig2, .sTopHeaderBlock .sLeft .sBig3 {
        position: relative;
        float: left;
        display: block;
        margin: 0rem;
        padding: 0rem;
        width: calc(10rem - 1rem - 2.2rem - 1.75rem);
        height: calc(0.5rem * 1.2 * 1);
        font-size: 0.6rem;
        font-weight: 200;
        line-height: calc(0.5rem * 1.2 * 1);
        margin-bottom: 0.25rem;
        color: #CC0000;
        margin-left: 2.2rem;
    }
    .sTopHeaderBlock .sLeft .sBig3 {
        color: gray;
        margin-left: 2.4rem;
    }

        .sTopHeaderBlock .sLeft {
            left: 0rem;
        }
        .sTopHeaderBlock .sLeft span,
        .sTopHeaderBlock .sRight span {
            position: relative;
            float: none;
            width: auto;
            height: auto;
            text-align: left;
            font-size: 0.95rem;
            line-height:1.5em;
            color: gray;
        }

            .sTopHeaderBlock .sRight span a:link, .sTopHeaderBlock .sRight span a:visited, .sTopHeaderBlock .sRight span a:active {
                color: gray;
                text-decoration: none;
                border-width: 0em;
                outline: none;
                -moz-outline-style: none;
            }
            .sTopHeaderBlock .sRight span a:hover {
                border-width: 0em 0em 0.05em 0em;
                color: #CC0000;
                text-decoration: none;
                border-bottom-style: dotted;
                border-bottom-color: #CC0000;
                outline: none;
                -moz-outline-style: none;
            }



#sSelectTypeTape .sCenterBlock {
    height:3rem;
}
.sTabSections .sSection {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0rem 0rem 0.25rem 0rem;
    width: 100%;
}
    .sTabSections .sSection .sTile {
        position: relative;
        width: calc(310px + 2 * 0.125rem);
        height: calc(0.125rem + 232px + 0.75rem + 1.5rem + 1.5rem + 0.075rem * 2 + 0.5rem);
        background-color: rgba(244, 244, 244, 1.0);
        border-radius: 0.5rem;
        margin: 0rem 0.25rem 0.25rem 0rem
    }
        .sTabSections .sSection .sTile img {
            position: absolute;
            width: 310px;
            height: 232px;
            left: 0.125rem;
            top: 0.125rem;
            border-radius: 0.35rem;
            cursor:pointer;
        }
        .sTabSections .sSection .sTile p {
            position: absolute;
            display: block;
            width: 310px;
            height: 0.75rem;
            left: 0.125rem;
            top: calc(0.125rem + 236px);
            text-align: center;
            font-size: 0.75rem;
            line-height: 1em;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .sTabSections .sSection .sTile button {
            position: absolute;
            display: block;
            width: calc(310px - 0.25rem * 2 - 0.125rem);
            height: 1.75rem;
            left: 0.5rem;
            top: calc(0.125rem + 232px + 0.75rem + 1.5rem);
            text-align: center;
            font-size: 1.0rem;
            line-height: 1rem;
            border-radius: 0.9rem;
            padding: 0rem;
            margin: 0rem;
            border: 0.05rem solid silver;
            color: #CC0000;
            outline: none;
            cursor: pointer;
            background-color: rgba(244, 244, 244, 1.0);
            transition: all ease-out 0.15s;
        }
            .sTabSections .sSection .sTile button:hover {
                color: white;
                border-color: #e2c559;
                background-color: #e2c559;
            }
        .sTabSections .sSection .sTile img:hover ~ button {
            color: white;
            border-color: #e2c559;
            background-color: #e2c559;
        }

.sReasons {
    opacity: 0;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}
    .sReasons .sColumn {
        display:block;
        width: calc(48rem / 5 - 0.25rem);
        height: auto;
    }
        .sReasons .sColumn .sHeader {
            display: block;
            float: left;
            width: calc(100% - 2 * 0.125rem);
            margin: 0rem;
            border-left: 0.125rem solid #e2c559;
            border-top: 0.125rem solid #e2c559;
            border-right: 0.125rem solid #e2c559;
            padding: 0.75rem 0rem;
            text-align: center;
            font-size: 6rem;
            font-weight: 900;
            height: auto;
            border-top-left-radius: 2.5rem;
            border-top-right-radius: 2.5rem;
            border-bottom-left-radius: 0rem;
            border-bottom-right-radius: 0rem;
            background-color: white;
            color: #e2c559;
        }
        .sReasons .sColumn .sBody {
            display: block;
            float: left;
            width: calc(100% - 2 * 0.125rem - 2 * 1rem);
            margin: 0rem;
            border-left: 0.125rem solid #e2c559;
            border-bottom: 0.125rem solid #e2c559;
            border-right: 0.125rem solid #e2c559;
            padding: 0rem 1rem 1rem 1rem;
            text-align: center;
            font-size: 1rem;
            height: 7.5rem;
            border-top-left-radius: 0rem;
            border-top-right-radius: 0rem;
            border-bottom-left-radius: 1.5rem;
            border-bottom-right-radius: 1.5rem;
            background-color: white;            
        }
        .sReasons .sColumn .sHeaderRose {
            color:#cda3b2;
        }

.sWideBlock .sHeaderBlue,
.sWideBlock .sHeaderGold,
.sWideBlock .sGallaryHeader,
.sWideBlock .sCenterBlock .sHeaderBlue {
    padding: 1.5rem 0rem 0rem 0rem;
    text-align: center;
    font-size: 2rem;
    line-height: 1.5em;
    font-weight: 900;
    color: #a1c2ca;
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}
.sWideBlock .sHeaderGold {
    font-size: 1.32rem;
    color: #b39424;
    font-weight:700;
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}
    .sWideBlock .sHeaderGold span {
        display: block;
        float: none;
        width: 100%;
        margin: 0.25rem 0rem 1.25rem 0rem;
        font-size: 1.1rem;
        color: #b39424;
        font-weight: 400;
        line-height: 1.25em;
    }
.sWideBlock .sGallaryHeader {
    margin-top:0.5rem;
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}

.sTexture {
    position: relative;
    height: 30.5rem;
    padding: 0rem;
    background-image: url("/Content/Images/Design/Texture.jpg");
    background-position: center center;
    background-size: cover;
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}
    .sTexture .sCenterBlock .sHeaderBlue {
        font-size: 1.8rem;
    }
    .sTexture .sCenterBlock .sColumn {
        position: relative;
        display: block;
        float: left;
        width: calc(33.33333333% - 0.1rem * 2 - 0.75rem * 2);
        padding: 0rem 0.75rem;
        height: auto;
    }
        .sTexture .sCenterBlock .sColumn .sBlock {
            position: relative;
            text-align: center;
            border: 0.1rem solid #a2c19f;
            margin-top: 6.25rem;
            border-radius: 0.5rem;
            height: 15.9rem;
            box-shadow: 0rem 0rem 0.75rem 0rem #ccc;
            background: #fff;
        }
        .sTexture .sCenterBlock .sColumn .sBlue {
            border-color: #b2d7df;
        }
        .sTexture .sCenterBlock .sColumn .sYellow {
            border-color: #e2c559;
        }
        .sTexture .sCenterBlock .sColumn .sBlock img {
            display: block;
            margin: -5rem auto 0.5rem;
            vertical-align: middle;
            border: 0rem;
        }
        .sTexture .sCenterBlock .sColumn .sBlock p {
            margin: 0rem 1.0rem;
            font-size:0.9rem;
            line-height: 1.35em;
            text-align:justify;
        }
.sPartners {
    width: calc(100% - 0.5rem);
    border-radius: 0.45rem;
    margin:0rem 0.25rem;
    background-image: url("/Content/Images/Design/bgformbl1.jpg");
    background-position: center center;
    background-size: cover;
    height: 21rem;
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
}
    .sPartners .sCenterBlock {
        position: relative;
        width: 40rem;
    }
    .sPartners .sHeaderWhite {
        padding: 1.5rem 0rem 0.75rem 0rem;
        text-align: center;
        font-size: 1.45rem;
        line-height: 1.5em;
        font-weight: 900;
        color: white;
        opacity: 0;
        animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
    }
    .sPartners .sFormPartners {
        position: relative;
        margin: 0.5rem auto;
        width: calc(40rem - 2rem * 2);
        padding: 0.75rem 2rem;
        background: white;
        border-radius: 0.75rem;
        height: 10.5rem;
        opacity: 0;
        animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
    }
        .sPartners .sFormPartners .sHeader,
        .sOverLayer .sForm .sForSale .sFormBody .sHeaderForm {
            position: relative;
            padding: 0.75rem 4.8rem;
            color: black;
            font-size: 1.25rem;
            text-align: center;
            font-weight: 400;
        }
        .sPartners .sFormPartners .sFields {
            position:relative;
            margin: 0.75rem 5rem;
            width: calc(40rem - 5rem * 2);
            padding:0rem;
            height:auto;
        }
            .sPartners .sFormPartners .sFields .sPhone,
            .sOverLayer .sForm .sForSale .sFormBody .sFields .sPhone,
            .sOverLayerCallBack .sForm .sFields .sPhone {
                position: relative;
                margin: 0rem;
                width: 7.5rem;
                height: 2rem;
                box-shadow: inset 0rem 0rem 0.5rem rgba(0, 0, 0, 0.5);
                text-align: left;
                padding: 0rem 2.75rem;
                margin-right: 0rem;
                border-radius: 1rem;
                border: 0rem;
                outline: none;
                color: #cda3b2;
                font-size: 0.85rem;
            }
                .sPartners .sFormPartners .sFields .sPhone::placeholder,
                .sOverLayerCallBack .sForm .sFields .sPhone::placeholder,
                .sOverLayer .sForm .sForSale .sFormBody .sFields .sPhone::placeholder {
                    color: #cda3b2;
                }
            .sPartners .sFormPartners .sFields .sButton,
            .sOverLayer .sForm .sForSale .sFormBody .sFields .sButton,
            .sOverLayerCallBack .sForm .sFields .sButton {
                position: relative;
                margin: 0rem;
                width: 13rem;
                height: 2rem;
                text-align: center;
                padding: 0rem;
                border-radius: 1rem;
                border: 0rem;
                outline: none;
                background-color: #cda3b2;
                color: white;
                font-size: 0.85rem;
                transition: all ease-out 0.25s;
            }
            .sPartners .sFormPartners .sFields .ValidControlContaner,
            .sOverLayer .sForm .sForSale .sForm .ValidControlContaner,
            .sOverLayerCallBack .sForm .ValidControlContaner {
                position: relative;
                margin-top: 1rem;
                margin-left: -2.5rem;
            }
                .sPartners .sFormPartners .sFields .ValidControlContaner .LabelCheck {
                    color:gray;
                    font-size:0.8rem;
                }
                    .sPartners .sFormPartners .sFields .ValidControlContaner .LabelCheck a:link, 
                    .sPartners .sFormPartners .sFields .ValidControlContaner .LabelCheck a:visited, 
                    .sPartners .sFormPartners .sFields .ValidControlContaner .LabelCheck a:active {
                        color: gray;
                        text-decoration: none;
                        border-bottom: 0.05rem dotted gray;
                        outline: none;
                        -moz-outline-style: none;
                    }
                    .sPartners .sFormPartners .sFields .ValidControlContaner .LabelCheck a:hover {
                        border-width: 0em 0em 0.05em 0em;
                        color: #CC0000;
                        text-decoration: none;
                        border-bottom-style: dotted;
                        border-bottom-color: #CC0000;
                        outline: none;
                        -moz-outline-style: none;
                    }

.sWideBlock .sOptions {
    padding: 0rem;
    height: calc(28rem * 1021 / 750);
    opacity: 0;
    animation: sMenuBttonAllAnim 1.5s ease-out 2.0s 1 forwards;
    height: auto !important;
}
    .sWideBlock .sOptions .sColumnBig {
        position: relative;
        display: block;
        float: left;
        width: 28rem;
        height: calc(28rem * 1021 / 750);
        padding: 0rem;
        background-image: url('/Content/Images/Design/dost-bg.jpg');
        background-size: cover;
        background-position: center center;
        border-radius:0.5rem;
    }
    .sWideBlock .sOptions .sSectionOptions {
        position: relative;
        float: left;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 20rem;
        height: calc(28rem * 1021 / 750);
        padding: 0rem;
        width: calc(20rem + 28rem);
        flex-direction: row;
        height:auto !important;
        flex-wrap:wrap ;
    }
        .sWideBlock .sOptions .sSectionOptions div {
            position: relative;
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            align-items: center;
            width: 19rem;
            height: auto;
            padding: 0rem 0rem 0rem 1rem;
        }
            .sWideBlock .sOptions .sSectionOptions div img {
                position: relative;
                display: block;
                width: 8rem;
                height: calc(8rem / 174 * 193);
                padding: 0rem 0.5rem 0rem 0rem;
            }
            .sWideBlock .sOptions .sSectionOptions div p {
                position: relative;
                display: block;
                width: 11.5rem;
                height: auto;
                padding: 0rem;
                font-size:0.85rem;
            }

.sWideBlock .sImageTape {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 48rem;
    height: 20rem;
}
    .sWideBlock .sImageTape span {
        position: relative;
        display: block;
        float: left;
        width: calc(48rem / 4 + 0.5rem);
        margin-top:0.75rem;
        height: 20rem;
    }
        .sWideBlock .sImageTape span img {
            position: relative;
            display: block;
            float: left;
            width: calc(48rem / 4 - 0.5rem);
            height: calc((48rem / 4 - 0.5rem) * (456 / 360));
            box-shadow: 0rem 0rem 0.35rem -0.05rem rgba(0, 0, 0, 0.35);
            margin:0.25rem 0rem;
            border-radius:0.35rem;
        }
        .sWideBlock .sImageTape span p {
            position: relative;
            display: block;
            float: left;
            width: calc(48rem / 4 - 0.5rem);
            font-size: 1.05rem;
            line-height:1.2rem;
            text-align: center;
            padding: 0.75rem 0rem;
            margin: 0rem;
        }
        .sWideBlock .sImageTape span p i {
            position: relative;
            display: block;
            float: left;
            width: calc(48rem / 4 - 0.5rem);
            font-size: 0.95rem;
            text-align: center;
            padding: 0.25rem 0rem;
            font-style:normal;
            color:gray;
            font-weight:200;
            margin: 0rem;
        }
.sWideBlock .sSertificateTape {    
    margin-top: 0rem;
}
    .sWideBlock .sSertificateTape div {
        position: relative;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        height: calc((48rem / 4 - 0.25rem) * 1.375391849529781 + 1.25rem + 0.75rem);
        overflow:hidden;
        transition: all ease-out 0.25s;
    }
        .sWideBlock .sSertificateTape div img {
            position: relative;
            display: block;
            float: left;
            width: calc(48rem / 4 - 0.25rem);
            height: calc((48rem / 4 - 0.25rem) * 1.375391849529781);            
            margin: 0.25rem 0rem;            
        }
        .sWideBlock .sSertificateTape div span {
            position: absolute;
            display: block;
            bottom: 0rem;
            left: 0rem;
            height: 1.25rem;
            width: calc(48rem - 0.075rem * 2);
            background-color: rgb(244, 244, 244);
            z-index: 10;
            font-size: 0.9rem;
            line-height: 1.25rem;
            text-align: center;
            border-radius: 0.5rem;
            border: 0.075rem solid #e2c559;
            user-select: none;
            cursor: pointer;
        }
        .sWideBlock .sSertificateTape div i {
            position: relative;
            display: block;
            height: 1.5rem;
            width: calc(48rem - 0.075rem * 2);
            user-select: none;
        }

.sWideBlock .sPartnersTape {
    margin-top: 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    height: calc(2.5rem + 1.25rem + 0.75rem + 0.5rem);
    overflow: hidden;
    transition: all ease-out 0.25s;
}
    .sWideBlock .sPartnersTape img {
        position: relative;
        display: block;
        float: left;
        width: auto;
        height: 2.5rem;
        margin: 0.5rem;
    }
    .sWideBlock .sPartnersTape span {
        position: absolute;
        display: block;
        bottom: 0rem;
        left: 0rem;
        height: 1.25rem;
        width: calc(48rem - 0.075rem * 2);
        background-color: rgb(244, 244, 244);
        z-index: 10;
        font-size: 0.9rem;
        line-height: 1.25rem;
        text-align: center;
        border-radius: 0.5rem;
        border: 0.075rem solid #e2c559;
        user-select: none;
        cursor: pointer;
    }
    .sWideBlock .sPartnersTape i {
        position: relative;
        display: block;
        height: 1.5rem;
        width: calc(48rem - 0.075rem * 2);
        user-select: none;
    }

.sMap {
    position: relative;
}
    .sMap iframe {
        position: relative;
        display: block;
        float: none;
        padding: 0rem;
        margin: 1rem auto;
        height: 12rem;
        width: 48rem;
        border-radius: 0.45rem;
        border:0.05rem solid silver;
    }
    .sMap div {
        position: relative;
        display: block;
        float: none;
        padding: 0rem;        
        width: 48rem;
        height: auto;
        margin:0rem auto;
    }

.sWideBlock .sFooter {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    height: 4rem;
    margin: 1rem auto;
}
    .sWideBlock .sFooter .sFooterLogo {
        position: relative;
        display: block;
        float: left;
        width: 14rem;
        height: 4rem;
        margin: 0rem;
        padding: 0rem;
        background-image: url("/Content/Images/Design/Genesis.svg");
        background-position: left center;
        background-size: contain;
        background-repeat:no-repeat;
    }
    .sWideBlock .sFooter .sConfidentLink {
        position: relative;
        float: left;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        width: 14rem;
        height: 4rem;
        margin: 0rem;
        padding: 0rem;
    }
        .sWideBlock .sFooter .sConfidentLink p {
            position: relative;
            display: block;
            float: left;
            width: 14rem;
            height: auto;
            padding: 0rem;
            margin: 0rem;
            font-size: 0.7rem;
            text-align: center;
            cursor: pointer;
        }
            .sWideBlock .sFooter .sConfidentLink p span {
                position: relative;
                display: block;
                width: 14rem;
                height: auto;
                padding: 0rem;
                margin: 0rem;
                font-size: 1.5rem;
                color: #CC0000;
            }
    .sWideBlock .sFooter .sCallBackMe {
        position: relative;
        display: block;
        float: left;
        margin: 1rem 0rem;
        width: 14rem;
        height: 2rem;
        text-align: center;
        padding: 0rem;
        border-radius: 1rem;
        border: 0rem;
        outline: none;
        background-color: #cda3b2;
        color: white;
        font-size: 0.85rem;
        line-height:1.8rem;
        transition: all ease-out 0.25s;
        cursor:pointer;
    }
    .sWideBlock .sFooter .sCallBackMe:hover {        
        background-color: #e1a3b9;
        color: white;        
    }

user agent stylesheet
input[type="tel" i] {
    padding: 1px 2px;
}



.sOverLayer, .sOverLayerMessage, .sOverLayerCallBack {
    position: fixed;
    display: none;
    opacity: 0;
    top: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    background-color: rgba(244, 244, 244, 0.85);
    z-index: 100;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    transition: all ease-out, 0.5s;
}
    .sOverLayer .sForm, .sOverLayerMessage .sForm, .sOverLayerCallBack .sForm {
        position: relative;
        display: block;
        opacity: 1;
        height: auto;
        width: 44rem;
        padding: 0rem;
        border: 0.075rem solid silver;
        border-radius: 0.45rem;
        background-color: white;
        pointer-events: auto;
        cursor: default;
    }
        .sOverLayer .sForm .sImageSection, .sOverLayer .sForm .sDescriptionSection {
            position: relative;
            display: block;
            float: left;
            height: auto;
            width: calc(20rem + 0.75rem * 2);
            padding: 0rem;
            margin: 0rem;
        }
        .sOverLayer .sForm .sDescriptionSection {
            width: calc(44rem - 20rem - 0.75rem * 2);
        }
        .sOverLayer .sForm .sDetals {
            display: none;
        }
        .sOverLayer .sForm div .sHeader {
            position: relative;
            display: block;
            float: left;
            opacity: 1;
            height: auto;
            width: calc(44rem - 0.75rem * 2 - 20rem - 0.75rem * 2);
            margin-right: 0.75rem;
            padding: 0.75rem 0rem 0.75rem 0.75rem;
            font-size: 2.1rem;
            font-weight: 200;
            text-align: right;
            line-height: 1.15em;
            color: gray;
            border-bottom: 0.05rem dotted gray;
        }

        .sOverLayer .sForm div .sStartImage {
            position: relative;
            float: left;
            display: block;
            opacity: 1;
            width: 20rem;
            height: 15rem;
            margin: 0.75rem 0.75rem 0.25rem 0.75rem;
            padding: 0rem;
            border-radius: 0.35rem;
            background-size: contain;
            background-position: center center;
            background-repeat:no-repeat;
            transition: all ease-out 0.25s;
        }
            .sOverLayer .sForm div .sArrayImage {
                position: relative;
                float: left;
                display: block;
                width: 20rem;
                height: auto;
                margin: 0rem 0.75rem 0.5rem 0.75rem;
                padding: 0rem;                
            }
                .sOverLayer .sForm div .sArrayImage img {
                    position: relative;
                    float: left;
                    display: block;
                    height: 3rem;
                    width: auto;
                    margin: 0rem 0.25rem 0.25rem 0rem;
                    padding: 0rem;
                    border-radius: 0.25rem;
                    transition: all ease-out 0.25s;
                    border: 0.1rem solid transparent;
                    cursor:pointer;
                }
                    .sOverLayer .sForm div .sArrayImage img.sSelect {
                        border: 0.1rem solid rgba(78, 195, 255, 1.0);
                    }

        .sOverLayer .sForm .sDescriptionSection .sDescription {
            position: relative;
            display: block;
            float: left;
            width: calc(44rem - 20rem - 0.75rem * 2 - 0.75rem);
            height: auto;
            max-height: 13rem;
            margin: 0rem 0.25rem 0.75rem 0rem;
            padding-right: 0.5rem;
            display: block;
            overflow-x: hidden;
            overflow-y: auto;
            font-size: 0.85rem;
            line-height: 1.3em;
        }
            .sOverLayer .sForm .sDescriptionSection .sDescription li,
            .sOverLayer .sForm .sDescriptionSection .sDescription ul li {
                text-align: justify;
                font-size: 0.85rem;
                line-height: 1.3em;
                color: rgb(50, 50, 50);
                padding-bottom: 0.15em;
                font-weight: 400;
            }
                .sOverLayer .sForm .sDescriptionSection .sDescription h5,
                .sOverLayer .sForm .sDescriptionSection .sDescription ul h5 {
                    text-align: justify;
                    font-size: 0.85rem;
                    line-height: 1.3em;
                    font-weight: 400;
                    padding: 0em;
                    margin: 0.65em 0em 0.35em -1.5em;
                    color: rgb(38, 94, 122);
                }
        .sOverLayer .sForm .sDescriptionSection .sSale {
            position: relative;
            display: block;
            float: left;
            width: calc(44rem - 20rem - 0.75rem * 2 - 0.75rem);
            height: 3rem;
            margin: 0rem 0.75rem 0.25rem 0rem;
            display: block;
            font-size: 2.7rem;
            line-height: 1em;
            font-weight: 200;
            color: rgba(204, 0, 0, 1.0);
            text-align: center;
            border-top: 0.05rem dotted gray;
            padding: 0.25rem 0rem;
            font-size: 1.25rem;
        }
        /*.sOverLayer .sForm .sDescriptionSection .sSale:after {
            content: "₽";
            font-size: 0.8em;
            font-weight:200;
            color: rgba(100, 50, 50, 1.0);
        }
        .sOverLayer .sForm .sDescriptionSection .sSale:before {
            content: "цена  ";
            font-size: 0.33em;
            font-weight: 200;
            color: rgba(100, 100, 100, 1.0);
        }*/

        .sOverLayer .sForm .sForSale {
            position: relative;
            display: block;
            float: left;
            margin: 0rem 0.75rem 0.25rem 0.75rem;
            width: calc(44rem - 0.75rem * 2);
            padding: 0.5rem 0rem;
            height: auto;
            opacity: 1;
            border-top: 0.05rem dotted gray;
        }
            .sOverLayer .sForm .sForSale .sPDF {
                position: relative;
                display: block;
                float: left;
                margin: 0rem;
                padding: 0.5rem;
                font-size: 0.6rem;
                line-height: 1.25em;
                color: white;
                background-color: #F2451E;
                text-align: center;
                border-radius: 0.35rem;
                cursor: pointer;
                width:2.5rem;
                height:4.25rem;
                margin-top:0.25rem;
                opacity:0;
                pointer-events:none;
            }
                .sOverLayer .sForm .sForSale .sPDF:before {
                    content: '';
                    position: absolute;
                    float: none;
                    display: block;
                    opacity: 1;
                    top: 2.5rem;
                    left: 0.5rem;
                    width: 2.5rem;
                    height: 2rem;
                    background-image: url(/Content/Images/Design/pdf.svg);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: contain;
                }

            .sOverLayer .sForm .sForSale .sFormBody {
                position: relative;
                display: block;
                float: left;
                margin: 0rem;
                padding: 0rem 0.75rem;
                width: calc(44rem - 0.75rem * 2 - 2.5rem - 0.5rem * 2 - 0.75rem * 2);
                height: 4.25rem;
                margin-top: -0.25rem;
            }
                .sOverLayer .sForm .sForSale .sFormBody .sFields, 
                .sOverLayerCallBack .sForm .sFields {
                    position: relative;
                    float: left;
                    display: flex;
                    justify-content: space-around;
                    flex-direction: row;
                    margin: 0rem 5rem;
                    width: calc(44rem - 0.75rem * 2 - 2.5rem - 0.5rem * 2 - 0.75rem * 2 - 5rem * 2);
                    padding: 0rem;
                    height: auto;
                }
                .sOverLayer .sForm .sForSale .sFormBody .sHeaderForm, 
                .sOverLayerCallBack .sForm .sHeader {
                    position: relative;
                    display: block;
                    float: left;
                    width: 100%;
                    margin: 0rem;
                    padding: 0rem 0rem 0.5rem 0rem;
                    color: black;
                    font-size: 0.95rem;
                    text-align: center;
                    font-weight: 200;
                }
                .sOverLayer .sForm .sForSale .sFormBody .ValidControlContaner, .sOverLayerCallBack .sForm .ValidControlContaner {
                    width: calc(100% - 6.25rem);
                    margin-top: 0.75rem;
                }

                    .sOverLayer .sForm .sForSale .sFormBody .ValidControlContaner .LabelCheck, 
                    .sOverLayerCallBack .sForm .ValidControlContaner .LabelCheck {
                        color: gray;
                        font-size: 0.8rem;
                    }

                        .sOverLayer .sForm .sForSale .sFormBody .ValidControlContaner .LabelCheck a:link,
                        .sOverLayer .sForm .sForSale .sFormBody .ValidControlContaner .LabelCheck a:visited,
                        .sOverLayer .sForm .sForSale .sFormBody .ValidControlContaner .LabelCheck a:active,
                        .sOverLayerCallBack .sForm .ValidControlContaner .LabelCheck a:link,
                        .sOverLayerCallBack .sForm .ValidControlContaner .LabelCheck a:visited,
                        .sOverLayerCallBack .sForm .ValidControlContaner .LabelCheck a:active {
                            color: gray;
                            text-decoration: none;
                            border-bottom: 0.05rem dotted gray;
                            outline: none;
                            -moz-outline-style: none;
                        }
                        .sOverLayer .sForm .sForSale .sFormBody .ValidControlContaner .LabelCheck a:hover,
                        .sOverLayerCallBack .sForm .ValidControlContaner .LabelCheck a:hover {
                            border-width: 0em 0em 0.05em 0em;
                            color: #CC0000;
                            text-decoration: none;
                            border-bottom-style: dotted;
                            border-bottom-color: #CC0000;
                            outline: none;
                            -moz-outline-style: none;
                        }

                .sPartners .sFormPartners .sFields .sButtonDisabled,
                .sOverLayerCallBack .sForm .sFields .sButtonDisabled,
                .sOverLayer .sForm .sForSale .sFormBody .sFields .sButtonDisabled {
                    cursor: not-allowed;
                    background-color: #a08790;
                    color: #dcd3d6;
                }

    .sOverLayerMessage .sForm {
        width: calc(40rem - 0.75rem * 2);
        padding: 0.75rem;
    }
        .sOverLayerMessage .sForm .sHeader {
            position: relative;
            display: block;
            float: left;
            opacity: 1;
            height: auto;
            width: calc(40rem - 0.75rem * 2);
            margin: 0rem;
            padding: 0rem 0rem 0.5rem 0rem;
            font-size: 1.2rem;
            font-weight: 400;
            text-align: left;
            line-height: 1.15em;
            color: #CC0000;
            border-bottom: 0.05rem dotted gray;
        }
        .sOverLayerMessage .sForm .sBody {
            position: relative;
            display: block;
            float: left;
            width: calc(40rem - 0.75rem * 2);
            height: auto;
            max-height: 28rem;
            margin: 0.75rem 0rem;
            overflow-x: hidden;
            overflow-y: auto;
            font-size: 0.85rem;
            line-height: 1.3em;
        }
        .sOverLayerMessage .sForm .sBody p {            
            font-size: 0.85rem;
            line-height: 1.45em;
            text-align:justify;
            font-weight:400;
            color:rgb(100, 100, 100);
            padding:0rem 0.75rem 0.75rem 0.75rem;
            margin:0rem;
        }
            .sOverLayerMessage .sForm .sBody p:first-letter {
                font-size: 1.0rem;
                font-weight: 600;
                color: #CC0000;
            }
            .sOverLayerMessage .sForm .sBody ul {                
                margin-top: 0rem;
                margin-left:1rem;
            }
                .sOverLayerMessage .sForm .sBody ul li {
                    font-size: 0.8rem;
                    line-height: 1.4em;
                    text-align: justify;
                    font-weight: 400;
                    color: rgb(50, 50, 50);
                }


    .sOverLayerCallBack .sForm {
        width: 14.5rem;
        height:14rem;
    }
        .sOverLayerCallBack .sForm .sHeader {
            width: calc(100% - 0.75rem * 2);
            padding: 0.75rem;
            color: gray;
            font-size: 0.95rem;
            text-align: center;
            font-weight: 200;
        }
    .sOverLayerCallBack .sForm .sFields {
        position: relative;
        float: left;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        margin: 0.75rem;
        width: calc(100% - 0.75rem * 2);
        padding: 0rem;
        height: 4.5rem;
    }
        .sOverLayerCallBack .sForm .ValidControlContaner {
            width: calc(100% - 0.75rem * 2);
            margin:0rem 0.75rem !important;
        }


.sTxtFieldFlatDark {
    border-bottom: 0.05rem solid silver;
}

@keyframes sAnimSlide {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sSelectSectionMenuAnim {
    0% {
        left: -250px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

@keyframes sCloseSectionMenuAnim {
    0% {
        left: 0px;
        opacity: 1;
    }

    100% {
        left: 250px;
        opacity: 0;
    }
}


/*STATIC*/

.sCarouselTop {
    animation: sMenuBttonAllAnim 0.15s ease-out 0.15s 1 forwards;
}
.sTopHeaderBlock .sRight {
    animation: sMenuBttonAllAnim 0.15s ease-out 0.15s 1 forwards;
}
.sTopHeaderBlock .sLeft {
    animation: sMenuBttonAllAnim 0.15s ease-out 0.15s 1 forwards;
}
.sWideBlock .sHeaderBlue, .sWideBlock .sHeaderGold, .sWideBlock .sGallaryHeader, .sWideBlock .sCenterBlock .sHeaderBlue {
    animation: sMenuBttonAllAnim 0.15s ease-out 0.5s 1 forwards;
}
.sReasons {
    animation: sMenuBttonAllAnim 0.15s ease-out 0.5s 1 forwards;
}
div.LabelTriggerSelectorLine {
    animation: sMenuBttonAllAnim 0.15s ease-out 0.5s 1 forwards !important;
}

.sTopHeaderBlock .sLeft {
    background-image: url(../Images/Design/schedule.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: 5rem;
}