/************************************************************************************************************

Author:  Michael Poliakov
Project: Agalarov Estate
File:    Inner page template

Table of content

1.      System: defaults and reusable elements
2.      Stages: declaration
2.1.    Stages: implementation
                - stage-main-nav
                - stage-main-menu
                - stage-content
                - stage-banner
                - stage-footer

***********************************************************************************************************/


/****************************  1. System: defaults and reusable elements  *********************************/

html { box-sizing: border-box; }
html, body {
    width: 100%; height: 100%;
    font-size: 100%; line-height: 1;
    background-color: #191919;
    -webkit-overflow-scrolling : touch !important;
}
html, body, div, table, td, p, span, a, ul, li, ol, img, figure, form, select, input, textarea, button, h1, h2, h3, h4, h5, h6 {
    padding: 0; margin: 0;
    font-family: Arial, sans-serif;
    outline: none;
}
body {
    padding-top: 0.001em;
}
button, input[type="submit"], input[type="button"] {
    background: transparent;
    cursor: pointer;
}
article,aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display: block; }
*, *:before, *:after { box-sizing: inherit; }
button, input, img { border: none; }
ul, li, ol { list-style: none; }
input::-webkit-input-placeholder { opacity: 1; }
input:focus::-webkit-input-placeholder { opacity: 0; }
textarea::-webkit-input-placeholder { opacity: 1; }
textarea:focus::-webkit-input-placeholder { opacity: 0; }
input:-moz-placeholder { opacity: 1; }
input:focus:-moz-placeholder { opacity: 0; }
textarea:-moz-placeholder { opacity: 1; }
textarea:focus:-moz-placeholder { opacity: 0; }
input::-moz-placeholder { opacity: 1; }
input:focus::-moz-placeholder { opacity: 0; }
textarea::-moz-placeholder { opacity: 1; }
textarea:focus::-moz-placeholder { opacity: 0; }
input:-ms-input-placeholder { opacity: 1; }
input:focus:-ms-input-placeholder { opacity: 0; }
textarea:-ms-input-placeholder { opacity: 1; }
textarea:focus:-ms-input-placeholder { opacity: 0; }

