/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'M+ 2p';
}
html, body{
    height: 100%;
    overflow-x: hidden;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

a{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #000;
    text-decoration: none;
}


a:hover, a.is-active {
    color: rgba(0,0,0,0.6);
}
a:focus{
    outline: none;
}












/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

@font-face {
    font-family: 'fontello';
    src: url('../fonts/social/fontello.eot?30223738');
    src: url('../fonts/social/fontello.eot?30223738#iefix') format('embedded-opentype'),
    url('../fonts/social/fontello.woff2?30223738') format('woff2'),
    url('../fonts/social/fontello.woff?30223738') format('woff'),
    url('../fonts/social/fontello.ttf?30223738') format('truetype'),
    url('../fonts/social/fontello.svg?30223738#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?30223738#fontello') format('svg');
  }
}
*/

[class^="social-"]:before, [class*=" social-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */


    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.social-twitter:before { content: '\f099'; } /* 'ï‚™' */
.social-facebook:before { content: '\f09a'; } /* 'ï‚š' */
.social-vkontakte:before { content: '\f189'; } /* '' */
.social-pinterest:before { content: '\f231'; } /* '' */
.social-gplus:before { content: '\f30f'; } /* '' */

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@font-face {
    font-family: 'rouble';
    src: url('../fonts/rouble.eot');
    src: local('☺'), url('../fonts/rouble.woff') format('woff'), url('../fonts/rouble.ttf') format('truetype'), url('../fonts/rouble.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{
    font-weight: normal;
}


.main{
    min-height: 100%;
    position: relative;
}
#home-start {
    position: relative;
    height: 100vh;
    z-index: 10;
}
.mobile .home-start-fixed {
    position: relative;
}

.home-start-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden;
}
.parallax-b {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.bg-p{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    max-width: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 49.4% 52%;
    transform-origin: 49.4% 52%;
    -webkit-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
#home-start .block-bg-cover {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
.block-bg-cover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.high-lvl{
    z-index: 44;
}
.parallax-b-layer {
    position: absolute;
    width: 104%;
    height: 104%;
    top: -2%;
    left: -2%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
[class*="scene"]{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
[class*="scene"].hide{
    opacity: 0;
    visibility: hidden;
}
#home-start .line {
    position: absolute;
    z-index: 20;
    display: block;
    top: auto;
    bottom: 80px;
    left: 50%;
    width: 4px;
    height: 200px;
    margin-left: -2px;
    background: rgba(255,255,255,1);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
    background-size: 100% 200%;
    background-position: 0 -200px;
}
#home-start .line {
    height: 100px;
    background-position: 0 -100px;
    opacity: 0;
    visibility: hidden;
}
@keyframes animHomeHeaderLine {
    0% { background-position: 0 -200px; }
    50% { background-position: 0 0px; }
    100% { background-position: 0 202px; }
}
@keyframes animHomeHeaderLineMobile {
    0% { background-position: 0 -100px; }
    50% { background-position: 0 0px; }
    100% { background-position: 0 102px; }
}
@keyframes animHomeHeaderLineMobileMinimum {
    0% { background-position: 0 -50px; }
    50% { background-position: 0 0px; }
    100% { background-position: 0 52px; }
}
#home-start .line.startScroll {
    animation: animHomeHeaderLine 3s ease forwards infinite;
    opacity: 1;
    visibility: visible;
}

#home-start .txt-help {
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 15px;
    width: 100%;
    font: normal 400 20px/20px 'KIEVITCY-MEDIUMSC', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
}
#home-start .line.startScroll ~ .txt-help{
    opacity: 1;
    visibility: visible;
}

.main--menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 110;
}

.main--menu-open {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 14px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    z-index: 110;
}
.main--menu-open-box {
    position: relative;
    display: inline-block;
    width: calc( (100vh - 800px)/(1200 - 800) * (40 - 28) + 28px);
    height: calc( (100vh - 800px)/(1200 - 800) * (24 - 12) + 12px);
}
.main--menu-open-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.main--menu-open-inner, .main--menu-open-inner:after, .main--menu-open-inner:before {
    position: absolute;
    width: calc( (100vh - 800px)/(1200 - 800) * (40 - 32) + 32px);
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    background-color: #000;
}
.main--menu-open .main--menu-open-inner, .main--menu-open .main--menu-open-inner:after, .main--menu-open .main--menu-open-inner:before {
    background-color: #fff;
}
.main--menu-open-inner:after, .main--menu-open-inner:before {
    display: block;
    content: '';
}
.main--menu-open-inner:before {
    top: -10px;
}
.main--menu-open .main--menu-open-inner, .main--menu-open .main--menu-open-inner:after, .main--menu-open .main--menu-open-inner:before {
    background-color: #fff;
}

.main--menu-open-inner:after {
    bottom: -10px;
}
.main--menu-open--vortex .main--menu-open-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .3s
}

.main--menu-open--vortex .main--menu-open-inner:after,.main--menu-open--vortex .main--menu-open-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0.1s
}

.main--menu-open--vortex .main--menu-open-inner:before {
    transition-property: top,opacity
}

.main--menu-open--vortex .main--menu-open-inner:after {
    transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
    transition-property: bottom,transform,-webkit-transform
}

.main--menu.is-active .main--menu-open--vortex .main--menu-open-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    width: 34px;
}

.main--menu.is-active .main--menu-open--vortex .main--menu-open-inner:after, .main--menu.is-active .main--menu-open--vortex .main--menu-open-inner:before {
    transition-delay: 0s
}

.main--menu.is-active .main--menu-open--vortex .main--menu-open-inner:before {
    top: 0;
    opacity: 0;
    width: 34px;
}

.main--menu.is-active .main--menu-open--vortex .main--menu-open-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 34px;
}
.main--menu.is-active .main--menu-open .main--menu-open-inner, .main--menu.is-active .main--menu-open .main--menu-open-inner:after, .main--menu.is-active .main--menu-open .main--menu-open-inner:before {
    background-color: #000;
}
.main--menu.is-active .main--menu-open{
    padding: 12px 8px;
}

.main--menu.is-active .main--menu-open:hover .main--menu-open-inner:before, .main--menu.is-active .main--menu-open:hover .main--menu-open-inner {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.main--menu-container {
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: 99px;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 0;
}
.main--menu.is-active .main--menu-container{
    top: 0;
    opacity: 1;
}

.main--menu--inner {
    width: 73.1%;
    margin: 0 auto;
}

.main--menu--inner ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 2px 0px 0 5.3%;
}

.main--menu--inner ul li a {
    font-size: 18px;
    letter-spacing: 1.4px;
}

.main--menu-languages{
    position: absolute;
    left: 92.4px;
    top: 13px;
}
.main--menu-languages a{
    font-size: 18px;
    position: relative;
    vertical-align: top;
    letter-spacing: 2.5px;
}
.main--menu-divider{
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 4px;
    background: #000;
    margin: 1px 16px 0;
}
.main--open-login {
    position: absolute;
    right: 14px;
    top: 12px;
    z-index: 100;
}

