@charset "utf-8";
@import https: //fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic;
html,body{padding:0;margin:0;overflow:hidden;width:100%;height:100%}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
*,:hover,:active,:focus{outline:none;-webkit-outline:none}
#lng{position:relative;margin:0 auto}
#lng[data-size="240x400"]{width:240px;height:400px;overflow:hidden;background-color:#;-webkit-perspective:100px;perspective:100px;background-color:#ebebeb}
#lng[data-size="240x400"]:before{content:'';display:block;position:absolute;width:0;height:60px;background-color:transparent;left:0;bottom:64px;border-style:solid;border-width:0 150px 90px;border-color:transparent transparent #fff;-webkit-box-shadow:0 90px #fff;box-shadow:0 90px #fff}
.bg{display:block;width:100%;height:80%;position:absolute;z-index:0;background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runners.png);top:50%;left:50%;background-size:auto 200px;background-repeat:no-repeat;background-position:-20px center;opacity:1;z-index:2;-webkit-transform:translate(-50%,-60%);-ms-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}
a.hLink{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;-webkit-box-shadow:0 0 8px rgba(0,0,0,.05) inset;box-shadow:0 0 8px rgba(0,0,0,.05) inset}
#sorokdva{display:block;position:absolute;top:52%;left:50%;-webkit-transform:translate(-50%,-55%);-ms-transform:translate(-50%,-55%);transform:translate(-50%,-55%);height:100%;width:100%;z-index:2}
#sorokdva svg{display:block;position:absolute;top:50%;left:50%;width:100%;height:auto;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
@-webkit-keyframes ZoomInOut {
0%{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);opacity:0}
25%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
75%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
100%{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}
}
@keyframes ZoomInOut {
0%{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);opacity:0}
25%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
75%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
100%{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}
}
#sorokdva svg path{fill:rgba(255,255,255,.85);stroke-width:3;stroke:rgba(0,0,0,.1)}
@-webkit-keyframes SorokDva {
0%,50%,100%,70%,80%{fill:rgba(255,255,255,.85);stroke-width:3;stroke:rgba(0,0,0,.1)}
75%{fill:rgba(253,242,60,1)}
85%{fill:rgba(0,0,0,0);stroke-width:9;stroke:rgba(253,242,60,1)}
}
@keyframes SorokDva {
0%,50%,100%,70%,80%{fill:rgba(255,255,255,.85);stroke-width:3;stroke:rgba(0,0,0,.1)}
75%{fill:rgba(253,242,60,1)}
85%{fill:rgba(0,0,0,0);stroke-width:9;stroke:rgba(253,242,60,1)}
}
#preodolenie{position:relative;height:48px;max-width:100%;margin:16px 16px;background-color:#6f39e3;overflow:hidden;-webkit-animation:3s GlowY infinite .5s;animation:3s GlowY infinite .5s}
@-webkit-keyframes GlowY {
0%{-webkit-box-shadow:0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1);box-shadow:0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1)}
15%,50%{-webkit-box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1);box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1)}
75%{-webkit-box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 64px 0 rgba(253,242,60,0),0 -64px rgba(253,242,60,0);box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 64px 0 rgba(253,242,60,0),0 -64px rgba(253,242,60,0)}
100%{-webkit-box-shadow:0 48px 0 rgba(253,242,60,0),0 -48px 0 rgba(253,242,60,0),0 48px 0 rgba(253,242,60,0),0 -48px rgba(253,242,60,0);box-shadow:0 48px 0 rgba(253,242,60,0),0 -48px 0 rgba(253,242,60,0),0 48px 0 rgba(253,242,60,0),0 -48px rgba(253,242,60,0)}
}
@keyframes GlowY {
0%{-webkit-box-shadow:0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1);box-shadow:0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1)}
15%,50%{-webkit-box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1);box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 0 0 rgba(253,242,60,1),0 0 rgba(253,242,60,1)}
75%{-webkit-box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 64px 0 rgba(253,242,60,0),0 -64px rgba(253,242,60,0);box-shadow:0 8px 0 rgba(253,242,60,1),0 -8px 0 rgba(253,242,60,1),0 64px 0 rgba(253,242,60,0),0 -64px rgba(253,242,60,0)}
100%{-webkit-box-shadow:0 48px 0 rgba(253,242,60,0),0 -48px 0 rgba(253,242,60,0),0 48px 0 rgba(253,242,60,0),0 -48px rgba(253,242,60,0);box-shadow:0 48px 0 rgba(253,242,60,0),0 -48px 0 rgba(253,242,60,0),0 48px 0 rgba(253,242,60,0),0 -48px rgba(253,242,60,0)}
}
#preodolenie:before{content:'';display:block;position:absolute;top:0;right:0;width:200%;height:100%;background:#6f39e3;background:-webkit-linear-gradient(left,#6f39e3 1%,#aa859c 50%,#6f39e3 100%);background:-webkit-gradient(linear,left top, right top,color-stop(1%, #6f39e3),color-stop(50%, #aa859c),to(#6f39e3));background:-o-linear-gradient(left,#6f39e3 1%,#aa859c 50%,#6f39e3 100%);background:linear-gradient(to right,#6f39e3 1%,#aa859c 50%,#6f39e3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f39e3',endColorstr='#6f39e3',GradientType=1);-webkit-animation:2s WaveG linear infinite;animation:2s WaveG linear infinite}
@-webkit-keyframes WaveG {
0%{right:100%}
100%{right:-200%}}
@keyframes WaveG {
0%{right:100%}
100%{right:-200%}}
@-webkit-keyframes prdl {
0%{-webkit-box-shadow:0 16px 0 #fdf13c 0 -16px 0 #fdf13c 0 16px 0 #fdf13c 0 -16px 0 #fdf13c;box-shadow:0 16px 0 #fdf13c 0 -16px 0 #fdf13c 0 16px 0 #fdf13c 0 -16px 0 #fdf13c}
}
@keyframes prdl {
0%{-webkit-box-shadow:0 16px 0 #fdf13c 0 -16px 0 #fdf13c 0 16px 0 #fdf13c 0 -16px 0 #fdf13c;box-shadow:0 16px 0 #fdf13c 0 -16px 0 #fdf13c 0 16px 0 #fdf13c 0 -16px 0 #fdf13c}
}
#preodolenie svg{display:block;position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 16px)}
#preodolenie svg path{fill:#fff;stroke-width:1;stroke:rgba(0,0,0,.5)}
.msk-pdrb{position:absolute;bottom:32px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);font-family:'PT Sans',sans-serif;text-transform:uppercase;font-weight:600;font-size:18px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.25);display:inline-block;background:#aa859c;background:-webkit-linear-gradient(left,#aa859c 0%,#6f39e3 16%,#6f39e3 85%,#6f39e3 85%,#aa859c 100%);background:-webkit-gradient(linear,left top, right top,from(#aa859c),color-stop(16%, #6f39e3),color-stop(85%, #6f39e3),color-stop(85%, #6f39e3),to(#aa859c));background:-o-linear-gradient(left,#aa859c 0%,#6f39e3 16%,#6f39e3 85%,#6f39e3 85%,#aa859c 100%);background:linear-gradient(to right,#aa859c 0%,#6f39e3 16%,#6f39e3 85%,#6f39e3 85%,#aa859c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa859c',endColorstr='#aa859c',GradientType=1);padding:.5em 1em;-webkit-animation:3s GlowY linear infinite;animation:3s GlowY linear infinite}
.runner{position:absolute;left:52%;top:70%;width:100%;height:230px;background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runner.png);background-position:center;background-repeat:no-repeat;background-size:auto 100%;z-index:3;-webkit-transform:translate(-50%,-60%);-ms-transform:translate(-50%,-60%);transform:translate(-50%,-60%);background-color:transparent;margin:-48px -148px 0 0;display:block}
.bg{-webkit-animation-delay:.2s;animation-delay:.2s}
#sorokdva{-webkit-animation-delay:.4s;animation-delay:.4s}
@-webkit-keyframes Lift {
0%,60%{-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}
70%{-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}
80%{-webkit-transform:translate(-50%,-65%);transform:translate(-50%,-65%)}
}
@keyframes Lift {
0%,60%{-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}
70%{-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}
80%{-webkit-transform:translate(-50%,-65%);transform:translate(-50%,-65%)}
}
#lng:after{content:'';display:none;background-color:#6f39e3;width:100%;height:120px;position:absolute;top:50%;z-index:0;-webkit-transform:translate(0,-60%);-ms-transform:translate(0,-60%);transform:translate(0,-60%);-webkit-animation:2s ColorZ linear infinite;animation:2s ColorZ linear infinite}
@-webkit-keyframes ColorZ {
20%,80%{background-color:#6f39e3}
25%,75%{background-color:#ecd400}
}
@keyframes ColorZ {
20%,80%{background-color:#6f39e3}
25%,75%{background-color:#ecd400}
}
.direction-arrow{position:absolute;top:50%;right:0;-webkit-transform:translate(0,-60%);-ms-transform:translate(0,-60%);transform:translate(0,-60%);width:100%;height:auto;z-index:0}
.direction-arrow svg{width:100%;height:160px;}
#arrow path{fill:#6f39e4;stroke-width:0;stroke:#6f39e4;fill:
    #6f39e4;-webkit-animation:6s Arr infinite 0s;animation:6s Arr infinite 0s;
stroke-width:1;
}
@-webkit-keyframes Arr {
0%,40%{stroke:#6f39e4;fill:#6f39e4;stroke-width:1}
60%,90%{fill:#f1d900;stroke:#f1d900;stroke-width:1}
}
@keyframes Arr {
0%,40%{stroke:#6f39e4;fill:#6f39e4;stroke-width:1}
60%,90%{fill:#f1d900;stroke:#f1d900;stroke-width:1}
}
#even path:nth-of-type(1){-webkit-animation-delay:.1s;animation-delay:.1s}
#even path:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#even path:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s}
#even path:nth-of-type(4){-webkit-animation-delay:.4s;animation-delay:.4s}
#even path:nth-of-type(5){-webkit-animation-delay:.5s;animation-delay:.5s}
#even path:nth-of-type(6){-webkit-animation-delay:.6s;animation-delay:.6s}
#even path:nth-of-type(7){-webkit-animation-delay:.7s;animation-delay:.7s}
#even path:nth-of-type(8){-webkit-animation-delay:.8s;animation-delay:.8s}
#even path:nth-of-type(9){-webkit-animation-delay:.9s;animation-delay:.9s}
#even path:nth-of-type(10){-webkit-animation-delay:1s;animation-delay:1s}
#even path:nth-of-type(11){-webkit-animation-delay:1.1s;animation-delay:1.1s}
#even path:nth-of-type(12){-webkit-animation-delay:1.2s;animation-delay:1.2s}
#even path:nth-of-type(13){-webkit-animation-delay:1.3s;animation-delay:1.3s}
#even path:nth-of-type(14){-webkit-animation-delay:1.4s;animation-delay:1.4s}
#even path:nth-of-type(15){-webkit-animation-delay:1.5s;animation-delay:1.5s}
#even path:nth-of-type(16){-webkit-animation-delay:1.6s;animation-delay:1.6s}
#even path:nth-of-type(17){-webkit-animation-delay:1.7s;animation-delay:1.7s}
#even path:nth-of-type(18){-webkit-animation-delay:1.8s;animation-delay:1.8s}
#even path:nth-of-type(19){-webkit-animation-delay:1.9s;animation-delay:1.9s}
#even path:nth-of-type(20){-webkit-animation-delay:2s;animation-delay:2s}
#even path:nth-of-type(21){-webkit-animation-delay:2.1s;animation-delay:2.1s}
#even path:nth-of-type(22){-webkit-animation-delay:2.2s;animation-delay:2.2s}
#odd path:nth-of-type(1){-webkit-animation-delay:.15s;animation-delay:.15s}
#odd path:nth-of-type(2){-webkit-animation-delay:.25s;animation-delay:.25s}
#odd path:nth-of-type(3){-webkit-animation-delay:.35s;animation-delay:.35s}
#odd path:nth-of-type(4){-webkit-animation-delay:.45s;animation-delay:.45s}
#odd path:nth-of-type(5){-webkit-animation-delay:.55s;animation-delay:.55s}
#odd path:nth-of-type(6){-webkit-animation-delay:.65s;animation-delay:.65s}
#odd path:nth-of-type(7){-webkit-animation-delay:.75s;animation-delay:.75s}
#odd path:nth-of-type(8){-webkit-animation-delay:.85s;animation-delay:.85s}
#odd path:nth-of-type(9){-webkit-animation-delay:.95s;animation-delay:.95s}
#odd path:nth-of-type(10){-webkit-animation-delay:1.05s;animation-delay:1.05s}
#odd path:nth-of-type(11){-webkit-animation-delay:1.15s;animation-delay:1.15s}
#odd path:nth-of-type(12){-webkit-animation-delay:1.25s;animation-delay:1.25s}
#odd path:nth-of-type(13){-webkit-animation-delay:1.35s;animation-delay:1.35s}
#odd path:nth-of-type(14){-webkit-animation-delay:1.45s;animation-delay:1.45s}
#odd path:nth-of-type(15){-webkit-animation-delay:1.55s;animation-delay:1.55s}
#odd path:nth-of-type(16){-webkit-animation-delay:1.65s;animation-delay:1.65s}
#odd path:nth-of-type(17){-webkit-animation-delay:1.75s;animation-delay:1.75s}
#odd path:nth-of-type(18){-webkit-animation-delay:1.85s;animation-delay:1.85s}
#odd path:nth-of-type(19){-webkit-animation-delay:1.95s;animation-delay:1.95s}
#odd path:nth-of-type(20){-webkit-animation-delay:2.05s;animation-delay:2.05s}
#odd path:nth-of-type(21){-webkit-animation-delay:2.15s;animation-delay:2.15s}
#odd path:nth-of-type(22){-webkit-animation-delay:2.25s;animation-delay:2.25s}

#lng.stage1 .runner,
#lng.stage2 .runner
{background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runner.png);animation:.5s BlurIn}

#lng.stage3 .runner {background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runner-1.png);animation:.5s BlurIn1}
#lng.stage4 .runner {background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runner-2.png);animation:.5s BlurIn2}
#lng.stage5 .runner {background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runner-3.png);animation:.5s BlurIn3}
#lng.stage6 .runner {background-image:url(//banners.adfox.ru/190723/adfox/1084025/3100842/runner-4.png);
animation:.5s BlurIn4
}
@keyframes BlurIn {
    0% {left:25%;filter:blur(6px);opacity:0}
}


@keyframes BlurIn1 {
    0% {left:25%;filter:blur(6px);opacity:0}
}
@keyframes BlurIn2 {
    0% {left:25%;filter:blur(6px);opacity:0}
}
@keyframes BlurIn3 {
    0% {left:25%;filter:blur(6px);opacity:0}
}

@keyframes BlurIn4 {
    0% {left:25%;filter:blur(6px);opacity:0}
}