.effect-fadeout {
    -webkit-animation-name:             fadeOut;
    animation-name:                     fadeOut;
    -webkit-animation-duration:         500ms;
    animation-duration:                 500ms;
    -webkit-animation-timing-function:  linear;
    animation-timing-function:          linear;
    -webkit-animation-fill-mode:        forwards;
    animation-fill-mode:                forwards;
}
.effect-fadein {
    -webkit-animation-name:             fadeIn;
    animation-name:                     fadeIn;
    -webkit-animation-duration:         500ms;
    animation-duration:                 500ms;
    -webkit-animation-timing-function:  linear;
    animation-timing-function:          linear;
    -webkit-animation-fill-mode:        forwards;
    animation-fill-mode:                forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes arrowDown {
    0% {
        -webkit-transform:  translateY(30%) scale(0.8);
        transform:          translateY(30%) scale(0.8);
        opacity: 1;
    }
    50% {
        -webkit-transform:  translateY(60%) scale(0.6);
        transform:          translateY(60%) scale(0.6);
        opacity: .5;
    }
    100% {
        -webkit-transform:  translateY(30%) scale(0.8);
        transform:          translateY(30%) scale(0.8);
        opacity: 1;
    }
}

@keyframes mainMenuOpen {
    0% {
        -webkit-transform:  translateX(100%);
        -ms-transform:      translateX(100%);
        transform:          translateX(100%);
    }
    100% {
        -webkit-transform:  translateX(0);
        -ms-transform:      translateX(0);
        transform:          translateX(0);
    }
}

@keyframes showCloseBtn {
    0% {
        -webkit-transform:  scale(0);
        -ms-transform:      scale(0);
        transform:          scale(0);
    }
    100% {
        -webkit-transform:  scale(1);
        -ms-transform:      scale(1);
        transform:          scale(1);

    }
}

@keyframes moveFadeLR {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* button: simple rectange with animation */
    .button-simple-rect {
            display: inline-block;
            position: relative;
            padding: 10px 45px 10px 10px;
            font-family: "AGopt", sans-serif; font-size: 0.75em; color: #fff; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.5); white-space: nowrap;
            border: 1px solid rgba(255,255,255,.5); box-shadow: 1px 1px 1px rgba(0,0,0,.3), inset 1px 1px 1px rgba(0,0,0,.3);
    }
        .button-simple-rect:after {
            content: '';
            position: absolute; left: 100%; top: 50%;
            margin-left: -14%;
            width: 28%; height: 1px;
            background-color: rgba(255,255,255,.5);
            box-shadow: 1px 1px 1px rgba(0,0,0,.3);
            -webkit-transition: all 1s;
            transition:         all 1s;
        }
        .button-simple-rect.animated:after {
            width: 0;
            opacity: .5;
        }
        .button-simple-rect.animated.animate:after {
            width: 28%;
            opacity: 1;
        }

    @media (max-width: 480px) {
        .button-simple-rect {
            padding: 10px 45px 10px 15px;
        }
    }
    @media (min-width: 1024px) {
        .button-simple-rect {
            padding: 16px 30px; padding: 0.98vw 6vw 0.98vw 1.86vw;
            font-size: 1em; font-size: 0.98vw;
        }
    }

/* end of button: simple rectange with animation */

/***********************************************************************************************************/


/***************************************  2. Stages: declaration  ******************************************/

    .stage {
        z-index: 0;
    }

        /* .stage-main-nav : basic */
            .stage-main-nav {
                    position: fixed; left: 0; top: 0; right: 0; z-index: 100;
                    height: 0;
                    font-family: "AGopt", sans-serif;
                }
        /* end of .stage-main-nav : basic */

        /* .stage-main-nav : mobile */
            @media (max-width: 1023px) {
                .stage-main-nav.pinned {
                    top: 0 !important;
                }
            }
        /* end of .stage-main-nav : mobile */

        /* .stage-main-nav : regular */
            @media (min-width: 1024px) {
                .stage-main-nav.pinned {
                    position: absolute;
                }
            }
        /* end of .stage-main-nav : regular */

        /* .stage-main-menu : mobile */
            @media (max-width: 1023px) {
                .stage-main-menu {
                    position: fixed; right: 0; top: 0; bottom: 0; left: 0; z-index: 150;
                    font-family: "AGopt", sans-serif;
                    background-color: rgba(25,25,25,1);
                    -webkit-transition: all 1500ms;
                    transition:         all 1500ms;
                    -webkit-transition-delay:   500ms;
                    transition-delay:           500ms;
                    -webkit-transform:  translateX(100%);
                    -ms-transform:      translateX(100%);
                    transform:          translateX(100%);
                }
            }
        /* end of .stage-main-menu : mobile */

        /* .stage-main-menu : regular */
            @media (min-width: 1024px) {
                .stage-main-menu {
                    font-family: "AGopt", sans-serif;
                    margin: 0 4.5vw;
                }
            }
        /* end of .stage-main-menu : regular */

        /* .stage-content : mobile */
            @media (max-width: 1023px) {
                .stage-content {
                    position: relative;
                    margin: 85px 10px 35px 10px;
                }
            }
            @media (min-width: 1024px) and (orientation: portrait) {
                .stage-content {
                    position: relative;
                    margin: 4.5vh;
                    min-height: 90vh;
                }
            }
        /* end of .stage-content : mobile */

        /* .stage-content : regular */
            @media (min-width: 1024px) and (orientation: landscape) {
                .stage-content {
                    position: relative;
                    margin: 4.5vw;
                    min-height: 90vh;
                }
            }
        /* end of .stage-content : regular */

        .stage-banner {
            position: relative;
            margin-bottom: 7.5vh;
            height: 180px;
            background: #000;
        }
        .stage-banner a {
            position: absolute;
            left: 0; right: 0; top: 0; bottom: 0;
            background-position: center;
            background-repeat: no-repeat;
        }
        .stage-banner a.desktop {
            display: none;
        }
        @media (min-width: 1024px) {
            .stage-banner a.desktop {
                display: block;
            }
            .stage-banner a.mobile {
                display: none;
            }
        }

        /* .stage-footer : mobile */
            @media (max-width: 1023px) {
                .stage-footer {
                    overflow: hidden;
                    margin: 0px 35px;
                    font-family: "AGopt", sans-serif;
                }
            }
        /* end of .stage-footer : mobile */

        /* .stage-footer : regular */
            @media (min-width: 1024px) {
                .stage-footer {
                    overflow: hidden;
                    margin: 0px 4.5vw 3vh 4.5vw;
                    font-family: "AGopt", sans-serif;
                }
            }
        /* end of .stage-footer : regular */


/***********************************************************************************************************/


/*************************************  2.1. Stages: implementation  ***************************************/

                                              /* stage-main-nav */

/* .left-menu : mobile */
    @media (max-width: 1023px) {
        .stage-main-nav .left-menu { display: none; }
    }
/* end of .left-menu : mobile */

/* .left-menu : regular */
    @media (min-width: 1024px) {
            .stage-main-nav .left-menu {
                direction: rtl;
                position: fixed; left: 25px; left: 1.95vw; top: 50%; z-index: 50;
                width: auto; width: 80.8vh;
                font-family: inherit; font-size: 0.01em; text-align: justify;
                -webkit-transform-origin:   0 0;
                -ms-transform-origin:       0 0;
                transform-origin:           0 0;
                -webkit-transform:  rotate(-90deg) translateX(-50%);
                -ms-transform:      rotate(-90deg) translateX(-50%);
                transform:          rotate(-90deg) translateX(-50%);
            }
            .stage-main-nav.pinned .left-menu {
                position: absolute;
                top: 50vh;
            }
            .stage-main-nav .left-menu:after {
                content: '';
                display: inline-block; visibility: hidden;
                width: 100%; height: 0;
            }
            .stage-main-nav .left-menu li {
                display: inline-block;
                position: relative;
                margin: 0 1vh;
                font-family: inherit; white-space: nowrap;
            }
            .stage-main-nav .left-menu li:first-child {
                margin-left: 0;
            }
            .stage-main-nav .left-menu li:last-child {
                margin-right: 0;
            }
                .stage-main-nav .left-menu a {
                    font-family: inherit; font-size: 0.75em; font-size: 1.5vh; letter-spacing: 0.05em; color: #808184; text-decoration: none; text-transform: uppercase;
                    -webkit-transition: color 500ms;
                    transition:         color 500ms;
                }
                .stage-main-nav .left-menu a:hover, .stage-main-nav .left-menu li.active a { color: #fff; }
    }
/* end of .left-menu : regular */

/* .right-menu : mobile */
    @media (max-width: 1023px) {
        .stage-main-nav .right-menu { display: none; }
    }
/* end of .right-menu : mobile */

/* .right-menu : regular */
    @media (min-width: 1024px) {
            .stage-main-nav .right-menu {
                position: fixed; right: 25px; right: 1.95vw; top: 50%; z-index: 50;
                width: auto; width: 80.8vh;
                font-family: inherit; font-size: 0.01em; text-align: left;
                -webkit-transform-origin:   100% 0;
                -ms-transform-origin:       100% 0;
                transform-origin:           100% 0;
                -webkit-transform:  rotate(90deg) translateX(50%);
                -ms-transform:      rotate(90deg) translateX(50%);
                transform:          rotate(90deg) translateX(50%);
            }
            .stage-main-nav.pinned .right-menu {
                position: absolute;
                top: 50vh;
            }
            .stage-main-nav .right-menu li {
                display: inline-block;
                position: relative;
                margin: 0 1vh;
                font-family: inherit; white-space: nowrap;
            }
            .stage-main-nav .right-menu li:first-child {
                margin-left: 0;
            }
            .stage-main-nav .right-menu li:last-child {
                position: absolute; right: 0;
                margin-right: 0; padding-left: 2.5vh;
            }
                .stage-main-nav .right-menu li:last-child a:before {
                    content: '.';
                    position: absolute; left: 0; top: 0;
                    font-family: "AgalarovIcons"; color: #808184; font: 0.75rem; font-size: 1.5vh;
                    -webkit-transition: color 500ms;
                    transition:         color 500ms;
                }
                .stage-main-nav .right-menu a {
                    font-family: inherit; font-size: 0.75em; font-size: 1.5vh; letter-spacing: 0.05em; color: #808184; text-decoration: none; text-transform: uppercase;
                    -webkit-transition: color 500ms;
                    transition:         color 500ms;
                }
                .stage-main-nav .right-menu a:hover, .stage-main-nav .right-menu li.active a, .stage-main-nav .right-menu li:last-child:hover a:before, .stage-main-nav .right-menu li.active a:before { color: #fff; }
    }
/* end of .right-menu : regular */

/* .phone : basic */
    .stage-main-nav .phone {
        position: absolute; top: 0; left: 0; right: 0; z-index: 40;
        background-color: #191919;
        font-family: inherit; text-align: center;
    }
        .stage-main-nav .phone span {
            font-family: inherit; color: #fff; text-transform: uppercase;            
        }
        .stage-main-nav .phone a {
            display: inline-block;
            font-family: inherit; color: #fff; text-decoration: none;
        }
/* end of .phone : basic */

/* .phone : mobile */
    @media (max-width: 1023px) {
        .stage-main-nav .phone {
            height: 85px;
            padding-left: 35px;
            padding-right: 100px;
            text-align: left;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
            .stage-main-nav .phone span {
                font-size: 0.625em;
            }
            .stage-main-nav .phone a {
                font-size: 1.125em; margin-top: 5px;
            }
    }
/* end of .phone : mobile */

/* .phone : regular */
    @media (min-width: 1024px) {
        .stage-main-nav .phone {
            height: 4.5vw; line-height: 4.5vw;
        }
            .stage-main-nav .phone span {
                font-size: 0.6875em; font-size: 0.86vw;
            }
            .stage-main-nav .phone a {
                font-size: 0.6875em; font-size: 0.86vw;
            }
    }
    @media (min-width: 1024px) and (orientation: portrait) {
        .stage-main-nav .phone {
            height: 4.5vh; line-height: 4.5vh;
        }
            .stage-main-nav .phone span {
                font-size: 0.6875em; font-size: 0.86vh;
            }
            .stage-main-nav .phone a {
                font-size: 0.6875em; font-size: 0.86vh;
            }
    }
/* end of .phone : regular */

/* .arrow : mobile */
/* end of .arrow : mobile */

/* .arrow : regular */
    @media (min-width: 1024px) {
        .stage-main-nav .arrow {
            position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
            height: 4.5vw;
            background-color: #191919;
            text-align: center;
            transform: translate3d(0,0,0);
            cursor: pointer;
        }
        .stage-main-nav.pinned .arrow {
            display: none;
        }
            .stage-main-nav .arrow button {
                width: 2.3vw; height: 2vw;
                -webkit-animation:  arrowDown 1500ms ease 0ms infinite normal;
                animation:          arrowDown 1500ms ease 0ms infinite normal;
                cursor: pointer;
                transform: translate3d(0,0,0);
            }
                .stage-main-nav .arrow button:before, .stage-main-nav .arrow button:after {
                    content: '';
                    position: absolute; bottom: 0;
                    width: 100%; height: 1px;
                    background-color: #fff;;
                }
                .stage-main-nav .arrow button:before {
                    left: 50%;
                    -webkit-transform-origin:   0;
                    -ms-transform-origin:       0;
                    transform-origin:           0;
                    -webkit-transform:  rotate(-35deg);
                    -ms-transform:      rotate(-35deg);
                    transform:          rotate(-35deg);
                }
                .stage-main-nav .arrow button:after {
                    right: 50%;
                    -webkit-transform-origin:   100% 0;
                    -ms-transform-origin:       100% 0;
                    transform-origin:           100% 0;
                    -webkit-transform:  rotate(35deg);
                    -ms-transform:      rotate(35deg);
                    transform:          rotate(35deg);
                }
    }
/* end of .arrow : regular */

/* .arrow-backpage : mobile */
    @media (max-width: 1023px) {
        .arrow_backpage_wr { display: none; }
    }
/* end of .arrow-backpage : mobile */

/* .arrow-backpage : regular */
    @media (min-width: 1024px) {
        .arrow_backpage_wr {            
            position: absolute; top: 0; left: 0; z-index: 50;
            width: 4.5vw; height: 4.5vw;
            -webkit-transform:  translateY(-100%);
            transform:          translateY(-100%);
            -webkit-transition: all .6s ease;
            transition:         all .6s ease;
        }
        .arrow_backpage_wr.show {
            -webkit-transform:  translateY(0);
            transform:          translateY(0);
        }

        .arrow_backpage {
            display: block;
            position: relative;
            width: 4.5vw; height: 4.5vw;
        }
            .arrow_backpage:before {
                content: '<';
                position: absolute; left: 0; right: 0; top: 0; bottom: 0;
                width: 4.5vw; height: 4.5vw;
                font-family: "AgalarovIcons"; font-size: 1.7vw; line-height: 4.5vw; text-align: center; color: #808184; text-decoration: none; outline: none;
                -webkit-transition: color .5s ease;
                transition:         color .5s ease;
            }
            .arrow_backpage:hover:before {
                color: #fff;
            }
    }

    @media (orientation: portrait) and (min-width: 1024px) {
        .arrow_backpage_wr {
            width: 4.5vh; height: 4.5vh;
        }
        .arrow_backpage {
            font-size: 2vh; line-height: 4.5vh;
        }
    }

/* end of .arrow-backpage : regular */

        

/* .switch-main-menu : mobile */
    @media (max-width: 1023px) {
        .stage-main-nav .switch-main-menu {
            position: absolute; right: 35px; top: 32px; z-index: 45;
            padding-top: 18px;
            width: 30px
        }
        .stage-main-nav .switch-main-menu b, .stage-main-nav .switch-main-menu:before, .stage-main-nav .switch-main-menu:after {
            position: absolute; left: 0; right: 0;
            height: 1px;
            background-color: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.5);
        }
        .stage-main-nav .switch-main-menu b {
            top: 50%;
            margin-top: -1px;
        }
        .stage-main-nav .switch-main-menu:before {
            content: '';
            top: 0;
        }
        .stage-main-nav .switch-main-menu:after {
            content: '';
            bottom: 0;
        }
    }
/* .switch-main-menu : mobile */

/* .switch-main-menu : regular */
    @media (min-width: 1024px) {
        .stage-main-nav .switch-main-menu {
            display: none;
        }
    }
/* end of .switch-main-menu : regular */

                                                /* stage-main-menu */

/* .stage-main-menu : mobile */
    @media (max-width: 1023px) {
        .stage-main-menu.active {
            -webkit-transform:  translateX(0);
            transform:          translateX(0);
            -webkit-transition-delay:   0ms;
            transition-delay:           0ms;
        }
            .stage-main-menu .switch-main-menu {
                position: absolute; right: 5.625%; right: 5.625vw; top: 7%; top: 7vw; z-index: 20;
                width: 42px; height: 42px; width: 2.56vw; height: 2.56vw; min-width: 30px; min-height: 30px;
                cursor: pointer;
                -webkit-transform:  rotate(45deg);
                transform:          rotate(45deg);
            }
                .stage-main-menu .switch-main-menu:before, .stage-main-menu .switch-main-menu:after {
                    content: '';
                    display: block;
                    position: absolute; z-index: 10;
                    background-color: #fff;
                    -webkit-transform-origin:   50%;
                    transform-origin:           50%;
                }
                .stage-main-menu.active .switch-main-menu:before, .stage-main-menu.active .switch-main-menu:after {
                    -webkit-animation:  showCloseBtn 500ms ease 2500ms 1 normal;
                    animation:          showCloseBtn 500ms ease 2500ms 1 normal;
                    -webkit-animation-fill-mode:    both;
                    animation-fill-mode:            both;
                }
                .stage-main-menu .switch-main-menu:before {
                    left: 0; right: 0; top: 50%;
                    height: 1px;
                }
                .stage-main-menu .switch-main-menu:after {
                    top: 0; bottom: 0; left: 50%;
                    width: 1px;
                }
                .stage-main-menu .main-menu {
                    position: absolute; left: 7%; left: 7vw; right: 7%; right: 7vw; top: 7%; top: 7vw; bottom: 0;
                    overflow: hidden;
                    font-family: inherit;
                }
                    .stage-main-menu .main-menu:before {
                        content: '';
                        position: absolute; left: -100%; right: 0; top: 0; bottom: 0; z-index: 10;
                        background: -webkit-linear-gradient(left, rgba(25,25,25,0) 0%, rgba(25,25,25,.7) 30%, rgba(25,25,25,1) 35%);
                        background: linear-gradient(to right, rgba(25,25,25,0) 0%, rgba(25,25,25,.7) 30%, rgba(25,25,25,1) 35%);
                        -webkit-transition: left 1000ms;
                        transition:         left 1000ms;
                    }
                    .stage-main-menu.active .main-menu:before {
                        left: 100%;
                        -webkit-transition-duration: 1500ms;
                        transition-duration: 1500ms;
                        -webkit-transition-delay: 1500ms;
                        transition-delay: 1500ms;
                    }
                    .stage-main-menu .item-delimiter {
                        height: 40px; height: 5vh;
                        width: 100%;
                    }
                    .stage-main-menu .item-root {
                        display: inline-block; overflow: hidden;
                        font-family: inherit;
                        width: 200px;
                        margin-bottom: 30px; margin-bottom: 2.5vw;
                    }
                        .stage-main-menu .item-root > a {
                            position: relative;
                            display: inline-block;
                            font-size: 0.875em; font-family: inherit; color: #fff; text-transform: uppercase; text-decoration: none; cursor: default;
                        }
                            .stage-main-menu .item-root > a:first-child:after {
                                content: '>';
                                position: absolute; right: -18px; top: -1px;
                                width: 14px; height: 14px;
                                font-family: "AgalarovIcons"; font-size: 14px; color: rgba(255,255,255,.4);
                            }
                            .stage-main-menu .submenu {
                                display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
                                flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; align-content: space-between;
                                position: fixed; top: 0; bottom: 0; right: -130%; left: 130%; z-index: 20;
                                padding: 7%; padding: 7vw;
                                opacity: .7;
                                background: rgba(25,25,25,1);
                                font-family: inherit;
                                -webkit-transition: all 500ms;
                                transition:         all 500ms;
                            }
                            .stage-main-menu .submenu.active {
                                opacity: 1;
                                left: 0; right: 0;
                            }
                                .stage-main-menu .item-back {
                                    margin: 0 0 15px 25px;
                                }
                                    .stage-main-menu .item-back button {
                                        position: relative;
                                        font-size: 0.875em; line-height: 1.1; font-family: inherit; color: #fff; text-transform: uppercase; cursor: pointer;
                                    }
                                    .stage-main-menu .item-back button:before {
                                        content: '<';
                                        position: absolute; left: -25px; top: 0;
                                        width: 20px; height: 20px;
                                        font-family: 'AgalarovIcons'; font-size: 14px; color: #fff; text-align: center;
                                        
                                    }
                                .stage-main-menu .item-sub {
                                    flex: 0 0 auto;
                                    margin: 0 0 15px 35px;
                                    font-family: inherit;
                                }
                                    .stage-main-menu .item-sub > a {
                                        font-size: 0.875em; line-height: 1.1; font-family: inherit; color: #ccc; text-decoration: none;
                                        -webkit-transition: color 500ms;
                                        transition:         color 500ms;
                                    }
                                    .stage-main-menu .item-sub > a:hover {
                                        color: #fff;
                                    } 
                    .stage-main-menu .item-root.contacts {
                        width: 100%;
                    }
                    .stage-main-menu .item-root.contacts p {
                        display: inline-block; vertical-align: top;
                        width: 40%; min-width: 140px;
                        margin-bottom: 30px; margin-bottom: 4.5vh;
                        font-size: 0.6em; font-family: inherit; color: #ccc; text-transform: uppercase; white-space: nowrap;
                    }
                        .stage-main-menu .item-root.contacts p a {
                            display: inline-block;
                            font-size: 1.5em; font-family: inherit; color: #fff; text-decoration: none;
                            margin-top: 5px; margin-top: 1vh;
                        }
                        .stage-main-menu .item-root.contacts .callback {
                            display: none;
                        }

                        .stage-main-menu .item-root.contacts .aivi_vr{
	                    	color: #fff;
	                    	font-size: 0.75em; font-family: inherit; white-space: nowrap;
	                    }
	                    .stage-main-menu .item-root.contacts .aivi_vr a{
                    	color: #fff;
                    	text-decoration: none;
                    	font-family: inherit;
                    }
                    .stage-main-menu .item-root.contacts .aivi_vr a img{
                    	width: auto;
                    	height: 10px;
                    }
        }
        @media (orientation: portrait) and (min-width: 375px) and (max-width: 1023px) {
            .stage-main-menu .switch-main-menu {
                top: 10vw;
            }
            .stage-main-menu .main-menu {
                left: 8vw; top: 10vw;
            }
            .stage-main-menu .submenu {
                padding: 10% 8%; padding: 10vw 8vw;
            }
            .stage-main-menu .item-delimiter {
                height: 100px; height: 12vh;
            }
            .stage-main-menu .item-root {
                margin-bottom: 30px; margin-bottom: 3vh;
            }
                .stage-main-menu .item-root.contacts p {
                    width: 48%;
                    margin-bottom: 60px; margin-bottom: 4vh;
                }
                .stage-main-menu .item-root.contacts .callback {
                    /*margin-top: 50px; margin-top: 4vh;*/
                    margin-bottom: 60px; margin-bottom: 4vh;
                }
        }

        @media (min-height: 375px) and (min-width: 375px) {
            .stage-main-menu .item-root.contacts .callback {
                display: block;
                text-align: center;
                /*margin-top: 10px; margin-top: 2vh; padding-bottom: 5px;*/
                margin-bottom: 40px; margin-bottom: 5vh;
            }
                .stage-main-menu.active .item-root.contacts .button-simple-rect.animated:after {
                    width: 28%;
                    opacity: 1;
                    -webkit-transition-delay:   2700ms;
                    transition-delay:           2700ms;
                }
        }


        @media (min-width: 400px) and (min-height: 360px) {
            .stage-main-menu .item-root.contacts p {
                margin-bottom: 20px; margin-bottom: 4.5vh;
            }
        }

        @media (min-width: 600px) and (max-width: 1023px) {
            .stage-main-menu .main-menu {
                display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
                flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; align-content: space-between;
                font-family: inherit;
            }
                .stage-main-menu .submenu {
                    display: block;
                }
                    .stage-main-menu .item-delimiter {
                        display: none;
                    }
                    .stage-main-menu .item-root.contacts {
                        width: 50%;
                    }
                        .stage-main-menu .item-root.contacts .callback {
                            text-align: left;
                        }
                        .stage-main-menu .item-root.contacts p {
                            display: block;
                            width: auto;
                        }
                    .stage-main-menu .item-root {
                        display: inline-block; flex: 0 0 auto;
                        width: 50%;
                    }
        }

        @media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
                .stage-main-menu .main-menu {
                    max-height: 60%;
                }
        }
/* end of .stage-main-menu : mobile */


/* .stage-main-menu : regular */
    @media (min-width: 1024px) {
        .stage-main-menu {
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .stage-main-menu .switch-main-menu {
            display: none;
        }
        .stage-main-menu .main-menu {
            position: relative;
            display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
            flex-flow: column wrap; justify-content: flex-start; align-items: stretch; align-content: space-between;
            left: 0; top: 0;
            max-height: 62vh;
            width: 100%;
            font-family: inherit;
        }
            .stage-main-menu .submenu {
                display: block;
                position: relative;
                font-family: inherit;
                margin: 20px 0 0 0; margin: 2.5vh 0 0 0;
            }
                .stage-main-menu .item-sub {
                    font-family: inherit;
                    margin: 8px 0;
                }
                    .stage-main-menu .item-sub > a {
                        font-size: 0.6875em; font-size: 1.375vh; line-height: 1.1; font-family: inherit; color: #b4b4b4; text-decoration: none;
                    }
                    .stage-main-menu .item-sub > a:hover {
                        color: #fff;
                    } 
                .stage-main-menu .item-delimiter {
                    display: none;
                }
                .stage-main-menu .item-back {
                    display: none;
                }
                .stage-main-menu .item-root {
                    display: inline-block; flex: 0 0 auto;
                    font-family: inherit; white-space: nowrap;
                    margin-bottom: 40px; margin-bottom: 5vh;
                    max-width: 25%;
                }
                    .stage-main-menu .item-root > a {
                        position: relative;
                        display: inline-block;
                        font-size: 0.75em; font-size: 1.5vh; font-family: inherit; color: #fff; text-transform: uppercase; text-decoration: none;
                    }  
                .stage-main-menu .item-root.contacts {
                    max-width: 25%;
                }
                    .stage-main-menu .item-root.contacts p {
                        display: block;
                        min-width: 140px;
                        margin-bottom: 40px; margin-bottom: 5vh;
                        font-size: 0.75em; font-size: 1.5vh; font-family: inherit; color: #ccc; text-transform: uppercase; white-space: nowrap;
                    }
                        .stage-main-menu .item-root.contacts p a {
                            display: inline-block;
                            font-size: 1.125em; font-size: 1.8vh; font-family: inherit; color: #fff; text-decoration: none;
                            margin-top: 5px; margin-top: 1vh;
                        }
                    .stage-main-menu .item-root.contacts .button-simple-rect {
                        /*margin-top: 60px; margin-top: 7vh;*/
                    }
                    .stage-main-menu .item-root.contacts .aivi_vr{
                    	color: #fff;
                    	font-size: 0.75em; font-size: 1.7vh;
            			font-family: inherit; white-space: nowrap;
                    }
                    .stage-main-menu .item-root.contacts .aivi_vr a{
                    	color: #fff;
                    	text-decoration: none;
                    	font-family: inherit;
                    }
                    .stage-main-menu .item-root.contacts .aivi_vr a img{
                    	width: auto;
                    	height: 12px;
                    	height: 1.4vh;
                    }
    }
/* end of .stage-main-menu : regular */

.form-result {
    padding-top: 50px;
    font-family: "AGopt", sans-serif; font-size: 1.15vw; color: #fff; text-align: center;
}


                                                 /* stage-content */


                                                 /* stage-banner */


                                                 /* stage-footer */

/* text-block : basic */
    .stage-footer .text-block {
        font-family: inherit; font-size: 0.6875em; font-size: 0.85vw; line-height: 1.5; color: #494949;
    }
    .stage-footer .text-block.two-columns {
        position: relative;
        text-align: justify;
    }
        .stage-footer .text-block.two-columns:after {
            content: '';
            display: inline-block;
            width: 100%; height: 0;
        }
        .stage-footer .text-block p {
            padding-bottom: 3.5vh;
            font-family: inherit; text-align: left;
        }
/* end of text-block : basic */

/* text-block : mobile */
    @media (max-width: 1024px) {
        .stage-footer .text-block {
            font-size: 0.6875em;
        }
    }
    @media (min-width: 600px) {
        .stage-footer .text-block.two-columns .column {
            display: inline-block;
            font-family: inherit;
            width: 45.5%;
            vertical-align: top;
        }
    }
/* end of text-block : mobile */

/* .info-menu : mobile */
    @media(max-width: 1023px) {
        .stage-footer .info-menu {
            font-size: 0; font-family: inherit;
            min-height: 8vh;
        }
        .stage-footer .info-menu li {
            display: inline-block;
            vertical-align: top;
            margin-right: 4%;
            font-family: inherit;
        }
        .stage-footer .info-menu li:last-child {
            margin-right: 0;
        }
            .stage-footer .info-menu a {
                display: inline-block;
                font-family: inherit; font-size: 0.75rem; line-height: 1; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); text-transform: uppercase; text-decoration: none;
            }
    }
/* end of .info-menu : mobile */

/* .info-menu : regular */
    @media(min-width: 1024px) {
        .stage-footer .info-menu { display: none; }
    }
/* end of .info-menu : regular */

/* .politic_link : regular */
@media(min-width: 1024px) {
    .stage-main-menu .politic_link_wr{
        margin-bottom: 3vw;
        padding-top: 1.6vw;
        font-family: inherit;
    }
    .stage-main-menu .politic_link{
        font-family: inherit;
        color: #aeaeae;
        text-decoration: none;
        font-size: 1.7vh;
    }
}
/* end of .politic_link : regular */

/* .politic_link : mobile */
@media(max-width: 1023px) {
    .stage-main-menu .politic_link_wr{
        font-family: inherit;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .stage-main-menu .politic_link{
        font-family: inherit;
        color: #aeaeae;
        text-decoration: none;
        font-size: 0.75em;
    }
}
/* end of .politic_link : mobile */


/***********************************************************************************************************/