@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
#preloader{display:none}body,html{font-family:ProximaNova,'Proxima Nova',sans-serif;font-size:18px}
body {
  color: #222;
}
p {font-family:Jost,sans-serif; margin:0 auto 1em}
a {color: #C1272D;}
.m24title {text-transform: uppercase;font-weight:800}
.m24title span {position:relative;display:inline-block;padding:0 .5em;font-size:1.8rem;color: #fff}
.m24title span:before{content: '';position: absolute;left: -10px;top: -10px;right: -10px;bottom: -10px;background: #C1272D; box-shadow: 15px -10px 0 0 #00C6FF; transform: skew(-20deg);z-index: -1;}

.lft .m24title {text-align: left}
.rght .m24title {text-align: right}




a.playme {display:block;
overflow:hidden;
  border:8px solid #fff;
  box-shadow:0 0 24px rgba(0,0,0,0.25);
  position: relative;
  transition:all .25s ease-in-out
}
a.playme img {display: block;transition:all .25s ease-in-out}
a.playme:before,a.playme:after {
  content:'';
  display:block;
  position: absolute;
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
}
a.playme:after {
 

  border-style:solid;
border-color:transparent transparent transparent #92CEDF;
  border-width:2em 0 2em 3em;
  z-index:5;

  width: 0;
  height: 0;
  box-sizing: border-box;
  
}

a.playme:before {
  width:6em;
 
}
article {padding:1em;
background-color:rgba(255,255,255,0);
  border-radius:3px;
}
a.playme:hover img {transform:scale(1.2);
filter:blur(5px);
  box-shadow:0 0 24px rgba(0,0,0,0.5);
  display:block;
}
section#videos {
    background-size:100vw 100vh;
  background-position: top;
  background-repeat:no-repeat;
  background-attachment: fixed;
}
.vid {position: relative;perspective:300px}
.toleft .vid a.playme{transform:rotateY(6deg) scale(.9);
transform-origin:right
}
.toright .vid a.playme{transform:rotateY(-6deg) scale(.9);
transform-origin:left
}
a.playme:hover {transform:rotateY(0) scale(1) !important}

@keyframes introLines {
  to {
    transform: translateX(0) skew(-20deg);
  }
}

a.playme {display:block;
overflow:hidden;
  border:8px solid #00C6FF;
  box-shadow:0 0 24px rgba(0,0,0,0.25);
  position: relative;
  transition:all .25s ease-in-out
}
.toright a.playme {border-color: #fff}

a.playme img {display: block;transition:all .25s ease-in-out}
a.playme:before,a.playme:after {
  content:'';
  display:block;
  position: absolute;
  transform:translate(-55%,-40%);
  top:50%;
  left:50%;
}
a.playme:after, a.playme:before {
 

  border-style:solid;
border-color:transparent transparent transparent #00C6FF;
  border-width:2em 0 2em 3em;
  z-index:5;

  width: 0;
  height: 0;
  box-sizing: border-box;
  transition:all .25s ease-in-out
  
}

a.playme:before  {
border-color:transparent transparent transparent #c1272d;
z-index: 4;
  transform:translate(-35%,-60%);
  top:50%;
  left:50%;
transition:all .25s ease-in-out
}
a.playme:hover:after, a.playme:hover:before {
transform:translate(-50%,-50%)
}

.torigt {}


article {padding:1em;
background-color:rgba(255,255,255,0);
  border-radius:3px;
}
a.playme:hover img {transform:scale(1.2);
filter:blur(5px);
  box-shadow:0 0 24px rgba(0,0,0,0.5);
  display:block;
}

section#videos {
    background-size:100vw 100vh;
  background-position: top;
  background-repeat:no-repeat;
  background-attachment: fixed;
}
.videosection .row {position: relative;z-index: 2}
.videosection {padding:64px 0;position: relative;overflow: hidden;}
.videosection.toright {background-color:#B6D7E0}

.videosection.toleft:before {
  
  content:'';
display:block;position: absolute;height:128px;
  width:120%;
  left:50%;
 top:-128px;
    background:#B6D7E0;
  transform:translate(-50%,0) skewY(-3deg);
  z-index: 1;
}

.videosection.toleft:after {
  
  content:'';
display:block;position: absolute;height:128px;
  width:120%;
  left:50%;
 bottom:-128px;
    background:#B6D7E0;
  transform:translate(-50%,0) skewY(3deg);
  z-index: 1;
}


.videosection.toright:before {
  
  content:'';
display:block;position: absolute;height:128px;
  width:120%;
  left:50%;
 top:-128px;
    background:#fff;
  transform:translate(-50%,0) skewY(3deg);
  z-index: 1;
}

.videosection.toright:after {  
  content:'';
display:block;position: absolute;height:128px;
  width:120%;
  left:50%;
 bottom:-128px;
    background:#fff;
  transform:translate(-50%,0) skewY(-3deg);
  z-index: 1;
}
.vid {position: relative;perspective:300px}
.toleft .vid a.playme{transform:rotateY(6deg) scale(.9);
transform-origin:right
}
.toright .vid a.playme{transform:rotateY(-6deg) scale(.9);
transform-origin:left
}
a.playme:hover {transform:rotateY(0) scale(1) !important}
section#top {
  position:relative;
  width:100%;
  height: 70vh;
  overflow:hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
section#top video {
  margin: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 visibility: visible;
 opacity: 1;
 }
section#top video#videoBG {
  position: absolute; top: 50%; left: 50%;   overflow: hidden;  
  object-fit: cover;
  transform: translate(-50%,-50%);
  z-index: -1
}
section#top #lead {position: relative;color:#fff;z-index: 5;text-align: center;z-index: 5;}
section#top #lead p {margin: 0;padding: 40px 10% 0;font-size: 24px;line-height: 1.5;font-style: italic;}
section#top .line{position: absolute; width: 200px;height: 60px;background: #C1272D; box-shadow: 15px -10px 0 0 #00C6FF; z-index: 5;}
section#top .line_1{left: -30px; top: 10%;transform: translateX(-150%) skew(-20deg);animation: introLines 1s forwards;}
section#top .line_2{right: -30px;bottom: 10%;transform: translateX(150%) skew(-20deg);animation: introLines 1s forwards;}
@media (max-width: 1000px) {
  section#top #lead p {padding-left: 20px;padding-right: 20px;font-size: 20px;line-height: 1.3;}
  section#top .line{display: none;}
}

video#videoBG { display: block; width: 100%; height: auto; }
.videosection:nth-of-type(1):before

{display:none !important;
padding-top:0 !important
}
.videosection:last-of-type:after  {display: none !important;}
section#top:before {
  content:'';
  display:block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  background-color: rgba(0,0,0,0);
  z-index: 2;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAD0lEQVQImWNgYGD4z4AMAA4EAQAvGW0PAAAAAElFTkSuQmCC);
}
section#top:after {
  content:'';
  display:block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background: linear-gradient(transparent, rgba(0,0,0,.8));
  z-index: 3;
}
section#top h1.topTitle {
  position: relative;
  z-index: 5;
  font-weight: 900;
  color:#fff;
  text-transform:uppercase;
  font-size: calc(1rem + 8vw);
  white-space: nowrap;
  text-align: center;
}
section#top h1.topTitle b {display:inline-block;
color:#fff;
  padding:0 .2em;
  text-shadow:0 1px 3px rgba(0,0,0,0.25); 
