body,html{height:100%;width:100%;margin:0;padding:0}@font-face{font-family:'EtelkaMediumPro';src:url('EtelkaProWeb/EtelkaMediumPro.eot');src:local('Etelka Medium Pro'),local('EtelkaMediumPro'),url('EtelkaProWeb/EtelkaMediumPro.eot?#iefix') format('embedded-opentype'),url('EtelkaProWeb/EtelkaMediumPro.woff') format('woff'),url('EtelkaProWeb/EtelkaMediumPro.ttf') format('truetype');font-weight:500;font-style:normal;}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.incut-wrapper{width:100%;height:125px;overflow:hidden;position:relative;margin:0 auto;background-position:center;}.incut-container{position:relative;width:100%;height:125px;margin:0 auto;max-width:910px}i{display:block;position:absolute;}i{opacity:1;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.ld i{opacity:1}i,i:after,i:before{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;content:'';display:block;position:absolute;width:100%;height:100%;}.bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-image:url(bg-ret.png);background-position:center;}


.vedushi{width:195px;height:200%;position:absolute;left:32px;
    top:4px;z-index:43;opacity:1;
    -webkit-animation:12s Sokolow cubic-bezier(.45,.05,.55,.95) infinite;
    animation:12s Sokolow cubic-bezier(.46,.03,.52,.96) infinite;}
@-webkit-keyframes Sokolow{0%,20%,80%,100%{
    width:94px;
    top:0;left:32px;opacity:1;
    -webkit-filter:blur(0);filter:blur(0)}
    30%,70%{width:200px;
        filter: saturate(5) contrast(1.25);
        -webkit-transform:translate(0,0);
        transform:translate(0,0)}
    45%,55%{-webkit-transform:translate(-32px,0);
        transform:translate(-32px,0)}
}


@keyframes Sokolow{0%,20%,80%,100%{
    width:80px;top:4px;left:32px;opacity:1;
    -webkit-filter:blur(0);
    
       filter: saturate(1) contrast(1) brightness(1);
    
    }
    30%,70%{width:200px;
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
    
 filter: saturate(0.9) contrast(1.2) brightness(1.25);
    }
    45%,55%{
        -webkit-transform:translate(-32px,0);
        transform:translate(-32px,0);
     filter: saturate(1) contrast(1) brightness(1);
    }
 

}