.main--open-login-key{
    width: calc( (100vh - 800px)/(1200 - 800) * (56 - 42) + 42px);
    fill: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main--menu.is-active .main--open-login-key{
    fill: #000;
}

.main--open-login:hover .main--open-login-key{
    -moz-transform: scale(1.18);
    -webkit-transform: scale(1.18);
    -o-transform: scale(1.18);
    -ms-transform: scale(1.18);
    transform: scale(1.18);
}
@keyframes animMenuOpenTop {
    0% {top: -10px;}
    50% {top: -13px;}
    100% {top: -10px;}
}
@keyframes animMenuOpenBottom {
    0% {bottom: -10px;}
    50% {bottom: -13px;}
    100% {bottom: -10px;}
}
.main--menu:not(.is-active) .main--menu-open--vortex:hover .main--menu-open-inner:before{
    top: -12px;
}
.main--menu:not(.is-active) .main--menu-open--vortex:hover .main--menu-open-inner:after{
    bottom: -12px;
}

.main--menu-facebook {
    position: absolute;
    top: 14px;
    right: 114px;
}
.main--menu-facebook svg {
    width: 24px;
    height: 27px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main--menu-facebook:hover svg{
    fill: #3b5998;
}
.main--logo {
    position: absolute;
    top: 13px;
    text-align: center;
    width: calc( (100vh - 800px)/(1200 - 800) * (250 - 180) + 180px);
    height: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 90;
}
.main--logo img {
    max-height: 100%;
}
.block-bg-cover .element-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    overflow: hidden;
}
.gallery--slider-container, .gallery--slider-list, .gallery--slider-item{
    width: 100%;
    height: 100%;
}
.gallery--slider-container{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
}
.gallery--slider-container:after{
    content: "";
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.gallery--slider-container.preloader:after{
    visibility: visible;
    opacity: 1;
}

.gallery--slider-list{
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}
.gallery--slider-item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.gallery--slider-item.pt-page-current{
    visibility: visible;
    z-index: 1;
}
.gallery--slider-label {
    position: absolute;
    left:  40px;
    top: 20%;
    color: #fff;
    display: table;
    width: auto !important;
    height: auto !important;
    overflow: hidden;
    cursor: default;
    padding-left: 25px;
}
.gallery--slider-label.view:hover{
    overflow: visible;
}
.gallery--slider-label.view:hover h2{
    transform: scale(1.1);
}
.gallery--slider-label h2 {
    font-size: 80px;
    letter-spacing: 20px;
    display: table;
    margin-bottom: 0;
    position: relative;
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    font-family: 'M+ 2p regular';
}
.gallery--slider-label.view h2{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.gallery--slider-label h2 span {
    font-size: 60px;
    vertical-align: top;
    position: relative;
    top: 20px;
    left: -20px;
    letter-spacing: 5px;
}
.gallery--slider-content{
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
}
.gallery--slider-content > *{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.main--scroll-indicator{
    position: absolute;
    width: 28px;
    height: 50px;
    left: 0;
    right: 0;
    bottom: 8px;
    margin: auto;
    background: url(../img/mouse.png) 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.main--copyright{
    position: absolute;
    bottom: 10px;
    left: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    font-family: Helvetica;
}
[class*="slider-pager"], .main--collections-dots{
    position: absolute;
    bottom: calc(10%);
    left: 0;
    right: 0;
    height: 37px;
    z-index: 40;
}
[class*="slider-dote"]{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 12px 0 0 -5.5px;
    vertical-align: top;
    position: absolute;
}
[class*="slider-dote"] label{
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transition: height 0.1s ease-in-out, width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
    -moz-transition:  height 0.1s ease-in-out, width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
    -ms-transition:  height 0.1s ease-in-out, width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
    -o-transition:  height 0.1s ease-in-out, width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
    transition:  height 0.1s ease-in-out, width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
}
[class*="slider-dote"] label span{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transition-delay: 0.5s;
}
[class*="slider-dote"].is-active{
    /* width: auto; */
    /* height: auto; */
    margin: 0 0px 0 -5.5px;
}
[class*="slider-dote"].is-active label{
    width: auto;
    height: auto;
    padding: 5px 5px;
    text-align: center;
    font-size: 18px;
    text-transform: lowercase;
    height: 100%;
    box-sizing: border-box;
    color: #000;
    cursor: default;
    width: 108px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    margin-left: -50px;
    position: absolute;
    height: 37px;
}
.main--collections-slider-dote.is-active label{
    width: 11px;
    height: 11px;
    margin-left: 0px;
    margin-top: 0px;
}
.main--collections-slider-dote.is-active{
    margin: 10px 0 0 -5.5px;
}
[class*="slider-dote"].is-active label span{
    visibility: visible;
    opacity: 1;
}
.gallery--slider-label h2:hover{
    animation: animScale_1_2 0.6s ease forwards;
    animation-delay: 0.5s
}
.main--menu--inner ul li:nth-child(1) a:hover, .main--news-categories li:nth-child(1) a.is-active,
.main--news-categories li:nth-child(1) a:hover, .main--personal-categories li:nth-child(1) a:hover,
.main--personal-categories li:nth-child(1) a.is-active{
    color: #e20010;
}
.main--menu--inner ul li:nth-child(2) a:hover, .main--news-categories li:nth-child(2) a.is-active,
.main--news-categories li:nth-child(2) a:hover, .main--personal-categories li:nth-child(2) a:hover,
.main--personal-categories li:nth-child(2) a.is-active{
    color: #75b727;
}
.main--menu--inner ul li:nth-child(3) a:hover, .main--news-categories li:nth-child(3) a.is-active,
.main--news-categories li:nth-child(3) a:hover, .main--personal-categories li:nth-child(3) a:hover,
.main--personal-categories li:nth-child(3) a.is-active{
    color: #009ee3;
}
.main--menu--inner ul li:nth-child(4) a:hover, .main--news-categories li:nth-child(4) a.is-active,
.main--news-categories li:nth-child(4) a:hover, .main--personal-categories li:nth-child(4) a:hover,
.main--personal-categories li:nth-child(4) a.is-active{
    color: #0068b4;
}
.main--menu--inner ul li:nth-child(5) a:hover, .main--news-categories li:nth-child(5) a.is-active,
.main--news-categories li:nth-child(5) a:hover, .main--personal-categories li:nth-child(5) a:hover,
.main--personal-categories li:nth-child(5) a.is-active{
    color: #ad0c04;
}
.main--menu--inner ul li:nth-child(6) a:hover, .main--news-categories li:nth-child(6) a.is-active,
.main--news-categories li:nth-child(6) a:hover, .main--personal-categories li:nth-child(6) a:hover,
.main--personal-categories li:nth-child(6) a.is-active{
    color: #3b5998;
}
.main--menu--inner ul li:nth-child(7) a:hover, .main--news-categories li:nth-child(7) a.is-active,
.main--news-categories li:nth-child(7) a:hover, .main--personal-categories li:nth-child(7) a:hover,
.main--personal-categories li:nth-child(7) a.is-active{
    color: #a71380;
}
.main--menu--inner ul li:nth-child(8) a:hover, .main--news-categories li:nth-child(8) a.is-active,
.main--news-categories li:nth-child(8) a:hover, .main--personal-categories li:nth-child(8) a.is-active,
.main--personal-categories li:nth-child(8) a:hover{
    color: #2f2483;
}
.main--collections{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: rgba(0,158,225,1);
    background: -moz-linear-gradient(12deg, rgba(0,158,225,1) 0%, rgba(47,36,131,1) 100%);
    background: -webkit-linear-gradient(12deg, rgba(0,158,225,1) 0%, rgba(47,36,131,1) 100%);
    background: -o-linear-gradient(12deg, rgba(0,158,225,1) 0%, rgba(47,36,131,1) 100%);
    background: -ms-linear-gradient(12deg, rgba(0,158,225,1) 0%, rgba(47,36,131,1) 100%);
    background: linear-gradient(12deg, rgba(0,158,225,1) 0%, rgba(47,36,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee1', endColorstr='#2f2483', GradientType=1 );
}
[class*="main--collections-back"]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 150% !important;
    background-position: 0% 75%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
[class*="main--collections-back"].is-active{
    visibility: visible;
    opacity: 1;
}
[class*="main--collections-back"]:hover{
    background: linear-gradient(165deg, rgb(0, 158, 227) 0%, rgb(8, 138, 211) 11%, rgb(16, 117, 195) 22%, rgb(24, 97, 179) 33%, rgb(31, 77, 163) 44%, rgb(39, 56, 147) 55%, rgb(47, 36, 131) 80%) !important
}
.main--collections-categories{
    width: 16.25%;
    left: 0;
    text-align: right;
    position: absolute;
    display: table;
    top: 20%;
    margin: auto;
    z-index: 100;
    height: 68%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.main--collections-category{
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    opacity: 0.51;
    line-height: 19px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main--collections-category + .main--collections-category{
}
.main--collections-category.is-active, .main--collections-category:hover{
    opacity: 1;
    font-size: 24px;
}
.main--collections-category.is-active{
    cursor: default;
}
.main--collections-center{
    position: relative;
    max-width: 1716px;
    margin: 0 auto;
    top: 14%;
    height: 64%;
}
.main--collections-buttons-panel{
    width: 132px;
    position: absolute;
    display: table;
    margin: auto;
    top: 0;
    right: 16.25%;
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0);
    z-index: 100;
}
.main--collections-item-name{
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 55px;
    overflow: hidden;
    position: relative;
    height: 53px;
    line-height: 1;
}
.main--collections-item-name span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120%;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    -ms-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
    transition: bottom 0.3s ease-in-out;
    opacity: 0;
}
.main--collections-item-name.is-active span{
    bottom: 0;
    opacity: 1;
}
.main--collections-item-name.to-top span{
    bottom: 220%;
    opacity: 1;
}
.main--collections-item-view{
    display: table;
    width: 58px;
    height: 111px;
    margin: 0 auto 65px;
    background: url(../img/l.png) 50% 50% no-repeat;
    cursor: pointer;
}
.main--collections-item-view:hover{
    background: url(../img/lh.png) 50% 50% no-repeat;
}
.main--collections-item-3D{
    display: table;
    margin: 0 auto;
    position: relative;
    width: 60px;
    height: 50px;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 49.4% 52%;
    transform-origin: 49.4% 52%;
    -webkit-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.main--collections-item-3D, .main--collections-item-3D:before, .main--collections-item-3D:after{
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.main--collections-item-3D{
    transition-delay: 2s;
}
.main--collections-item-3D:before, .main--collections-item-3D:after{
    transition-delay: 3.5s;
}
.main--collections-item-3D.is-active, .main--collections-item-3D.is-active:before, .main--collections-item-3D.is-active:after{
    opacity: 1;
}
.main--collections-item-3D:before{
    content: "3";
    position: absolute;
    bottom: -25px;
    left: 15px;
    color: #fff;
    font-size: 24px;
}
.main--collections-item-3D:after{
    content: "D";
    position: absolute;
    bottom: -25px;
    right: 16px;
    color: #fff;
    font-size: 24px;
}
.main--collections-item-3D span{
    display: block;
    position: absolute;
    bottom: 20px;
    height: 4px;
    /*border-radius: 50%;*/
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    width: 4px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.main--collections-item-3D span i{
    display: block;
    position: absolute;
    bottom: 0;
    height: 0px;
    left: 0;
    right: 0;
    margin: auto;
    width: 4px;
    background: #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.main--collections-item-3D span:before{
    content: "";
    position: absolute;
    top: 3px;
    height: 0px;
    left: 1px;
    margin: auto;
    width: 4px;
    background: #fff;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.main--collections-item-3D span:after{
    content: "";
    position: absolute;
    top: 0px;
    height: 0px;
    right: -1px;
    margin: auto;
    width: 4px;
    background: #fff;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.main--collections-item-3D span  i{
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    -ms-transition: height 1s ease-in-out;
    -o-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
}
.main--collections-item-3D.is-active span  i{
    height: 30px;
    transition-delay: 2.5s;
}
.main--collections-item-3D span:before{
    -webkit-transition: height 0.8s ease-in-out;
    -moz-transition: height 0.8s ease-in-out;
    -ms-transition: height 0.8s ease-in-out;
    -o-transition: height 0.8s ease-in-out;
    transition: height 0.8s ease-in-out;
}
.main--collections-item-3D.is-active span:before{
    height: 30px;
    transition-delay: 2.5s;
}
.main--collections-item-3D  span:after{
    -webkit-transition: height 0.6s ease-in-out;
    -moz-transition: height 0.6s ease-in-out;
    -ms-transition: height 0.6s ease-in-out;
    -o-transition: height 0.6s ease-in-out;
    transition: height 0.6s ease-in-out;
}
.main--collections-item-3D.is-active span:after{
    height: 30px;
    transition-delay: 2.5s;
}
.main--collections-category-items{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.main--collections-category-items.is-active{
    visibility: visible;
    opacity: 1;
    transition-delay: 0.5s;
}
.main--collections-items-list{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.transition-drop{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.main--collections-item{
    /* width: 1200px;*/
    width: 100vw;
    height: 78%;
    position: absolute;
    top: 0;
    /*left: 0;
    right: 0;*/
    margin: auto;
    margin: auto;
    /* visibility: hidden;
     opacity: 0;*/
    transition: opacity 0.7s ease,-webkit-transform 1.2s ease;
    transition: opacity 0.7s ease,transform 1.2s ease;
    transition: opacity 0.7s ease,transform 1.2s ease,-webkit-transform 1.2s ease;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.main--collections-item img{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.main--collections-item.bee3D--before{
    -webkit-transform: translateY(60%) translateX(-200%);
    transform: translateY(60%) translateX(-200%);
    opacity: 0;
}
.main--collections-item.bee3D--before-1{
    -webkit-transform: translateY(20%) translateX(-110%);
    transform: translateY(20%) translateX(-110%);
    opacity: 1;
    visibility: visible;
}
.main--collections-item.bee3D--before-2{
    -webkit-transform: translateY(40%) translateX(-130%);
    transform: translateY(40%) translateX(-130%);
    opacity: 1;
}
.main--collections-item.bee3D--after{
    -webkit-transform: translateY(-60%) translateX(200%);
    transform: translateY(-60%) translateX(200%);
    opacity: 0;
}
.main--collections-item.bee3D--after-1{
    -webkit-transform: translateY(-20%) translateX(110%);
    transform: translateY(-20%) translateX(110%);
    opacity: 1;
    visibility: visible;
}
.main--collections-item.bee3D--after-2{
    -webkit-transform: translateY(-40%) translateX(150%);
    transform: translateY(-40%) translateX(150%);
    opacity: 1;
    visibility: visible;
}
.main--collections-item.is-active{
    z-index: 30;
    opacity: 1;
    visibility: visible;
}
.main--collections-image{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    text-align: center;
    max-width: 1200px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
}
.main--collections-image img{
    max-height: calc(100% - 14vh);
    max-width: 100%;
    margin-top: 14vh;
    box-sizing: border-box;
}
.main--collections-image[data-view="scheme"]{
    visibility: hidden;
    opacity: 0;
}
.hide{
    visibility: hidden !important;
    opacity: 0 !important;
}
.show{
    visibility: visible !important;
    opacity: 1 !important;
}
.preloader:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    opacity: 0;
    background: url(../img/preloader.png) 50% 50% no-repeat;
    -webkit-animation: fade-loading 0.8s infinite ease-in-out;
    animation: fade-loading 0.8s infinite ease-in-out;
}
.css-preloader{
    position: relative;
}
.css-preloader:before{
    content: "";
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #dcdcdc;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.css-preloader:after{
    content: "";
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/preloader.png) 50% 50% no-repeat;
    background-size: 30px 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation: fade-loading 1.5s infinite ease-in-out;
    animation: fade-loading 1.5s infinite ease-in-out;
}
.css-preloader-body{
    cursor: none;
}
.css-preloader-body .css-preloader-mouse{
    background: url(../img/preloader2.gif) 50% 50% no-repeat;
    position  : fixed;
    z-index   : 10000;
    width     : 40px;
    height    : 40px;
}
@-webkit-keyframes fade-loading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-loading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.main--collections-slider-dote{
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out, left  0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, left  0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, left  0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, left  0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, left  0.3s ease-in-out;
}
.main--collections-slider-dote.is-view{
    opacity: 1;
}
.ui-help__mouse__wheel {
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 13px;
    width: 4px;
    height: 10px;
    background: #FFF;
    /* border-radius: 2px;*/
    -webkit-animation: mouse-wheel 1.25s infinite linear;
    animation: mouse-wheel 1.25s infinite linear;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    box-shadow: 0 0 1px rgba(0,0,0,.4);
}

@-webkit-keyframes mouse-wheel {
    0% {
        -webkit-transform: scaleY(.4)translateY(0);
        transform: scaleY(.4)translateY(0)
    }

    20% {
        -webkit-transform: scaleY(1)translateY(0);
        transform: scaleY(1)translateY(0)
    }

    60% {
        -webkit-transform: scaleY(.4)translateY(12px);
        transform: scaleY(.4)translateY(12px)
    }

    100% {
        -webkit-transform: scaleY(.4)translateY(0);
        transform: scaleY(.4)translateY(0)
    }
}

@keyframes mouse-wheel {
    0% {
        -webkit-transform: scaleY(.4)translateY(0);
        transform: scaleY(.4)translateY(0)
    }

    20% {
        -webkit-transform: scaleY(1)translateY(0);
        transform: scaleY(1)translateY(0)
    }

    60% {
        -webkit-transform: scaleY(.4)translateY(12px);
        transform: scaleY(.4)translateY(12px)
    }

    100% {
        -webkit-transform: scaleY(.4)translateY(0);
        transform: scaleY(.4)translateY(0)
    }
}
.main--news{
    min-height: 100vh;
    background-color: #dcdcdc;
    padding: 0 0 7px;
}
.main--news-categories {
    height: 170px;
    padding-top: 104px;
}
.main--personal-categories{
    box-sizing: border-box;
    height: 15.66vh;
    padding-top: 9.58vh;
}

.main--news-categories ul , .main--personal-categories ul{
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}

.main--news-categories a, .main--personal-categories a {
    opacity: 0.4;
}

.main--news-categories a.is-active, .main--news-categories a:hover,
.main--personal-categories a.is-active , .main--personal-categories a:hover {
    opacity: 1;
}
.main--personal-categories a:not(.is-active):hover{
    color: #000 !important
}
.main--news-item{
    padding: 7px;
    box-sizing: border-box;
    width: 0;
    height: 0;
    overflow: hidden;
}
.main--news-item-inner{
    background-color: #fff;
    height: 100%;
    box-shadow: 0px 0px 3px 0px #717171;
    position: relative;
}
.main--news-item-image{
    position: relative;
    overflow: hidden;
}
.main--news-item .main--news-item-inner:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
}
.main--news-item:not(.loaded) .main--news-item-inner:after{
    background: linear-gradient(341deg, #d4d4d4, #b7b7b7, #d4d4d4);
    background-size: 600% 600%;
    visibility: visible;
    opacity: 1;
    -webkit-animation: gridImage 5s ease infinite;
    -moz-animation: gridImage 5s ease infinite;
    animation: gridImage 5s ease infinite;
}
@-webkit-keyframes gridImage {
    0%{background-position:0% 59%}
    50%{background-position:100% 42%}
    100%{background-position:0% 59%}
}
@-moz-keyframes gridImage {
    0%{background-position:0% 59%}
    50%{background-position:100% 42%}
    100%{background-position:0% 59%}
}
@keyframes gridImage {
    0%{background-position:0% 59%}
    50%{background-position:100% 42%}
    100%{background-position:0% 59%}
}
.main--news-items-container{
    position: relative;
    margin: 0 7px;
}
.main--news-item-inner{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.main--news-item-inner > div{
    height: 100%;
}
.main--news-item-image{
    background-color: #ccc;
}
[class*="grid"][class*="r-"] .main--news-item-inner{
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
[class*="grid"][class*="v-"] .main--news-item-inner{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
[class*="grid"][class*="v-"][class*="r-"] .main--news-item-inner{
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
[class*="grid"][class*="2-1"] .main--news-item-inner > div, [class*="grid"][class*="2-2"] .main--news-item-inner > div{
    width: calc(50%);
}
[class*="grid"][class*="1-2"] .main--news-item-inner > div{
    width: 100%;
    height: calc(50% - 7px);
}
[class*="grid"][class*="3-1"] .main--news-item-image{
    width: 67%;
}
[class*="grid"][class*="3-1"] .main--news-item-description{
    width: 33%;
}
[class*="grid"][class*="3-1"][class*="r-"] .main--news-item-image{
    width: 66.6666%;
}
[class*="grid"][class*="3-1"][class*="r-"] .main--news-item-description{
    width: 33.3333%;
}
[class*="grid"][class*="4-2"] .main--news-item-image{
    width: 75%;
}
[class*="grid"][class*="4-2"] .main--news-item-description{
    width: 25%;
}
[class*="grid"][class*="2-2"] .main--news-item-description, [class*="grid"][class*="4-2"] .main--news-item-description{
    height: 50%;

}
[class*="grid"][class*="2-2"] .main--news-item-description .main--news-item-link, [class*="grid"][class*="4-2"] .main--news-item-description .main--news-item-link{
    bottom: -40%;
}

.main--news-item-image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    min-height: 100%;
    max-width: 75vw;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main--news-item .main--news-item-image a:after{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main--news-item:hover .main--news-item-image a:after{
    opacity: 1;
}
.main--news-item .main--news-item-inner{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main--news-item:hover .main--news-item-inner{
    background: #f1f1f1
}
[class*="grid"][class*="1-2"] .main--news-item-image img, [class*="grid"][class*="2-1"] .main--news-item-image img, [class*="grid"][class*="2-2"] .main--news-item-image img{
    width: auto;
    height: 100%;
    min-width: 100%;
}
.main--news-item-image img.view{
    opacity: 1;
}

.main--news-item-link{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 8%;
    height: 2.3vw;
    width: 5vw;
    display: block;
    background: url(../img/link-grid.png) 0 0 no-repeat;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    background-size: 100% 100%;
}
.main--news-item-link:hover{
    background: url(../img/link-grid-h.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.main--news-item-text {
    word-wrap: break-word;
    width: 100%;
    font-size: 0.97vw;
    line-height: 1.3;
}
.main--news ~ .main--scroll-indicator{
    background: url(../img/mouse-b.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    position: fixed;
}
.main--news ~ .main--scroll-indicator .ui-help__mouse__wheel{
    background: #000;
}
.main--news ~ .main--copyright{
    color: #000;
    position: fixed;
}
.main--news-item-name{
    line-height: 1.2;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 2.2vw;
    min-height: 8vw;
}
p.main--news-item-label {
    text-align: right;
    margin: 0;
    font-size: 0.8vw;
}
.main--news-detail-picture {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    min-height: 600px;
}

.main--news-detail-picture img {
    min-width: 100%;
    min-height: 100%;
}

.main--news-detail-picture h1 {
    position: absolute;
    display: inline;
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 90px;
    color: #fff;
    line-height: 1.2;
    margin: auto;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main--news-detail-picture h2 {
    font-size: 26px;
    position: absolute;
    display: inline;
    top: 20%;
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 1.2;
    margin: auto;
    -moz-transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}
.main--news-detail-description{
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0;
}
.main table {
    width: 100%;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
}

.main th {
    font-size: 18px;
    padding: 10px 0 4px;
}

.main td {
    border: 2px solid #000;
    padding: 16px 18px 14px;
    line-height: 1.2;
}

.main table tr td:first-child {border-left: 0 !important;padding-left: 0;}

.main td:last-child {
    border-right: none;
}

.main tr:last-child td {
    border-bottom: none !important;
}

.main td:nth-child(2n+1) {
    width: 90px;
    box-sizing: border-box;
    font-size: 10px;
}

.main tr:first-child td {
    padding: 20px 18px;
    vertical-align: top;
}
.css-to-top{
    font-size: 18px;
    text-transform: uppercase;
    opacity: 0.34;
}
#topcontrol{
    width: auto;
    right: calc(50% - 30px) !important;
    bottom: 30px !important;
    text-align: center;
}
#topcontrol.detail-news{
    width: calc((100vw - 1200px) / 2) !important;
    right: 0 !important;
    bottom: 55px !important;
    text-align: center;
}
.nav-btn {
    display: block;
    width: 40px;
    height: 100px;
    position: absolute;
    bottom: 54px;
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    text-indent: -9999px;
}

.nav-btn.next {right: 0;}

.js-slider {
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
    height: 763px;
    box-sizing: border-box;
}
.js-slider .wrapper {
    height: 663px;
    overflow: hidden;
}
.js-slider .wrapper img{
    display: none;
}
.js-slider .wrapper .image img{
    display: block;
}
.js-slider .wrapper p{
    position: absolute;
    bottom: 54px;
    text-align: center;
    color: #676767;
    left: 0;
    width: 100%;
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.js-slider .wrapper img{
    position: absolute;
}
.nav-btn {
    position: absolute;
}

.nav-btn.next:after {
    left: auto;
    right: 0;
    background-position: -28px 0px;
}

.nav-btn:after {content: "";position: absolute;height: 26px;width: 20px;top: 0;bottom: 0;left: 0;margin: auto;background: url(../img/news-slider.png) 0 0 no-repeat;}
.js-slider .nav {
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 0;
}

.js-slider .nav a {
    display: inline-table;
    width: 42px;
    height: 5px;
    text-indent: -9999px;
    font-size: 0;
    box-sizing: border-box;
    background: #d1d1d1;
}

.js-slider .nav a + a {
    margin-left: 5px;
}

.js-slider .nav a.current {
    background: #000;
}
/*@media (max-width: 1700px){
    .main--news-item-name {
        font-size: 36px;
    }
}
@media (max-width: 1550px){
    .main--news-item-name {
        font-size: 28px;
    }
    p.main--news-item-label {
        font-size: 13px;
    }
    .main--news-item-description{
        padding: 29px 40px 80px 38px;
    }
    .main--news-item-text {
        font-size: 15px;
    }
}
@media (max-width: 1400px){
    .main--news-item-name {
        font-size: 24px;
    }
    p.main--news-item-label {
        font-size: 12px;
    }
    .main--news-item-description{
        padding: 25px 25px 76px 25px;
    }
    .main--news-item-text {
        font-size: 14px;
    }
}
@media (max-width: 1200px){
    .main--news-item-name {
        font-size: 20px;
    }
    p.main--news-item-label {
        font-size: 11px;
    }
    .main--news-item-description{
        padding: 22px 22px 76px 22px;
    }
    .main--news-item-text {
        font-size: 12px;
    }
}
@media (max-width: 1200px){
    .main--news-item-name {
        font-size: 18px;
    }
}
*/
.main--news-detail-description p {
    width: 746px;
    margin-left:auto;
    margin-right: auto;
    text-align: justify;
    font-size: 18px;
    line-height: 1.5;
    text-indent: 40px;
}
.main--news-detail-description > *{
    margin-bottom: 45px;
}
.main--news-detail-description blockquote, .main--news-detail-description article {
    background-color: #d5d5d5;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0;
    position: relative;
}

.main--news-detail-description blockquote p span, .main--news-detail-description blockquote footer span, .main--news-detail-description article p span {
    background: #9a9a9a;
    display: inline;
    color: #fff;
    padding: 2px 4px 0;
}
.main--news-detail-description blockquote p, .main--news-detail-description article p{
    margin-top: 0;
    margin-bottom: 0;
}
.main--news-detail-description blockquote footer{
    text-align: right;
    font-size: 14px;
    width: 746px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
}
.main--news-detail-description blockquote:before{
    content: "";
    width: 27px;
    height: 20px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(../img/c1.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.main--news-detail-description blockquote:after{
    content: "";
    width: 27px;
    height: 20px;
    position: absolute;
    bottom: 33px;
    right: 40px;
    background: url(../img/c2.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.back-link {
    width: calc((100vw - 1200px) / 2) ;
    left: 0 ;
    bottom: 55px ;
    text-align: center;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    min-width: 124px;
    position: fixed;
}
a.css-to-top{
    text-decoration: none !important;
}
.css-to-top:hover{
    color: rgba(0,0,0,0.6);
}
.logo-sm{
    background: url(../img/logo-sm.png) 50% 50% no-repeat;
    height: 45px;
    margin-bottom: 0;
}
.footer--container {
    width: 1170px;
    margin: 0 auto;
    border-top: 5px solid #000;
    padding: 22px 0 55px;
}

.footer--social-outer {
    display: table;
    width: 100%;
}

.footer--social-left-inner {
    display: table-cell;
    font-size: 18px;
    vertical-align: bottom;
    padding-bottom: 1px;
}

.footer--social-right-inner {
    display: table-cell;
    text-align: right;
    font-size: 26px;
    vertical-align: bottom;
    word-spacing: 52px;
    letter-spacing: 0;
}
.isc{
    position: relative;
    display: table;
    height: 46px;
    vertical-align: middle;
    padding-left: 51px;
    width: 746px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.isc:before{
    content: "";
    width: 32px;
    height: 46px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/isc.png) 50% 50% no-repeat;
}
.isc span{
    text-decoration: underline;
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell;
}
.main--news-item-description-inner{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 8% 8% 24% 8%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.main--news-item-description *{
    line-height: 1.2;
}
.main--news-detail img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.main--news-detail img.view{
    opacity: 1;
}
.news-detail-description-label {
    margin: 0 0 -45px;
    height: 40px;
    color: #cbcbcb;
}
.news-detail-description-label + *{
    margin-top: 0 !important
}
.news-detail-description-label span{
    padding-top: 8px;
    border-top: 5px solid #cbcbcb;
    display: inline-block;
}
.main--open-login-key.black{
    fill: #000;
}
.main--menu-open.black .main--menu-open-inner, .main--menu-open.black .main--menu-open-inner:after, .main--menu-open.black .main--menu-open-inner:before{
    background-color: #000;
}
.main--modal{
    top: 0;
    left: 0;
    z-index: 9999;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(116,183,39,1);
    background: -moz-linear-gradient(top, rgba(116,183,39,1) 0%, rgba(0,104,179,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(116,183,39,1)), color-stop(100%, rgba(0,104,179,1)));
    background: -webkit-linear-gradient(top, rgba(116,183,39,1) 0%, rgba(0,104,179,1) 100%);
    background: -o-linear-gradient(top, rgba(116,183,39,1) 0%, rgba(0,104,179,1) 100%);
    background: -ms-linear-gradient(top, rgba(116,183,39,1) 0%, rgba(0,104,179,1) 100%);
    background: linear-gradient(to bottom, rgba(116,183,39,1) 0%, rgba(0,104,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74b727', endColorstr='#0068b3', GradientType=0 );
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    transition-duration: .4s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 101;
}
.main--modal.is-active{
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.main--modal.delete-modal{
    background: rgba(254,203,0,1);
    background: -moz-linear-gradient(top, rgba(254,203,0,1) 0%, rgba(173,13,4,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,203,0,1)), color-stop(100%, rgba(173,13,4,1)));
    background: -webkit-linear-gradient(top, rgba(254,203,0,1) 0%, rgba(173,13,4,1) 100%);
    background: -o-linear-gradient(top, rgba(254,203,0,1) 0%, rgba(173,13,4,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,203,0,1) 0%, rgba(173,13,4,1) 100%);
    background: linear-gradient(to bottom, rgba(254,203,0,1) 0%, rgba(173,13,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb00', endColorstr='#ad0d04', GradientType=0 );
}
.main--editor{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    /* min-height: 850px; */
    position: relative;
    background: rgba(114,114,114,1);
    background: -moz-linear-gradient(top, rgba(114,114,114,1) 0%, rgba(114,114,114,1) 12%, rgba(122,122,122,1) 23%, rgba(183,183,183,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,114,114,1)), color-stop(12%, rgba(114,114,114,1)), color-stop(23%, rgba(122,122,122,1)), color-stop(100%, rgba(183,183,183,1)));
    background: -webkit-linear-gradient(top, rgba(114,114,114,1) 0%, rgba(114,114,114,1) 12%, rgba(122,122,122,1) 23%, rgba(183,183,183,1) 100%);
    background: -o-linear-gradient(top, rgba(114,114,114,1) 0%, rgba(114,114,114,1) 12%, rgba(122,122,122,1) 23%, rgba(183,183,183,1) 100%);
    background: -ms-linear-gradient(top, rgba(114,114,114,1) 0%, rgba(114,114,114,1) 12%, rgba(122,122,122,1) 23%, rgba(183,183,183,1) 100%);
    background: linear-gradient(to bottom, rgba(114,114,114,1) 0%, rgba(114,114,114,1) 12%, rgba(122,122,122,1) 23%, rgba(183,183,183,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#b7b7b7', GradientType=0 );
}
.editor--panel-left{
    width: 16.56vw;
    /* max-width: 318px; */
    position: absolute;
    bottom: calc( (100vh - 800px)/(1200 - 800) * (60 - 20) + 20px);
    left: 14px;
    height: calc(100% - ((100vh - 800px)/(1200 - 800) * (120 - 80) + 80px));
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.panel-item--number {
    font-size: calc( (100vh - 800px)/(1200 - 800) * (200 - 100) + 100px);
    color: #ababab;
    line-height: calc( (100vh - 800px)/(1200 - 800) * (100 - 50) + 50px);
    width: calc( (100vh - 800px)/(1200 - 800) * (110 - 50) + 50px);
}
.panel-item--name {
    position: relative;
    height: calc( (100vh - 800px)/(1200 - 800) * (110 - 50) + 50px);
    padding-left: 6px;
}
.panel-item--text {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 14) + 14px);
    height: calc( (100vh - 800px)/(1200 - 800) * (24 - 14) + 14px);
    line-height: 1.1;
    width: 100px;
}
.editor--panel-left .editor--panel-item:first-child .panel-item--text {
    height: 35px;
}
.editor--panel-item:nth-child(3) .panel-item--name, .editor--panel-item:nth-child(3) .panel-item--number ,
.editor--panel-right .editor--panel-item:nth-child(1) .panel-item--name,
.editor--panel-right .editor--panel-item:nth-child(1) .panel-item--number  {
    height: calc( (100vh - 800px)/(1200 - 800) * (130 - 65) + 65px);
}
.editor--panel-item:nth-child(3) .panel-item--text{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (30 - 16) + 16px);
    height: calc( (100vh - 800px)/(1200 - 800) * (40 - 20) + 20px);
}
.editor--panel-right  .editor--panel-item:nth-child(1) .panel-item--text{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (30 - 16) + 16px);
    top: 50%
}
.editor--panel-item + .editor--panel-item:not(.pad-top-remove){
    padding-top: 20px;
}
.svg-img path {
    fill: #f8f8f8 !important;

}
.svg-img{
    max-height: 100%;
}
.editor--select-item {
    opacity: 0.4;
}
.editor--select-item, .editor--select-item:after{
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.editor--select-item.selected, .editor--select-item:hover {
    opacity: 1;
}
.editor--panel-item:first-child .panel-item--chosen-box {
    height: calc( (100vh - 800px)/(1200 - 800) * (106 - 50) + 50px);
    margin-top: 18px;
}
.editor--panel-item .panel-item--chosen-box {
    box-sizing: border-box;
    padding-left: calc( (100vh - 800px)/(1200 - 800) * (110 - 50) + 50px);
    width: calc( (100vh - 800px)/(1200 - 800) * (318 - 180) + 180px);
    /* max-width: 100%; */
    margin-left: 6px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.editor--panel-item:first-child .panel-item--chosen-box .svg {
    width: calc( (100vh - 800px)/(1200 - 800) * (86 - 40) + 40px);
    height: calc( (100vh - 800px)/(1200 - 800) * (106 - 50) + 50px);
}
.editor--select-item{
    cursor: pointer;
    text-align: center;
    position: relative;
}
.editor--panel-item:nth-child(2) .panel-item--chosen-box {
    height: auto;
}
.editor--panel-item:nth-child(2) .panel-item--chosen-box .editor--select-item:first-child .editor--armrest{
}
.editor--armrest{
    display:block;
    margin: 0 auto;
    border: 2px solid #bfbfbf;
    border-radius: 4px;
    box-sizing: border-box;
    height: calc( (100vh - 800px)/(1200 - 800) * (115 - 70) + 70px);
}
.editor--armrest.width-small{
    width: calc( (100vh - 800px)/(1200 - 800) * (16 - 8) + 8px);
}
.editor--armrest.width-middle{
    width: calc( (100vh - 800px)/(1200 - 800) * (34 - 18) + 18px);
}
.editor--armrest.width-large{
    width: calc( (100vh - 800px)/(1200 - 800) * (52 - 32) + 32px);
}
.editor--label-bottom{
    margin-bottom: 0;
    margin-top: calc( (100vh - 800px)/(1200 - 800) * (20 - 4) + 4px);
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    text-align: center;
    color: #fff;
}
.editor--label-top{
    margin-top: 0;
    margin-bottom: calc( (100vh - 800px)/(1200 - 800) * (12 - 2) + 2px);
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    text-align: center;
    color: #fff;
    max-height: 30px;
    line-height: 1.2;
}
.editor--panel-item:nth-child(3) .panel-item--chosen-box {
    width: calc( (100vh - 800px)/(1200 - 800) * (555 - 370) + 370px);
    /* max-width: 515px; */
    height: calc( (100vh - 800px)/(1200 - 800) * (130 - 70) + 70px);
    margin-bottom: 14px;
}

.editor--select-item + .editor--select-item:not(.ui-draggable) {
    margin-left: 16px;
}

.editor--panel-item:nth-child(3) .panel-item--chosen-box .svg {
    max-height: calc( (100vh - 800px)/(1200 - 800) * (96 - 30) + 30px);
    width: auto;
}
.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item {
    padding-bottom: 10px;
}
.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item:nth-child(2) .svg {
    box-sizing: border-box;
    height: calc( (100vh - 800px)/(1200 - 800) * (30 - 12) + 12px);
}

.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item:nth-child(4) .svg {
    box-sizing: border-box;
}

.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item:nth-child(1) .svg {
    height: calc( (100vh - 800px)/(1200 - 800) * (72 - 50) + 50px);
}

.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item:nth-child(3) .svg {
    height: calc( (100vh - 800px)/(1200 - 800) * (72 - 40) + 40px);
}

.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item:nth-child(4) .svg {
    height: calc( (100vh - 800px)/(1200 - 800) * (50 - 15) + 15px);
}

.editor--panel-item:nth-child(3) .panel-item--chosen-box .editor--select-item:nth-child(5) .svg {
    height: calc( (100vh - 800px)/(1200 - 800) * (83 - 40) + 40px);
    margin-top: -4px;
    max-height: calc( (100vh - 800px)/(1200 - 800) * (98 - 40) + 40px);
}
.editor--panel-item:nth-child(3) .panel-item--chosen-box:not(.sub-chosen) .editor--select-item:after{
    content: "+";
    position:absolute;
    bottom:-2px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
}
.editor--background-al{
    background: rgba(145,145,145,1);
    background: -moz-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(244,244,244,1) 30%, rgba(158,158,158,1) 49%, rgba(158,158,158,1) 56%, rgba(158,158,158,1) 65%, rgba(181,181,181,1) 80%, rgba(148,148,148,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(145,145,145,1)), color-stop(30%, rgba(244,244,244,1)), color-stop(49%, rgba(158,158,158,1)), color-stop(56%, rgba(158,158,158,1)), color-stop(65%, rgba(158,158,158,1)), color-stop(80%, rgba(181,181,181,1)), color-stop(100%, rgba(148,148,148,1)));
    background: -webkit-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(244,244,244,1) 30%, rgba(158,158,158,1) 49%, rgba(158,158,158,1) 56%, rgba(158,158,158,1) 65%, rgba(181,181,181,1) 80%, rgba(148,148,148,1) 100%);
    background: -o-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(244,244,244,1) 30%, rgba(158,158,158,1) 49%, rgba(158,158,158,1) 56%, rgba(158,158,158,1) 65%, rgba(181,181,181,1) 80%, rgba(148,148,148,1) 100%);
    background: -ms-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(244,244,244,1) 30%, rgba(158,158,158,1) 49%, rgba(158,158,158,1) 56%, rgba(158,158,158,1) 65%, rgba(181,181,181,1) 80%, rgba(148,148,148,1) 100%);
    background: linear-gradient(to right, rgba(145,145,145,1) 0%, rgba(244,244,244,1) 30%, rgba(158,158,158,1) 49%, rgba(158,158,158,1) 56%, rgba(158,158,158,1) 65%, rgba(181,181,181,1) 80%, rgba(148,148,148,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#949494', GradientType=1 );
}
.editor--background-pl{
    background: rgba(190,186,181,1);
    background: -moz-linear-gradient(left, rgba(190,186,181,1) 0%, rgba(93,93,97,1) 23%, rgba(93,93,97,1) 28%, rgba(110,110,115,1) 35%, rgba(176,173,170,1) 47%, rgba(236,236,236,1) 58%, rgba(150,150,150,1) 68%, rgba(120,120,124,1) 77%, rgba(160,156,155,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(190,186,181,1)), color-stop(23%, rgba(93,93,97,1)), color-stop(28%, rgba(93,93,97,1)), color-stop(35%, rgba(110,110,115,1)), color-stop(47%, rgba(176,173,170,1)), color-stop(58%, rgba(236,236,236,1)), color-stop(68%, rgba(150,150,150,1)), color-stop(77%, rgba(120,120,124,1)), color-stop(100%, rgba(160,156,155,1)));
    background: -webkit-linear-gradient(left, rgba(190,186,181,1) 0%, rgba(93,93,97,1) 23%, rgba(93,93,97,1) 28%, rgba(110,110,115,1) 35%, rgba(176,173,170,1) 47%, rgba(236,236,236,1) 58%, rgba(150,150,150,1) 68%, rgba(120,120,124,1) 77%, rgba(160,156,155,1) 100%);
    background: -o-linear-gradient(left, rgba(190,186,181,1) 0%, rgba(93,93,97,1) 23%, rgba(93,93,97,1) 28%, rgba(110,110,115,1) 35%, rgba(176,173,170,1) 47%, rgba(236,236,236,1) 58%, rgba(150,150,150,1) 68%, rgba(120,120,124,1) 77%, rgba(160,156,155,1) 100%);
    background: -ms-linear-gradient(left, rgba(190,186,181,1) 0%, rgba(93,93,97,1) 23%, rgba(93,93,97,1) 28%, rgba(110,110,115,1) 35%, rgba(176,173,170,1) 47%, rgba(236,236,236,1) 58%, rgba(150,150,150,1) 68%, rgba(120,120,124,1) 77%, rgba(160,156,155,1) 100%);
    background: linear-gradient(to right, rgba(190,186,181,1) 0%, rgba(93,93,97,1) 23%, rgba(93,93,97,1) 28%, rgba(110,110,115,1) 35%, rgba(176,173,170,1) 47%, rgba(236,236,236,1) 58%, rgba(150,150,150,1) 68%, rgba(120,120,124,1) 77%, rgba(160,156,155,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebab5', endColorstr='#a09c9b', GradientType=1 );
}
.editor--background-br{
    background: rgba(185,143,99,1);
    background: -moz-linear-gradient(left, rgba(185,143,99,1) 0%, rgba(209,165,118,1) 16%, rgba(190,143,99,1) 28%, rgba(228,182,135,1) 38%, rgba(253,239,197,1) 51%, rgba(215,189,148,1) 64%, rgba(176,133,93,1) 74%, rgba(200,154,111,1) 84%, rgba(187,147,110,1) 93%, rgba(219,179,140,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(185,143,99,1)), color-stop(16%, rgba(209,165,118,1)), color-stop(28%, rgba(190,143,99,1)), color-stop(38%, rgba(228,182,135,1)), color-stop(51%, rgba(253,239,197,1)), color-stop(64%, rgba(215,189,148,1)), color-stop(74%, rgba(176,133,93,1)), color-stop(84%, rgba(200,154,111,1)), color-stop(93%, rgba(187,147,110,1)), color-stop(100%, rgba(219,179,140,1)));
    background: -webkit-linear-gradient(left, rgba(185,143,99,1) 0%, rgba(209,165,118,1) 16%, rgba(190,143,99,1) 28%, rgba(228,182,135,1) 38%, rgba(253,239,197,1) 51%, rgba(215,189,148,1) 64%, rgba(176,133,93,1) 74%, rgba(200,154,111,1) 84%, rgba(187,147,110,1) 93%, rgba(219,179,140,1) 100%);
    background: -o-linear-gradient(left, rgba(185,143,99,1) 0%, rgba(209,165,118,1) 16%, rgba(190,143,99,1) 28%, rgba(228,182,135,1) 38%, rgba(253,239,197,1) 51%, rgba(215,189,148,1) 64%, rgba(176,133,93,1) 74%, rgba(200,154,111,1) 84%, rgba(187,147,110,1) 93%, rgba(219,179,140,1) 100%);
    background: -ms-linear-gradient(left, rgba(185,143,99,1) 0%, rgba(209,165,118,1) 16%, rgba(190,143,99,1) 28%, rgba(228,182,135,1) 38%, rgba(253,239,197,1) 51%, rgba(215,189,148,1) 64%, rgba(176,133,93,1) 74%, rgba(200,154,111,1) 84%, rgba(187,147,110,1) 93%, rgba(219,179,140,1) 100%);
    background: linear-gradient(to right, rgba(185,143,99,1) 0%, rgba(209,165,118,1) 16%, rgba(190,143,99,1) 28%, rgba(228,182,135,1) 38%, rgba(253,239,197,1) 51%, rgba(215,189,148,1) 64%, rgba(176,133,93,1) 74%, rgba(200,154,111,1) 84%, rgba(187,147,110,1) 93%, rgba(219,179,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b98f63', endColorstr='#dbb38c', GradientType=1 );

}
.editor--background-ar{
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 24%, rgba(209,209,209,1) 40%, rgba(209,209,209,1) 58%, rgba(254,254,254,1) 80%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(24%, rgba(219,219,219,1)), color-stop(40%, rgba(209,209,209,1)), color-stop(58%, rgba(209,209,209,1)), color-stop(80%, rgba(254,254,254,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 24%, rgba(209,209,209,1) 40%, rgba(209,209,209,1) 58%, rgba(254,254,254,1) 80%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 24%, rgba(209,209,209,1) 40%, rgba(209,209,209,1) 58%, rgba(254,254,254,1) 80%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 24%, rgba(209,209,209,1) 40%, rgba(209,209,209,1) 58%, rgba(254,254,254,1) 80%, rgba(209,209,209,1) 100%);
    background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 24%, rgba(209,209,209,1) 40%, rgba(209,209,209,1) 58%, rgba(254,254,254,1) 80%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=1 );
}
.editor--background-bl{
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(56,56,56,1) 12%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 39%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(33,32,33,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(56,56,56,1)), color-stop(25%, rgba(51,51,51,1)), color-stop(39%, rgba(31,31,31,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(33,32,33,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(56,56,56,1) 12%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 39%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(33,32,33,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(56,56,56,1) 12%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 39%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(33,32,33,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(56,56,56,1) 12%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 39%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(33,32,33,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to right, rgba(76,76,76,1) 0%, rgba(56,56,56,1) 12%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 39%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(33,32,33,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );
}
.sub-chosen{
    height: calc( (100vh - 800px)/(1200 - 800) * (30 - 20) + 20px) !important;
}
.sub-chosen .editor--select-item{
    height: 100%;
    width: 33.3333%;
    margin: 0 !important;
    padding: 0 !important;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    text-shadow: 0 0 2px #555458;
}
.sub-chosen .editor--select-item.editor--background-br{
    text-shadow: 0 0 2px #c7a079;
}
.sub-chosen .editor--select-item.editor--background-bl{
    text-shadow: 0 0 2px #000;
}
.sub-chosen .editor--select-item[class*="editor--background"]{
    position: relative;
    opacity: 1 !important;
}
.sub-chosen .editor--select-item[class*="editor--background"]:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255,255,255,0.64);
}
.sub-chosen .editor--select-item.selected[class*="editor--background"]:after, .sub-chosen .editor--select-item[class*="editor--background"]:hover:after{
    opacity: 1
}
.remove-buttons{
    height: calc( (100vh - 800px)/(1200 - 800) * (80 - 40) + 40px) !important;
    opacity: 1 !important;
    display: -ms-flexbox !important;
    max-height: 80px;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.editor--remove-btn-group{
    margin-top: calc( (100vh - 800px)/(1200 - 800) * (10 - 4) + 4px);
    word-spacing: 22px;
    margin-bottom: 6px;
}
.editor--remove-btn{
    position: relative;
    padding-left: 24px;
    display: inline-block;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    cursor: pointer;
    word-spacing: 0;
}
.editor--remove-btn:before{
    content: "\00d7";
    position:absolute;
    bottom:0px;
    top: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (15 - 11) + 11px);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.editor--remove-btn:hover:before, .editor--clear:hover:before{
    color: rgba(0,0,0,0.6);
}

.editor--panel-right{
    width: 16.56vw;
    max-width: 318px;
    position: absolute;
    bottom: calc((100vh - 800px)/(1200 - 800) * (200 - 80) + 80px);
    right: 14px;
    height: calc(100% - ((100vh - 800px)/(1200 - 800) * (200 - 160) + 160px));
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.float-right{
    float: right;
}
.editor--panel-inner-left{
    width: 65.54%;
}
.editor--panel-inner-right{
    width: 34.46%;
}
.editor--small-name{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    color: #fff;
}
.editor--panel-right .editor--panel-item:nth-child(1) .panel-item--name{
    padding-left: 0;
}
.rouble{
    font-family: "rouble";
    font-style: normal;
}
.editor--panel-inner-left .panel-item--chosen-box{
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-width: 100%;
    margin-top: 5px !important;
    margin-bottom: 3px;
    height: auto !important;
}
.select-item-money{
    background-color: #7d7d7d;
    border: 2px solid #fff;
    border-radius: 50%;
    width: calc( (100vh - 800px)/(1200 - 800) * (35 - 25) + 25px);
    height: calc( (100vh - 800px)/(1200 - 800) * (35 - 25) + 25px);
    padding-right: calc( (100vh - 800px)/(1200 - 800) * (4 - 1.5) + 1.5px);
    box-sizing: border-box;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 14) + 14px);
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.select-item-money + .select-item-money{
    margin-left: -10px;
}
.editor--panel-inner-left .editor--select-item + .editor--select-item{
    margin-left: 2px;
}
.editor--color-pallete{
    width: 68.36% !important;
    font-size: 0;
    float: right;
    display: block !important;
}
.editor--texture{
    opacity: 1 !important;
}
.editor--color{
    opacity: 1;
    margin: 0 !important;
    width: calc( (100vh - 800px)/(1200 - 800) * (28 - 28) + 28px);
    height: calc( (100vh - 800px)/(1200 - 800) * (28 - 28) + 28px);
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
}
.editor--texture:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.editor--color.selected, .editor--color:hover, .editor--texture:hover:after, .editor--texture.selected:after{
    box-shadow: 0px 0px 0px 2px #fff inset;
}
.scroll-bar-custom {
    height: calc( (100vh - 800px)/(1200 - 800) * (384 - 330) + 330px);
    overflow: hidden;
    position: relative;
}
.scroll-bar-custom:before{
    content: "";
    width: 67.36%;
    height: 24px;
    position: absolute;
    top: -13px;
    right: 0;
    z-index: 10;
    background: rgba(129,129,129,1);
    background: -moz-linear-gradient(top, rgba(129,129,129,1) 0%, rgba(129,129,129,1) 50%, rgba(129,129,129,0.06) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,129,129,1)), color-stop(50%, rgba(129,129,129,1)), color-stop(100%, rgba(129,129,129,0.06)));
    background: -webkit-linear-gradient(top, rgba(129,129,129,1) 0%, rgba(129,129,129,1) 50%, rgba(129,129,129,0.06) 100%);
    background: -o-linear-gradient(top, rgba(129,129,129,1) 0%, rgba(129,129,129,1) 50%, rgba(129,129,129,0.06) 100%);
    background: -ms-linear-gradient(top, rgba(129,129,129,1) 0%, rgba(129,129,129,1) 50%, rgba(129,129,129,0.06) 100%);
    background: linear-gradient(to bottom, rgba(129,129,129,1) 0%, rgba(129,129,129,1) 50%, rgba(129,129,129,0.06) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#818181', GradientType=0 );
}
.scroll-bar-custom:after{
    content: "";
    width: 67.36%;
    height: 26px;
    position: absolute;
    bottom: -12px;
    right: 0;
    z-index: 10;
    background: rgba(160,160,160,0.06);
    background: -moz-linear-gradient(top, rgba(160,160,160,0.06) 0%, rgba(160,160,160,1) 48%, rgba(160,160,160,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,160,160,0.06)), color-stop(48%, rgba(160,160,160,1)), color-stop(100%, rgba(160,160,160,1)));
    background: -webkit-linear-gradient(top, rgba(160,160,160,0.06) 0%, rgba(160,160,160,1) 48%, rgba(160,160,160,1) 100%);
    background: -o-linear-gradient(top, rgba(160,160,160,0.06) 0%, rgba(160,160,160,1) 48%, rgba(160,160,160,1) 100%);
    background: -ms-linear-gradient(top, rgba(160,160,160,0.06) 0%, rgba(160,160,160,1) 48%, rgba(160,160,160,1) 100%);
    background: linear-gradient(to bottom, rgba(160,160,160,0.06) 0%, rgba(160,160,160,1) 48%, rgba(160,160,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#a0a0a0', GradientType=0 );
}
.pad-top-4{
    padding-top: 4px !important;
}
.editor--color-name{
    margin: 0;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (12 - 8) + 8px);
    height: 14px;
}
.editor--tiny-name{
    margin: 0;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
}
.editor--right-small{
    width: 67.36% !important;
    float: right !important;
}
.editor--texture-inner{
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.editor--texture + .editor--texture{
    margin-left: 8px !important;
}
.editor--texture{
    width: calc( (100vh - 800px)/(1200 - 800) * (55 - 35) + 35px);
    height: calc( (100vh - 800px)/(1200 - 800) * (55 - 35) + 35px);
    position: relative;
}
.editor--texture img, .editor--material-image img{
    width: 100%;
    height: 100%;
}
.editor--panel-item.editor--material-outer{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 0;
    width: auto;
}
.editor--table-panel{
    padding-top: 28px !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.editor--material-name{
    margin: 0;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
}
.editor--material-image{
    width: calc( (100vh - 800px)/(1200 - 800) * (55 - 35) + 35px);
    height: calc( (100vh - 800px)/(1200 - 800) * (55 - 35) + 35px);
    position: relative;
    margin: 2px 0 12px;
}
.editor--next-page{
    display: block;
    min-height: 30px;
    height: calc( (100vh - 800px)/(1200 - 800) * (55 - 35) + 35px);
    text-align: center;
    line-height: calc( (100vh - 800px)/(1200 - 800) * (55 - 35) + 35px);
    color: #525252;
    text-transform: uppercase;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 12) + 12px);
    background-color: #fff;
    /* margin-top: 9px; */
}
.editor--clear, .editor--save{
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    padding-left: 24px;
    position: relative;
    margin-bottom: 2px;
    line-height: 1;
}
.editor--right-buttons{
    width: 16.5vw;
    max-width: 315px;
    padding-top: 10px;
    box-sizing: border-box;
    position: absolute !important;
    bottom: 14px;
    right: 14px;
    height: calc((100vh - 800px)/(1200 - 800) * (160 - 90) + 90px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.editor--clear:before{
    content: "\00d7";
    position:absolute;
    bottom:0px;
    top: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (22 - 16) + 16px);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.editor--save:before{
    content: "";
    position:absolute;
    bottom:0px;
    top: 0;
    left: 0;
    margin: auto;
    color: #fff;
    width: calc( (100vh - 800px)/(1200 - 800) * (16 - 8) + 8px);
    height: calc( (100vh - 800px)/(1200 - 800) * (22 - 16) + 16px);
    background: url(../img/load.png) 0 50% no-repeat;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.editor--save:hover:before{
    background: url(../img/load-h.png) 50% 50% no-repeat;
}
.editor--bottom-menu-elements, .editor--top-menu-elements{
    position: absolute;
    left: 0;
    right: 0;
    width: 32.55vw;
    height: calc( (100vh - 800px)/(1200 - 800) * (46 - 35) + 35px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}
.editor--bottom-menu-elements{
    bottom: 14px;

}
.editor--bottom-menu-elements a, .editor--top-menu-elements a{
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 16) + 16px);
    letter-spacing: 1px;
    font-weight: 100;
}
.editor--bottom-menu-elements a.is-active{
    opacity: 0.5;
}
.editor--top-menu-elements{
    top: 10vh;
}
.editor--panel-item {
    position: relative;
}
.chosen-colors-inner{
    /* background: #989898;*/
    width: 100%;
    font-size: 0;
}
.js-disactive.editor--texture-outer {
    visibility: hidden;
    opacity: 0;
}
.editor--remove-btn.js-disactive, .js-disactive.editor--select-item{
    display: none;
}
.js-disactive .editor--color {
    background-color: #ccc !important;
    box-shadow: 0px 0px 0px 1px #bfbfbf inset;
}
.editor--bottom-menu-elements a:hover, .editor--top-menu-elements a:hover{
    color: rgba(0,0,0,0.6);
}
.js-radio-item input[type="radio"], .js-checkbox-item input[type="checkbox"]{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10;
}
.editor--panel-right .js-disactive {
    opacity: 0.3;
}
.editor--panel-right.js-disactive {
    position: absolute;
}
.js-hide{
    display: none;
}
#setka{
    max-width: 100%;
    height: 100%;
    max-height: 855px;
}
.main--redactor-container{
    width: 59.27vw;
    height: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    opacity: 0;
}
.main--redactor{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #0299df;
    box-shadow: 0px 0px 107px 13px #045cae inset;
    /*min-height: 800px;*/
}
.main--redactor .panel-item--number{
    color: rgba(255,255,255,0.3)
}
.main--redactor .panel-item--name {
    height: calc( (100vh - 800px)/(1200 - 800) * (148 - 80) + 80px);
}

.main--redactor .editor--panel-left .editor--small-name {
    padding-left: 6px;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
}

.main--redactor .panel-item--text {
    height: calc( (100vh - 800px)/(1200 - 800) * (100 - 73) + 73px) !important;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 20) + 20px);
    letter-spacing: 0.5px;
}
.main--redactor .panel-item--number{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (170 - 100) + 100px);
    line-height: calc( (100vh - 800px)/(1200 - 800) * (110 - 30) + 30px);
    margin-left: -8px;
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box {
    height: auto;
    margin-top: 5px;
    margin-left: calc( (100vh - 800px)/(1200 - 800) * (54 - 34) + 34px) !important;
    width: calc( (100vh - 800px)/(1200 - 800) * (318 - 180) + 180px);
    padding-left: 0;
}
.main--redactor .editor--select-item{
    opacity: 1 !important;
}
.js-drag-chair{
    height: calc( (100vh - 800px)/(1200 - 800) * (120 - 80) + 80px);
    max-height: 120px;
    width: calc( (100vh - 800px)/(1200 - 800) * (64 - 40) + 40px);
    border-radius: 6px;
    position: relative;
}
.small-chair.js-drag-chair{
    width: calc( (100vh - 800px)/(1200 - 800) * (53 - 35) + 35px);
}
.chair--head{
    width: 100%;
    height: 32%;
    border: 2px solid #fff;
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
}
.js-drag-item {
    z-index: 100;
    opacity: 1;
    display: inline-block;
    position: static;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    /* height: 14.75vh;*/
    vertical-align: top;
}
.chair--body{
    width: 100%;
    height: 50%;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    padding: 2px;
}
.chair--footer{
    width: 100%;
    height: 18%;
    border: 2px solid #fff;
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 8) + 8px);
}
.main--redactor .js-drag-chair:hover,
.main--redactor [class*="js-drag-item"].is-active .js-drag-chair,
.main--redactor .js-drag-arms:hover,
.main--redactor [class*="js-drag-item"].is-active .js-drag-arms,
.main--redactor .js-drag-table:hover,
.main--redactor [class*="js-drag-item"].is-active .js-drag-table{
    box-shadow: 0px 0px 9px 0px #fff
}
.redactor--line{
    height: 14.47vh;
    background: rgba(255,255,255,0.08);
    position: absolute;
    top: 2.5vh;
    left: 0;
    right: 0;
    margin: auto;
    width: 802px;
    text-align: center;
    z-index: 90;
    font-size: 0;
}
.redactor--line + .redactor--line{
    top: 24.6vh;
}
.redactor--line + .redactor--line + .redactor--line{
    top: 46.7vh;
}
.redactor--line.ui-sortable:hover, .redactor--line.ui-sortable.is-active{
    background: rgba(255,255,255,0.2);
}
.js-drag-arms{
    height: calc( (100vh - 800px)/(1200 - 800) * (70 - 40) + 40px);
    max-height: 78px;
    border-radius: 4px;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 8) + 8px);
    padding: 1px 0;
    box-sizing: border-box;
    border: 2px solid #fff;
    position: relative;
}
.js-drag-arms.small-arm{
    width: calc( (100vh - 800px)/(1200 - 800) * (12 - 8) + 8px);
}
.js-drag-arms.middle-arm{
    width: calc( (100vh - 800px)/(1200 - 800) * (22 - 13) + 13px);
}
.js-drag-arms.large-arm{
    width: calc( (100vh - 800px)/(1200 - 800) * (35 - 20) + 20px);
}
.redactor--line .js-drag-item.ui-draggable.css-drag-arm {
    margin-top: 2.6vh;
}
.js-drag-sunbed.js-drag-chair .chair--footer{
    border-top: none;
    height: 19%;
}
.js-drag-sunbed.js-drag-chair .chair--head{
    height: 27%;
}
.js-drag-sunbed.js-drag-chair .chair--body{
    height: 54%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.js-drag-sunbed.js-drag-chair{
    height: calc( (100vh - 800px)/(1200 - 800) * (144 - 95) + 95px);
    max-height: 144px;
}
.js-drag-table{
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #9a9a9a;
}
.js-drag-item-unsortable{
    z-index: 100;
    cursor: pointer;
}
.main--redactor-container .js-drag-item-unsortable{
    position: absolute !important;
}
.editor--text {
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    border-bottom: 1px dashed transparent;
}

.editor--text.selected {
    border-bottom: 1px dashed #fff;
}

.editor--text:hover {
    color: #fff;
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box.single-item {
    margin-left: 0 !important;
    margin-top: 22px;
    width: calc( (100vh - 800px)/(1200 - 800) * (208 - 180) + 180px) !important;
}
.main--redactor-container .js-drag-item{
    height: auto;
}
.select--size{
    opacity: 0.4;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    color: #fff;
    margin-top: 3px;
    position: relative;
    margin-bottom: 12px;
}
.select--size:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc( (100vh - 800px)/(1200 - 800) * (16 - 12) + 12px);
    margin: auto;
    width: 100%;
    height: 10px;
    background: url(../img/arr2.svg) 0 0 no-repeat, url(../img/arr.svg) 100% 0 no-repeat;
    background-size: auto  100%;
    z-index: 10;
}
.select--size:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc( (100vh - 800px)/(1200 - 800) * (22 - 14) + 14px );
    margin: auto;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.63);
    background-size: auto  100%;
    z-index: 9;
}
.select--size.middle-size:after, .select--size.middle-size:before{
    width: calc( (100vh - 800px)/(1200 - 800) * (65 - 40) + 40px);
}
.select--size.large-size:after, .select--size.large-size:before{
    width: calc( (100vh - 800px)/(1200 - 800) * (80 - 40) + 40px);
}
.select--label-size{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    color: #fff;
    margin-top: 3px;
    position: relative;
    margin-bottom: 4px;
    line-height: 1.2;
}
.select--size.tiny-size:before{
    width: 11px;
}
.select--size.tiny-size:after{
    background: url(../img/arr.svg) 0 0 no-repeat, url(../img/arr2.svg) 100% 0 no-repeat;
    background-size: auto  100%;
    width: 18px;
}
.select--size.small-size:after, .select--size.small-size:before{
    width: 20px;
}
.select--size.normal-size:after, .select--size.normal-size:before{
    width: 32px;
}
.js-bin-bag{
    width: calc( (100vh - 800px)/(1200 - 800) * (110 - 70) + 70px);
}
.js-bin-bag > *{
    max-width: 100%;
}
.single-item .editor--select-item{
    width: calc( (100vh - 800px)/(1200 - 800) * (110 - 70) + 70px);
    text-align: center;
    min-height: 5vh;
}
.single-item .editor--select-item > *{
    display: inline-block;
    position: absolute;
    top: 0;
    text-align: center;
    left: 0;
}
.single-item .editor--select-item > * > *{

}
.main-redactor-inner{
    height: 78%;
    margin: 9.216vh auto 0;
    position: relative;
    width: 100%;
}
.main--redactor-screen{
    position: absolute;
    height: 3vh;
    width: 48%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
}
.main--redactor-screen span{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 3.2vh;
    height: 4px;
    background: #fff;
}
.editor--delete-btn {
    position: absolute;
    left: 0;
    margin-top: 8px;
    height: 100px;
    width: 50px;
    text-align: left;
}
.editor--delete-btn  > *{
    cursor: pointer;
}
.editor--select-number-outer{
    width: 50%;
    float: right;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 16) + 16px);
    text-align: right;
    vertical-align: middle;
    margin-top: 14px;
    position: relative;
}
.editor--select-number-outer span{
    vertical-align: middle;
    display: inline-block;
    height: calc( (100vh - 800px)/(1200 - 800) * (18 - 16) + 16px);
}
.editor--select-number{
    width: 14px;
    position: relative;
    opacity: 0.4;
    cursor: pointer;
    margin-left: 15px;
    height: calc( (100vh - 800px)/(1200 - 800) * (24 - 18) + 18px);
    line-height: 1.1;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 18) + 18px);
}
.editor--select-number:hover, .editor--select-number.is-active{
    opacity: 1;
}
.editor--select-number input[type=radio]{
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
    position: absolute;
}
.panel-item--chosen-box.panel-select-type-sunbed{
    display: -webkit-flex;
    margin-top: -5px !important;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.css-select-type-sunbed{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    color: #fff;
    cursor: pointer;
}
.css-select-type-sunbed.js-disactive{
    opacity: 0.4;
}
.css-select-type-sunbed input[type="radio"], .css-select-type-sunbed input[type="checkbox"]{
    position: relative;
    margin-right: 4px;
    top: 2px;
}
.css-select-type-sunbed input[type="radio"]:before, .css-select-type-sunbed input[type="checkbox"]:before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 12px;
    height: 12px;
    background-color: #048ed6;
    box-sizing: border-box;
    border: 2px solid #fff;
}
.css-select-type-sunbed input[type="radio"]:checked:after, .css-select-type-sunbed input[type="checkbox"]:checked:after{
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAhklEQVQoU43QWxHCMBCF4f84QAJSqAJaBUUCUuqgEigOcFIk1MHpLJNkeoEOecvuN3sTfz4dOdsd8JI0/IS2a+ABPCXVX6HtEzACkT9Lmgq0HYF3jGJ7AK5AE20j9oFplhaoosKyZd4hwxvQA1NKlJYrmKpmHN/ScgcTjk0vku7bsx3ecYlntektCz1gxEoAAAAASUVORK5CYII=);
    position: absolute;
    top: 1px;
    left: 2px;
    width: 8px;
    height: 8px;
}
.main--redactor-meashure{
    position: absolute;
    left: 0;
    right: 0;
    font-size: 0;
    height: 4px;
    width: 50%;
    opacity: 0.56;
    margin: 11vh auto 0;
}
.measure-line{
    background-color: #fff;
    height: 2px;
    width: 12.5%;
    position: relative;
    display: inline-block;
}
.measure-line:before, .measure-line:last-child:after{
    content: "";
    position: absolute;
    left: 0;
    width: 1.5px;
    background-color: #fff;
    bottom: 0;
}
.measure-line:last-child:after{
    left: auto;
    right: 0;
}
.measure-line.measure-large:before, .measure-line:last-child:after{
    height: 12px;
}
.measure-line.measure-small:before{
    height: 7px;
}
.measure-line i{
    font-style: normal;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 0;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -14px;
}
.measure-line:last-child i{
    left: auto;
    right: 0;
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
span.measure-label {
    display: block;
    font-style: normal;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: -12.5%;
    bottom: -12px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.main--redactor-mstb{
    margin-top: 7.5vh;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 8px;
    opacity: 0.56;
    text-align: center;
    color: #fff;
}
.css-popup-wrapper{
    position: absolute;
    top: -195px;
    right: -90%;
    width: 90%;
    padding: 10px 10px 15px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.1);
    z-index: 100;
    display: none;
}
.css-popup-inner h3 {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    margin: 3px 0 7px;
}
.css-popup-selectbox {
    padding: 14px 15px 25px;
}

.css-popup-selectbox .css-select-type-sunbed {
    font-size: 18px;
}

.css-popup-selectbox .css-select-type-sunbed + .css-select-type-sunbed {
    margin-left: 32px;
}

.css-popup-selectbox .css-select-type-sunbed input[type="radio"], .css-popup-selectbox .css-select-type-sunbed input[type="checkbox"] {
    top: 4px;
}

.css-popup-selectbox .css-select-type-sunbed input[type="radio"]:checked:after, .css-popup-selectbox .css-select-type-sunbed input[type="checkbox"]:checked:after {
    top: -4px;
}

.css-popup-selectbox .css-select-type-sunbed input[type="radio"]:before, .css-popup-selectbox .css-select-type-sunbed input[type="checkbox"]:before {background: #013d59;}

.css-popup-btn {
    width: 120px;
    border: 1px solid #fff;
    height: 32px;
    background: transparent;
    line-height: 1.2;
}

.css-popup-btn + .css-popup-btn {
    margin-left: 14px;
}

.redactor--line.hide{
    display: none;
}
.main--redactor .editor--panel-right .editor--panel-item:nth-child(1) .panel-item--name,
.main--redactor .editor--panel-right .editor--panel-item:nth-child(1) .panel-item--number{
    height: calc( (100vh - 800px)/(1200 - 800) * (170 - 85) + 85px);
    line-height: calc( (100vh - 800px)/(1200 - 800) * (170 - 85) + 85px);
}
.main--redactor .editor--panel-right  .editor--panel-item:nth-child(1) .panel-item--text {
    top: 0;
}
.main--redactor .editor--panel-right{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: calc(100% - ((100vh - 800px)/(1200 - 800) * (250 - 160) + 160px));
}
.main--redactor .editor--panel-right .editor--panel-item:first-child .panel-item--chosen-box.single-item{
    width: 100% !important;
    margin-top: 0;
}
.main--redactor .editor--panel-right .editor--small-name{
    width: 50%;
}
.main--redactor .editor--panel-right .editor--panel-item .panel-item--chosen-box{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.main--redactor .editor--panel-right .editor--panel-item  .editor--select-item{
    width: 20%;
    text-align:center;
    margin-left: 0 !important;
    min-height: 3vh;
}
.main--redactor .editor--panel-right .editor--panel-item  .editor--select-item > *{
    display: inline-block;
}
.main--redactor .editor--panel-right .editor--panel-item:first-child .panel-item--chosen-box.single-item + .panel-item--chosen-box.single-item {
    margin-top:  calc( (100vh - 800px)/(1200 - 800) * (44 - 20) + 20px);
}
.js-acs-label{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    color: #fff;
    text-align: center;
    opacity: 0.4;
    top: 4vh !important;
    -moz-transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
}
a.editor--next-page.save-btn {
    /* margin-top: 2px; */
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}
.main--redactor .editor--right-buttons{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.main--redactor .editor--panel-right .editor--panel-item .panel-item--chosen-box.flex-top{
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box.single-item.large-height{
    height: 8vh
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box.single-item.large-height a.editor--select-item {
    min-height: 6vh;
}

a.editor--select-item.editor--select-text {
    width: 13% !important;
}

a.editor--select-item.editor--select-text ~ .editor--small-name {
    width: 58%;
}
.editor--help-label {
    background: none;
    outline: none;
    border: none;
}
a.editor--small-name.css-remove-btn {
    width: 100% !important;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
}
a.editor--small-name.css-remove-btn:before{
    content: "\00d7";
    position:absolute;
    bottom:0px;
    top: -2px;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (22 - 18) + 18px);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
a.editor--small-name.css-remove-btn:hover:before{
    color: rgba(0,0,0,0.6);
}
.js-acs3 {
    max-height: 2vh;
}
.js-acs3  * {
    width:  calc( (100vh - 800px)/(1200 - 800) * (22 - 16) + 16px);
}
.js-drag-arms.large-arm.js-place-acs .ui-draggable {
    margin-left: 3px;
}
.redactor--line-group .redactor--line-group, .project-content .redactor--line .redactor--line-group {
    display: inline-block;
    width: 20px;
}
.form--wrapper{
    width: 854px;
    margin: 11.98vh auto 0;
    position: relative;
    padding: 10.87vh 0 0;
}
.main--modal .form--wrapper{
    display: none;
}
.form--name {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 16px;
    line-height: 1;
    top: -16px;
    margin: 0;
    color: #fff;
    font-weight: lighter;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.form--inner {
    position: relative;
    padding-top: 1px;
}

.from--message {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 16px;
    line-height: 1;
    top: -16px;
    margin: 0;
    color: #fff;
    font-weight: lighter;
    text-transform: uppercase;
}

.form--field {
    margin: 5.08vh 0 0;
    padding: 0 114px 0 54px;
    position: relative;
    text-transform: uppercase;
}
.form--field-label{
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 114px 0 54px;
    color: #fff;
    margin-top: 5.08vh;
}
.form--field-label + .form--field{
    margin-top: 14px;
}
.main--personal .form--field-label{
    color: #544c4c;
}
.form--field input {
    width: 686px;
    height: 27px;
    font-size: 18px;
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    border-bottom: 2px solid #fff;
    font-weight: 100;
    box-sizing: border-box;
}
.main--personal .form--field input{
    color: #544c4c;
    border-bottom: 2px solid #544c4c;
}

.form--field input + span{
    position: absolute;
    top: 0;
    left: 54px;
}
.form--field input, .form--field input + span:before, .form--field input + span:after{
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
/*.modal--form--field input + span:before, .modal--form--field input + span:after{
    -webkit-transition: opacity 0s ease-in-out, left 0.15s ease-in-out;
    -moz-transition: opacity 0s ease-in-out, left 0.15s ease-in-out;
    -ms-transition: opacity 0s ease-in-out, left 0.15s ease-in-out;
    -o-transition: opacity 0s ease-in-out, left 0.15s ease-in-out;
    transition: opacity 0s ease-in-out, left 0.15s ease-in-out;
}*/
.form--link {
    display: block;
    margin: 0 114px 0 54px;
    margin-top: 4.14vh;
    color: #fff !important;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
}

.form--field + .modal--form-link {
    margin-top: 8.75vh;
}

.form--link.large-margin-link {
    margin: 12.16vh 114px 12.16vh 54px;
}

.form--link.middle-margin-link {
    margin: 8.16vh 114px 8.16vh 54px;
}

.from--submit {
    margin: 0 auto;
    display: block;
    font-size: 24px;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    letter-spacing: 1.5px;
    font-weight: 100;
    text-transform: uppercase;
}
.from--submit:hover{
    text-shadow: 0px 0px 5px rgb(195, 195, 195);
}
.modal--close{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    outline: none;
    background: url(../img/close.png) 50% 50% no-repeat;
}
.form--field input::-webkit-input-placeholder {
    color:rgba(255,255,255,0.58);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    text-transform: uppercase;
}
.form--field input::-moz-placeholder          {
    color:rgba(255,255,255,0.58);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    text-transform: uppercase;
}/* Firefox 19+ */
.form--field input:-moz-placeholder           {
    color:rgba(255,255,255,0.58);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    text-transform: uppercase;
}/* Firefox 18- */
.form--field input:-ms-input-placeholder      {
    color:rgba(255,255,255,0.58);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    text-transform: uppercase;
}

.main--personal .form--field input::-webkit-input-placeholder {
    color:rgba(84,76,76,0.58);
}
.main--personal .form--field input::-moz-placeholder          {
    color:rgba(84,76,76,0.58);
}/* Firefox 19+ */
.main--personal .form--field input:-moz-placeholder           {
    color:rgba(84,76,76,0.58);
}/* Firefox 18- */
.main--personal .form--field input:-ms-input-placeholder      {
    color:rgba(84,76,76,0.58);
}

.form--field input:focus::-webkit-input-placeholder {color:rgba(255,255,255,0);}
.form--field input:focus::-moz-placeholder          {color:rgba(255,255,255,0);}/* Firefox 19+ */
.form--field input:focus:-moz-placeholder           {color:rgba(255,255,255,0);}/* Firefox 18- */
.form--field input:focus:-ms-input-placeholder      {color:rgba(255,255,255,0);}




.form--field input:focus{
    border-bottom-width: 4px;
}
.form--field input + span:before, .form--field input + span:after{
    content: "";
    position: absolute;
    top: 2px;
    margin: auto;
}
.form--field input + span:before{
    width: 25px;
    height: 27px;
    left: -25px;
    opacity: 0;
}
.form--field input[data-rule="name"] + span:before{
    background: url(../img/user.png) 50% 0 no-repeat;
}
.form--field input[data-rule="email"] + span:before{
    background: url(../img/email.png) 50% 0 no-repeat;
}
.form--field input[data-rule="phone"] + span:before{
    background: url(../img/phone.png) 50% 0 no-repeat;
}
.form--field input[data-rule="time"].time_c + span:before{
    background: url(../img/time.png) 50% 0 no-repeat;
}
.form--field input[data-rule="password"] + span:before, .form--field input[data-rule="password_repeat"] + span:before{
    background: url(../img/pswd.png) 50% 0 no-repeat;
}
.form--field input[data-rule="time"].time_l + span:before{
    background: url(../img/line.png) 50% 35% no-repeat;
    opacity: 1 !important;
    left: -67px !important;
}

.form--field input[data-required="true"] + span:after{
    width: 25px;
    height: 27px;
    background: url(../img/import.png) 50% 0 no-repeat;
    left: -33px;
}

.main--personal .form--field input[data-rule="name"] + span:before{
    background: url(../img/user-dark.png) 50% 0 no-repeat;
}
.main--personal .form--field input[data-rule="email"] + span:before{
    background: url(../img/email-dark.png) 50% 0 no-repeat;
}
.main--personal .form--field input[data-required="true"] + span:after{
    background: url(../img/import-dark.png) 50% 0 no-repeat;
}
.main--personal .form--field input[data-rule="phone"] + span:before{
    background: url(../img/phone-dark.png) 50% 0 no-repeat;
}
.main--personal .form--field input[data-rule="time"].time_c + span:before{
    background: url(../img/time-dark.png) 50% 0 no-repeat;
}
.main--personal .form--field input[data-rule="time"].time_l + span:before{
    background: url(../img/line-dark.png) 50% 35% no-repeat;
}
.main--personal .form--field input[data-rule="password"] + span:before, .main--personal .form--field input[data-rule="password_repeat"] + span:before{
    background: url(../img/pswd-dark.png) 50% 0 no-repeat;
}

.form--field input[data-rule]:focus + span:before{
    left: -35px;
    opacity: 1;
}

.margin-top{
    margin-top: 12.16vh
}

.form--field input[data-required="true"]:focus + span:after {
    left: -62px;
}
a.form--link.facebook-icon{
    position: relative;
}
a.form--link.facebook-icon:before{
    content: "";
    position: absolute;
    top: 2px;
    margin: auto;
    width: 25px;
    height: 27px;
    background: url(../img/fb.png) 50% 0 no-repeat;
    left: -33px;
}
.form--link input[type="checkbox"] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -26px;
}

.form--link input[type="checkbox"]:after {content: "";position: absolute;background: #217e8c;width: 20px;height: 20px;box-sizing: border-box;border: 3px solid #fff;top: -6px;cursor: pointer;left: -6px;z-index: 8;}

.form--link input[type="checkbox"]:checked:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA9ElEQVQ4T62TUVEDQRBEXysACTggEogCwAEOwAIOQAGgAFBAHIADwEFQ0FRTe1fLZS+pTaW/rmr23k7P9IoDSQfisBfI9g1wJOl2aKQbZPsMeCuAlaRlvrtAto+Bd+CkgJ4kXe0DugOuC+QnQEnrLpDtC+C5Ws6lpJeuGRVLn0CsRa+SAh71b0ZlkGtJH/Uh27n5vGVpoyPbGdoDEM/LAbbLUguULk5L4Q8GfAG1pXFL0yCP1mwvgFWCVsECT26ib2AxbGkWlEIDVp+P3VzU1EYgZ2D3kvIsZtVM9gS21dLOHBVYNvk4jUOrra631m1t2w9ztV9rWlkToJanvwAAAABJRU5ErkJggg==);
    position: absolute;
    width: 20px;
    height: 20px;
    top: -5px;
    cursor: pointer;
    left: -5px;
    z-index: 10;
}
.label-require{
    position: absolute;
    right: 109px;
    top: 2px;
    width: 25px;
    height: 25px;
}
.label-require.true{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAArUlEQVQ4T83TWxHCQAyF4f84QQooQAKVgBQcQJ0gAQmVgIPDlKGd3vbSdh/Ic/bLZpKIwqHCHv8L2n4BtyI/tP0ALkC9GxxhUrULnGLtgDeDS9hmMIT1oO2DpCZnJ2PYF/wlnIGTpHb0wUhhHVgBd+AdQ3OwYctRNBcbDcX2IroGm015igLX/gKktmAyZns4QLvHtTKx4B4O0FVYdLFtHyU9kz1OEjafXqhQcfADg+hmDyFrbzkAAAAASUVORK5CYII=) 50% 0 no-repeat;
}
.label-require.false{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAArUlEQVQ4T7WUUQ7CMAxD7ZvBSYCbjZPAzYIiTVOgrV2kbn9brTc7SUMsfriYh/OBEXEh+Z5x3tN+OUwBgBeAjeRDQSNiA3ADcK0GmshFOIQWzZPkvf64W0MFVbAED5vSgzqYBOZhhe6xMl4T00auggLNzxJmHf64zFfbfTnYtWa76xwTCZ1pyhFzZqTc2DQ1c1A12MMGKOjo6tlu/nP11i2HmQ3jNOfvQ+fAnX8AZcR2FfUvLJcAAAAASUVORK5CYII=) 50% 0 no-repeat;
}
.main--personal {
    height: 100vh;
    width: 100%;
    background-color: #dcdcdc;
}
.main--personal .form--wrapper {
    padding-top: 0;
    margin-top: 2vh;
}

.main--personal .label-require.true{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T2NkoDJgpLJ5DIPXwGAfnwv///2bQBUXBnt7L2BkZIz/////QooNRDZs7datCRQZiG4YKILJNhCbYWQbiMswuIEBHh4KG3bseEBMmsRnGNhAkAIGRkZ/pn//HFdv23YBn6GEDAMbGOTllcDExDT/PwPDB3yGEmMY3MuEDCXWMJRIwWUoKYZhxDK6of8YGQtgOQCUaImJNIx0CDMUphmUnYg1DGc6hLuURMPwJuwQHx+HNVu2HCDGm8hqyM56uCyiuoEAEt+a5MqLKiQAAAAASUVORK5CYII=) 50% 0 no-repeat;
}
.main--personal .label-require.false{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAuklEQVQ4T7WUsQ7CMAxE7T+Dud1gb/mzstOtmeHPjIIAGZLceUg7Rcrp9exzrNL508482R94HsfDbdseEec17Y/DLBCRu5kta0oXBD0Nw6Kqk4gcvYGi5I8QQZ3muqY0+x9Xe4igCJbBzVBqUAaDwHzpoS+x6mxmRZm0ZC9wzRcGow69y3yOpA8H2/fsXfLEoJFQvj2LjBQbmyIABkWD3UwTQVtPD47GX1j46XVdDpENwzT770PmgN0/AZm5shXGAii+AAAAAElFTkSuQmCC) 50% 0 no-repeat;
}
.form-column{
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.form-column input{
    width: 325px;
}
.form-column:last-child{
    padding-left: 18px;
    position: relative;
}
.margin-middle-top{
    margin-top: 8vh;
}
.main--personal .from--submit{
    color: #544c4c;
}
.swiper-slide{
    padding: 1px 7px 0 14px;
    box-sizing: border-box;
    height: 71.70vh;
    width: 98.43vw;
}
.swiper-slide .slide-inner{
    background-color: #0299df;
    box-shadow: 0px 0px 107px 13px #045cae inset;
    width: 100%;
    height: calc(100% - 7.18vh);
    padding: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 0px 2px 0px #4a4a4a;
}
.css-modal-project{
    background-color: #e7e7e7;
    box-shadow: 0px 0px 107px 13px #045cae inset;
    width: 100%;
    height: 100%;
    padding: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 2px 0px #d6d3d3;
    z-index: 100;
    display: none;
}
.slide-inner .css-modal-project *{
    color: #aaaaaa;
}
.slide-calc {
    height: 7.18vh;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    text-transform: uppercase;
}
.main--projects{
    width: 100%;
}
.projects-menu-inner ul{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    list-style: none;
    margin: 0;
    height: 4.6vh;
    padding: 0 25px 0 0;
}
.projects-menu-inner ul li{
    white-space: nowrap;
    cursor: pointer;
}
.projects-menu-inner ul li + li{
    margin-left: 14.2vw;
}
.main--projects-menu  .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    opacity: 0 !important;
}
.projects-menu-inner ul li{
    opacity: 0.39;
}
.projects-menu-inner ul li.is-active{
    opacity: 1;
}
.slide-inner *{
    color: #fff;
}
.slide-inner h2{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (48 - 32) + 32px);
    margin: 0 0  calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    line-height: 1.1;
}
.slide-inner h3{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    margin: 0;
}
.project-label{
    position: absolute;
    left: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    bottom: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.swiper-slide.is-active .project-label{
    opacity: 1;
}
.project-number{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    display: block;
}
.project-date{
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    display: block;
}
.project-edit{
    position: absolute;
    top: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    right: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    width: calc( (100vh - 800px)/(1200 - 800) * (47 - 27) + 27px);
    height: calc( (100vh - 800px)/(1200 - 800) * (47 - 27) + 27px);
    background: url(../img/edit.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.css-modal-project .project-edit{
    background: url(../img/edit-dark.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.project-copy{
    position: absolute;
    top: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    right: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    width: calc( (100vh - 800px)/(1200 - 800) * (59 - 34) + 34px);
    height: calc( (100vh - 800px)/(1200 - 800) * ( 61 - 41) + 41px);
    background: url(../img/copy.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.css-modal-project .project-copy{
    background: url(../img/copy-dark.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.project-show{
    position: absolute;
    top: calc( (100vh - 800px)/(1200 - 800) * (208 - 128) + 128px);
    right: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    width: calc( (100vh - 800px)/(1200 - 800) * (66 - 38) + 38px);
    height: calc( (100vh - 800px)/(1200 - 800) * (31 - 19) + 19px);
    background: url(../img/show.png) 0 0 no-repeat;
    background-size: 100% 100%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.css-modal-project .project-show{
    background: url(../img/link-grid-h.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.project-remove{
    position: absolute;
    bottom: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    right: calc( (100vh - 800px)/(1200 - 800) * (41 - 25) + 25px);
    width: calc( (100vh - 800px)/(1200 - 800) * (28 - 18) + 18px);
    height: calc( (100vh - 800px)/(1200 - 800) * (49 - 29) + 29px);
    background: url(../img/basket.png) 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.3;
}
.css-modal-project .project-remove{
    background: url(../img/basket-dark.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.project-remove:hover{
    opacity: 1;
}
.main--projects-menu{
    width: calc(100vw - 28px);
    margin: 0 14px;
    box-sizing: border-box;
}
.swiper-wrapper{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slide-name{
    overflow: hidden;
    opacity: 1;
}
.swiper-slide .slide-name > div{
    -moz-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    -o-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.swiper-slide .slide-name.css-to-top > div{
    -moz-transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
}
.swiper-slide.is-active .slide-name > div{
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
.swiper-container {
    height: 0;
    overflow: hidden;
}
.project-content {
    height:  100%;
    width: 57%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
}
.project-content > *{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.project-content.css-preloader > *{
    opacity: 0;
}
.project-content.css-preloader:before {
    background-color: #0299df;
}
.send-project .project-content.css-preloader:before {
    background-color: #b5b5b5;
}
.modal-calculate{
    background: rgba(49,36,131,1);
    background: -moz-linear-gradient(top, rgba(49,36,131,1) 0%, rgba(226,0,15,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,36,131,1)), color-stop(100%, rgba(226,0,15,1)));
    background: -webkit-linear-gradient(top, rgba(49,36,131,1) 0%, rgba(226,0,15,1) 100%);
    background: -o-linear-gradient(top, rgba(49,36,131,1) 0%, rgba(226,0,15,1) 100%);
    background: -ms-linear-gradient(top, rgba(49,36,131,1) 0%, rgba(226,0,15,1) 100%);
    background: linear-gradient(to bottom, rgba(49,36,131,1) 0%, rgba(226,0,15,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312483', endColorstr='#e2000f', GradientType=0 );
}
.modal-calculate .form--link input[type="checkbox"]:after {
    background: #cb051e;
}
.js-calc-modal {
    cursor: pointer;
}
.project-content .redactor--line {
    width: 100%;
    background: none;
    box-sizing: border-box;
    text-align: left;
}

.project-content [class*="js-drag"] {
    display: inline-block;
    vertical-align: top;
    max-height: 100%;
    position: relative;
}

.project-content .js-drag-arms {
    margin-top: 4.7%;
    height: 42.9%;
}
.project-content .js-drag-chair {
    height: 80.85%;
}
.form--field .form-column:last-child input[data-required="true"] + span:after {
    display: none;
}
.css-tabs ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    margin: -8px 0 12px;
}

.css-tabs ul li {
    margin: 0 20px;
    padding: calc( (100vh - 800px)/(1200 - 800) * (10 - 8) + 8px) calc( (100vh - 800px)/(1200 - 800) * (15 - 12) + 12px);
    line-height: 1;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    letter-spacing: 0.7px;
}
.css-tabs ul li:not(.is-active){
    cursor: pointer;
}
.css-tabs ul li.is-active{
    background-color: #fff;
    color: #000;
}
.css-tab-content{
    display: none;
}
.project-element .js-drag-chair *, .project-element .js-drag-arms, .project-element .js-drag-arms *{
    border-color: #000 !important;
    color: #000 !important;
    text-align: center;
}
.project-element .js-drag-chair, .project-element .js-drag-arms{
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.project-element-item{
    height: 59.07%;
}
.project-elements-outer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
.project-element-this {
    height: 80%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-element-this img {
    max-height: 100%;
    max-width: 100%;
}
.modal-project-content {
    height: 72%;
}
.css-tab-wrap {
    height: calc(100% - 45px);
}
.css-tab-content {
    height: 99%;
    margin-top: 1%;
}
.project-elements-outer > [class*="project-element"] + [class*="project-element"] {
    margin-left: 30px;
}
.project-element {
    height: 100%;
    background: #eeeeee;
    box-sizing: border-box;
    text-align: center;
    width: 123px;
}
.project-element-inner{
    height: 100%;
    position: relative;
}
.project-element-inner.project-middle-width .project-element-item, .project-middle-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 53%;
}
.project-large-width.project-element-inner .project-element-item, .project-large-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 60.45%;
}
.project-element-size-name{
    height: 13.8%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    text-transform: uppercase;
}
.project-element-count{
    position: absolute;
    z-index: 11;
    bottom: 5.81%;
    left: 0;
    right: 0;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    height: 6.53%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-element-count, .project-element-count span{
    color: #5a5a5a !important;
}
.project-element-size{
    opacity: 0.4;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    color: #000 !important;
    margin-top: 9.11%;
    position: relative;
    margin-bottom: 12px;
}
.project-element-size:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    margin: auto;
    width: calc(100% + 2px);
    margin-left: -1px;
    height: 18px;
    background: url(../img/arr2-dark.svg) 0 0 no-repeat, url(../img/arr-dark.svg) 100% 0 no-repeat;
    background-size: auto  100%;
    z-index: 10;
}
.project-element-size:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 17px;
    margin: auto;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0.69);
    background-size: auto  100%;
    z-index: 9;
}
.element-type{
    color: #000 !important;
    height: 13.8%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
}
.element-count-label{
    position: absolute;
    bottom: 5.81%;
    left: 0;
    width: 93.45%;
    background-color: rgba(255,255,255,0.23);
    z-index: 10;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    line-height: 1;
    color: #5a5a5a !important;
    height: 6.53%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}
.project-element-inner.project-tiny-width .project-element-item, .project-tiny-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 15%;
}
.project-tiny-width.project-element-inner .project-element-size:after{
    background: url(../img/arr-dark.svg) 0 0 no-repeat, url(../img/arr2-dark.svg) 100% 0 no-repeat;
    background-size: auto  100%;
    width: calc(100% + 14px);
    margin-left: -7px;
}
.project-element-inner.project-smallest-width .project-element-item, .project-smallest-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 31.13%;
}
.project-element-inner.project-small-width .project-element-item, .project-small-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 46.36%;
}
.project-element-inner.project-normal-width .project-element-item, .project-normal-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 43.18%;
}
.project-element-inner.project-sunbed-width .project-element-item, .project-sunbed-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 46.45%;
}
.project-element-inner.project-largest-width .project-element-item, .project-largest-width.project-element-inner .project-element-size{
    margin: 0 auto;
    width: 80%;
}
.project-item-centered{
    height: 87%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-item-centered > *{
    max-width: 100%;
}
.project-largest-width .js-drag-table{
    width: 63.36%;
}
.css-modal-project > div{
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.css-modal-project > div.css-preloader{
    opacity: 0;
}
.modal-head-text{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
}
.css-buttons{
    text-align: center;
}
.css-buttons button{
    display: inline-block;
}
.css-buttons button + button{
    margin-left: 100px;
}
.project-item-material{
    height: 24.76%;
    padding: 0px 10px 10px;
    box-sizing: border-box;
}
.project-item-material img{
    max-height: 100%;
}
.element-color-label{
    position: absolute;
    top: 44.31%;
    left: 0;
    width: 93.45%;
    background-color: rgba(255,255,255,0.23);
    z-index: 10;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    line-height: 1;
    color: #5a5a5a !important;
    height: 6.53%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}
.project-element-color{
    /* position: absolute; */
    right: 0;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    line-height: 1;
    color: #5a5a5a !important;
    /* height: 6.53%; */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50%;
}
.element-color-mark{
    max-height: 100%;
    width: calc( (100vh - 800px)/(1200 - 800) * (50 - 30) + 30px);
    height: calc( (100vh - 800px)/(1200 - 800) * (50 - 30) + 30px);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: calc( (100vh - 800px)/(1200 - 800) * (12 - 5) + 5px);
    position: relative;
    z-index: 11;
}
.element-color-name {
    position: relative;
    z-index: 11;
    color: #000 !important;
    width: 55.81%;
    text-align: left;
    position: relative;
}
.element-color-name-label{
    color: #6c6c6c !important;
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    text-transform: none;
}
.element-color-name.grey-color{
    color: #6c6c6c !important;
}
.project-element-facture{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    line-height: 1;
    top: 53.6%;
    position: absolute;
    left: 0;
    right: 0;
}
.project-element-facture .element-color-name{
    color: #6c6c6c !important;
}
.project-price{
    height: 23.68%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-price-head{
    margin: 0;
    color: #000 !important;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    text-transform: uppercase;
}
.project-price-label{
    margin: 0;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (10 - 8) + 8px);
}
.project-price-images{
    height: 34.37%;
    width: 100%;
}
.top-accessur{
    top: 54.23% !important;
}
.project-item-accessur{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36.32%;
    padding: 0 10px 10px;
    box-sizing: border-box;
}
.project-item-accessur img{
    max-height: 100%;
}
.project-element-scheme-images{
    bottom: 13.55%;
    height: 21.79%;
    padding: 0 4px;
    position: absolute;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-element-scheme-images p{
    text-transform: uppercase;
    margin: 2px 0 0;
    color: #6c6c6c !important;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (12 - 8) + 8px);
}
.send-project .slide-inner{
    background-color: #b5b5b5;
}
.send-project  .slide-calc{
    background-color: #c2c2c2;
    color: #8b8b8b;
}
.send-project  .slide-calc:before{
    content: url(../img/ok.png);
    width: 25px;
    height: 18px;
}
.project-item-accessur img:first-child {
    max-width: 60%;
}
[class*="object"] {
    /* display: none;*/
    position: relative;
    max-width: 95%;
}
[class*="object"] img {
    max-width: 100%;
    max-height: 100%;
}
.object-glass {height: 25%;position: absolute;bottom: 2px;left: 0;right: 0;text-align: center;}

.object-ipad {
    height: 35%;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.object-usb.left {
    position: absolute;
    left: 2px;
    bottom: 41%;
    height: 20%;
}

.object-buttons.left {
    position: absolute;
    left: 2px;
    bottom: 25%;
    height: 12%;
}
.object-buttons.right {
    position: absolute;
    right: 2px;
    bottom: 25%;
    height: 12%;
}

.object-usb.right {
    position: absolute;
    right: 2px;
    bottom: 41%;
    height: 20%;
}
.object-light {
    height: 30%;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box.single-item + .single-item {
    margin-top: 12px;
}
a.editor--next-page.save-btn:hover {
    color: #525252;
}
a.editor--next-page span, .css-popup-btn span{
    position: relative;
    z-index: 1;
}
.editor--next-page, .css-popup-btn{
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box;
}
a.editor--next-page:before , .css-popup-btn:before{
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: rgba(255,255,255,0.4) transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;

}
a.editor--next-page:hover:before, .css-popup-btn:hover:before, .editor--next-page.is-active:before {
    border-width: 600px 600px 0 0;
}
a.editor--next-page:not(.save-btn):hover {
    background: transparent;
}
.after:after{
    content: " >";
    position: relative;
    top: -1px;
    left: 2px;
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box .svg{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.main--redactor .editor--panel-item:first-child .panel-item--chosen-box .svg:hover{
    -webkit-filter: drop-shadow(0 3px 10px rgba(255,255,255,1));
    filter: url(#drop-shadow);
}
.main--logo img {
    max-width: 100%;
}
.editor-rotate{
    position: absolute;
    width: calc( (100vh - 800px)/(1200 - 800) * (75 - 40) + 40px);
    height: calc( (100vh - 800px)/(1200 - 800) * (75 - 40) + 40px);
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10vh;
    cursor: pointer;
}
.editor-rotate:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/ic-round.png) 50% 50% no-repeat;
    top: 0;
    background-size: auto 100%;
    left: 0;
}
.editor-rotate:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/ic-round.png) 50% 50% no-repeat;
    background-size: auto 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.main--redactor *{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.object-pp {
    position: absolute;
    right: 0!important;
    left: 0 !important;
    margin: auto;
    font-size: 14px;
    width: 20px !important;
    max-width: 20px !important;
    height: 14px;
}
[class*="object"] i{
    display: block;
    width: 100%;
    height: 100%;
    min-width: 10px;
    min-height: 10px;
}
.object-glass i{
    background: url(../img/acs1.svg) 50% 50% no-repeat;
    background-size: contain;
}
.object-usb.left i{
    background: url(../img/acs4.svg) 50% 50% no-repeat;
    background-size: contain;
}
.object-usb.right i{
    background: url(../img/acs4-r.svg) 50% 50% no-repeat;
    background-size: contain;
}
.object-buttons.left i{
    background: url(../img/acs2.svg) 50% 50% no-repeat;
    background-size: contain;
}
.object-buttons.right i{
    background: url(../img/acs2-r.svg) 50% 50% no-repeat;
    background-size: contain;
}
.object-ipad i{
    background: url(../img/acs5.svg) 50% 50% no-repeat;
    background-size: contain;
}
.object-light i{
    background: url(../img/acs3.svg) 50% 50% no-repeat;
    background-size: contain;
}
.ui-sortable-placeholder{
    border-radius: 4px;
    visibility: visible !important;
    display: inline-block;
}
.ui-sortable-placeholder.dragged{
    background: rgba(255,255,255,0.4);
}
.object-pp{
    bottom: 20%;
}
.js-drag-sunbed .object-pp{
    bottom: 40%;
}
[class*="object"] svg, [class*="object"] div {
    max-width: 95%;
    max-height: 100%;
}

.object-light svg {
    max-width: 70%;
    max-height: 70%;
}
.main--redactor [class*="object"]{
    max-width: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    max-height: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    right: auto;
}
.main--redactor .object-usb{
    max-width: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    max-height: calc( (100vh - 800px)/(1200 - 800) * (24 - 16) + 16px);
}
.main--redactor .object-buttons {
    max-width: calc( (100vh - 800px)/(1200 - 800) * (24 - 16) + 16px);
    max-height: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
}
.main--redactor .object-ipad.js-add-attr{
    max-width: calc( (100vh - 800px)/(1200 - 800) * (24 - 16) + 16px);
    max-height: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    width: calc( (100vh - 800px)/(1200 - 800) * (24 - 16) + 16px);
    height: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
}
.main--redactor .js-drag-chair  [class*="object"].right{
    right: 2px;
}
.js-drag-arms .ui-sortable-placeholder, .js-drag-chair .ui-sortable-placeholder{
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}
.redactor--line .css-drag-arm:not(.draggable){
    margin-top: 3.3%;
}
.draggable{
    margin-top: 0 !important
}
.main--map, #map{
    width: 100vw;
    height: 100vh;
}
.map-info-window{
    background: #fff;
    box-shadow: -8px 8px 20px #161616;
    max-width:200px;
    max-height:300px;
    line-height: 1.2;
    text-align:center;
    padding: calc( (100vh - 800px)/(1200 - 800) * (85 - 60) + 60px);
    overflow: hidden;
    position: absolute;
    text-transform: uppercase;
    font-family: 'M+ 2p';
}
.map-info-window .map-info-close{
    float:right;
    cursor:pointer;
    margin-right:-5px;
    margin-left:5px;
    display: none;
}

.map-info-window h5{
    font-weight:bold;
}
.map-info-window p{
    color:#939393;
}
.hidden-content, .gmnoprint, .gm-style-cc, .gmnoscreen{
    display: none;
}
.wrapper--map .main--copyright {
    right: 14px;
    left: auto;
}
.firstHeading {
    margin: 0;
    text-align: right;
    color: #0080c7;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 18) + 18px);
}
.map-info-phones p {
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 18) + 18px);
    margin: 0;
    color: #000;
}

.map-info-phones {
    margin-top: calc( (100vh - 800px)/(1200 - 800) * (60 - 30) + 30px);
}

.map-info-work-time {
    text-align: right;
    margin-top: calc( (100vh - 800px)/(1200 - 800) * (32 - 20) + 20px);
}

.map-info-work-time * {
    color: #91c021 !important;
    margin: 0;
}
.map-labels-links{
    position: fixed;
    bottom: 40px;
    left: 14px;
    z-index: 10;
}
.label-link {
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 20) + 20px);
    color: #FFFFFF !important;
    text-shadow: -6px 5px 7px #000000;
    text-transform: uppercase;
    cursor: pointer;
}

.label-link.is-active {
    font-size: calc( (100vh - 800px)/(1200 - 800) * (48 - 40) + 40px);
}

.label-link + .label-link {
    margin-left: 60px;
}
.wrapper--map .main--open-login-key{
    -webkit-filter: drop-shadow(0 3px 10px rgba(0,0,0,1));
    filter: url(#drop-shadow);
}
.wrapper--map .main--menu:not(.is-active) .main--menu-open .main--menu-open-inner,.wrapper--map .main--menu:not(.is-active) .main--menu-open .main--menu-open-inner:after,.wrapper--map .main--menu:not(.is-active) .main--menu-open .main--menu-open-inner:before{
    box-shadow: -4px 2px 8px 0px #000000;
}
.project-content .js-bin-bag {
    padding: 4px 0;
}
.js-drag-item-unsortable .js-bin-bag {
    margin-top: -14px;
}
.project-price-images img {
    max-height: 100%;
    border-radius: 50%;
}

.project-price-images img + img {
    margin-left: -15px;
}
.element-type + .element-type {
    top: 10%;
}
.project-colors-outer {
    height: 36%;
    position: absolute;
    top: 39%;
    width: 100%;
}
.project-colors-item + .project-colors-item {
    margin-top: 3px;
}
.project-colors-outer.top-accessur {
    top: 49% !important;
}

.notification-popup{
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 14px 40px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: none;
}
.main--about{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.main--about:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150%;
    background: rgba(224,224,225,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(224,224,225,1) 0%, rgba(209,209,209,1) 27%, rgba(150,150,150,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(224,224,225,1)), color-stop(27%, rgba(209,209,209,1)), color-stop(100%, rgba(150,150,150,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(224,224,225,1) 0%, rgba(209,209,209,1) 27%, rgba(150,150,150,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(224,224,225,1) 0%, rgba(209,209,209,1) 27%, rgba(150,150,150,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(224,224,225,1) 0%, rgba(209,209,209,1) 27%, rgba(150,150,150,1) 100%);
    background: radial-gradient(ellipse at center, rgba(224,224,225,1) 0%, rgba(209,209,209,1) 27%, rgba(150,150,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e1', endColorstr='#969696', GradientType=1 );
}
.main--about .css-background{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.main--about .css-background > div{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    opacity: 0;
}
.main--about-letters-group{
    opacity: 0;
    -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    -ms-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
}
.css-loading .main--about-letters-group{
    opacity: 1;
}
.main--about-letters-group .letter{
    height: 2.9vh;
    position: fixed;
}
.css-letter-1{
    top: 89.05vh;
    left: 65.5vw;
}
.css-letter-2{
    top: 5.52vh;left: 18.22vw;
}
.css-letter-3{
    top: 18.25vh;
    left: 55.42vw;
}
.css-letter-4{
    top: 92.29vh;
    left: 14.73vw;
}
.css-letter-5{
    top: 11.98vh;
    left: 89.59vw;
}
.css-letter-6{
    left: 86.2vw;
    top: 65.38vh;
}
.css-letter-7{
    top: 48.6vh;left: 9.28vw;
}
.main--about-slide{
    display: none;
    width: 100vw;
    height: 100vh;
}
.main--about-slide.is-active{
    display: block;
}

.main--about-slider-dots{
    position: fixed;
    top: 0;
    bottom: 0;
    height: 37.05vh;
    max-height: 402px;
    right: 14px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: auto;
}
.main--about-slider-dots a{
    position: relative;
    text-align: right;
}
.main--about-slider-dots a i{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    vertical-align: middle;
}
.main--about-slider-dots a:hover i, .main--about-slider-dots a.is-active i{
    width: 14px;
    height: 14px;
    -moz-transform: translateX(-2px) translateY(-2px);
    -webkit-transform: translateX(-2px) translateY(-2px);
    -o-transform: translateX(-2px) translateY(-2px);
    -ms-transform: translateX(-2px) translateY(-2px);
    transform: translateX(-2px) translateY(-2px);
}
.main--about-slider-dots a span{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.main--about-slider-dots a:hover span{
    visibility: visible;
    opacity: 1;
}


.main--about-title{
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition:  all 1.2s ease-in-out;
    -ms-transition:  all 1.2s ease-in-out;
    -o-transition:  all 1.2s ease-in-out;
    transition:  all 1.2s ease-in-out;
    position: fixed;
    color: #fff;
    display: inline-block;
    width: calc( (100vw - 1200px)/(1920 - 1200) * (1254 - 900) + 900px);
    max-width: 1254px;
    text-align: center;
}
[data-slide="ergonomic"] .main--about-title, [data-slide="acoustic"] .main--about-title{
    top: 50%;
}
[data-slide="design"] .main--about-title{
    bottom: 50%;
}
.main--about-title h1{
    text-transform: uppercase;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (72 - 52) + 52px);
    opacity: 0;
    margin: 0 auto;
    line-height: 1;
    display: table;
    width: 0;
}
.main--about-title h1 div{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.css--animation-step-1 .main--about-title h1{
    opacity: 1;
    -webkit-animation: fadeIn 0.6s ease-in-out 2s backwards, letterWidth 0.6s ease-in-out 2.6s backwards;
    -moz-animation: fadeIn 0.6s ease-in-out 2s backwards, letterWidth 0.6s ease-in-out 2.6s backwards;
    -ms-animation: fadeIn 0.6s ease-in-out 2s backwards, letterWidth 0.6s ease-in-out 2.6s backwards;
    animation: fadeIn 0.6s ease-in-out 2s backwards, letterWidth 0.6s ease-in-out 2.6s backwards;
    width: 100%;
}
.main--about-title .detail-text{
    width: 100%;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (24 - 18) + 18px);
    padding-top: calc( (100vh - 800px)/(1200 - 800) * (61 - 34) + 34px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    text-align: justify;
}
.css--animation-step-1 .main--about-title .detail-text{
    opacity: 1;
    max-height: 1500px;
    -webkit-animation: fadeIn 0.6s ease-in-out 3.2s backwards, slideIn 3s ease-in-out 3.4s backwards;
    -moz-animation: fadeIn 0.6s ease-in-out 3.2s backwards, slideIn 3s ease-in-out 3.4s backwards;
    -ms-animation: fadeIn 0.6s ease-in-out 3.2s backwards, slideIn 3s ease-in-out 3.4s backwards;
    animation: fadeIn 0.6s ease-in-out 3.2s backwards, slideIn 3s ease-in-out 3.4s backwards;
}
.css--animation-step-1.css--animation-step-2 .main--about-title{
    -moz-transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    width: 21.14vw;
    height: 22.66vh;
    max-height: 264px;
}
[data-slide="ergonomic"] .main--about-title{
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
[data-slide="ergonomic"].css--animation-step-1.css--animation-step-2 .main--about-title{
    top: 5vh;
    left: 14px;
}
[data-slide="acoustic"] .main--about-title{
    right: 50%;
    -moz-transform: translateY(-50%) translateX(50%);
    -webkit-transform: translateY(-50%) translateX(50%);
    -o-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
}
[data-slide="acoustic"].css--animation-step-1.css--animation-step-2 .main--about-title{
    top: 5vh;
    right: 14px;
}
[data-slide="design"] .main--about-title{
    right: 50%;
    -moz-transform: translateY(50%) translateX(50%);
    -webkit-transform: translateY(50%) translateX(50%);
    -o-transform: translateY(50%) translateX(50%);
    -ms-transform: translateY(50%) translateX(50%);
    transform: translateY(50%) translateX(50%);
}
[data-slide="design"].css--animation-step-1.css--animation-step-2 .main--about-title{
    right: 14px;
    bottom: 14px;
}
[data-slide="design"].css--animation-step-1.css--animation-step-2 .main--about-title .number-series{
    text-align: right;
    margin-right: calc( ((100vh - 800px)/(1200 - 800) * (65 - 45) + 45px) * -1);
}
[data-slide="acoustic"].css--animation-step-1.css--animation-step-2 .main--about-title .number-series{
    text-align: right;
    margin-right: calc( ((100vh - 800px)/(1200 - 800) * (65 - 45) + 45px) * -1);
}
[data-slide="acoustic"].css--animation-step-1.css--animation-step-2 .main--about-subsection-links{
    left: auto;
    right: 14px;
}
.css--animation-step-1.css--animation-step-2 .main--about-title h1{
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (30 - 18) + 18px);
    text-align: left;
    margin-top: calc( (100vh - 800px)/(1200 - 800) * (34 - 18) + 18px);
    display: inline-block;
}
.css--animation-step-1.css--animation-step-2 .main--about-title .detail-text{
    -webkit-animation: fadeOut 0.3s ease-in-out 0s backwards;
    -moz-animation: fadeOut 0.3s ease-in-out 0s backwards;
    -ms-animation: fadeOut 0.3s ease-in-out 0s backwards;
    animation: fadeOut 0.3s ease-in-out 0s backwards;
    opacity: 0;
}
.css--animation-step-1.css--animation-step-2 .main--about-title .detail-text.opacity{
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    padding-top: calc( (100vh - 800px)/(1200 - 800) * (30 - 14) + 14px);
    overflow: visible;
}
.number-series{
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (30 - 18) + 18px);
    letter-spacing: calc( (100vh - 800px)/(1200 - 800) * (65 - 45) + 45px);
    color: #fff;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin: 0;
    text-align: left;
}
.css--animation-step-1.css--animation-step-2 .main--about-title .number-series{
    transition-delay: 1.5s;
    opacity: 1;
    visibility: visible;
}

.subsection-link {
    background-color: transparent;
    margin-top: calc( (100vh - 800px)/(1200 - 800) * (14 - 10) + 10px);
    color: #fff;
    height: calc( (100vh - 800px)/(1200 - 800) * (54 - 40) + 40px);
    line-height: calc( (100vh - 800px)/(1200 - 800) * (54 - 40) + 40px);
}

.main--about-subsection-links {
    position: fixed;
    bottom: 36px;
    left: 14px;
    width: 21.14vw;
    opacity: 0;
    visibility: hidden;
}
.css--animation-step-1.css--animation-step-2 .main--about-subsection-links{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    transition-delay: 1.5s;
    opacity: 1;
    visibility: visible;
}

.main--about-sc {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.main--about-sc canvas {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}
.is-animated *{
    pointer-events: none !important;
}
.css--animation-step-1.css--animation-step-2.css--animation-step-3 .main--about-subsection-links{
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
}
.slider-design{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.css--animation-step-1.css--animation-step-2.css--animation-step-3 .slider-design,
.css--animation-step-1.css--animation-step-2.css--animation-step-3 .chairs{
    opacity: 0;
    visibility: hidden;
}


[data-slide="acoustic"].css--animation-step-1.css--animation-step-2.css--animation-step-3 .main--about-title,
[data-slide="ergonomic"].css--animation-step-1.css--animation-step-2.css--animation-step-3 .main--about-title{
    -webkit-animation: toTop 0.6s ease-in 0.5s backwards, fadeOut 0.6s ease-in-out 0.4s backwards;
    -moz-animation: toTop 0.6s ease-in 0.5s backwards, fadeOut 0.6s ease-in-out 0.4s backwards;
    -ms-animation: toTop 0.6s ease-in-out 0.5s backwards, fadeOut 0.6s ease-in-out 0.4s backwards;
    animation: toTop 0.6s ease-in 0.5s backwards, fadeOut 0.6s ease-in-out 0.4s backwards;
    top: -100%;
    opacity: 0;
}

[data-slide="design"].css--animation-step-1.css--animation-step-2.css--animation-step-3 .main--about-title{
    -webkit-animation: toTopDes 0.6s ease-in 0.5s backwards, fadeOut 0.6s ease-in-out 0.9s backwards;
    -moz-animation: toTopDes 0.6s ease-in 0.5s backwards, fadeOut 0.6s ease-in-out 0.9s backwards;
    -ms-animation: toTopDes 0.6s ease-in-out 0.5s backwards, fadeOut 0.6s ease-in-out 0.9s backwards;
    animation: toTopDes 0.6s ease-in 0.5s backwards, fadeOut 0.6s ease-in-out 0.9s backwards;
    bottom: 100vh;
    opacity: 0;
}

.main--about-repeat {
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}
.main--about-repeat.css-visible{
    opacity: 0.5;
}
.main--about-subsection-text{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: fixed;
    width: 21.14vw;
    text-align: justify;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    color: #fff;
    text-indent: calc( (100vh - 800px)/(1200 - 800) * (40 - 22) + 22px);
    visibility: hidden;
    opacity: 0;
}
[data-slide="ergonomic"] .main--about-subsection-text{
    right: 14px;
    bottom: 14px;
}
[data-slide="acoustic"] .main--about-subsection-text{
    left: 14px;
    bottom: 36px;
}
.main--about-repeat svg {
    height: 27px;
    margin-right: 12px;
}

.main--about-repeat span {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    vertical-align: middle;
}

.main--about-repeat:hover {
    opacity: 1;
}
.main--about-logo{
    position: fixed;
    top: 36.86vh;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    height: 13.5vh;
}
.main--about-letters-group .letter path{
    fill: #5d5e60;
}
.fadeInOut{
    -webkit-animation:  fadeOut 0.6s ease-in-out 0.4s infinite;
    -moz-animation:  fadeOut 0.6s ease-in-out 0.4s infinite;
    -ms-animation:  fadeOut 0.6s ease-in-out 0.4s infinite;
    animation:  fadeOut 0.6s ease-in-out 0.4s infinite;
}
#path4288{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.about--btn-more{
    background: transparent;
    width: 21.14vw;
    height: 5vh;
    line-height: 5.15vh;
    border: 1px solid #fff;
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 12) + 12px);
    text-transform: uppercase;
    position: fixed;
    left: 0;
    right: 0;
    top: 59.9vh;
    margin: auto;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in-out, color 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out, color 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out, color 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out, color 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out, color 0.6s ease-in-out;
}
.about--btn-more i{
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (16 - 10) + 10px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 5px;
    width: 8px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQoU2NkgIL///8HMDIyboDxYTQjkoIEBgYGA0ZGxgJkRXAFIMH///+DJD8wMjIuwDABySSQ5AGYIhQToKbgVoDXiv///+N3JC5vAgDAkiQJNkZppAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    font-style: normal;
    -webkit-animation:  linearAnim linear 1.5s infinite;
    -moz-animation:  linearAnim linear 1.5s infinite;
    -ms-animation:  linearAnim linear 1.5s infinite;
    animation:  linearAnim linear 1.5s infinite;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.about--label{
    color: #fff;
    font-size: calc( (100vh - 800px)/(1200 - 800) * (18 - 14) + 14px);
    position: fixed;
    top: 45.3vh;
    text-align: center;
    width: 100px;
    left: 0;
    right: 0.85%;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}
.main--about-letters-group.css-transition svg{
    -webkit-transition: top 1s ease-in-out, left 1s ease-in-out;
    -moz-transition: top 1s ease-in-out, left 1s ease-in-out;
    -ms-transition: top 1s ease-in-out, left 1s ease-in-out;
    -o-transition: top 1s ease-in-out, left 1s ease-in-out;
    transition: top 1s ease-in-out, left 1s ease-in-out;
}
.css-visible{
    visibility: visible;
    opacity: 1;
}
.design--tumbnails{
    width:  19.21vw;
    top: 6vh;
    height: 88vh;
    left: 14px;
    position: fixed;
}
.design--tumbnail{
    height: 25%;
    width: 100%;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.css--animation-step-2 .design--tumbnail:nth-child(1){
    transition-delay: 3s;
    opacity: 1;
}
.css--animation-step-2 .design--tumbnail:nth-child(2){
    transition-delay: 3.5s;
    opacity: 1;
}
.css--animation-step-2 .design--tumbnail:nth-child(3){
    transition-delay: 4s;
    opacity: 1;
}
.css--animation-step-2 .design--tumbnail:nth-child(4){
    transition-delay: 4.5s;
    opacity: 1;
}
.design--tumbnail img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.design--tumbnail-image{
    opacity: 1;
}
.design--tumbnail-image-hover{
    opacity: 0;
}
.design--tumbnail:hover .design--tumbnail-image,
.design--tumbnail.is-active .design--tumbnail-image{
    opacity: 0;
}
.design--tumbnail:hover .design--tumbnail-image-hover,
.design--tumbnail.is-active .design--tumbnail-image-hover{
    opacity: 1;
}
.design--slider-outer {
    top: 0;
    right: calc(50.28vw + 14px);
    overflow: hidden;
    position: fixed;
    background: rgba(255,255,255,0.2);
    width: 3px;
    height: 0;
}
.css--animation-step-2 .design--slider-outer {
    -webkit-animation: heightSlider 0.6s ease-in 1.5s backwards, widthSlider 0.4s ease-in-out 2.4s backwards;
    -moz-animation: heightSlider 0.6s ease-in 1.5s backwards, widthSlider 0.4s ease-in-out 2.4s backwards;
    -ms-animation: heightSlider 0.6s ease-in 1.5s backwards, widthSlider 0.4s ease-in-out 2.4s backwards;
    animation: heightSlider 0.6s ease-in 1.5s backwards, widthSlider 0.4s ease-in-out 2.4s backwards;
    width: 29.84vw;
    height: 100vh;
}
.design--slider-inner {
    width: 500%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    font-size: 0;
}

.design--picture {
    width: 29.84vw;
    height: 100%;
    display: inline-block;
}
.design--picture img{
    min-width: 100%;
    height: 100%;
}
.chairs {
    position: fixed;
    height: 80vh;
    right: 10.21vw;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60vw;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}
.css--animation-step-2 .chairs{
    transition-delay: 1.5s;
    opacity: 1;
}
img.css-design-chair {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

img.css-design-chair.is-active {
    opacity: 1;
}

@keyframes widthSlider{
    0% {
        width: 3px;
    }
    100% {
        width: 29.84vw;
    }
}

@-moz-keyframes widthSlider{
    0% {
        width: 3px;
    }
    100% {
        width: 29.84vw;
    }
}

@-webkit-keyframes widthSlider {
    0% {
        width: 3px;
    }
    100% {
        width: 29.84vw;
    }
}

@-o-keyframes widthSlider {
    0% {
        width: 3px;
    }
    100% {
        width: 29.84vw;
    }
}

@-ms-keyframes widthSlider {
    0% {
        width: 3px;
    }
    100% {
        width: 29.84vw;
    }
}

@keyframes heightSlider{
    0% {
        height: 0;
    }
    100% {
        height: 100vh;
    }
}

@-moz-keyframes heightSlider{
    0% {
        height: 0;
    }
    100% {
        height: 100vh;
    }
}

@-webkit-keyframes heightSlider {
    0% {
        height: 0;
    }
    100% {
        height: 100vh;
    }
}

@-o-keyframes heightSlider {
    0% {
        height: 0;
    }
    100% {
        height: 100vh;
    }
}

@-ms-keyframes heightSlider {
    0% {
        height: 0;
    }
    100% {
        height: 100vh;
    }
}


@keyframes linearAnim{
    0% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
    25% {
        -moz-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -o-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 1;
    }
    75% {
        -moz-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -o-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 1;
    }
    90% {
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
}
@-moz-keyframes linearAnim{
    0% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
    25% {
        -moz-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -o-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 1;
    }
    75% {
        -moz-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -o-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 1;
    }
    90% {
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
}

@-webkit-keyframes linearAnim {
    0% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
    25% {
        -moz-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -o-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 1;
    }
    75% {
        -moz-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -o-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 1;
    }
    90% {
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
}

@-o-keyframes linearAnim {
    0% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
    25% {
        -moz-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -o-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 1;
    }
    75% {
        -moz-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -o-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 1;
    }
    90% {
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0;
    }
}

@keyframes toTopDes{
    0% {
        bottom: 14px;
    }
    100% {
        bottom: 100vh
    }
}

@-moz-keyframes toTopDes{
    0% {
        bottom: 14px;
    }
    100% {
        bottom: 100vh
    }
}

@-webkit-keyframes toTopDes {
    0% {
        bottom: 14px;
    }
    100% {
        bottom: 100vh
    }
}

@-o-keyframes toTopDes {
    0% {
        bottom: 14px;
    }
    100% {
        bottom: 100vh
    }
}

@-ms-keyframes toTopDes {
    0% {
        bottom: 14px;
    }
    100% {
        bottom: 100vh
    }
}

@keyframes toTop{
    0% {
        top: 5vh;
    }
    100% {
        top: -100%;
    }
}

@-moz-keyframes toTop{
    0% {
        top: 5vh;
    }
    100% {
        top: -100%;
    }
}

@-webkit-keyframes toTop {
    0% {
        top: 5vh;
    }
    100% {
        top: -100%;
    }
}

@-o-keyframes toTop {
    0% {
        top: 5vh;
    }
    100% {
        top: -100%;
    }
}

@-ms-keyframes toTop {
    0% {
        top: 5vh;
    }
    100% {
        top: -100%;
    }
}

@keyframes slideIn{
    0% {
        max-height: 0;
    }
    100% {
        max-height: 1500px;
    }
}

@-moz-keyframes slideIn{
    0% {
        max-height: 0;
    }
    100% {
        max-height: 1500px;
    }
}

@-webkit-keyframes slideIn {
    0% {
        max-height: 0;
    }
    100% {
        max-height: 1500px;
    }
}

@-o-keyframes slideIn {
    0% {
        max-height: 0;
    }
    100% {
        max-height: 1500px;
    }
}

@-ms-keyframes slideIn {
    0% {
        max-height: 0;
    }
    100% {
        max-height: 1500px;
    }
}

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

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

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

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

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

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

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

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

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

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

@keyframes letterWidth{
    0% {
        width: 0;
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes letterWidth{
    0% {
        width: 0;
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes letterWidth {
    0% {
        width: 0;
    }
    100% {
        width: 100%
    }
}

@-o-keyframes letterWidth {
    0% {
        width: 0;
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes letterWidth {
    0% {
        width: 0;
    }
    100% {
        width: 100%
    }
}