html, body {height: 100%;}
.traur .media,
.traur .pilot,
.traur .orbit,
.traur .cosmodrome,
.traur .footer,
.traur .tm,
.traur .header,
.traur .startvideo,
.traur .start-right,
.traur .newshome,
.traur .anticorr {
filter: grayscale(100%);
}

.traur .page-container {background: url("/im/home_bg_gray.jpg") 50% 0 no-repeat #313131 !important;}
.traur .start {background-color: #262626;}

.home { color: #fff;}

.home h2 {font-family: fonts; text-transform: uppercase; color: #00a2ff; font-size: 200%; font-weight: 500; text-align: left; margin-bottom: 0.6em;}

.start {background-color: #032a64; background_: url("/im/sl_1_1.jpg") 50% 0 no-repeat #1864c9; background-size_: cover;}
/*.start .ny2019frost {min-width_: 100%; width: 100%; width_: 1920px; height: 600px; position: absolute; z-index: 1; top: 75px; background: url("/im/ny2019/frost.png") 50% 0 no-repeat transparent; background-size: contain;}*/
.start .newyear-frost {width: 100%; height: 600px; position: absolute; z-index: 1; top: 130px; background: url("/im/newyear/frost_2021.png") 50% 0 no-repeat transparent; background-size: contain;}
.media {background-color: rgba(0,12,29,0.5);}
.pilot {background-color: rgba(0,22,56,0.8);} 
.orbit {background-color: rgba(0,53,134,0.5);}
.cosmodrome {background-color: rgba(0,53,134,0.8);}
.page6 {}


.page .width {width: 1530px; margin: 0 auto; position: relative;}
.page .width div {text-align: left; position: relative;}

  

.home .header {display: block; background_: #fff; height: 75px; position: absolute; top: 0; z-index: 9;}
.home .tm {position: absolute !important; top: 75px; left: 0;}


.home .block {margin: 0 8px 8px 0; float: left; overflow: hidden;}


.home .block0w {width: 758px; float: left; margin-right: 8px; display: inline-block;}
.home .block1w {width: 375px; display: inline-block;}
.home .block0 {width: 758px; height: 751px; display: inline-block;}
.home .mmedia .block0, .home .pilot .block0 {height: 498px;}
.home .block1 {width: 375px; height: 245px;}
.home .block2 {width: 375px; height: 498px;}


.home .title { display: block !important; font-size: 100%; font-weight: 800; text-transform: uppercase;
    overflow: hidden;
    text-align: left;
    border-left: 3px solid #fa0a11; height: 16px; line-height: 16px; margin: 0px 0 15px 0;
}
.home .title span { margin: 0 5px;
    display: inline-block;
    vertical-align: top;
}
.home .title a {color: #fff;}
.home .title:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: relative;
    margin-right: -100%;
    right_: -8px;
    margin-top: 11px;
}
.home .mmedia .title, .newshome .title {margin-right: 8px;}
.newshome .title:after {opacity: 0.4;}

.home .block .text {text-shadow_: 0px 0px 0px 10px rgba(0,0,0,0.3); width: 100%; box-sizing: border-box; pointer-events: none; position: absolute; z-index: 4; bottom: 0px; left: 0px; display: block; padding: 1.3em 1.2em;}


.home .block .text .tag {z-index: 5; transition: all 0.5s linear; pointer-events: auto; display: inline-block; background: #ff2e2d; padding: 3px 5px; font-size: 70%; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase;}
.home .block .text .tag:hover {box-shadow: 200px 0 0 0 rgba(0,110,255,1) inset; background_: #0098f1;}

.home .block .text .name {font-family_: fonts-bold; display: block; font-size: 1.1rem; font-weight: 600; margin-top: 0.8em; line-height: 1.2em;}
.home .block .text .anons {display: block; font-size: 0.8rem; margin-top: 0.8em; line-height: 1.2rem;}

.home .block a.link {background_: #0064e9; position: absolute; z-index: 2; display: block; width: 100%; height: 100%;}
.home .block a.link:after {z-index: 6; transition: all 0.6s; content: ''; background: #0064e9; height: 1px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 3;}
.home .block a.link:hover:after {height: 1em;}
.home .block .link:hover img, .home .block .text:hover ~ .link img {transform: scale(1.05); filter: brightness(100%); opacity_: 1;}
.home .block .link:hover ~ .text {bottom: 20px !important;}

.home .block .upp {position: absolute; z-index: 1; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.8));}
.home .block2 .upp {background: linear-gradient(180deg, rgba(0, 12, 30, 0) 30%, rgba(0, 12, 30, 0.8)) !important;}
.home .block i {pointer-events: none; position: absolute; z-index: 3; display: block; top: 15px; right: 15px; width: 25px; height: 25px; background: url("/im/ic_play.svg") 50% 50% no-repeat; background-size: cover;}
.home .block img { filter: brightness(90%); opacity_: 0.9; height: 100%; width: auto; min-width: 100%; position: absolute; z-index: 0; top: 0; left: 0; transition: all 0.6s;}

.mmedia2 .block i.ic-new { background-image: url("/im/ic_new.png"); top: 10px; right: 7px; width: 33px; height: 33px;}

.home .block .text:hover ~ .link img {filter: brightness(40%);}

.home .block.interview .link:before {background: url("/im/ic_interview.png") 50% 50% no-repeat; background-size: cover; pointer-events: none; position: absolute; z-index: 3; top: 15px; right: 15px; width: 25px; height: 25px; display: block; content:"";}

.home .block .date {font-size: 70%; margin-left: 10px;}

.startvideo {min-height_: 770px; width: 100%; height: auto; max-height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-size: cover !important; background: url("/im/rocket_upp.jpg") 50% 0 no-repeat;}
.startvideo video {width: 100%; height: auto; max-height: 100%;}
.startvideo .upp {display: block; width: 100%; height: 100px; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(3, 42, 100, 0), rgba(3, 42, 100, 1)); z-index: 1;}

.main {width: 100%; height: 100%; z-index: 2; position: relative;}
.main_ {position: absolute; width: 100%; z-index: 11; top: 140px; bottom_: 50px; height_: calc(100% - 200px); pointer-events_: none;}
.main .width {padding-top: 145px; box-sizing: border-box;}

.main .slogan {float: left; display: inline-block; width: 41%; margin-top: 100px;}
.main .slogan h1 {font-size: 3rem; font-weight: 800; text-transform: uppercase; white-space: nowrap;}
.main .slogan em {position: relative; display: block; margin-top: 2em; font-size_: 110%; line-height: 1.9em;}
.main .slogan em a {color: #fff;}
.main .slogan em span.text:before {display: block; float: left; content:""; height: 120px; width: 60px; border-top: 1px solid; border-color: rgba(255, 244, 255, 0.5); margin: 15px 20px 0 0;}
.main .slogan em span.text {position: absolute; top: 0; left: 0px; display: inline-block; transition: opacity 0.5s linear; opacity: 0; z-index: 1;}
.main .slogan em span.text.active {opacity: 1; z-index: 2;}
.main .otbor em {font-size: 1rem;}

.start-right {float: right; margin-right: 8px; pointer-events_: auto;}

.launch-block {height: 280px;  background: rgba(0, 40, 100, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.launch-block .nav {height: 4em; width: 100%; font-size: 0.7rem; text-transform: uppercase; font-weight: 700; z-index: 3;}
.launch-block .nav a {wight-space: nowrap; line-height: 4em; opacity: 0.5; display: block; width: 50%; text-align: center; text-decoration: none; color: #fff; position: relative; box-sizing: border-box;}
.launch-block .nav a.next {float: right;}
.launch-block .nav a.prev {float: left;}

.launch-block .nav a:after {transition: all 0.3s linear; content: ''; display: block; position: absolute; top: 3.2em; left: calc(50% - 2px); width: 0; height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 0px solid #fff;
}

.launch-block.activate-prev .nav .prev:after, .launch-block.activate-next .nav .next:after {border-top: 5px solid #fff;}
.launch-block.activate-prev .nav .prev, .launch-block.activate-next .nav .next {opacity: 1; background: #019df8;}

.launch-block .location {position: absolute !important; z-index: 1; bottom: 0; left: 0; display: block !important; width: 100%; height: 183px; background: url("/im/worldmap.png") 50% 0 no-repeat; background-size: contain;}
.launch-block .location .marker {z-index: 700; display: block; width: 20px; height: 20px; opacity: 0.5; position: absolute; top: 0; left: 50%;}
.launch-block .location .marker {transition: 0.5s; background: url("/im/marker_star.svg") 0 0 no-repeat; background-size: cover;}
.launch-block .location .marker-baikonur {margin: 55px 0 0 40px;}
.launch-block .location .marker-plesetsk {margin: 30px 0 0 21px;}
.launch-block .location .marker-vostok {margin: 45px 0 0 99px;}
.launch-block .location .marker-kuru {margin: 105px 0 0 -70px;}

.launch-block .infa {width: 100%; z-index: 2; font-size: 95%; pointer-events: none; display: block;}
.launch-block .infa:before {background: rgba(1, 157, 248, 0.1); height: 2.2em; width: 100%; position: absolute; top: 0; content:"";}
.launch-block .frame {position: absolute !important; top: 0; left: 0; width: 100%;}

.launch-block .frame .date, .launch-block .frame .info {opacity: 1; backface-visibility: hidden; transform-style: preserve-3d; transition: all 1s; transition_: transform 1s; transition_: opacity: 0.2s;}
.launch-block .frame .date {font-size: 0.9rem; white-space: nowrap; float: right; line-height: 2.6em; width: 45%; position: relative; padding-left: 1.7em; box-sizing: border-box;}
.launch-block .frame .date:before {margin: 0.7em 0 0 0.4em; width: 16px; height: 16px; content:""; background: url("/im/date.svg") 0 0 no-repeat; background-size: contain; position: absolute; left: 0; top: 0;}
.launch-block .frame .date a {text-decoration: none; color: #fff; display: block; pointer-events: auto;}

.launch-block .frame .info {width: 55%; float: left;}
.launch-block .frame .info a {text-decoration: none; color: #fff; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 4; pointer-events: auto;}
.launch-block .frame .info p {padding-left: 1.6em; margin-bottom: 7px; position: relative; margin-right: -150px;}
.launch-block .frame .info p:before {display: inline-block; background: #fff; position: absolute; left: 0; top: 0; margin: 0.6em 0 0 0.8em; width: 3px; height: 3px; content:"";}
.launch-block .frame .info p.cosmo-name { margin-right: 0px; font-size: 0.9rem; white-space: nowrap; line-height: 2.6em; pointer-events: auto;}
.launch-block .frame .info p.cosmo-name:before {background-color: none; margin: 0.7em 0 0 0.5em; width: 14px; height: 14px; content:""; background: url("/im/marker.svg") 0 0 no-repeat; background-size: contain;}

.launch-block.activate-prev .marker.prev,
.launch-block.activate-next .marker.next {opacity: 1; transform: scale(1.7);}

.launch-block.activate-prev .next-frame .info, .launch-block.activate-prev .next-frame .date {transform: rotateY(180deg);}

.launch-block.activate-prev .next-frame .info, .launch-block.activate-prev .next-frame .date,
.launch-block.activate-next .prev-frame .info, .launch-block.activate-next .prev-frame .date {opacity: 0;}

.launch-block.activate-next .prev-frame .info, .launch-block.activate-next .prev-frame .date {transform: rotateY(-180deg);}


.bans {margin-top: 8px;}
.bans a {display: block; float: left; position: relative; margin-bottom: 0 !important; overflow: hidden;}
.bans .journal {width: 131px; height: 184px; margin-right: 8px;}
.bans .tv {width: 236px; height: 184px; margin-right_: 0px !important;}
.bans .tv span {color: #fff; text-decoration: none; text-align: center; position: absolute; left: 0; bottom: 20px; width: 100%;}
.bans a img {height: 100%;}

.home .mmedia {width: 1149px;}
.home .mmedia, .home .events {margin-top_: 60px; float: left;}

.mainvideo .link:after, .newshome .link:after {background: #0098f1 !important;}
.mainvideo i {top: 50% !important; left: 50% !important; margin: -40px 0 0 -40px; width: 80px !important; height: 80px !important; background: url("/im/ic_play.svg") 50% 50% no-repeat; background-size: cover;}
.mainvideo .upp {background: rgba(0,0,0,0.27) !important;}
.mainvideo .text .name {font-size: 180% !important;}
.home .mainvideo img {left_: -10px; margin-left_: -10px;}

.newshome .block {margin-bottom_: 0px; pointer-events_: auto;}
.newshome .block:nth-child(4), .newshome .block:nth-child(8), .newshome .block:nth-child(12) {margin-right: 0px;}
.newshome .window {margin: -5px 0 10px 0; width: 100%; height: 245px; overflow: hidden; position: relative; display: block;}
.newshome .wrapper {width: 100%; height: 751px; transition: all 0.6s linear;}
.newshome .window.active-0 .wrapper {margin-top: 0px;}
.newshome .window.active-1 .wrapper {margin-top: -253px;}
.newshome .window.active-2 .wrapper {margin-top: -511px;}

.newshome .window img {transition: all 0.6s linear;}
.newshome .window.active-0 .sblock1 img,
.newshome .window.active-0 .sblock2 img,
.newshome .window.active-1 .sblock0 img,
.newshome .window.active-1 .sblock2 img,
.newshome .window.active-2 .sblock0 img,
.newshome .window.active-2 .sblock1 img {opacity: 0;}

.nav-newshome {margin-left: 69px; margin-right: 6px;}
.nav-newshome, .newshome .events-link {float: right;}
.newshome .events-link {margin-top: 0; margin-left: 10px;}

.newshome button {position: relative; transition: all 0.3s linear;
 box-sizing: border-box; 
 -webkit-apperance: none;
 background: transparent;
 border: none;
 border-radius:0;
 outline: none;
font-size: 1.1rem; text-decoration: none; display: inline-block; margin-left: 0px; width: 33px; height: 33px; line-height: 33px; border: 2px solid #fff; color: #fff; text-align: center;
}
.newshome button span {display: block; margin-top: -3px;}
.newshome button:hover {cursor: pointer; color: #ff2e2d; border-color: #ff2e2d; opacity: 1 !important;}
.newshome button:disabled {opacity: 0.2; cursor: default; pointer-events: none;}



.mmedia2 .block i { background-image: url("/im/ic_camera.svg");}
.mmedia1 .block:last-child i { background-image: url("/im/ic_panoram.svg");}
.mmedia1 .block-journal i { background-image: url("/im/ic_journal.svg");}
/*.mmedia1 .block:last-child .name {text-transform: uppercase; border-left: 3px solid #fa0a11; height: 16px; line-height: 16px; padding-left: 5px;}*/
.mmedia1 .block .name {text-transform: uppercase; border-left: 3px solid #fa0a11; height_: 16px; line-height_: 16px; padding-left: 5px;}

.events .block {background: #006cfb; background_: url("/im/nopic_logo.png") 50% 30% no-repeat #006cfb;}
.home .events .block {margin-right: 0px;}
.events .link:after {background: #ff2e2d !important;}
.events .block2 .text {background: rgba(33,65,128,0.83);}
.events .block a.link {background: none !important;}
.events .block .text .date {font-size: 90%; font-weight: 500; margin-left: 0px;}
.events .block i { background-image: url("/im/ic_grid.svg");}

.events .window {width: 383px; height: 751px; overflow: hidden; position: relative; display: block;}
.events .wrapper {width:383px; height: 1265px; transition: all 0.6s linear;}
.events .block, .events .block img {transition: all 0.6s linear; display: block !important;}
.events .block img {position: relative; left: 50%; margin-left: -188px;}

.events .window.active-0 .wrapper {margin-top: 0px;}
.events .window.active-1 .wrapper {margin-top: -254px;}
.events .window.active-2 .wrapper {margin-top: -507px;}
.events .window.active-3 .wrapper {margin-top: -760px;}

.events .window.active-0 .sblock2, 
.events .window.active-1 .sblock3, 
.events .window.active-2 .sblock4,
.events .window.active-3 .sblock5 {height: 498px; background-image: none;}

.events .window.active-0 .sblock2 .text, 
.events .window.active-1 .sblock3 .text, 
.events .window.active-2 .sblock4 .text,
.events .window.active-3 .sblock5 .text {background: rgba(33,65,128,0.83);
-webkit-clip-path: polygon(50% 15%, 57% 0, 100% 0, 100% 100%, 0 100%, 0 0, 43% 0);
        clip-path: polygon(50% 15%, 57% 0, 100% 0, 100% 100%, 0 100%, 0 0, 43% 0);
}


.events .window.active-0 .sblock1 img,
.events .window.active-1 .sblock2 img,
.events .window.active-2 .sblock3 img,
.events .window.active-3 .sblock4 img {opacity: 1;}

.events .window.active-0 .sblock2 img,
.events .window.active-1 .sblock3 img,
.events .window.active-2 .sblock4 img,
.events .window.active-3 .sblock5 img {margin-left: -375px;}

.nav-events {float: right; margin-top: 10px; margin-left: 20px; text-align: right !important; vertical-align: top;}
.nav-events a {font-size: 40px; text-decoration: none; display: inline-block; margin-left: 0px; width: 33px; height: 33px; line-height: 26px; border: 2px solid #fff; color: #fff; text-align: center;}
.nav-events a:hover {color: #ff2e2d; border-color: #ff2e2d; opacity: 1 !important;}

.nav-events button {position: relative; transition: all 0.3s linear;
 box-sizing: border-box; 
 -webkit-apperance: none;
 background: transparent;
 border: none;
 border-radius:0;
 outline: none;
font-size: 40px; text-decoration: none; display: inline-block; margin-left: 0px; width: 33px; height: 33px; line-height: 26px; border: 2px solid #fff; color: #fff; text-align: center;
}
.nav-events button span {display: block; margin-top: -5px;}
.nav-events button:hover {cursor: pointer; color: #ff2e2d; border-color: #ff2e2d; opacity: 1 !important;}
.nav-events button:disabled {opacity: 0.2; cursor: default; pointer-events: none;}



.events-link {font-family: fonts; opacity: 0.5; float_: right; font-weight: 800; margin-top: 10px; display: inline-block; height: 31px; padding: 0 15px; line-height: 31px; line-height_: 35px; font-size: 12px; text-transform: uppercase; border: 2px solid #fff; color: #fff; text-align: center; text-decoration: none;}
.events-link:hover {background: #ff2e2d; border-color: #ff2e2d; opacity: 1; color: #000;}

.pilot .twit {margin-right: 0;}
.pilot h2 {margin-top: -30px;}
.pilot .title {top: -11px;}
.pilot .mks {margin: 0 8px 8px 0; float: left;}

.pilot .mks-video img {width: 100%; height: 100%; transition: all 0.6s;}
.pilot .mks-video i {pointer-events: none; position: absolute; z-index: 3; display: block; top: 15px; right: 15px; width: 25px; height: 25px; background: url("/im/ic_play.svg") 50% 50% no-repeat; background-size: cover;}
.pilot .mks-video a.link {background_: #0064e9; position: absolute; z-index: 2; display: block; width: 100%; height: 100%;}
.pilot .mks-video a.link:after {z-index: 6; transition: all 0.6s; content: ''; background: #0098f1; height: 1px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 3;}
.pilot .mks-video a.link:hover:after {height: 1em;}
.pilot .mks-video a.link:hover img {transform: scale(1.05); margin-top_: -1em; opacity: 1;}

.pilot .mks .mks-track {width: 758px; height: 428px; height_: 379px; margin-top: -10px; overflow: hidden;background: url("/im/mapday.jpg") 0 0 no-repeat #005f97; background-size: contain; background_: url("/im/loading.gif") 50% 50% no-repeat #031696; position: relative;}
.pilot .mks .mks-track a.link {position: absolute; z-index: 2; display: block; width: 100%; height: 100%;}
.pilot .mks .mks-track canvas {display: block;}
.pilot .mks .mks-track .info {height: 49px; line-height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 999; background: #0b2360;}
.pilot .mks .mks-track .info p {width: 20%; padding: 4px 0 5px 20px; box-sizing: border-box; float: left;}
.pilot .mks .mks-track .info p small {display: block; color: #0098f1; font-size: 0.8rem; white-space: nowrap;}
.pilot .mks .mks-track .info p:nth-child(1) {width: 18%;}
.pilot .mks .mks-track .info p:nth-child(2) {width: 24%;}
.pilot .mks .mks-track .info p:nth-child(3) {width: 18%;}

.pilot .mks .mks-window {width: 758px; height: 426px; border-bottom_: 1px solid #0064e9; margin-top: -10px; overflow: hidden;}
.pilot .mks .mks-window img {width: 100%; height: 100%; transition: all 0.6s;}
.pilot .mks .mks-window i {pointer-events: none; position: absolute; z-index: 3; display: block; top: 15px; right: 15px; width: 25px; height: 25px; background: url("/im/ic_play.svg") 50% 50% no-repeat; background-size: cover;}
.pilot .mks .mks-window a.link {background_: #0064e9; position: absolute; z-index: 2; display: block; width: 100%; height: 100%;}
.pilot .mks .mks-window a.link:after {z-index: 6; transition: all 0.6s; content: ''; background: #0098f1; height: 1px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 3;}
.pilot .mks .mks-window a.link:hover:after {height: 1em;}
.pilot .mks .mks-window a.link:hover img {transform: scale(1.05); margin-top_: -1em; opacity: 1;}

.pilot .nav-mks {height: 41px; height_: 90px; margin-top: 8px;}
.pilot .nav-mks a {display: block; width: calc(50% - 4px); height: 100%; line-height_: 41px; text-align: center; color: #fff; text-decoration: none;}
.pilot .nav-mks a:first-child {background: url("/im/mks_20let.jpg") 0 50% no-repeat #006fff; background-size: cover; float: left;}
.pilot .nav-mks a:last-child {background: url("/im/mks_info.jpg") 0 50% no-repeat #00a2ff; background-size: cover; float: right;}

/*--
.pilot .nav-mks {position: absolute; left: 0; bottom: 0;}
.pilot .nav-mks a {display: block; float: left; margin-top: 8px; line-height: 41px; text-align: center; color: #fff; text-decoration: none;}
.pilot .nav-mks a:first-child {background: url("/im/mks_20let.jpg") 0 50% no-repeat #006fff; background-size: cover; width: calc(50% - 4px); float: left; background_: #006fff;}
.pilot .nav-mks a:last-child {background: url("/im/mks_info.jpg") 0 50% no-repeat #00a2ff; background-size: cover; width: calc(50% - 4px); float: right; background_: #00a2ff;}
--*/
.pilot .nav-mks a:nth-child(odd) {}
.pilot .nav-mks a:last-child {margin-right: 0;}

.pilot .crew {height: 245px; display: block; background: url("/im/mks_crew_bg_2019.png") 100% 100% no-repeat; background-size: cover; background_: linear-gradient(140deg, rgba(0, 41, 94, 0) 30%, rgba(0, 41, 94, 0.8));}
.pilot .crew:after {content: ''; background: #0064e9; height: 1px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 9;}
.pilot .crew img {display: block; height: 120px; margin: 10px auto 5px auto;}
.pilot .crew .people a {display: inline-block; float: left; vertical-align: top; text-align: center; width: 90px; margin-left: 10px; color: #fff; line-height: 1.4em; text-decoration: none;}
.pilot .crew .people a img {border-bottom: 2px solid #006af5;}
.pilot .crew .people a:first-child {margin-left: 0;}
.pilot .crew .people a:first-child img {border-color: #ff2e2d;}
.pilot .crew .emblema {color: #ff2e2d; float: left; width: 130px; font-family: fonts-bold; font-size: 1.9rem; text-align: center !important;}
.pilot .crew .emblema a {color: #ff2e2d; text-decoration: none;}
.pilot .crew .people {font-size: 0.8rem; float: left; margin-left: 20px;}

/*---Экипаж 9 человек - START----*/

.pilot .crew9 {height: 245px; display: block; background: url("/im/mks_crew_bg_9cosmo.png") 0 100% no-repeat; background-size: cover; background_: linear-gradient(140deg, rgba(0, 41, 94, 0) 30%, rgba(0, 41, 94, 0.8)); position: relative;}
.pilot .crew9:after {content: ''; background: #0064e9; height: 1px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 9;}
.home .pilot .crew9 .title {margin-bottom: 0;}
.pilot .crew9 .people {font-size: 0.8rem; margin: 0 15px; text-align: right;}
.pilot .crew9 .people a {display: inline-block; float_: left; vertical-align: top; text-align: center; width: 100px; width_: 112px; margin: 2px 0px 14px 4px; padding: 0; padding_: 0 10px; box-sizing: border-box; color: #fff; line-height: 1.1em; text-decoration: none; position: relative;}

.pilot .crew9 .vyzovp {font-size: 0.8rem; position: absolute !important; top: 135px; left: 25px; width: 300px; height: 100px;}
.pilot .crew9 .vyzovp p {padding-top: 40px; position: absolute; top: 0; left: 0; width: 70px; color: #fff; text-align: right; height: 70px; border-right: 1px solid #fff; padding-right: 5px; box-sizing: border-box;}
.pilot .crew9 .vyzovp a {color: #0098f1; text-shadow: 1px 1px 0 #000; display: inline-block; vertical-align: top; text-align: center; width: 80px; margin_: 2px 0px 14px 4px; padding: 0; box-sizing: border-box; line-height: 1.1em; text-decoration: none; position: relative; pointer-events: none;}
.pilot .crew9 .vyzovp a.peresild {margin-left: 80px;}
.pilot .crew9 .vyzovp a .pict {width: 70px; height: 70px; overflow: hidden; display: block; margin: 0 auto; position: relative;}
.pilot .crew9 .vyzovp a .pict img {transition: all 0.2s linear; width: 70px; height: auto; position: relative; display: block;}
/*.pilot .crew9 .people {margin-left: 280px;} */

.pilot .crew9 .people a:first-child {margin-left: 220px;}


@media screen and (min-width: 1025px) and (max-width: 1540px) {
.pilot .crew9 .people {margin-left: 0px;}

.pilot .crew9 .vyzovp {font-size: 0.6rem; top: 90px;}
.pilot .crew9 .vyzovp p {width: 60px; height: 50px; padding-top: 25px;}
.pilot .crew9 .vyzovp a {width: 50px; margin: 0px 5px 0 0;}
.pilot .crew9 .vyzovp a.peresild {margin-left: 65px;}
.pilot .crew9 .vyzovp a .pict, .pilot .crew9 .vyzovp a .pict:after {width: 50px; height: 50px;}
.pilot .crew9 .vyzovp a .pict img {width: 50px;}
}



.pilot .crew9 .people a:first-child:before {content: "Командир экипажа"; color: #0098f1; display: block; width: 80px; height: 70px; position: absolute; top: 0; top_: 13px; left: -62px; text-align: right; padding-right: 7px; padding-top: 3px; line-height: 1.2em; padding_: 40px 5px 0 0; line-height_: 16px; padding_: 7px 5px 0 0; box-sizing: border-box; border-right: 1px solid #0098f1; vertical-align: bottom; text-shadow: 1px 1px 0 #000;}
.pilot .crew9 .people a:first-child .pict:before {transition: all 0.2s linear; border-left_: 5px solid #0098f1; background: #0098f1; content:""; width: 5px; height: 70px; position: absolute; top: 0; left: 0; display: block; z-index: 1;}

.pilot .crew9 .people a .pict {transition_: all 0.2s linear; outline_: 1px solid rgba(255,255,255,0); outline-offset_: -0.5px; width: 70px; height: 70px; overflow: hidden; border-radius_: 45px; border_: 2px solid #006af5; display: block; margin: 0 auto; position: relative; margin-bottom: 2px;}
.pilot .crew9 .people a .pict img {transition: all 0.2s linear; width: 70px; border-bottom_: 2px solid #006af5; position: relative; display: block;}
.pilot .crew9 .people a .pict:after {transition: all 0.2s linear; content:""; outline: 5px solid rgba(0,0,0,0); outline-offset: -5px; width: 70px; height: 70px; display: block; position: absolute; top: 0; left: 0;}

.pilot .crew9 .emblema {position: absolute; top: 20px; z-index: 1; left: 25px; color: #ff2e2d; width: 180px; display: inline-block; font-family: fonts-bold; font-size: 1.0rem; text-align: center !important;}
.pilot .crew9 .emblema a {color: #ff2e2d; text-decoration: none;}
.pilot .crew9 .emblema img {display_: block; width: 70px; float: left; margin-right: 10px; margin_: 10px auto 5px auto;}
.pilot .crew9 .emblema a span {display: inline-block; margin-top: 18px;  float: left;}

.pilot .crew9 .people a:hover .pict img {width: 80px; margin-left: -5px;}
.pilot .crew9 .people a:hover .pict:after {outline: 5px solid rgba(0,0,0,0.35);}
.pilot .crew9 .people a:hover:first-child .pict:before {border-left_: 0px solid #0098f1; width: 0;}

/*---Экипаж 9 человек - END----*/


.pilot .window {width: 758px; height: 498px; overflow: hidden; position: relative; display: block;}
.pilot .wrapper {width:758px; height: 1012px; transition: all 0.6s linear;}
.pilot .block, .events .block img {transition: all 0.6s linear;}
.pilot .block .link {background-color: #002765 !important;}

.pilot .window.active-0 .wrapper {margin-top: 0px;}
.pilot .window.active-1 .wrapper {margin-top: -511px;}
.pilot .window.active-2 .wrapper {margin-top: -1023px;}
.pilot .window.active-3 .wrapper {margin-top: -1529px;}

.pilot .window img {transition: all 0.6s linear;}
.pilot .window.active-0 .sblock1 img,
.pilot .window.active-1 .sblock0 img {opacity: 0;}

.pilot .blog a {color: #fff; text-decoration: none;}
.pilot .blog {text-align: center !important; background: linear-gradient(180deg, #006cfb, #00295e);} 
.pilot .blog:after {
    content: '';
    background: #0064e9;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 9;
}
.pilot .blog p {margin: 35px 0 40px 0; text-transform: uppercase; font-size: 1.1rem; font-weight: 700;}
.pilot .blog .fio {width: 100%; text-align: center !important;}

.pilot .blog .social { display: inline-block; margin-top: 20px; z-index: 1; position: relative;}
.pilot .blog .social a {margin: 5px 10px; margin_: 5px; display: block; float: left; width: 40px; height: 40px; position: relative; background: #fff; border-radius: 100%;}
.pilot .blog .social a span:after {transition: all 0.4s; content: ''; border: 1px solid #fff; border-radius: 50px; width: 96%; height: 96%; display: block; position: absolute; left: 0; bottom: 0px;}
.pilot .blog .social a span {width: 20px; height: 20px; margin: 10px;}

.pilot .blog .social .hp span {background-image: url("/im/social/home-page.svg");}
.pilot .blog .social a:hover span:after {transform: scale(1.3);}

.pilot .blog.foto a.fotolink {position: absolute; left: 0; top: 0; z-index: 1; color: #fff; text-decoration: none; display: inline-block; width: 100%; height: 100%;}
.pilot .blog.foto {background: url("/im/pilot_foto_mksblog.jpg") 50% 50% no-repeat !important; background-size: cover !important;}
.pilot .blog .social .fotoic span {background-image: url("/im/ic_camera_gray.svg");}

.pilot .nav-events {margin: 3px 8px 10px 0;}
.pilot .blog i {background-image: url("/im/ic_blog.svg") !important; top: 10px; right: 10px;}

/*---- COSMODROME -----------------------------*/

.cosmodrome .min-links, .orbit .min-links {display: none;}
.cosmodrome .block,
.orbit .block {float: left; vertical-align: top;}
.cosmodrome .block0, 
.orbit .block0 {margin: 0; min-height: 300px; float: left;}
.cosmodrome .block0 .block:nth-child(4),
.orbit .block0 .block:nth-child(4) {margin-top: -253px;}

.cosmodrome .window,
.orbit .window {width: 758px; height: 751px; overflow: hidden; position: relative; display: block;}
.cosmodrome .wrapper,
.orbit .wrapper {width:758px; height: 1512px; transition: all 0.6s linear;}
.cosmodrome .block, 
.orbit .block,
.events .block img {transition: all 0.6s linear;}
.cosmodrome .block .link,
.orbit .block .link {background-color: #002765 !important;}

.cosmodrome .window.active-0 .wrapper,
.orbit .window.active-0 .wrapper {margin-top: 0px;}
.cosmodrome .window.active-1 .wrapper,
.orbit .window.active-1 .wrapper {margin-top: -759px;}

.cosmodrome .window img,
.orbit .window img {transition: all 0.6s linear;}
.cosmodrome .window.active-0 .sblock1 img,
.cosmodrome .window.active-1 .sblock0 img,
.orbit .window.active-0 .sblock1 img,
.orbit .window.active-1 .sblock0 img {opacity: 0;}


.cosmodrome .block0w {background: linear-gradient(180deg, rgba(0, 54, 136, 0.8), rgba(0, 54, 136, 0.0), rgba(154, 207, 247, 0.5), rgba(0, 54, 136, 0.9));}

.cosmodrome .block0w, 
.orbit .block0w {height: 751px;}

.cosmodrome .block0w:after,
.orbit .block0w:after {content: ''; background: #0064e9; height: 1px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 9;}


.cosmodrome .location { z-index: 4; position: absolute !important; left: 0; top: 0; margin-top: 5em; width: 100%; height: 40%; background: url("/im/worldmap.png") 50% 0 no-repeat; background-size: contain;}

.cosmodrome .marker {z-index: 9; transition: all 0.5s linear; transform: scale(0.5); display: block; width: 36px; height: 36px; position: absolute; top: 0; left: 50%; border: 1px solid; border-color: rgba(255,255,255,0); border-radius: 20px;}
.cosmodrome .marker:after {transition: all 0.5s linear; content:""; display: block; width: 44%; height: 44%; background: #ff2e2d; border: 3px solid #fff; border-radius: 20px; position: absolute; left: 50%; top: 50%; margin: -11px;}
.cosmodrome .marker:hover:after { transform: scale(1.5);}

.cosmodrome .marker-baikonur {margin: 90px 0 0 55px;}
.cosmodrome .marker-plesetsk {margin: 50px 0 0 28px;}
.cosmodrome .marker-vostok {margin: 78px 0 0 167px;}
.cosmodrome .marker-kuru {margin: 170px 0 0 -115px;}

.baikonur .location .marker-baikonur,
.plesetsk .location .marker-plesetsk,
.vostok .location .marker-vostok,
.kuru .location .marker-kuru {opacity: 1; width_: 36px; height_: 36px; border-color: rgba(255,255,255,0.5); transform: scale(1);}


.nav-cosmo {position: absolute !important; z-index: 4; top: 0; left: 0; width: 100%;}
.nav-cosmo a {display: block; position: relative; float: left; height: 3em; line-height: 3em; text-transform: uppercase; font-size: 80%; font-weight: 600; background: rgba(255,255,255,0.1); text-align: center; box-sizing: border-box; padding: 0 1em; text-decoration: none; color: #fff;}
.nav-cosmo a:hover {background: rgba(1,110,199,0.6); color: #fff;}

.nav-cosmo a:after {transition: all 0.3s linear; content: ''; display: block; position: absolute; top: 3.2em; left: calc(50% - 4px); width: 0; height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 0px solid #ff2e2d;
}

.cosmodrome .nav-cosmo a {width: 25%;}


.baikonur .nav-baikonur,
.plesetsk .nav-plesetsk,
.vostok .nav-vostok,
.kuru .nav-kuru,
.glonass .nav-glonass,
.gonets .nav-gonets,
.luch .nav-luch,
.observation .nav-observation {background: #016ec7; pointer-events: none;}

.baikonur .nav-baikonur:after,
.plesetsk .nav-plesetsk:after,
.vostok .nav-vostok:after,
.kuru .nav-kuru:after,
.glonass .nav-glonass:after,
.gonets .nav-gonets:after,
.luch .nav-luch:after,
.observation .nav-observation:after {border-top: 7px solid #ff2e2d;}



.cosmodrome .about {width: 100%; height: 100%; position: absolute !important; top: 0;  z-index: 2; overflow: hidden;}
.cosmodrome .picture {transition: all 0.5s linear; opacity: 0; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: auto;}

.cosmodrome .about .text {transition: all 0.5s linear; opacity: 0; position: absolute; z-index: 2; bottom: 0; left: 0; padding: 0 2em 1.5em 2.5em; width: 100%; box-sizing: border-box;}
.cosmodrome .about .text .name {font-family: fonts-bold; transition: all 0.7s linear; margin-left: -350px; width: 40%; text-transform: uppercase; border-left: 5px solid #fa0a11; padding-left: 10px; font-size: 200%; line-height: 1em;}
.cosmodrome .about .text .country {transition: all 0.7s linear; margin-left: -350px; width: 60%; position: relative; text-transform: uppercase; font-size: 80%; font-weight: 600; padding: 15px;}
.cosmodrome .about .text .country::before { width: 12px; height: 14px; content: ""; background: url("/im/marker.svg") 0 0 no-repeat; background-size: contain; float: left; margin: 0.15em 0.5em 0 0;}
.cosmodrome .about .text p {transition: all 0.7s linear; margin-right: -400px; width: 50%; float: right; font-size: 90%;}

.cosmodrome .about .text .links {position: relative; display: inline-block; float: left; font-size: 80%; margin-top: 5px; line-height: 2.8em; font-weight: 600; transition: all 0.7s linear; margin-left: -350px;}
.cosmodrome .about .text .links a {overflow: hidden; background: linear-gradient(to right, #6701c7, #fa0a11); color: #fff; padding: 0 10px 0 15px; display: inline-block; margin-right: 1em; text-decoration: none; position: relative;}
.cosmodrome .about .text .links a:after {float: right; content:"\2192"; display: inline-block; margin-left: 0.4em; font-size: 1.5rem; line-height: 1.25em;}
.cosmodrome .about .text .links a span {font-weight: bold;}
.cosmodrome .about .text .links a:last-child {background: linear-gradient(to right, #6701c7, #016ec7);}
.cosmodrome .about .text .links a:hover {box-shadow: 200px 0 0 0 rgba(0,110,255,1) inset;}


.baikonur .about-baikonur .text p, .baikonur .about-baikonur .text .name, .baikonur .about-baikonur .text .country,
.plesetsk .about-plesetsk .text p, .plesetsk .about-plesetsk .text .name, .plesetsk .about-plesetsk .text .country,
.vostok .about-vostok .text p, .vostok .about-vostok .text .name, .vostok .about-vostok .text .country, 
.kuru .about-kuru .text p, .kuru .about-kuru .text .name, .kuru .about-kuru .text .country,
.vostok .about-vostok .text .links {margin-right: 0px; margin-left: 0;}

.cosmodrome .link-more,
.orbit .link-more  {clear: both; display: inline-block; opacity: 0.5; margin-top: 5px; float: right; font-weight: 600; padding: 0 15px; line-height: 2.8em; font-size: 80%; text-transform: uppercase; border: 2px solid #fff; color: #fff; text-align: center; text-decoration: none;}
.cosmodrome .link-more:hover,
.orbit .link-more:hover {background: #016ec7; border-color: #016ec7; opacity: 1; color: #002765;}

.baikonur .about-baikonur .picture, 
.plesetsk .about-plesetsk .picture, 
.vostok .about-vostok .picture, 
.kuru .about-kuru .picture,
.baikonur .about-baikonur .text, 
.plesetsk .about-plesetsk .text, 
.vostok .about-vostok .text, 
.kuru .about-kuru .text,

.glonass .about-glonass .picture,
.gonets .about-gonets .picture,
.luch .about-luch .picture,
.observation .about-observation .picture {opacity: 1 !important;}

.glonass .about-glonass .ka .name,
.gonets .about-gonets .ka .name,
.luch .about-luch .ka .name,
.observation .about-observation .ka .name {opacity: 1 !important; transform: translateX(0);}

.baikonur .about-baikonur, 
.plesetsk .about-plesetsk, 
.vostok .about-vostok, 
.kuru .about-kuru,
.glonass .about-glonass,
.gonets .about-gonets,
.luch .about-luch,
.observation .about-observation {z-index: 3;}


/*---- ORBIT -----------------------------*/
.orbit .nav-cosmo a {width: 20%;}
.orbit .nav-cosmo a:nth-child(1), .pilot .nav-cosmo a:nth-child(2) {width: 23%;}
.orbit .nav-cosmo a:nth-child(3) {width: 19%;}
.orbit .nav-cosmo a:nth-child(4) {width: 38%; white-space: nowrap;}
.orbit .clear {margin-top: 20px;}

.orbit .about {font-size: 0.9rem; width: 100%; height: 100%; top: 0; position: absolute !important; overflow: hidden;  background: linear-gradient(180deg, rgba(0, 12, 30, 0.0) 40%, rgba(0, 12, 30, 0.55)); background_: linear-gradient(180deg, rgba(0, 12, 30, 0.0), rgba(0, 12, 30, 0.0), rgba(0, 12, 30, 0.55));}

.orbit .about .picture {transition: opacity 0.5s linear; opacity: 0;}

.orbit .about .text {line-height: 1.5em; position: absolute; z-index: 2; bottom: 0; left: 0; padding: 0 1.5em 1.5em 3em;}
.orbit .about .text .name {width: 40%; text-transform: uppercase; border-left: 5px solid #fa0a11; padding-left: 10px; font-size: 2rem; font-family: fonts-bold; font-weight: 900; line-height: 1em; margin-bottom: 1rem;}

.orbit .about .text table,
.orbit .about .text .name, 
.orbit .about .text .inf {transform: translateX(20px); opacity: 0; transition: all 0.4s linear;}


.glonass .about-glonass .text table,
.gonets .about-gonets .text table,
.luch .about-luch .text table,
.observation .about-observation .text table,

.glonass .about-glonass .text .name,
.gonets .about-gonets .text .name,
.luch .about-luch .text .name,
.observation .about-observation .text .name,

.glonass .about-glonass .text .inf,
.gonets .about-gonets .text .inf,
.luch .about-luch .text .inf,
.observation .about-observation .text .inf {transform: translateX(0px); opacity: 1 !important;}


.orbit table {float: left;}
.orbit td {padding-top: 7px; overflow: hidden; color: #fff; vertical-align: bottom;}
.orbit td:after {border: none;}
.orbit td:nth-child(2) p {padding: 0 0 0 5px;}
.orbit td:nth-child(1) p {display: block; vertical-align: top;}
.orbit td:nth-child(1) p:after {border-bottom: 1px dotted rgba(255,255,255,0.5);
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 1px;
    background-color_: #fff;
    position: relative;
    margin-right: -100%; margin-left: 5px;
    margin-top: 13px;
}
.orbit .about-glonass table {width: 45%; margin-right: 3.5em;}
.orbit .about-gonets table, .orbit .luch table {width: 60%; margin-right: 15px;}
.orbit .about-luch table {margin-bottom: 70px;}


.orbit .about .ka {width: 38%; height: 140px; position: absolute !important;}
.orbit .about .ka .name {opacity: 0; transform: translateX(20px); transition: transform 0.5s linear, opacity 0.3s linear; position: absolute; z-index: 2;  bottom: 28px; left: 27%; text-decoration: none; color: #fff; text-transform: uppercase; border-left: 5px solid #fa0a11; padding-left: 10px; font-family: fonts-bold; font-size: 1rem; line-height: 1em;}
.orbit .about .ka .pict {transform: scale(0); opacity: 0; transition: transform 0.5s linear, opacity 0.3s linear; width: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.orbit .about .ka em {transform_: scale(0); opacity: 0; transition: all 0.4s linear; position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 140px; height: 140px; background: linear-gradient(45deg, rgba(10,160,254,0.4), rgba(0,114,255,0.4)); border-radius: 100%; content: "";}

.orbit .about-glonass .picture {background: url("/im/orbit_glonass.png") 0 0 no-repeat; margin: 60px 40px; width: 360px; height: 365px; background-size: cover;}
.orbit .about-gonets .picture {background: url("/im/orbit_gonets_12.png") 0 0 no-repeat; margin: 50px 100px; width: 360px; height: 365px; background-size: cover;}
.orbit .about-luch .picture {background: url("/im/orbit_luch.png") 0 0 no-repeat; margin: 80px 40px; width: 630px; height: 236px; background-size: cover;}

.orbit .about-glonass .ka1 {top: 11%; left: 60%;}
.orbit .about-glonass .ka2 {top: 36%; left: 60%;}
.orbit .about-glonass .ka1 .pict {height: 110px; background: url("/im/orbit_glonass_m.png") 20px 0 no-repeat; background-size: contain;}
.orbit .about-glonass .ka2 .pict {height: 80px; margin-top: 15px; background: url("/im/orbit_glonass_k.png") 10px 0px no-repeat; background-size: contain;}

.orbit .about-gonets .ka1 {top: 25%; left: 65%;}
.orbit .about-gonets .ka1 .pict {height: 110px; background: url("/im/orbit_gonets_m.png") 20px 0 no-repeat; background-size: contain;}

.orbit .about-luch .ka1 {top: 32%; left: 70%;}
.orbit .about-luch .ka1 .pict {height: 120px; margin: -10px 0 0 -30px; background: url("/im/orbit_luch_5a.png") 0px 0 no-repeat; background-size: contain;}

.orbit .about-observation .clear {margin-top: 30px;}
.orbit .about-observation .text .name {margin-bottom: 50px;}
.orbit .about-observation .ka1 {top: 11%; left: 10%;}
.orbit .about-observation .ka2 {top: 11%; left: 40%;}
.orbit .about-observation .ka3 {top: 11%; left: 70%;}
.orbit .about-observation .ka4 {top: 35%; left: 10%;}
.orbit .about-observation .ka5 {top: 35%; left: 40%;}
.orbit .about-observation .ka1 .pict {height: 120px; margin: -20px 0 0 -10px; background: url("/im/orbit_observ_resurs.png") 0px 0 no-repeat; background-size: contain;}
.orbit .about-observation .ka2 .pict {height: 120px; margin: -10px 0 0 -10px; background: url("/im/orbit_observ_kanopus.png") 0px 0 no-repeat; background-size: contain;}
.orbit .about-observation .ka3 .pict {height: 120px; margin_: -10px 0 0 -30px; background: url("/im/orbit_observ_meteor.png") 0px 0 no-repeat; background-size: contain;}
.orbit .about-observation .ka4 .pict {height: 120px; margin: -5px 0 0 0px; background: url("/im/orbit_observ_elektro.png") 0px 0 no-repeat; background-size: contain;}
.orbit .about-observation .ka5 .pict {height: 120px; margin_: -10px 0 0 -30px; background: url("/im/orbit_observ_gm.png") 0px 0 no-repeat; background-size: contain;}


.glonass .about-glonass .ka .pict,
.gonets .about-gonets .ka .pict,
.luch .about-luch .ka .pict,
.observation .about-observation .ka .pict {transform: scale(1); opacity: 1;}

.glonass .about-glonass .ka em,
.gonets .about-gonets .ka em,
.luch .about-luch .ka em,
.observation .about-observation .ka em {transform_: scale(1); opacity: 1;}


.mmedia1 .block:last-child,
.pilot .wrapper .block.block1,
.pilot .block:last-child,
.cosmodrome .block0 .block:nth-child(2), 
.cosmodrome .block0 .block:nth-child(4),
.orbit .block0 .block:nth-child(2), 
.orbit .block0 .block:nth-child(4) {margin-right: 0;}

.orbit .block a.link:before {background: rgba(0,162,255,0.2);}

/*---- проекты
.orbit .date {display: none;}
.orbit .block2 .text .name {text-transform: uppercase; font-size: 140%; font-family: fonts-bold;}
---- */


.anticorr {width_: 375px; width: 300px; text-align: center;
    font-family: fonts;
    opacity: 0.7;
    float: left;
    font-weight: 800;
    margin-top: 0px;
    display: inline-block;
    height: 31px; line-height: 31px;
    padding_: 0 15px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #0064e9;
    color_: #032a64; color: #0098f1;
    background: none;
    text-align: center;
    text-decoration: none; box-sizing: border-box;
}

.anticorr:hover {opacity: 1; border-color_: #0098f1; color: #032a64; background: #0064e9;}

.link-coronavirus {width: 375px; text-align: center; position: relative;
    font-family: fonts;
    opacity_: 0.7;
    float: left;
    font-weight: 800;
    margin-top: 0px; margin-right: 8px;
    display: inline-block;
    height: 31px; line-height: 31px;
    padding-left: 25px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #019df8;
    color: #042e6a;
    background: none;
    text-align: center;
    text-decoration: none; box-sizing: border-box; background-image: linear-gradient(to right, #00ffd2, #019df8); background-color: #019df8;
}
.link-coronavirus:hover {background-color: #00ffd2; color: #042e6a;}
.link-coronavirus em {display: inline-block; width: 26px; height: 25px; background: url("/im/coronavirus.png") 0 0 no-repeat; background-size: cover; position: absolute; bottom: 0; left: 20px;}


/* SCREEN
-----------------------------------------------------------------*/
@media screen and (max-width: 1023px) { 
.startvideo {min-height: 726px;}
}

@media screen and (min-width: 1920px) { 
.page.media .width, .page.pilot .width, .page.orbit .width, .page.cosmodrome .width {margin-top: 60px;}
.page-container { background-size_: cover;}

}

@media screen and (min-width: 1541px) { 
.slogan span.pict { margin-right_: -200px !important; width: 254px !important; height: 254px !important;}
.otbor span.pict {margin-right: -250px !important;}
}

@media screen and (min-width: 1025px) { 
.slogan span.pict a {display: block; width: 100%; height: 100%;}
.slogan em {width: 85%;}
.slogan span.pict {display: block; position: absolute; top: 0; right: 0; margin-right_: -150px; width: 200px; height: 200px; background: url("/im/1-st.png") no-repeat 0 0; background-size: cover;}
.otbor span.pict {background-image: url("/im/cpk_otbor.png") !important; margin-right: -190px;}
}


@media screen and (min-width: 1280px) {


/* Animation
------------------------------------*/
.page-anim .main .slogan h1 {animation: opacity 1s ease-in-out 0s forwards, move-up2 0.6s ease-in-out 1s forwards; opacity: 0; transform: translateY(30px);}

@keyframes text {
    0% {width: 0;}
    100% {width: 600px;}
}
@keyframes opacity {
    from {opacity: 0;}
    to   {opacity: 1;}
}
@keyframes move-up2 {
    from {transform:translateY(30px);}
    to   {transform:translateY(0);}
}

.page-anim .main .slogan em {animation: move-up ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; transform:translateY(30px); opacity: 0;}
.page-anim .main .slogan span.pict {animation: scale-opacity ease-in-out 0.8s; animation-delay: 2s; animation-fill-mode: forwards; transform:scale(0.7); transform_:translateY(30px); opacity: 0;}
.page-anim .broadcast {animation: move-up ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; transform:translateY(30px); opacity: 0;}
.page-anim .launch-block {animation: move-down ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; transform:translateY(-30px); opacity: 0;}
.page-anim .bans .journal img {animation: move-up ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; transform:translateY(30px); opacity: 0;}
.page-anim .bans .tv img {animation: move-down ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; transform:translateY(-30px); opacity: 0;}
.page-anim .anticorr,
.page-anim .link-coronavirus,
.page-anim .newshome {animation: move-up ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; transform:translateY(30px); opacity: 0;}

.page-anim .filmban {animation: opacity ease-in-out 0.8s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0;}

@keyframes scale-opacity {
    from {transform: scale(0.7); opacity: 0;}
    to   {transform: scale(1); opacity: 1;}
}

@keyframes move-up {
    from {transform:translateY(30px); opacity: 0;}
    to   {transform:translateY(0); opacity: 1;}
}
@keyframes move-down {
    from {transform:translateY(-30px); opacity: 0;}
    to   {transform:translateY(0); opacity: 1;}
}
@keyframes move-right {
    from {transform:translateX(-50px); opacity: 0;}
    to   {transform:translateX(0); opacity: 1;}
} 

}



@media screen and (min-width: 1025px) and (max-width: 1540px) {

body {font-size: 0.9rem;}

.page.media .width, .page.pilot .width, .page.orbit .width, .page.cosmodrome .width {margin-top: 60px;} 

.footer {padding-top: 0px !important; font-size: 0.8rem;}

.cosmodrome .block0 {height: 518px;}

.home .width {width: 1064px;}

.home .main .width, 
.home .media .width, 
.home .pilot .width, 
.home .orbit .width, 
.home .cosmodrome .width, 
.home .footer .width { position: absolute; left: 50%; top: 50%; margin-top: -330px; margin-left: -532px;}

.page .header .width, .page .tm .width {margin-top: 0 !important;}


.home .block0w {width: 528px;}
.home .block1w {width: 260px;}
.home .block0 {width: 528px; height: 526px;}
.home .mmedia .block0, .home .pilot .block0 {height: 348px;}
.home .block1 {width: 260px; height: 170px;}
.home .block2 {width: 260px; height: 348px;}


.home .block .text {padding: 0.9em;}
.home .block .text .name {font-size: 0.9rem; font-weight: 900;}
.home .block .text .tag {font-size: 0.6rem;}

.home .block .upp {background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.9));}

.main .width {padding-top: 0px;}

.main .slogan h1 {font-size: 2rem;}
.main .slogan { margin-top_: 5em; max-width_: 70%;}
.main .slogan em {line-height: 1.5em; font-size: 0.9rem;}
.main .otbor em {font-size: 1rem !important;}
.main .slogan em span.text:before {margin-top: 10px; width: 40px;}


.start-right, .newshome .title { margin-right: 0px;}
.launch-block {height: 220px;}
.launch-block .location {height: 133px;}
.launch-block .infa {font-size: 0.8rem;}
.launch-block .nav {font-size: 0.6rem; font-weight: 400;}
.launch-block .frame .info p.cosmo-name, .launch-block .frame .date {font-size: 0.65rem;}
.launch-block .frame .info p.cosmo-name::before { margin: 0.6em 0 0 0.3em; width: 12px; height: 12px;}
.launch-block .frame .info p::before {margin: 0.5em 0 0 0.8em;}
.launch-block .frame .date::before { margin: 0.6em 0 0 0.1em; width: 13px; height: 13px;}

.launch-block .location .marker-baikonur {margin: 40px 0 0 27px;}
.launch-block .location .marker-plesetsk {margin: 17px 0 0 10px;}
.launch-block .location .marker-vostok {margin: 33px 0 0 74px;}
.launch-block .location .marker-kuru {margin: 73px 0 0 -50px;}

.cosmodrome .marker-baikonur {margin: 62px 0 0 28px;}
.cosmodrome .marker-plesetsk {margin: 27px 0 0 13px;}
.cosmodrome .marker-vostok {margin: 53px 0 0 107px;}
.cosmodrome .marker-kuru {margin: 112px 0 0 -87px;}

.bans { height: 127px; overflow: hidden;}
.bans .journal {width: 90px; height: 127px;}
.bans .tv {width: 160px; height: 127px;}

.nav-newshome {margin-left: 94px; margin-right: 0px;}

.newshome .window {margin_: -5px 0 10px 0; height: 170px;}
.newshome .wrapper {height: 528px;}
.newshome .window.active-0 .wrapper {margin-top: 0px;}
.newshome .window.active-1 .wrapper {margin-top: -178px;}
.newshome .window.active-2 .wrapper {margin-top: -356px;}

.page .mmedia {width: 804px;}
.page .events {width: 260px;}

.events .window {width: 268px; height: 526px;}
.events .wrapper {width:268px; height: 1265px;}

.events .window.active-1 .wrapper {margin-top: -178px;}
.events .window.active-2 .wrapper {margin-top: -356px;}
.events .window.active-3 .wrapper {margin-top: -534px;}

.events .window.active-0 .sblock2, 
.events .window.active-1 .sblock3, 
.events .window.active-2 .sblock4,
.events .window.active-3 .sblock5 {height: 348px;}
.events .block img {margin-left: -130px;}
.events .window.active-0 .sblock2 img,
.events .window.active-1 .sblock3 img,
.events .window.active-2 .sblock4 img,
.events .window.active-3 .sblock5 img {margin-left: -260px;}

.nav-events {margin-top: 5px;}
.events-link {margin-top: 5px;}
.anticorr {width: 260px;}
.link-coronavirus {width: 260px; padding-left: 20px; font-size: 11px;}
.link-coronavirus em {left: 5px;}

.mainvideo .text .name {font-size: 1.2rem !important;}

.pilot .mks .mks-track {width: 528px; height: 288px; height_: 264px;}
.pilot .nav-mks {height: 21px; height_: 55px;}
/*--
.pilot .mks .mks-window {width: 528px; height: 297px;}
.pilot .nav-mks a {width: 23.5%; height: 21px;}
--*/
.pilot .mks .mks-track .info {height: 50px; line-height: 20px; margin-top: -25px;}
.pilot .mks .mks-track .info p:nth-child(1) {width: 16%; padding-left: 10px;}
.pilot .mks .mks-track .info p:nth-child(2) {width: 26%;}
.pilot .mks .mks-track .info p:nth-child(3) {width: 17%;}

.pilot .crew {height: 170px;}
.pilot .crew img {display: block; height: 80px; margin: 0 auto 5px auto;}
.pilot .crew .people a {width: 70px; margin-left: 0px; line-height: 1.3em;}
.pilot .crew .emblema {width: 100px; font-size: 1.2rem;}
.pilot .crew .people {font-size: 0.6rem; margin-left: 0px;}

.pilot .crew9 {height: 170px;}
.pilot .crew9 .title:after {background-color: rgba(255,255,255,0.5);}

.pilot .crew9 .people {font-size: 0.6rem; margin-top: -7px; margin-right: 0px;}
.pilot .crew9 .people a:first-child {margin-left: 150px;}
.pilot .crew9 .people a {width: 71px; width_: 80px; padding_: 0 5px; margin: 0px 0px 10px 2px; margin_: 0px 0px 10px 4px;}
.pilot .crew9 .people a .pict,
.pilot .crew9 .people a .pict:after {width: 50px; height: 50px;}
.pilot .crew9 .people a .pict img {width: 50px;}
.pilot .crew9 .people a .pict:after {outline: 3px solid rgba(0,0,0,0); outline-offset: -3px;}
.pilot .crew9 .people a:first-child:before {left: -67px; height: 50px;}
.pilot .crew9 .emblema {left: 5px; width: 80px; top: 10px;}
.pilot .crew9 .emblema img {width: 50px; margin: 0 15px; float: none; display: block;}
.pilot .crew9 .emblema a span {display: block; float: none; font-size: 0.9rem; margin-top: 5px; width: 100%; text-align: center;}

.pilot .crew9 .people a:hover .pict img {width: 55px; margin-left_: 3px;}
.pilot .crew9 .people a:hover .pict:after {outline: 3px solid rgba(0,0,0,0.35);}


.pilot .window {width: 528px; height: 348px;}
.pilot .wrapper {width:528px; height: 704px;}
.pilot .window.active-1 .wrapper {margin-top: -356px;}
.pilot .window.active-2 .wrapper {margin-top: -712px;}
.pilot .window.active-3 .wrapper {margin-top: -1068px;}

.pilot .blog p {margin: 20px 0 20px 0; font-size: 1rem;}
.pilot .blog .fio {font-size: 0.85rem;}

.cosmodrome .block0 {margin: 0; min-height: 170px; float: left;}
.cosmodrome .block0 .block:nth-child(4) {margin-top: -178px;}

.cosmodrome .window {width: 528px; height: 526px;}
.cosmodrome .wrapper {width:528px; height: 1052px;}
.cosmodrome .window.active-1 .wrapper {margin-top: -534px;}

.cosmodrome .block0w, .orbit .block0w {height: 526px;}

.cosmodrome .about .text .name {font-size: 1.8rem;}
.cosmodrome .about .text {padding: 0 1.5em 1.5em 1.5em;}


.orbit .block0 {margin: 0; min-height: 170px; float: left;}
.orbit .block0 .block:nth-child(4) {margin-top: -178px;}

.orbit .window {width: 528px; height: 526px;}
.orbit .wrapper {width:528px; height: 1052px;}
.orbit .window.active-1 .wrapper {margin-top: -534px;}

.orbit .nav-cosmo a {font-size: 0.7rem;}

.orbit table {display: none;}
.orbit .about .picture, .orbit .about .ka {transform: scale(0.7); margin: 0px 10px;}
.orbit .about-luch .picture {margin: 30px 0 0 -60px;}
.orbit .about-observation .text .name { margin-bottom: 15px;}
.orbit .about-observation .clear {margin-top: 10px;}
.orbit .about-observation .ka1, .orbit .about-observation .ka4 {left: 5%;}


.home .footer .ul1 { margin-bottom: 0px;}
.home .footer a.link-spec, .home .footer a.link-gr {margin-top: 10px;}

}


@media screen and (min-width: 780px) and (max-width: 1024px) {

.anticorr {width: 375px; margin-top: 10px;}

body {font-size: 0.9rem;}
.page-container {background: url("/im/home_bg.jpg") 50% 1100px no-repeat #003989 !important;}

.home .width, .home .mmedia {width: 766px; margin-top: 0;}
.home .tm .width {width: 100%;}

.home .page {padding: 40px 0;}
.home .page:nth-child(1) {padding-top: 0px;}

.cosmodrome {background: #004598;}

.pilot h2 {margin-top: 0px;}

.main {margin-top: 100px; margin-top_: 300px;}
/*.main .width {padding-top: 150px;}*/
.launch-block { border-bottom: 0px;}

.main .slogan {max-width: 46%; margin-top: 0em;}
.main .slogan h1 {font-size: 1.5rem;}
.main .slogan em span.text:before { float: none; height: 10px; margin: 5px 0;}
.main .slogan em {font-size: 0.8rem; margin-top: 1em;}
.main .otbor em {font-size: 1rem;}
.otbor span.pict {display: block; position: absolute; top: 0; left: 0; margin-top: -230px; width: 200px; height: 200px; background: url("/im/cpk_otbor.png") no-repeat 0 0; background-size: cover;}
.otbor span.pict a {display: block; width: 100%; height: 100%;}

.newshome {margin-top: 20px;}
.newshome .events-link {margin-right: 8px;}
.newshome .window,
.newshome .wrapper {width: 766px; height: 1004px;}
.newshome .window.active-0 .sblock1 img,
.newshome .window.active-0 .sblock2 img,
.newshome .window.active-1 .sblock0 img,
.newshome .window.active-1 .sblock2 img,
.newshome .window.active-2 .sblock0 img,
.newshome .window.active-2 .sblock1 img {opacity: 1;}

.home .mmedia2, .home .events {width: 758px;}
.events .window,
.events .wrapper {width: 758px; height: 506px;}
.home .events {margin-top: 50px;}
.home .events .block:nth-child(1), .home .events .block:nth-child(3){margin-right: 8px;}
.home .mmedia2 .block2 {height: 245px; margin-right: 0px;}
.events .window.active-0 .sblock2, .events .window.active-1 .sblock3, .events .window.active-2 .sblock4, .events .window.active-3 .sblock5 {height: 245px;}
.events .window.active-0 .sblock1 img, .events .window.active-1 .sblock2 img, .events .window.active-2 .sblock3 img, .events .window.active-3 .sblock4 img {opacity: 1;}
.events .window.active-0 .sblock2 img, .events .window.active-1 .sblock3 img, .events .window.active-2 .sblock4 img, .events .window.active-3 .sblock5 img {left: 0; margin-left: 0; margin-left_: -188px;}
.events .window.active-0 .sblock2 .text, .events .window.active-1 .sblock3 .text, .events .window.active-2 .sblock4 .text, .events .window.active-3 .sblock5 .text {
    background: none;
    -webkit-clip-path: none;
    clip-path: none;
}

.events .events-link {line-height: 27px; float: right;}

.pilot .blog, .pilot .twit {margin-top: 40px; margin-bottom: 40px;}
.pilot .nav-events, .orbit .block0w, .cosmodrome .block0w {margin-bottom: 40px;}
.pilot .nav-mks {margin: 10px 0;}
.home .pilot .block0.mks {height: 518px;}
.pilot .block0w {margin-top: 60px;}
.cosmodrome {padding-bottom: 80px !important;}


.footer .title:after, 
.home .mmedia .block0, 
.pilot .twit,
.bans,
.nav-events, 
.nav-newshome {display: none;}

}


@media screen and (max-width: 779px) {

body {font-size: 0.9rem;}

.page-container {background: url("/im/home_bg.jpg") 50% 700px no-repeat #003989 !important;}

.header .social {display: none !important;}
.header .icons {border-left: 1px solid #ccc; padding-left: 10px !important;}

.home .block0 {width: 375px; height: 245px;}
.home .block0w, .home .mmedia2, .home .events {width: 375px;}
.home .mmedia .block0, .home .pilot .block0 { height: 245px;}
.pilot .mks .mks-window {width: 375px; height: 200px;}

.home .width, .home .mmedia {width: 383px; margin-top: 0;}
.home .tm .width {width: 100%;}

.home .page {padding: 40px 0; max-width: 779px;}
.home .page:nth-child(1) {padding-top: 0px;}

.start {background: none !important;}
.cosmodrome {background: #004598;}

.home h2 {font-size: 1.4rem;}
.pilot h2 {margin-top: 0px;}

.main .width {padding-top: 150px;}


.start-right, .newshome .title { margin-right_: 0px;}

.startvideo {min-height: 810px;}
.launch-block {background: rgba(0, 40, 100, 0.8);}

.main .slogan { width: 100%; margin-top: 1em; margin-bottom: 2em; height: 300px;}
.main .slogan h1 {font-size: 2rem; white-space: nowrap;}
.main .slogan em span.text:before { float: none; height: 30px;}
.main .slogan em {font-size: 1rem;}


.newshome {margin-top: 50px;}
.newshome .events-link {margin-right: 8px;}
.newshome .window,
.newshome .wrapper {width: 375px; height: 1004px;}

.footer .width .column {display: block; float: none;}


.events .window,
.events .wrapper {width: 375px; height: 498px;}
.home .events {margin-top_: 50px;}
.home .events .block:nth-child(1), .home .events .block:nth-child(3){margin-right: 8px;}
.home .mmedia2 .block2 {height: 245px; margin-right: 0px;}
.events .window.active-0 .sblock2, .events .window.active-1 .sblock3, .events .window.active-2 .sblock4, .events .window.active-3 .sblock5 {height: 245px;}
.events .window.active-0 .sblock1 img, .events .window.active-1 .sblock2 img, .events .window.active-2 .sblock3 img, .events .window.active-3 .sblock4 img {opacity: 1;}
.events .window.active-0 .sblock2 img, .events .window.active-1 .sblock3 img, .events .window.active-2 .sblock4 img, .events .window.active-3 .sblock5 img {margin-left: -188px;}
.events .window.active-0 .sblock2 .text, .events .window.active-1 .sblock3 .text, .events .window.active-2 .sblock4 .text, .events .window.active-3 .sblock5 .text {
    background: none;
    -webkit-clip-path: none;
    clip-path: none;
}
.events .events-link {line-height: 30px; float: right;}

.pilot .crew .emblema {float_: none; width: 100%; height: 150px; display: table-cell; vertical-align: middle;}
.pilot .crew .emblema span {display: inline-block; vertical-align: middle;}
.pilot .crew {background: none;}
.pilot .crew .emblema img {float_: left; display: inline-block; margin: 5px 30px 10px 5px; vertical-align: middle;}
.pilot .crew img { margin-bottom: 5px;}
.pilot .crew .people { font-size: 0.7rem; float_: none;  margin-right: 0px;}
.pilot .crew a { width: 125px; margin: 0 0 20px 0;}


.pilot .crew9 {background: none;}
.pilot .crew9:after {display: none;}
.pilot .crew9 .emblema {width_: 100%; display_: table-cell; vertical-align_: middle; position: relative; top: 0; left: 0; margin: 10px 0 30px 30px;}
.pilot .crew9 .emblema a span {display: inline-block; vertical-align: middle; float: none;}
.pilot .crew9 .emblema img {float_: left; width: 80px; display: inline-block; margin_: 5px 30px 10px 5px; vertical-align: middle;}
.pilot .crew9 .people { font-size: 0.7rem; float_: none;  margin: 0px auto;}
.pilot .crew9 .people a {margin: 2px 4px 20px 4px;}
.pilot .crew9 a { width: 125px; margin: 0 0 20px 0;}

.pilot .crew9 .people a:first-child {margin-left: 0px;}
.pilot .crew9 .people a:first-child:before {display: none;}


.orbit .block0w, .cosmodrome .block0w {margin-bottom: 40px;}
.cosmodrome {padding-bottom: 80px !important;}
.cosmodrome .min-links, .orbit .min-links {display: block;}
.cosmodrome .min-links a, .orbit .min-links a {outline: 2px solid #fff; display: block; float: left; margin: 6px; text-align: center; color: #fff; text-decoration: none; font-weight: 600; font-size: 0.9rem; width: calc(50% - 12px); background_: #001a41; height: 40px; line-height: 40px; box-sizing: border-box; padding-left_: 200px;}
.cosmodrome .min-links a:hover, .orbit .min-links a:hover {background: #00a2ff; outline-color: #00a2ff;}
.orbit .min-links a:last-child {line-height_: 17px !important; padding_: 3px; white-space: nowrap;}


.bans, 
.mmedia, 
.pilot h2,
.pilot .block0, 
.pilot .blog, 
.pilot .twit,
.pilot .mks-video,
.pilot .crew:after, 
.orbit .block0w, .cosmodrome .block0w,
.orbit .block0, .cosmodrome .block0,
.orbit .about, .cosmodrome .about,
.cosmodrome .location, 
.nav-events, 
.nav-newshome, 
.footer .title:after {display: none;}

}


@media screen and (min-device-aspect-ratio: 16/9) and (width: 1440px) {
.main .slogan { margin-top: 30px;}
.home .main .width {margin-top: -250px !important;}

}


@media screen and (min-device-aspect-ratio: 16/9) and (max-width: 1366px) and (orientation:landscape) {
.home .bans {display: none;}
.home .main .width {margin-top: -165px !important;}
.main .slogan {margin-top: 0em !important; margin-bottom: 2em !important;}
.home .media .width, .home .pilot .width, .home .orbit .width, .home .cosmodrome .width {margin-top: -300px !important;}
.home .footer .width {margin-top: -350px !important;}
.home h2 {margin-bottom: 0.5em; font-size: 1.6rem !important; margin-top: 0 !important;}
.footer .ul1 {columns_: 300px 3 !important;}
.pilot .nav-events {margin: 1px 8px 5px 0 !important;}
.keys {bottom: 10px !important;}
.footer .ul1 li a { padding-bottom: 0px !important;}
.footer .column, .footer a.link {font-size: 1em !important;}
.footer .column.qr {width: 230px !important; float: left; padding-bottom: 0 !important;}
}

@media screen and (min-device-aspect-ratio: 16/9) and (width: 1440px) {
.home .main .width {margin-top: -280px;}
}
@media screen and (min-width: 1300px) and (width: 1440px) and (max-height: 900px)  {
.main .slogan {margin-top: 0px;}
.home .main .width {margin-top: -280px;}
}
@media screen and (min-width: 1300px) and (max-width: 1540px) and (max-height: 900px) {
.home .bans {display: none;}
.main .slogan {margin-top: 0px;}
.home .main .width {margin-top: -200px;}
}

@media screen and (min-device-aspect-ratio: 5/4) and (width: 1280px) {
.main .width { padding-top: 80px !important;}
}