.vedushi:before{content:'';display:block;position:absolute;width:100%;height:100%;background-image:url(sokolov2.png);z-index:2;background-position:top;background-size:100% auto;}.logo{z-index:43;right:16px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);height:105px;width:180px;-webkit-perspective:200px;perspective:200px}.logo::before{background-image:url(mos-ulicy.svg);-webkit-animation:logoR 6s ease-in-out infinite;animation:logoR 6s ease-in-out infinite;}@-webkit-keyframes logoR{0%,30%,70%,100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}40%{-webkit-transform:rotateY(35deg);transform:rotateY(35deg)}60%{-webkit-transform:rotateY(-35deg);transform:rotateY(-35deg)}}@keyframes logoR{0%,30%,70%,100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}40%{-webkit-transform:rotateY(35deg);transform:rotateY(35deg)}60%{-webkit-transform:rotateY(-35deg);transform:rotateY(-35deg)}}.houses{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(100% - 72px);position:absolute;width:calc(100% - 380px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:50%;z-index:5;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;}.houses .house{position:relative;width:100%;height:100%;}.houses .house:nth-child(3){padding:0 64px}.h{position:absolute;width:150%;height:150%;top:50%;left:50%;-webkit-transform:translate(calc(-50% - 32px),-50%);transform:translate(calc(-50% - 32px),-50%)}.h03{z-index:10;width:180%;height:180%}.h:before{-webkit-animation:5s Sway linear infinite;animation:5s Sway linear infinite}@-webkit-keyframes Sway{0%,100%,25%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes Sway{0%,100%,25%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}.h01::before{background-image:url(h01-min.png);-webkit-animation-delay:.2s;animation-delay:.2s}.h02::before{background-image:url(h02-min.png);-webkit-animation-delay:.4s;animation-delay:.4s}.h03::before{background-image:url(h03-min.png);-webkit-animation-delay:.6s;animation-delay:.6s}.h04::before{background-image:url(h04-min.png);-webkit-animation-delay:.8s;animation-delay:.8s}.h05::before{background-image:url(h05-min.png);-webkit-animation-delay:1s;animation-delay:1s}.houses svg{display:block;position:absolute;left:-32px;width:100%;}.houses svg#line-bottom{bottom:-42px}.houses svg#line-top{top:-45px}.line{stroke-dasharray:5;stroke-width:3;-webkit-animation:60s Route linear infinite alternate;animation:60s Route linear infinite alternate;stroke-linecap:round}.line.line-b{animation-direction:reverse}@-webkit-keyframes Route{0%{stroke-dashoffset:1000px}100%{stroke-dashoffset:0}}@keyframes Route{0%{stroke-dashoffset:1000px}100%{stroke-dashoffset:0}}@media(max-width:520px){.houses{max-width:100%;width:100%}.houses .house{display:none}.houses .house:nth-child(3){display:block;opacity:.5}.houses svg{width:520px;}.line{stroke-dasharray:5;stroke-width:2;-webkit-animation:60s Route linear infinite alternate;animation:60s Route linear infinite alternate;stroke-linecap:round}}.age{position:absolute;z-index:44;right:8px;top:4px;width:24px;height:24px;font-size:10px;line-height:22px;text-align:center;font-style:normal;font-family:sans-serif;font-weight:700;border:1px solid;color:#e43364;border-radius:50%}.incut-link{display:block;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;}.premiere{font-family:EtelkaMediumPro,sans-serif;color:rgba(255,255,255,.95);font-weight:500;font-size:22px;white-space:nowrap;position:absolute;bottom:50%;z-index:45;background-color:rgba(228,51,100,.85);padding:.2em 1em .2em 1em;letter-spacing:0;-webkit-clip-path:polygon(0% 0%,100% 0%,95% 50%,100% 100%,0% 100%,5% 50%);clip-path:polygon(0% 0%,100% 0%,95% 50%,100% 100%,0% 100%,5% 50%);right:50%;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,0,0,.5);letter-spacing:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);line-height:1em;}@media (max-width:680px){.premiere{font-size:13px;-webkit-transform:translate(0,0);transform:translate(0,0);bottom:10px;right:60px}.logo{top:40%}#line-bottom path{fill:#48c5ff}#line-bottom path.line{fill:transparent;stroke:#48c5ff}}


    .is-desktop {display: block !important}
    .is-mobile {display: none !important}

@media (max-width:720px) {
    .is-desktop {display: none !important}
    .is-mobile {display: block !important}
}


.logos-mobile {
    width: 180px;
    height: 125px;
    position: absolute;
    right: 8px;
    top: 0px;
    perspective: 300px;
    transform-style: preserve-3d;
    z-index: 10;
    backface-visibility: hidden;
}

.side1, .side2 {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: block;
    background: transparent;
    top: 0;
    left: 0;
}

.side1 {
    transform: rotateY(0deg);
    z-index: 2;
}

.side2 {
    transform: rotateY(180deg);
    z-index: 1;
}

.side2 .premiere {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 32px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    font-family: EtelkaMediumPro, sans-serif;
    color: rgba(255,255,255,.95);
    font-weight: 500;
    font-size: 22px;
    white-space: nowrap;
    background-color: rgba(228,51,100,.85);
    padding: .2em 1em .2em 1em;
    letter-spacing: 0;
    -webkit-clip-path: polygon(0% 0%,100% 0%,95% 50%,100% 100%,0% 100%,5% 50%);
    clip-path: polygon(0% 0%,100% 0%,95% 50%,100% 100%,0% 100%,5% 50%);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
    box-shadow: 0 3px 6px rgba(0,0,0,.5);
    font-style: normal;
}

.logo-m {
    width: 180px;
    height: 125px;
    background: transparent url('mos-ulicy.svg') no-repeat center;
    background-size: contain;
    display: block;
}

@keyframes flip {
    0%,20% {
        transform: rotateY(0deg);
    }
    35% {transform: rotateY(-35deg)}
    40%,60% {
        transform: rotateY(180deg);
    }
    65% { transform: rotateY(145deg);}
    80%,100% {
        transform: rotateY(360deg);
    }
}

.logos-mobile {
    animation: flip 10s infinite cubic-bezier(.65,.05,.36,1);
}
.incut-container {
    perspective: 300px;
}
    .incut-wrapper {background-image:url(bg-ret.png); background-position:center;background-repeat:repeat-x;background-size:contain;background-color:#e7e7e7}
    .incut-container {opacity:0;visibility:hidden;transition:all .25s ease-in-out}
  .ld .incut-container {opacity:1;visibility:visible;transition:all .25s ease-in-out}