position: relative;
perspective: 150px;
  z-index: 1
}
section#top h1.topTitle b:before {
  content:'';
  display: block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#C1272D;
  box-shadow: 15px -10px 0 0 #00C6FF;
  z-index: -1;
  transform: skew(-20deg);
}

.footer{background-color:#252525;padding:3rem 1.5rem 6rem}


.footer a{color:#92CEDF;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.footer a:hover{color:#eb6666}
.footer p{color:#fff;font-size:.75rem;font-family:Jost;margin:1rem 0;line-height: 1.5em;}
.socialFooter a{display:inline-block;margin:0 .5rem;}




.footer-logos{height:54px;width:100%;position:relative}
.footer-logos a{display:block;position:absolute;text-indent:-10000px}
.footer-logos a.mosru{height:54px;left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);height:54px;background-image:url(/special/mcd/img/pravitelstvo.svg);width:164px;background-size:auto 100%;background-repeat:no-repeat}
.footer-logos a.moskva24{background-image:url(/img/logo2019-2.svg);height:48px;width:120px;right:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);background-position:center;background-repeat:no-repeat}
.footer .socialFooter{text-align:center;margin:3rem auto 0}

.b-counters {height:0;overflow: hidden}

.footer .socialFooter a {color:var(--blue);display:inline-block;
height:48px;width:48px;background-color:transparent;padding:10px;border-radius:0;
background-color: transparent;
border: 2px solid;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
color: #92CEDF;
}
.footer .socialFooter a:hover {background-color:#92CEDF;color:#252525;
  border-color:#92CEDF}