* {margin: 0; padding: 0; max-height: 1000000px;}
body, button, input, textarea, select {font-family: "Segoe UI", "Trebuchet MS", sans-serif; color: #000; background: #fff; font-size: 16px;}

.launch-block, button, form, form p, input, textarea, select, .keys span, .nav-home button, .nav-events button, .nav-newshome button, .main .slogan em, .main .slogan h1, .footer .search a, .rightcolumn .title {font-family: fonts;}
.home .title, .pilot .blog p {font-family: fonts-bold;}


.page-inf, .page-inf .footer, .page-inf .tm {min-width: 1060px;}
.page-inf .width {min-width: 980px; width: 90%; margin: 0 auto; position: relative;}


a {transition: all 0.3s linear; color: #214180; outline: none;}
a:hover {color: #ff2e2d; text-decoration: none;}


@font-face {
    font-family: 'fonts';
    src: url('/fonts/montserrat-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'fonts-bold';
    src: url('/fonts/montserrat-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

::selection {
    color: #fff;
    background: #76849c;
}

.spoiler-text {display:none;}
.spoiler-text.active {display:block;}

.content {font-size_: 0.9rem;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {font-family_: fonts-bold;}
h2 {color: #0051bb; font-size: 1.5rem; font-weight: 500;}
h3 {color: #214180; font-size: 1.3rem;}
h4 {color: #ff2e2d; font-size: 1.2rem;}

blockquote {border-left: 3px solid #e1e0e0; padding-left: 15px; margin: 1em 0 1em 50px; line-height: 1.5em;} 

.block_v1 {position: relative; background-image: linear-gradient(to top right, rgba(237,239,239,1), rgba(237,239,239,0), rgba(237,239,239,1)); padding: 30px; margin: 20px 0;}
/*----
.block_v1:before {color: #00295e; font-size: 200%; content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 5px; background-size: contain; background: url("/im/block_point_3.svg") 0 0 no-repeat;}
.block_v1:after {color: #00295e; font-size: 200%; content: ""; position: absolute; bottom: 0; right: 0; width: 100px; height: 5px; background-size: contain; background: url("/im/block_point_3.svg") 100% 100% no-repeat;}
---*/
.block_v1:before {content: ""; position: absolute; top: 0; left: 0; width: 45%; height: 2px;  background-image: linear-gradient(to right, rgba(0,78,181,1), rgba(0,152,241,1), rgba(0,152,241,0)); border-left: 25px solid #ff2e2d;}
.block_v1:after {content: ""; position: absolute; bottom: 0; right: 0; width: 20%; height: 1px;  background-image: linear-gradient(to left, rgba(0,152,241,1), rgba(0,152,241,0)); background_: url("/im/block_point_3.svg") 100% 100% no-repeat;}

.blockblue {margin-top: 10px; border-left: 5px solid #ff2e2d; background: linear-gradient(90deg, #00295e, #004eb5); color: #fff; padding: 1em 1.5em;}
.blockgray_ {box-shadow: 0 0 20px rgba(0,0,0,0.2); border: 1px dotted #5a7193; padding: 1.5em 2em; border-radius: 4px; background: #eee;}
.line2em {line-height: 2em;}

.red, .content .red a:link, .content .red a:visited {color: #ff2e2d;}
.blue, .content .blue a:link, .content .blue a:visited {color: #0051bb;}
.blue a:hover {color: #ff2e2d;}
.gray, .content .gray a:link, .gray a:visited {color: #828891;}
.newstroke {display: block; padding-top: 0.5em;}

hr{ height: 1px; width: 100%; color: #cbcfd7; border: none; border-top: 1px solid #cbcfd7; overflow: hidden; clear: both; margin: 2rem 0;}
.hide {display:none;}
hr.cuthere {border-bottom: 1px dashed #BD1718 !important; width: 500px; margin-left: 100px;}
.blog hr.cuthere {display: none; }

.content p {padding: 0 0 0.5em 0; text-align: justify;}
.content li p {padding_: 0.5em 0; text-align: left;}
.content td p {padding: 0; text-align: left;}
.content p a img {margin: 0 5px -5px 5px;}
.content td p, .content th p {padding: 0;}

.content td p img {margin: 0;}
.content table ul {padding-bottom: 0.5em;}
.content table {margin: 1.5em 0;}
.content table, table th, table td {border-spacing: 3px; border-collapse: separate; border-collapse_: collapse; border: none; color: rgba(0,0,0,0.8);} 
.content table td {border-bottom_: 1px dotted rgba(0,0,0,0.7); border-radius_: 4px; padding: 0.7em 0.4em 0.3em 0.4em; position: relative;}
.content table td:after {border-top: 1px dotted rgba(0,0,0,0.7); content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0;}


.content table th { border-radius_: 4px; position: relative; font-size_: 0.8rem; background: #eee; color_: #0052bf; background_: #214180; color_: #fff; padding: 0.8em 1em 0.6em 1em; border-bottom_: 1px solid rgba(0,82,191,1); background_: rgba(0,82,255,0.1);}
.content table tr td:first-child {padding-left: 0;}
.content table.noborder, .content table.noborder td, .content table.noborder th, .content table.noborder td:after {border: none;}


.content ul {padding: 1em 0 2em 0; margin-left: 2rem;}
.content ul li {list-style-type: none; margin: 0 0 1em 0; padding-left: 18px; border-left_: 3px solid #ff2e2d; position: relative;}
.content ul li:before {content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 0; height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ff2e2d;
}
.content ol {list-style: none; counter-reset: li; margin-top: 1.5rem;}
.content ol li {position: relative;
margin-bottom: 1.6rem;
border_: 2px solid #004eb5;
border: 1px dotted #5a7193;
padding: 1.2em 0.8em 1em 0.8em;
border-radius: 4px; background: #fff;
}

.content ol li:before {
position: absolute;
top: -1.3em;
width: 1.5rem; line-height: 1.5rem; text-align: center;
font-weight: 600; font-size: 0.8rem;
color: #fff;
background: #5a7193; border: 2px solid #fff; background_: #0bb5ff;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}



/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/




.mid {margin-top_: 45px; padding: 45px 0 50px 0;} 

.centercolumn {float: left; width: 75%;}
.boxshadow {
    background: #fff;
    box-shadow: 0 0 20px rgba(5,25,65,0.2);
    padding: 0 30px 30px 30px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.rightcolumn {float: right; width: 23%; position: relative;}
.rightcolumn .title {color: #828891; 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 2rem 0;
}
.rightcolumn .title span { margin: 0 8px;
    display: inline-block;
    vertical-align: top;
}
.rightcolumn .title:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 2px;
    background-color: #828891;
    position: relative;
    margin-right: -100%;
    right_: -8px;
    margin-top: 12px;
}

.clear {clear: both; height:0px;}


.content .ul1 a {transition: all 0.1s linear;}
.content .ul1, .content .ul1 ul {padding-bottom: 1em;}
.content .ul4, .ul5 {padding-bottom: 0.5em;}
.content .ul1 li {margin-bottom: 0.7em; padding-left: 17px;}
.content .li1 > a {color: #0bb5ff; font-size: 150%; font-weight: 600; line-height: 1em; padding: 0;}
.content .ul1 > li:after {height: 23px; width: 4px; margin-top: 2px; background: #ff2e2d;}
.content .ul1 > li:before {display: none !important;}
.content .ul2 li:after {display: none !important;}
.content .ul4 a {color: #000;}
.content .ul4 a:hover {color: #ff2e2d;}
.content .li2 > a {font-weight: 600;}
.content .li3 > a {font-size: 90%;}
.content .li4 > a {font-size: 85%;}
.content .ul5 a {font-size: 80%;}
.content .li2:before { border-left: 6px solid #ff2e2d;}
.content .ul3 li:before {top: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ff2e2d;}


.list {margin-left: 0px !important;}
.list.size0 {margin-left: 0px !important; font-family: fonts-bold;}

.list.size1 a {margin: 1.5em 3em 1em 0; text-align: left; display: block; float: left; position: relative; height: 120px; width: calc(30% - 3em); overflow: hidden; text-decoration: none; border-radius: 60px;}
.list.size1 a .pict {display: block; position: absolute; z-index: 2; top: 0; left: 0px; width: 120px; height: 120px; overflow: hidden; background: #dee6f6; border-radius: 100%;}
.list.size1 a .pict img {width: 100%; height: 100%; border-radius: 100%;}
.list.size1 a .text {height: 120px; vertical-align: middle; display_: table-cell; color: #214180; margin: 0 30px 0 140px !important; display: block;}
.list.size1 .name {height: 120px; vertical-align: middle; display: table-cell; font-size_: 0.9rem; font-weight: 700; text-transform: uppercase;}
.list.size1 .name:before {display: inline-block; float: left; margin: 3px 5px 0 -10px; background: #fa0a11; width: 3px; height: 15px; content:"";}
.list.size1 a:hover .text {color: #fa0a11;}


.list.size2 a {margin: 1.5em 3em 1em 0; text-align: left; display_: block; float: left; position: relative; height: 170px; width: 30%; text-decoration: none;}
.list.size2 a .pict {display: block; position: absolute; z-index: 2; top: 0; left: 0px; width: 120px; height: 120px; overflow: hidden; background: #dee6f6; border-radius: 100%;}
.list.size2 a .pict img {width: 100%; height: 100%; border-radius: 100%;}
.list.size2 a .text {color: #214180; margin: 0 0px 0 140px !important; display: block;}
.list.size2 .name {font-family: fonts-bold; font-size: 1.2rem; position: relative; padding-bottom: 15px; margin-bottom: 10px; display: block;}
.list.size2 .name:before {transition: all 0.4s linear; background: #fa0a11; width: 20px; height: 3px; z-index: 2; position: absolute; bottom: 0; left: 0; display: block; content:"";}
.list.size2 .name:after {background: #ccd6e5; width: 100%; height: 3px; z-index: 1; position: absolute; bottom: 0; left: 0; display: block; content:"";}
.list.size2 a:hover .name {color: #fa0a11;}
.list.size2 a:hover .name:before {width: 100%;}
.list.size2 .anons {display: block;}
.list.size2 a:nth-child(3n) {margin-right: 0;}


.list.noname a {margin: 1.5em 3em 1em 0; text-align: left; display: block; float: left; position: relative; height: 130px; width: 130px; overflow: hidden; text-decoration: none; border-radius: 100%;}
.list.noname a .pict {display: block; position: absolute; z-index: 2; top: 0; left: 0px; width: 130px; height: 130px; overflow: hidden; background: #dee6f6; border-radius: 100%; transition: all 0.3s linear; transform: scale(1);}
.list.noname a .pict img {width: 100%; height: 100%; border-radius: 100%;}
.list.noname a:hover .pict {transform: scale(1.1);}


.list-blocks a {font-family: fonts; font-size: 1.2rem; color: #fff; height: 14rem; width: calc(50% - 0.4rem); padding: 2rem 1rem 2rem 3rem; margin-bottom: 0.8rem; background: url("/im/list-blocks_bg.png") 100% 100% no-repeat #002a5f; background-size: cover; text-align: left; display: block; float: left; position: relative; text-decoration: none; box-sizing: border-box;}
.list-blocks a:nth-child(odd) {margin-right: 0.8rem;}
.list-blocks a .pict {display: block; width: 4rem; height: 4rem;}
.list-blocks a .pict img {width: 100%; height: 100%;}
.list-blocks .name {position: relative; margin-top: 1.7em; display: block;}
.list-blocks .name:before {transition: all 0.4s linear; background: #019df8; width: 4rem; height: 2px; z-index: 2; position: absolute; top: -1rem; left: 0; display: block; content:"";}
.list-blocks a:hover {color: #ffff;}
.list-blocks a:hover .name:before {width: 100%;}


/*-------- космодромы-карта ------*/
.page-cosmodromes .cosmomap {display: none;}
.page-cosmodromes .content p {padding: 0 !important;}
.page-cosmodromes .list.size2 a,
.page-cosmodromes .list.size2 a:nth-child(3n) {width: calc(50% - 6rem); margin: 1.5rem 3rem 1rem 0 !important;}
.page-cosmodromes .list.size2 .anons {font-size: 0.9rem;}

@media screen and (min-width: 1280px) {
.page-cosmodromes .cosmomap {display: block; position: relative; padding-top: 140px; margin-bottom: -2rem;}
.page-cosmodromes .cosmomap img {width: 100%; max-width: 100%; height: auto;} 
.page-cosmodromes .list.size2 {position: absolute; z-index: 2; top: 110px; left: 0; width: 100%; max-width: 100%; height: 100%;}
.page-cosmodromes .list.size2 a .text {position: relative; height: 100%; box-sizing: border-box;}
.page-cosmodromes .list.size2 .name {font-size: 1.5rem;}
.page-cosmodromes .list.size2 .anons {color: #666;}
.page-cosmodromes .list.size2 a {display: inline-block; position: absolute; top: 0;}
.page-cosmodromes .list.size2 .pict {width: 70px; height: 70px; z-index: 4;}

.page-cosmodromes .list.size2 a:before {height: 12px; width: 22px; border-radius: 100%; background: #f6f6f6; position: absolute; bottom: -5px; display: block; content:"";}
.page-cosmodromes .list.size2 a:after {height: 5px; width: 10px; border-radius: 100%; background: #002a71; position: absolute; bottom: 0; z-index: 3; display: block; content:"";}
.page-cosmodromes .list.size2 a .text:before {height: 100%; width: 2px; background: #002a71; position: absolute; top: 0; z-index: 3; display: block; content:"";}

.page-cosmodromes .list.size2 a:nth-child(4) {left: 8%; width: 21% !important; height: 53.5%;}
.page-cosmodromes .list.size2 a:nth-child(3) {left: 33%; width: 20% !important; height: 26%;}
.page-cosmodromes .list.size2 a:nth-child(2) {left: 54%; width: 17% !important; height: 34%;}
.page-cosmodromes .list.size2 a:nth-child(1) {left: 72%; width: 22% !important; height: 31%; margin-right: 0;}
.page-cosmodromes .list.size2 a:nth-child(4) .pict,
.page-cosmodromes .list.size2 a:nth-child(3) .pict {right: 0; left: calc(100% - 70px);}
.page-cosmodromes .list.size2 a:nth-child(4) .text,
.page-cosmodromes .list.size2 a:nth-child(3) .text {padding: 0 75px 0 0 !important; margin: 0 !important;}
.page-cosmodromes .list.size2 a:nth-child(2) .text,
.page-cosmodromes .list.size2 a:nth-child(1) .text {padding: 0 0 0 80px !important; margin: 0 !important;}

.page-cosmodromes .list.size2 a:nth-child(4):after,
.page-cosmodromes .list.size2 a:nth-child(3):after {right: 30px;}
.page-cosmodromes .list.size2 a:nth-child(4):before,
.page-cosmodromes .list.size2 a:nth-child(3):before {right: 24px;}
.page-cosmodromes .list.size2 a:nth-child(2):after,
.page-cosmodromes .list.size2 a:nth-child(1):after {left: 30px;}
.page-cosmodromes .list.size2 a:nth-child(2):before,
.page-cosmodromes .list.size2 a:nth-child(1):before {left: 24px;}
.page-cosmodromes .list.size2 a:nth-child(4) .text:before,
.page-cosmodromes .list.size2 a:nth-child(3) .text:before {right: 34px;}
.page-cosmodromes .list.size2 a:nth-child(2) .text:before,
.page-cosmodromes .list.size2 a:nth-child(1) .text:before {left: 34px;}

}

@media screen and (min-width: 1280px) and (max-width: 1400px) {
.page-cosmodromes .list.size2 .name {font-size: 1.3rem;}
.page-cosmodromes .list.size2 .anons {line-height: 1.1em;}
}


/*-------- космодромы-карта ------*/




.content iframe, .content img, .content table {max-width: 100%;}
.content .media_embed, .content iframe {background_: #cecece; background: #dee6f6;}
.content .media_embed iframe {display: block; margin: 0 auto;}

.content td img {max-width: none !important;}

.content-page {background: #fff; box-shadow: 0 0 20px rgba(5,25,65,0.2); padding: 2rem; box-sizing: border-box; width: 100%;}



/* Header
-----------------------------------------------------------------------------*/
.header .topb {width: 179px; height: 55px; background_: url("/im/topb_mv.png") 50% 50% no-repeat; background-size: cover; position: absolute; top: 8px; left: 380px; display: block;}
.header .topb img {width: 100%; height: auto;}
@media screen and (max-width: 980px) {
.header .topb {display: none;}
}

/*.header .topb2 {width: 126px; height: 55px; background: url("/im/topb_golosovanie.jpg") 50% 50% no-repeat; background-size: cover; position: absolute; top: 8px; left_: 380px; left: 50%; margin-left: -52px; display: block;}*/
.header .topb2 {height: 55px; position: absolute; top: 8px; left: 50%; margin-left: -52px; display: inline-block; overflow: hidden;}

@media screen and (min-width: 981px) and (max-width: 1600px) {
.header .topb2 {margin-left: -30px; width: 126px; max-width: 126px;}
.header .topb {left: 280px;}
}
@media screen and (max-width: 1024px) {
.header .topb2 {display: none;}

.home .header .width {width: 90%;}
}


.header {background_: url("/im/newyear/snow.png") 50% 0 no-repeat #fff; background-size: cover; width: 100%; background: #fff; height: 75px;}
/*.header .ny2019 {width: 350px; height: 56px; background: url("/im/ny2019/2020.png") 50% 50% no-repeat; background-size: cover; position: absolute; top: 13px; left: 50%; margin-left: -205px;}*/

.header .width {margin-top: 0;}
.header .logo {display: inline-block; position: absolute; left: 20px; top: 20px;}
.header .logo, .header .logo img {width_: 300px; height_: 45px; width: 241px; height: 36px;}

.header .social {position: absolute !important; top: 25px; right: 140px; height: 25px; display: inline-block;}
.social a {display: block; float: left; position: relative;}
.header .social a {width: 36px; height: 25px; margin-top: 5px;}
.header .social a span:after {transition: all 0.4s; content: ''; background: #ff2e2d; height: 0px; display: block; position: absolute; left: 0; bottom: 0px; width: calc(100% - 4px); margin: 0 2px;}
.social a span {transition: all 0.4s; width: 16px; height: 16px; margin: 0 auto; display: block; background: 50% 50% no-repeat; background-size: cover;}
.social .tg span {background-image: url("/im/social/tg.svg");}
.social .fb span {background-image: url("/im/social/fb.svg");}
.social .tw span {background-image: url("/im/social/tw.svg");}
.social .ig span {background-image: url("/im/social/ig.svg");}
.social .yt span {background-image: url("/im/social/yt.svg");}
.social .vk span {background-image: url("/im/social/vk.svg");}
.social .fl span {background-image: url("/im/social/fl.svg");}
.social .ok span {background-image: url("/im/social/ok.svg");}
.header .social a:hover span:after {height: 5px;}
.header .social a:hover span {margin-top: -5px;}

.header .icons {position: absolute !important; top: 25px; right: 8px; height: 25px; display: inline-block; border-left: 1px solid #ccc; padding-left: 30px;}
.header .icons a { margin-top: 5px; display: block; float: left; width: 36px; height: 25px; position: relative; color: #707173; text-decoration: none; text-align: center;}
.header .icons a span {transition: all 0.4s; height: 16px; display: block;}
.header .icons .map span {width: 16px; margin: 0 auto; background: url("/im/sitemap.svg") 50% 50% no-repeat; background-size: cover;}
.header .icons .lang span {width: 36px; font-size: 80%;}
.header .icons a span:after {transition: all 0.4s; content: ''; background: #0098f1; height: 0px; display: block; position: absolute; left: 0; bottom: 0px; width: calc(100% - 4px); margin: 0 2px;}
.header .icons a:hover span:after {height: 5px;}
.header .icons a:hover span {margin-top: -5px;}


/* Footer
-----------------------------------------------------------------------------*/
.footer {background: #ecedee; padding: 4rem 0;}
.home .footer, .home .footer .search input { background_: #d3e0f0;}


.footer .name {font-weight: 600; color: #707173; overflow: hidden;
    text-align: left;
 margin: 0px 0 2rem 0; border: none !important; padding-left: 0;
}
.footer .name span {margin: 0 1rem 0 0;
    display: inline-block;
    vertical-align: top;
}

.footer .name:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 1px;
    background-color: #707173;
    position: relative;
    margin-right: -100%;
    right_: -8px;
    margin-top: 0.9rem;
}

.footer .column {width: 33.5%; padding-right: 30px; float: left; display: block; vertical-align: top; box-sizing: border-box;}
.footer .column:nth-child(2) {width_: 40% !important;}
.footer .column-right {float: right; width: 240px; text-align: right !important;}
.footer .qr {width: 190px; float: left; padding-right: 0 !important;}
.footer .qr a {color: #959698; border: 1px solid #c2c2c2; float: left; display: block; text-align: center; float: left; text-decoration: none;}
.footer .qr a:hover {background: #fff; color: #000;}
.footer .qr a.apple { margin: 0 10px 0 5px;}
.footer .qr a em, .footer .qr span {display: block;}
.footer .qr a em {width: 70px; height: 70px; margin: 5px;}
.footer .qr a.apple em {background: url("/im/mobile_qr-apple.png") 50% 50% no-repeat; background-size: cover;}
.footer .qr a.google em {background: url("/im/mobile_qr-google.png") 50% 50% no-repeat; background-size: cover;}


.footer .column, .footer a.link {color: #707173; font-size: 0.9em; line-height: 1.5rem;}
.footer .column p {margin-bottom: 1em;}
.footer a.link {background_: rgba(163,178,191,0.3); display: inline-block; padding: 0.2em 0.8em; text-decoration_: none; position: relative; z-index: 2;}
.footer a.link:after {z-index: -1; transition: all 0.4s; content: ''; background: #00a2ff; height: 0; display: block; position: absolute; left: 0; top: 0px; width: 100%;}
.footer a.link:hover {color: #fff;}
.footer a.link:hover:after {height: 100%;}
.footer a.link-spec, .footer a.link-gr {margin-left: -0.8em; margin-top: 20px;}
.footer a.link-email {margin: -0.2em 0; }

.footer a.link-map {display: none; display_: inline-block; color: #707173; font-size: 0.9rem; line-height: 25px; border: 1px solid #707173; padding: 0 10px; text-decoration: none;}
.footer a.link-map:hover {color: #fff; background: #707173;}

.footer .search {margin: -15px 0 15px 0; color: #707173; font-size: 0.9rem; line-height: 1.5rem; border: 1px solid #707173; display: block; width: 100%; box-sizing: border-box; position: relative;}
.footer .search input {background: #ecedee; height: 25px; line-height: 25px; padding: 0 10px; width: 100%; box-sizing: border-box; outline: 0; border: none;}
.footer .search input:focus {box-shadow: inset 0 0 10px rgba(0,0,0,0.4); background: #fff;}
.footer .search a {display: block; width: 27px; height: 25px; position: absolute; top: 0; right: 0; text-decoration: none;}
.footer .search a:after {font-size: 2rem; color: #707173; content:"\2192"; position: relative; z-index: 1; right: 3px; display: inline-block; line-height: 20px;}
.footer .search a:hover {background: #707173;}
.footer .search a:hover:after {color: #fff;}

.footer .ray, .footer .ray a {text-align: right !important; font-size: 0.7rem; color: #707173; opacity: 0.6;}
.footer .ray a:hover { opacity: 1;}

.footer .social {margin-right_: -10px; position: relative; display: inline-block; text-align: right; margin-bottom: 30px;}
.footer .social a {width: 30px; height: 30px;}
.footer .social a span {width: 16px; height: 16px; margin: 7px; position: relative; z-index: 2;}
.footer .social a:after {transition: all 0.4s; content: ''; background: #fff; height: 0; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 0;}
.footer .social a:hover:after {height: 100%;}



.footer .ul1 { margin-bottom: 40px; vertical-align: top; font-size_: 0.9rem;
-webkit-column-count: 3; 
-moz-column-count: 3; 
column-count: 3;}

.footer .ul1 li {list-style: none; display: block;}
.footer .ul1 li a {position: relative; display: block; text-decoration: none; color: #214180; padding: 0px 0 5px 0;}
.footer .ul1 li a:hover { color: #ff2e2d;}


.footer .li1 > a {font-family_: fonts-bold; font-weight: 600; font-size: 1.3rem;}

.footer .li1 {page-break-inside: avoid; padding-bottom: 20px; box-sizing: border-box;}
.footer .li1:last-child {padding-top_: 0;}


.footer .contacts {color: #5e719b;}


/* News
-----------------------------------------------------------------------------*/
.newslist {padding: 0 0 3em 0; position: relative; width: 100%;}
.newslist:after {display: block; margin-top: 2em;
    content: "";
    position: relative;
    width: 400px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,78,181,1), rgba(0,152,241,1), rgba(0,152,241,0));
    border-left: 25px solid #ff2e2d;
}
.newslist .link { min-height: 150px; padding: 0px 15px 15px 230px; display: block; text-decoration: none; position: relative; box-sizing: border-box; height: 100%; width: 100%;}
.newslist .link:after {transition: all 0.3s linear; z-index: 3; content: ''; background: #ff2e2d; height: 0px; display: block; position: absolute; left: 0; bottom: 0; width: 100%;}
.newslist .link:hover:after {height_: 5px;}
.newslist .link:hover {box-shadow_: 0 0 20px rgba(5,25,65,0.2);}
.newslist .link .pict {position: absolute; display: block; margin_: 15px; width: 200px; height: 150px; top: 0; left: 0; overflow: hidden;}
.newslist .link .pict img {width: 100%; height: 100%;}
.newslist .link .name {font-family_: fonts-bold; display: block; margin-top: 1em; font-size: 1.2rem; font-weight: 600;}
.newslist .link .date {color_: #838c9b; background_: #dee6f6; color_: #214180;}
.newslist .link .date {color: #838c9b; background: #ecedee; width: 90px; height: 25px; line-height: 25px; text-align: center; font-size: 0.9rem; display: inline-block;}
.newslist em, .newsitem em.tags {display: inline-block; z-index: 2; position: absolute; font-size: 0.8rem;}
.newslist em {top: 0px; left: 330px;}
.newslist em a, .newsitem em a {color: #0bb5ff; display: inline-block !important; margin: 0em 0.5em 0 0; padding: 0.2em 0.4em;}
.newslist em a:hover, .newsitem em a:hover {color: #ff2e2d;}
.newslist .anons {font-size: 0.8em; margin-top: 10px; display: block; color: #000; line-height: 1.5em;}

.newsarchive {padding-bottom: 150px;}
.newsarchive:before {z-index: 0; position: absolute; top: 0; left: -30px; content:""; height: 100%; width: 20px; background: linear-gradient(-90deg, rgba(5,25,65,0), rgba(5,25,65,0.1));}
.newsarchive:after {z-index: 1; position: absolute; top: 0; left: -30px; content:""; height: 100%; width: 20px; background: linear-gradient(0deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);}
.newsarchive h4 {margin: 0px 0 20px 0;}
.newsarchive .year {color: #000; margin: 25px 0 5px 0px; position: relative; padding-left: 15px;}
.newsarchive .year:before  {content: ''; display: block; position: absolute; top: 3px; left: 0px; width: 0; height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #838c9b;
}
.newsarchive .month a {line-height: 1.5rem; z-index: 2; transition: all 0.1s linear; display: inline-block; padding: 0 10px; color: #00a2ff; background_: #d8dde4; margin: 0 0px 0px 0; font-size: 0.8rem; position: relative;}
.newsarchive .month a:after {z-index: -1; transition: all 0.4s; content: ''; background: #00a2ff; height: 0px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%;}
.newsarchive .month a:hover {background: none; color: #fff; text-decoration: none;}
.newsarchive .month a:hover:after {height: 100%;}

.newsitem {background_: #fff; box-shadow_: 0 0 20px rgba(5,25,65,0.2); padding_: 0 30px 30px 30px; box-sizing: border-box; width: 100%; position: relative;}
.newsitem h2 {font-size: 1.5rem; font-weight: 500; margin: 40px 0;}
.newsitem .date {color: #838c9b; display: inline-block; margin: 0 0 0 -30px; padding_: 0.7rem 0; font-weight: 600;}
.newsitem .date span {color: #fff; background: #838c9b; display: inline-block; padding: 0.7rem 1rem; margin-right: 0.7rem; font-weight: 400;}
.newsitem em.tags {top: 10px; left: 180px; text-align: right !important; width: calc(100% - 180px); padding-right_: 20px; box-sizing: border-box;}

.eventsitem h2 {font-family: fonts-bold; margin: 20px 0 40px 0;}
.eventsitem .date-events {color: #fff; background: #ff2e2d; padding: 5px 15px; display: inline-block; font-weight: 600;}
.newslist .date-events {color: #ff2e2d;}

.newslast .date {color: #838c9b;}
.newslast .name {font-weight: 600; font-size: 1.1rem; margin: 0.5rem 0 2rem 0; display: block;}

.share {padding: 20px 0 0 0; text-align: right;}
.share a {display: inline-block; margin: 0 0 15px; vertical-align: top;}
.share a:first-child:before {content: "Поделиться в соцсетях:"; display: inline-block; color: #828891; font-style: italic; line-height: 30px; vertical-align: top; padding-right: 10px;}
.share img {width: 30px; height: 30px;}


.taglist .link .pict img {height: auto !important;}



/* Видео-----------------------------------------------------------------------------*/

.codevideo {width: 100%; position: relative; padding-bottom: 56.25%; /* ratio 16/9 */}
.codevideo iframe {border: none; position: absolute; width: 100%; height: 100%;}
.videoitem h2 {margin-bottom: 20px !important;}
.videoitem .copyright {border-left: 5px solid #838c9b; color: #838c9b; background_: #a3aec0; display: inline-block; position: relative; font-size: 0.9em; padding: 0.5em 0.6em 0em 0.5em;}
.videoitem .description {margin-top: 2rem; clear: both;}

.videolist .link {min-height: 113px !important;}
.videolist .link .pict {height: 113px !important;}
.videolist .link .copyright, .videolist-up .link .copyright {position: absolute; display: block; left: 0; top: 113px; font-size: 0.7em; color: #838c9b; width: 200px;}

.videolist-up {width: calc(100% - 2rem) !important; margin-bottom: 2rem; margin-right: 2rem; border-bottom: 1px dotted rgba(0,0,0,0.4);}
.videolist-up .link {padding: 0 0 2rem 0 !important;}
.videolist-up .link .pict {width: 400px !important; height: 225px !important; position: relative !important; float: left; margin-bottom: 2rem; margin-right: 2rem;}
.centercolumn div[class~='videolist-up']:last-of-type {margin-bottom: 4rem !important;}
.videolist-up .link .copyright {top: 225px !important;}

.videolast {position: relative; margin: 0 0 4rem 0;}
.videolast span {display: block;}
.videolast .pict {width: 200px; height: 113px; overflow: hidden;}
.videolast .pict img {width: 100%; height: auto;}
.videolast .date {color: #838c9b; text-decoration: none !important; position: absolute; top: 0; left: 200px; font-size: 0.8em; color: #838c9b; background: #ecedee; padding: 0.3em 0.5em;}
.videolast .name {font-weight: 600; font-size: 1rem; margin-top: 0.5rem; display: block;}


.videoblock {display: inline-block; width: 20%; box-sizing: border-box; vertical-align: top;}
.videomainpage {position: relative;}
/*
.videomainpage .blockblue {margin-top: 5em; width: 75%;}
.videomainpage .blockblue span {text-transform: uppercase;}
*/
.videomainpage .link2 {position: absolute; top: -10px; right: 4em; display: inline-block; font-size: 0.9rem; color: #0bb5ff; text-decoration: none;}
.videomainpage .link2:before {content: ''; display: block; width: 0; height: 0;
    position: absolute;
    top: 10px; right: -10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #0bb5ff;
}
.videomainpage .link2:hover, .videomainpage .title a.link1:hover {color: #ff2e2d;}
.videomainpage .title {margin-top: 3em; overflow: hidden; border-left_: 3px solid #fa0a11; font-size: 1.5rem; line-height: 1.2em;}
.videomainpage .title span,
.videomainpage .title a.link1 {color: #0051bb; margin-right: 0.5em; display: inline-block; vertical-align: top; text-decoration: none;}
.videomainpage .title span:before,
.videomainpage .title a.link1:before {content: ""; display: inline-block; float: left; width: 0.3em; height: 0.3em; background: #fa0a11; margin: 0.3em 0.3em 0 0; vertical-align: top;}
.videomainpage .title:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 80%;
    height: 1px;
    background-color_: #0051bb; background-image: linear-gradient(to right, rgba(0,78,181,1), rgba(0,152,241,1), rgba(0,152,241,0));
    position: relative;
    margin-right: -100%;
    margin-top: 0.8em;
}
.videoblock img {width: 95%; height: auto; display: block;}
.videoblock .pict {width: 100%;}
.videoblock .pict:after {
    display: block;
    content: "";
    position: relative;
    width: 85%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,78,181,1), rgba(0,152,241,1), rgba(0,152,241,0));
    border-left: 25px solid #ff2e2d;
}
.videoblock a {display: block; text-decoration: none; margin: 2em 2em 0em 0; position: relative;}
.videoblock span {display: block;}
.videoblock .date {position: absolute; z-index: 1; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; padding: 0.3em 0.5em; font-size: 0.8em;}
.videoblock .name {width: 95%; font-size: 0.9em; font-family: fonts; padding-top: 0.5em;}


/* Словарь
-----------------------------------------------------------------------------*/
.dictionary-nav {margin: 0 0 30px 0;}

.dictionary-nav a { z-index: 2; text-align: center; line-height: 40px; width: 40px; border-radius: 100%; display: inline-block; margin: 0 8px 8px 0; position: relative;
    background: #214180;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.dictionary-nav a:after {transform: scale(0); z-index: -1; transition: all 0.3s; content: ''; background: #ff2e2d; height: 100%; display: block; position: absolute; left: 50%; top: 50%; width: 100%; margin: -20px 0 0 -20px; border-radius: 100%;}
.dictionary-nav a:hover:after {height_: 100%; transform: scale(1.3);}

.dictionary-nav a.active {pointer-events: none; background: #00a2ff;}
.dictionary-nav a.active:after {height_: 100%;}


.dictionary-name {position:relative; top: 0.4rem; z-index: 2; display: inline-block; font-family: fonts-bold; line-height: 1em; font-size: 1.5rem; color: #ff2e2d; background: #fff; padding: 0 0.7rem; margin-left: 2em;}
.dictionary-text {position: relative; margin-bottom: 1.6rem; border: 1px dotted #5a7193; background: #fff; border_: 2px solid #004eb5; padding: 2em 1.5rem 1rem 1.5rem; border-radius: 4px;}

.dictionary-words a {font-size: 1.2rem; font-weight: 600; margin: 0.4rem; line-height: 2em; z-index: 2; transition: all 0.1s linear; display: inline-block; padding: 0 10px; color: #00a2ff; background_: #d8dde4; position: relative;}
.dictionary-words a:after {z-index: -1; transition: all 0.4s; content: ''; background: #00a2ff; height: 0px; display: block; position: absolute; left: 0; bottom: 0px; width: 100%;}
.dictionary-words a:hover {background: none; color: #fff; text-decoration: none;}
.dictionary-words a:hover:after {height: 100%;}

.dates-date {position:relative; top: 0.7rem; padding: 0.2em 0.7rem; z-index: 2; display: inline-block; font-size: 1.2rem; font-weight: 600; color: #00a2ff; background: #fff; border-radius: 4px; margin-left: 1em;}
.dates-text {position: relative; margin-bottom: 1.6rem; border: 1px dotted #5a7193; background_: #fff; border_: 2px solid #004eb5; padding: 1.2em 1rem; border-radius: 4px;}

/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/


.documents {margin-left: 0 !important;}
.documents a {display: block; position: relative; margin-bottom: 1.6rem; border: 1px dotted #5a7193; padding: 0.8em; border-radius: 4px;}


/* launch
-----------------------------------------------------------------------------*/
/*----.content table.table-launch:nth-of-type(2) .pusk-result {display: none !important;}----*/
.table-launch.plan .pusk-result {display: none !important;}
.table-launch td.pusk-nn {background: #eee; text-align: center;}
.table-launch td {border: 1px dotted #214180 !important; padding: 10px 15px !important; vertical-align: middle;}
.table-launch td.pusk-date {text-align_: right; font-family_: monospace; color: #fff; background: #214180; padding-left_: 10px !important; padding-right_: 10px; margin: 2px 0; border-radius_: 4px;}
.table-launch td.pusk-name {position: relative; font-weight: 800; padding-left: 1.8em !important;}
.table-launch td.pusk-name:before {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ff2e2d;
}
.table-launch td.pusk-place, .table-launch td.pusk-rn {text-align: center;}
/*----.table-launch td:nth-child(5) {font-size: 0.8rem;}----*/


.table-launch td a {display: block; height: 100%; text-decoration: none;}
.table-launch.active td:nth-child(2),
.table-launch.active td:nth-child(3),
.table-launch.active td:nth-child(4) {background: #006cfb; color: #fff; border: none !important;}
.table-launch.active td:nth-child(3) a,
.table-launch.active td:nth-child(4) a {color: #fff;}
.table-launch.active td:nth-child(2):before {top: 18px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
}

.table-launch .time-day {color: #eee; margin-left: 10px; display: inline-block;}
.table-launch .time-day.today {color: #fff; background: #ff2e2d; padding: 0px 10px; box-sizing: border-box;}


.launch-years a {background: #006cfb; display: inline-block; margin: 4px; color: #fff; text-decoration: none; padding: 0.5em 1em; border-radius: 4px;}
.launch-years a:hover {background: #00a2ff;}
.launch-years a.active {background: #214180;}

.launch-btn {text-align: right; margin-top: -3em;}
.launch-btn a {
    background: #006cfb;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 1em;
    border-radius: 4px;
}
.launch-btn a:hover {background: #00a2ff;}
.launch-btn a.active {background: #214180;}

/* Cosmonauts
-----------------------------------------------------------------------------*/
.mks-page .crew {display: block; background_: linear-gradient(140deg, rgba(0, 41, 94, 0) 30%, rgba(0, 41, 94, 0.8)); position: relative; margin-bottom: 50px;}
.mks-page .crew .title { width: 170px; background: linear-gradient(90deg, #00295e, #004eb5); float: left; margin-right: 30px; display: inline-block; float: left; background_: #ff2e2d; padding: 8px 13px; color: #fff;}
.mks-page .crew .title, .mks-page .crew .title p {text-align: center !important; font-size: 1.2rem;}
.mks-page .crew .title span {font-family: fonts-bold;}
.mks-page .crew .title img {display: block; height: 120px; margin: 5px auto 5px auto;}

.mks-page .crew a {display: inline-block; float: left; vertical-align: top; text-align: center; width: 100px; margin-right: 20px; line-height_: 1.6em; text-decoration: none;}

.mks-page .crew a .pict {display: block; position: relative; height: 130px; width: 87px; margin: 0 auto 5px auto;}
.mks-page .crew a .pict img {width: 100%; height: 100%; display: block;}
.mks-page .crew a .pict:after {transition: all 0.3s linear; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 5px; background: #004eb5; content: "";}
.mks-page .crew a:hover .pict:after {height: 20px;}
.mks-page .crew a:first-child .pict:after {background: #ff2e2d;}
.mks-page .emblema {}
.mks-page .people {font-size: 0.8rem; float: left;}

.persons a {position: relative; display: inline-block; height: 120px; width: 260px; margin: 0 2.5em 2.5em 0; vertical-align: top; text-decoration: none; border-left: 5px solid #ff2e2d; background: linear-gradient(90deg, #00295e, #004eb5); color: #fff;}
.persons .pict {display: block; width: 80px; height: 120px; float: left; margin-right: 0.3em; position: relative; z-index: 1;}
.persons .fio {display: table-cell; vertical-align: middle; height: 120px; position: relative; z-index: 2; padding: 1em; box-sizing: border-box;}
.persons a:after {transition: all 0.3s linear; background: #00295e; content: ""; height: 100%; width: 0%; display: block; position: absolute; top: 0; left: 0; z-index: 0;}
.persons a:hover {color: #fff;}
.persons a:hover:after {width: 100%;}


/* feedback
-----------------------------------------------------------------------------*/
.feedback p {width: 30%; float: left; margin: 0 20px 15px 0; font-size: 0.9em; text-align: left !important; box-sizing: border-box;}
.feedback p input {display: block;}
.feedback p.tems {width: 100%;}
.feedback .blockgray p {margin-bottom: 5px;}
.feedback p input, .feedback select {width: 100%; margin-top: 3px; border: 1px dotted #5a7193; padding: 0.5em 1em; border-radius: 4px; box-sizing: border-box; outline: 0;}
.feedback .text {box-shadow: 0 0 20px rgba(0,0,0,0.2); border: 1px dotted #5a7193; padding: 1.5em 2em; border-radius: 4px; background: #eee;}
.feedback textarea {border: 1px solid #d1d1d1; background: #fff; width: 100%; max-width: 100%; min-width: 100%; margin-top: 3px;}
.feedback input:focus, .feedback select:focus {box-shadow: inset 0 0 10px rgba(0,0,0,0.2);}

.feedback .answer div {line-height: 30px; margin: 20px 0; display: inline-block; padding-right: 20px;}
.feedback .answer input {width_: 30px; height_: 30px; float_: left;}
.feedback .answer, .feedback .code { color: #214180;}

.feedback .attach {margin: 20px 0;}
.feedback .attach, .feedback .attach input {font-size: 0.8rem;}
.feedback .attach p {width: 250px !important;}
.feedback .attach span {font-size: 0.7rem; margin-top: 15px; display: block; float: right; width: calc(100% - 270px);}

.feedback .code-send { border-top: 1px dotted #5a7193; padding-top: 1em; height: 72px;}
.feedback .code {float: left; width: 500px; height: 100%;}
.feedback .code p {width: 250px !important;}
.feedback .code img {float: left; margin-top: 20px;}

.feedback .send {float: right; width: 500px; height: 100%; position: relative;}
.feedback .send button {position: absolute; right: 0; bottom: 0; margin-top: 3px; padding: 0.75em 1.5em; border-radius: 4px; color: #fff; cursor: pointer; background: #006cfb; border: none; display: inline-block;}
.feedback .send button:disabled {background: #ccc;}

.feedback .send ._answer {display: inline-block; position: absolute; bottom: 0; right: 150px; color: #0bb5ff; font-weight: 600; padding: 0.5em; border-radius: 4px;}
.feedback .send ._answer._error {display: inline-block; background: #fa0a11; color: #fff;}

._busy {text-align: center !important; font-size: 1.1rem; box-shadow: 0 0 200px rgba(0,40,100,0.5); display: none; border-radius: 4px; z-index: 90; border: 1px solid gray; position: fixed; top: 50%; left: 50%; margin-top: -75px; margin-left: -175px; padding: 30px 50px; text-align:center; width: 350px; height: 150px; background: #fff; box-sizing: border-box;}
._busy img {margin-top: 20px;}


/* feedback-otbor-test ---*/

.feedback_otbor {background: url("/im/feedback_otbor_bg.jpg") 50% 0 no-repeat #112b78; background-size: cover; padding: 60px 80px 80px 80px; color: #fff; position: relative; margin-top: -30px;}
.feedback_otbor .fl {width: 350px; float: left;}
.feedback_otbor .fr {width: 350px; float: right;}

.feedback_otbor .fl p input, .feedback_otbor .fl p select {width: 150px;}
.feedback_otbor .fr p input, .feedback_otbor .fr p select {width: 350px; max-width: 100%;}
.feedback_otbor .fl p, .feedback_otbor .fr p {margin-bottom: 25px; box-sizing: border-box; font-size: 1.1em; white-space: nowrap;}

.feedback_otbor p input[type="radio"] {display: inline-block; margin-left: 15px; width: 15px !important; border-radius: 8px; border: 3px solid #fa0a11 !important; position: relative;}
.feedback_otbor p input[type="text"], .feedback_otbor select {height: 40px; line-height: 40px; border-radius: 3px; background: #e6e9ed; display: block; border-left: 5px solid #fa0a11 !important; width_: 100%; margin-top: 5px; border: none; padding: 0 1em; box-sizing: border-box; outline: 0; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); position: relative;}
.feedback_otbor select option {background: #fff;}
.feedback_otbor input:focus, .feedback select:focus {background: #fff !important;}


.feedback_otbor .code-send {width: 350px; margin-top: 4em; position: relative; float: right;}
.feedback_otbor .code {width: 350px; background: #2050A0; border-radius: 3px; position: relative; margin: -20px 0 15px 0;}
.feedback_otbor .code, .feedback_otbor .code input {float: left; height: 50px; line-height: 50px;}
.feedback_otbor .code img {position: absolute; top: 0; right: 5px;}
.feedback_otbor .code input {color: #fff; letter-spacing: 2px; font-weight: 600; width: 150px; background: none; border: none; border-left: 5px solid #006cfb !important; padding: 0 1em; box-sizing: border-box; outline: 0; box-shadow: inset 0 0 20px rgba(0,0,0,0.4); border-radius: 3px;}
.feedback_otbor input:focus {background: #fff; box-shadow: inset 0 0 10px rgba(0,0,0,0.3);}
.feedback_otbor input:disabled, .feedback_otbor select:disabled {opacity: 0.5;}

.feedback_otbor button {width: 145px; height: 40px; line-height: 40px; border-radius: 3px; color: #fff; cursor: pointer; background: #006cfb; border: 2px solid #006cfb; display: inline-block; text-align: center; box-sizing: border-box;}
.feedback_otbor button:disabled {background: none; opacity: 0.5; color: #006cfb;}
.feedback_otbor .code input:focus {background: #112b78 !important;}
.feedback_otbor .code, .feedback_otbor button {box-shadow: 0 0 40px rgba(0,10,35,0.7);}

.feedback_otbor ._answer {display: block; color: #006cfb; margin-top_: 1em; position: absolute; bottom: -38px; left: 0;}
.feedback_otbor ._answer._error {display: block; font-weight: 600; background_: #fa0a11; color_: #fa0a11; color: #fff;}


.feedback_otbor .otbor_result {position: absolute; bottom: 0; left: 0; width: 60%; height_: 100%; background_: rgba(0,0,0,0.7); box-shadow: 20px -20px 20px rgba(0,10,35,0.5);}
.feedback_otbor .otbor_result .text {text-align: justify; color: #112b78; padding: 2em 3em 4em 4em; font-size: 1.1em; line-height: 1.2em; font-weight: 600; margin_: 150px auto; width_: 60%; box-sizing: border-box; position: relative; background-image: linear-gradient(to top right, rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0.4)); background_:rgba(255,255,255,0.9); }
.feedback_otbor .otbor_result .text:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-image: linear-gradient(to right, rgba(0,78,181,1), rgba(0,152,241,1), rgba(0,152,241,0)); border-left_: 40px solid #ff2e2d;}
.feedback_otbor .otbor_result .text:after {content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 3px;  background-image: linear-gradient(to left, rgba(0,152,241,1), rgba(0,152,241,0));}
.feedback_otbor .otbor_result .text img {width: 100px; height: 100px;}

.feedback_otbor .otbor-param-list {margin: 15px 0 -20px 0;}
.feedback_otbor .otbor-param-list p {padding: 0; margin-left: 20px;}



 /* Search
-----------------------------------------------------------------------------*/

.content .search input {width: 100%; margin: 0 20px 20px 0; border: 1px dotted #5a7193; padding: 0.5em 1em; border-radius: 4px; box-sizing: border-box; outline: 0;}
.content .search input:focus {box-shadow: inset 0 0 10px rgba(0,0,0,0.2);}

.search-num {margin: 0 0 20px 0; font-style: italic; text-align: right; font-size: 0.8rem; opacity: 0.7;}


.search-result {margin-bottom: 20px;}
.search-result span, .search-result a {display: block; line-height: 1.5rem;}
.search-result .num {float: left; font-size: 0.7em; color: #828891; margin-top: 3px;}
.search-result .date {color: #214180; background: #dee6f6; float: left; width: 80px; margin: 0 20px 0px 10px; font-size: 0.8em; padding: 3px 10px; box-sizing: border-box;}
.search-result .title {font-family: fonts-bold; font-weight: 400; font-size: 1.1em;}
.search-result .gray {font-size: 0.8em;}

 /* Blogs
-----------------------------------------------------------------------------*/

.pages { padding: 20px; position: relative; background:_ #f0f1f6; text-align: center; font-size: 120%;}
.pages a, .pages span {border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 38px; text-align: center; margin: 10px;}
.pages a {background: #214180; color: #fff; text-decoration: none; transition: all 0.2s linear;}
.pages a:hover {background: #0bb5ff; color: #fff;}
.pages span {background: #fff; border: 1px solid #0bb5ff; color: #0bb5ff;}

.blog .title {display: block; text-decoration: none; color: #2050A0; font-size: 220%; font-weight: 600; line-height: 1em; margin-bottom: 15px;}
.blog a.title {margin-top: 2rem;}
.blog a.title:hover {color: #ff2e2d;}
.blog .date-name {margin: 0 0 1em 0; background_: #dee6f6; line-height_: 2.5em; height_: 2.5em; font-size_: 90%;}
.blog .date-name .gray {display: inline-block; padding_: 0 1.5em; margin-right: 1em; background_: #ecedee; color: #838c9b;}
.blog .date-name .graybg {background_: #ecedee;}
.blog .date-name .name {display: inline-block; position: relative; padding-left: 10px;}
.blog .date-name .name:before {
    content: '';
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff2e2d;
}
.blog .blogger {position: relative; top: -2rem;}
.blogvostok .post .name,
.blogvostok .blogger, 
.blogmks .post .name,
.blogmks .blogger {display: none;}
.blog .post .kolvo {margin: 2em 0 4em 0;}
.blog .post .kolvo a {display: inline-block; position: relative; color: #214180; padding-left: 20px; font-size: 95%; margin-right: 1rem;}
.blog .post .kolvo a:hover {color: #0bb5ff;}
.blog .post .kolvo a:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #0bb5ff;
}
.blog.comments .comm_lvl2, .blog.comments .comm_lvl3, .blog.comments .comm_lvl4, .blog.comments .comm_lvl5 {margin-top: -20px; border-left: 1px solid #ccc; padding-left: 10px; box-sizing: border-box;}
.blog.comments .comm_lvl2 {margin-left: 40px;}
.blog.comments .comm_lvl3 {margin-left: 80px;}
.blog.comments .comm_lvl4 {margin-left: 120px;}
.blog.comments .comm_lvl5 {margin-left: 160px;}
.blog.comments .text {border: 1px dotted #5a7193; padding: 1em 1.5em; border-radius_: 4px; margin-bottom: 30px;}
.blog.comments .blockgray {background: #dee6f6; padding: 0.5em 1em; font-size: 80%; border-radius_: 4px; color: #2050A0;}
.blog .answer_button {margin-top: 1.5em; display: inline-block; font-size: 90%;}


.comment_form {box-shadow: 0 0 20px rgba(0,0,0,0.2); border: 1px dotted #5a7193; padding: 1em 1.5em; border-radius: 4px; background: #eee; margin: 10px 0;}
.comment_form p {width: 30%; float: left; margin: 0 20px 15px 0; font-size: 0.9em; text-align: left !important; box-sizing: border-box;}
.comment_form .text-comm p {margin-bottom: 0;}
.comment_form p input {display: block;}
.comment_form p input, .comment_form textarea {width: 100%; margin-top: 3px; border: 1px dotted #5a7193; padding: 0.5em 1em; border-radius: 4px; box-sizing: border-box; outline: 0;}
.comment_form_ textarea_ {border: 1px solid #d1d1d1; background: #fff; width: 100%; max-width: 100%; min-width: 100%; margin-top: 3px;}
.comment_form input:focus, .comment_form textarea:focus {box-shadow: inset 0 0 10px rgba(0,0,0,0.2);}

.comment_form .answer div {line-height: 30px; margin: 20px 0; display: inline-block; padding-right: 20px;}
.comment_form .answer input {width_: 30px; height_: 30px; float_: left;}
.comment_form .answer, .comment_form .code { color: #214180;}

.comment_form .code-send {margin: 2em -1.5em -1em -1.5em; padding: 1em 1.5em 2em 1.5em; height: 72px; background: rgba(255,255,255,0.5);}
.comment_form .code {float: left; width: 500px; height: 100%;}
.comment_form .code p {width: 250px !important;}
.comment_form .code img {float: left; margin-top: 10px; border-radius: 4px;}

.comment_form .send {float: right; width: 500px; height: 100%; position: relative;}
.comment_form .send button {position: absolute; right: 0; bottom: 0; margin-top: 3px; padding: 0.75em 1.5em; border-radius: 4px; color: #fff; cursor: pointer; background: #006cfb; border: none; display: inline-block;}
.comment_form .send button:disabled {background: #ccc;}

.comment_form .send ._answer {display: inline-block; position: absolute; bottom: 0; right: 150px; color: #0bb5ff; font-weight: 600; padding: 0.5em; border-radius: 4px;}
.comment_form .send ._answer._error {display: inline-block; background: #fa0a11; color: #fff;}

.comment_form ._busy {text-align: center !important; font-size: 1.1rem; box-shadow: 0 0 200px rgba(0,40,100,0.5); display: none; border-radius: 4px; z-index: 90; border: 1px solid gray; position: fixed; top: 50%; left: 50%; margin-top: -75px; margin-left: -175px; padding: 30px 50px; text-align:center; width: 350px; height: 150px; background: #fff; box-sizing: border-box;}
.comment_form ._busy img {margin-top: 20px;}

/* Menu
---------------------------------------
#topnav {position: absolute; display: block; height: 75px; top: 75px;}
--------------------------------------*/
.tm {background: #2050a0; background_: linear-gradient(90deg, #23529e, #00295e); width: 100%; max-width_: 100%; height: 55px; z-index: 1000; position: relative; position_: absolute; top_: 75px; left_: 0;}
.home .tm {background_: rgba(33, 65, 128, 0.5) !important; background: rgba(0, 40, 100, 0.5) !important;}
.tm .width {margin-top: 0px;}
.tm li {list-style: none;}
.tm a {color: #fff; text-decoration: none;}

.tm .ul1 {position: relative; display: block; text-align: left;}
.tm .li1 {position_: relative; display: inline-block; height: 55px; text-align: left;}
.tm .li1 > a {display: block; line-height: 55px; position: relative; padding: 0 8px; box-sizing: box;}
.tm .li1:hover, .tm .li1:focus {background: rgb(33, 65, 128);}
.tm .li1:hover > a {color: #0bb5ff;}
.tm .li1 > a:before { transition: all 0.3s linear; display: block; background: #fa0a11; position: absolute; left: 0; top: 0; width: 0%; height: 3px; content:"";}
.tm .li1:hover > a:before {width: 100%;}

.tm .ul2 {margin-left: 0px; min-width: 200px; transition: all 0.3s linear; display: none; box-sizing: border-box; background: rgb(33, 65, 128); position: absolute; top: 55px; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2); text-align: left;}
.tm .li1:hover .ul2 {display: block;}
.tm .li2 {display_: inline-block; width_: 280px;}
.tm .li2 > a {padding: 10px 30px 10px 20px; display: block; line-height: normal; position: relative;}
.tm .li2 > a:hover:before {display: inline-block; background: #fa0a11; position: absolute; left: 10px; top: 11px; width: 3px; height: 16px; content:"";}
.tm .li2 > a:hover {color_: #2d99e7; background: rgba(0,0,0,0.2);}


.path {font-size: 0.8rem; border-left: 2px solid #ff2e2d; padding-left: 8px; position: relative; z-index: 2;}
.path, .path a {color: #a1a8b3;}
.path a:hover {color: #ff2e2d;}


.titlepage {font-family: fonts-bold; font-size: 1.3rem; position: relative; z-index: 2;
  text-transform_: uppercase;
  color: #2050A0;
  display: table;
  margin: 1em 0 1.5em 0;
}

.titlepage h1 p {text-align: left;}


#menu-checkbox {display: none;}



.album {}
/*.album a {display: inline-block; width: 160px; min-height: 170px; vertical-align: top; position: relative; text-decoration: none; margin: 0 2rem 1rem 0; float_: left;} */
.album a {display: inline-block; vertical-align: top; width: 160px; min-height: 150px; position: relative; text-decoration: none; margin: 0 32px 20px 0;} 

@media screen and (min-width: 1920px) { 
.album a {margin-right_: 31px;}
.album a:nth-child(8n) {margin-right: 0;}
.centercolumn .album a:nth-child(8n) {margin-right: 32px !important;}
}
.album a .pict {display: block; width: 160px; height: 120px; overflow: hidden; position: relative;}
.album a .pict:after {position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #ff2e2d; display: block; content:""; transition: all 0.2s linear;}
.album a .title,
.album .signature {display: block; color: #838c9b; font-size: 0.7em; line-height: 1.1em; overflow: hidden; margin-top: 0.3em;}
.album a .pict img {transform: scale(1); transition: all 0.2s linear; width: 100%; height: auto;}
.album a:hover .pict img {transform: scale(1.1);}
.album a:hover .pict:after {width: 100%;}
.album .videoicon {position: absolute; top: 80px; left: 14px;}
.album .icon_vid {display: block; width: 50px; height: 19px; position: absolute; top: 10px; left: 10px; z-index: 9; background: url("/im/youtube.png") no-repeat 0 0;}
.album a .pict .copyright {position: absolute; bottom: 0; right: 0; display: inline-block; padding: 0.2em 0.4em 0.3em 0.4em; font-size: 0.6em; line-height: 1.1em; text-align: right; color: #fff; background: rgba(0,0,0,0.3);}


.broadcast {color: #fff; font-weight: 600;}
.broadcast a {width: 100%; height: 100%; display: inline-block; text-decoration: none; color: #fff;}
.broadcast p {background: #199ff5; text-align: center;}
.broadcast p.active {background: #ED1941 !important;}
.broadcast p span {margin-left: 10px; font-size: 1.1em;}
.broadcast p em {display: inline-block; width: 12px; height: 12px; background: #fff; border-radius: 50%; margin: 5px 10px 0 0; vertical-align: top;
opacity: 0; animation: online 1s ease-in-out infinite; animation-direction: alternate;}
@keyframes online {
   100% {opacity: 1;}
}

.page-inf .broadcast {min-width: 100%; height: 40px; box-sizing: border-box;}
.page-inf .broadcast p a { padding: 10px 40px 15px 40px; box-sizing: border-box;}
.page-inf .broadcast p.active {position: fixed; top: 0; left: 0; z-index: 1001; box-shadow: 0px 0px 20px rgba(0,0,0,0.3); min-width: 100%;}

.home .start-right .block1w {display: block !important;}
.home .broadcast {position: absolute !important; bottom: 0; left: 0; width: 100%; z-index: 800;}
.home .broadcast p {padding: 8px 10px 13px 10px;}
.home .broadcast p span {margin-left: 0px; font-size_: 1em; display: block;}

.to-top {text-align: center; transition: all 0.2s linear; overflow: hidden;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    border_: 1px solid #a1a8b3; background_: url("/im/arr_up.svg") 50% 50% no-repeat #0064e9; background-size_: cover;
    background-color: #a1a8b3;
    z-index: 2000;
    display: none;

}
.to-top:hover {background-color: #ff2e2d;}
.to-top span {font-size: 300%; font-family: fonts-bold; display: inline-block; width: 100%; padding: 5px; color: #fff; border-radius: 5px; box-sizing: border-box;}


/* page-content
-----------------------------------------------------------------*/
.historyvoshod2 {background: url("/media/files/history/voshod2/bg_voshod2.jpg") 50% 0 repeat-y !important;}
.historyepas {background: url("/media/files/history/epas/bg_epas.jpg") 50% 0 repeat-y !important;}

.historypage {margin-top: -80px; padding-top: 150px; min-height: 100%; min-width: 1200px; background: url("/media/files/history/bg_oldpaper.jpg") 50% 0 repeat-y; background-size: contain; position: relative; z-index_: -1;}
.historypage:after {    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute; bottom: 0; left: 0;}
.historypage table {min-width: 1200px; max-width: 100%; margin: 0 auto; padding: 0;}
.historypage table tr {margin: 0; padding: 0;}
.historypage table td {box-sizing: border-box; color: rgba(0,0,0,1); padding: 0 50px;  text-shadow: 0 0 10px #fff; width: calc(100% - 306px);}
.historypage table h2 {color: #1c1816;}
.historypage table th {box-sizing: border-box; font-weight: normal; font-size: 1.1em; text-align: left; background: url("/im/history/history_doc_bg.png") 0 0 no-repeat; display: block; margin: 0; width: 306px; height: 425px; position: relative; padding: 0;}
.historypage table th a {display: block; width: 100%; height: 100%; position: absolute; z-index: 3;}
.historypage table th a span {color: #1c1816; line-height_: 95%; position: absolute; left:0; bottom: 0; z-index: 1; display: block; width: 100%; background: url("/im/history/history_doc_sign_bg.png") 50% 100% no-repeat; padding: 8px 28px 30px 28px; box-sizing: border-box; text-align: center;}
.historypage table th a span em {font-style: normal; display: block; margin-bottom: 5px; color: #000;}
.historypage table th img {position: relative; width: 250px; height: 350px; opacity: 0.6; transition: all 0.3s linear; margin: 28px 0 0 28px;}
.historypage table th a:hover img {opacity: 1;}
.historypage table th a:hover span {color: #000;}
.historypage table th a:after {content: "";
    display: block; width: 250px; height: 350px;
    background: url("/media/files/moon/history_doc_upp_clean.png") 0 0 no-repeat; background-size: cover;
    position: absolute; top: 28px; left: 28px; pointer-events: none;}
.moon-line {display: block; height: 2px; margin-bottom: 30px; background: linear-gradient(to left, rgba(173, 173, 173, 0), rgba(173, 173, 173, 1), rgba(173, 173, 173, 1), rgba(173, 173, 173, 0));}

.historypage .section-bord { border: 1px dashed rgba(0,0,0,0.3); padding: 2rem 3rem;}
.historypage .section-bord a {color: #000;}	
.historypage .section-bord ul li:before {border-left: 6px solid #000;}
.historypage .foto-sl {width: 490px; height: 370px; padding: 25px 45px; box-sizing: border-box; margin: 0 30px 0 -20px; float: left; background: url("/media/files/history/voshod/bg_foto.png") 0 0 no-repeat; background-size: contain;}	
.historypage .foto-sl .content-slider-1 {margin: 0 !important; float: none !important;}	

.historypage .album a {display: block; width: 150px; height: 117px; overflow_: hidden; position: relative; text-decoration: none; margin: 0 20px 20px 0; float: left;} 
.historypage .album a:after {display: block; width: 150px; height: 113px; box-shadow: 0 0 10px rgba(0,0,0,0.3) inset; border-radius: 5px; content:""; position: absolute; top: 0; left: 0;}
.historypage .album a .title {line-height: 1em; position: relative; height: 3em; overflow: hidden;}
.historypage .album a .title:after {text-align: right; font-size: 1.5em; width: 80%; height: 1em; display: block; content:"\2026"; background: url("/im/album_point.png") 100% 100% no-repeat; background-size: contain; border-radius: 3px; padding-right: 5px; box-sizing: border-box; overflow: hidden; position: absolute; bottom: 0; right: 0; z-index: 2;}
.historypage .album .pict {width: 150px !important; height: 113px !important; border-radius: 5px;}
.historypage .album img {width: 150px !important; height: 113px !important; border-bottom: none; border-radius: 5px; transform: scale(1); transition: all 0.2s linear;}
.historypage .album a:hover img {transform: scale(1.1);}	

.historypage .foto1 td {width: 25%; width_: 290px; display_: inline-block; margin_: 0 2px; padding: 0px; text-align: center; vertical-align: top; line-height: 90%;}

.historypage .audiomat .noborder {margin: 0 auto 0 0; min-width: 100%;}
.historypage .audiomat .noborder td {width: 33%;}

.history-links {position: relative; z-index: 2; text-align: center;}
.history-links a {display: inline-block; padding: 0.7em 1.7em 1em 1.7em; margin-right: 2em; border: 1px solid #000; color: #000; font-size: 1.2rem; border-radius: 5px;}
.history-links a:hover {background: rgba(255,255,255,0.5);}

.historypage-doctab td h2:after {
    border-left: 4px solid #e20036;
    background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0));
    height: 2px;
    width: 50%;
    margin-top: 1rem;
    display: block;
    content: "";
}
.historypage th p {display: inline; padding: 0; margin: 0;}
.historypage td .newstroke {opacity: 0.6; font-size: 1.1em; padding: 0 0 0.5em 0; display: block;}

.moonpage {margin-top: -80px; padding-top: 150px; min-height: 100%; background: url("/media/files/moon/moonpage_bg_n2.jpg") 0 0 repeat-y; background-size: contain; position: relative; z-index_: -1;}
.moonpage:after {    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute; bottom: 0; left: 0;}
.moonpage table {min-width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0;}
.moonpage table tr {margin: 0; padding: 0;}
.moonpage table td {color: rgba(0,0,0,1); padding: 0 50px;  text-shadow: 0 0 10px #fff;}
.moonpage table h2 {color: #1c1816;}
.moonpage table th {font-weight: normal; font-size: 1.1em; text-align: left; background: url("/im/history/history_doc_bg.png") 0 0 no-repeat; display: block; margin: 0; width: 306px; height: 425px; position: relative; padding: 0;}
.moonpage table th a {display: block; width: 100%; height: 100%; position: absolute; z-index: 3;}
.moonpage table th a span {color: #1c1816; line-height_: 95%; position: absolute; left:0; bottom: 0; z-index: 1; display: block; width: 100%; background: url("/im/history/history_doc_sign_bg.png") 50% 100% no-repeat; padding: 8px 28px 30px 28px; box-sizing: border-box; text-align: center;}
.moonpage table th a span em {font-style: normal; display: block; margin-bottom: 5px; color: #000;}
.moonpage table th img {position: relative; width: 250px; height: 350px; opacity: 0.6; transition: all 0.3s linear; margin: 28px 0 0 28px;}
.moonpage table th a:hover img {opacity: 1;}
.moonpage table th a:hover span {color: #000;}
.moonpage table th a:after {content: "";
    display: block; width: 250px; height: 350px;
    background: url("/media/files/moon/history_doc_upp_clean.png") 0 0 no-repeat; background-size: cover;
    position: absolute; top: 28px; left: 28px; pointer-events: none;}
.moon-line {display: block; height: 2px; margin-bottom: 30px; background: linear-gradient(to left, rgba(173, 173, 173, 0), rgba(173, 173, 173, 1), rgba(173, 173, 173, 1), rgba(173, 173, 173, 0));}

.moonpage .section-bord { border: 1px dashed rgba(0,0,0,0.3); padding: 2rem 3rem;}	
.moonpage .foto-sl {width: 490px; height: 370px; padding: 25px 45px; box-sizing: border-box; margin: 0 30px 0 -20px; float: left; background: url("/media/files/history/voshod/bg_foto.png") 0 0 no-repeat; background-size: contain;}	
.moonpage .foto-sl .content-slider-1 {margin: 0 !important; float: none !important;}	
.moonpage .album a {display: block; width: 150px; height: 113px; overflow: hidden; position: relative; text-decoration: none; margin: 0 20px 20px 0; float: left;} 
.moonpage .album a:after {display: block; width: 150px; height: 113px; box-shadow: 0 0 10px rgba(0,0,0,0.3) inset; border-radius: 5px; content:""; position: absolute; top: 0; left: 0;}
.moonpage .album .pict {width: 150px !important; height: 113px !important; border-radius: 5px;}
.moonpage .album img {width: 150px !important; height: 113px !important; border-bottom: none; border-radius: 5px; transform: scale(1); transition: all 0.2s linear;}
.moonpage .album a:hover img {transform: scale(1.1);}	

.moonpage .foto1 td {width: 25%; width_: 290px; display_: inline-block; margin_: 0 2px; padding: 0px; text-align: center; vertical-align: top; line-height: 90%;}



.logo60poehali {width: 150px; height: 150px; border-radius: 50%; top: -1.5rem; right: 0; position: absolute; z-index: 98; background: url("/media/img/gagarin60/poehali60logo.png") 50% 50% no-repeat; background-size: cover; padding: 0 !important;}
.logo60poehali a {width: 100%; height: 100%; text-decoration: none; display: block;}
.logo60poehali a:after, 
.list.size1 a .pict:after,
.list.size2 a .pict:after {transform: scale(0); background: radial-gradient(rgba(255,255,255,0.0), rgba(255,255,255,0.3)); display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 2; content:'';}
.logo60poehali a:hover:after, 
.list.size1 a:hover .pict:after,
.list.size2 a:hover .pict:after {animation: blik 1.1s ease-in-out infinite;}
@keyframes blik {
   100% {transform: scale(1); opacity: 1;}
}



/* pages-awards
-----------------------------------------------------------------*/
.awards-page table {border-spacing: 0 !important; width:100%; border: none !important; position: relative;}
.awards-page table:after {content: ""; display: block; clear: both; height: 1px;}
.awards-page tr {display: inline;}
.awards-page td {margin: 1rem; width: calc(25% - 2rem); padding: 1rem 0.5rem 2rem 0.5rem !important; display: block; float: left; background: url("/im/awards_bg.jpg") 50% 50% no-repeat #01357c; color: #fff; text-align: center; vertical-align: top; box-sizing: border-box; border-bottom: 2px solid #82b6ff !important;}
.awards-page td img {margin-bottom: 10px;}
.awards-page td p {position: relative; text-align: center;}
.awards-page td a {display: block; text-decoration: none;}
.awards-page td a img {transform: translateY(0px); transition: all 0.3s linear;}
.awards-page td a:hover img {transform: translateY(-15px);}
.awards-page td p:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%; margin-left: -50px;
    width: 100px;
    height: 1px;
    background-image: linear-gradient(to left, rgba(250,10,17,0), rgba(250,10,17,1), rgba(250,10,17,0));
}
.awards-page td p:nth-child(2) {padding: 1.5em 0 0.5em 0;}
.awards-page td p:nth-child(3) {font-size: 1.3em;}



.awards-tab {border-spacing: 0 !important; min-width:100%; width:100%; border: none !important; position: relative; margin: 0 auto;}
.awards-tab:after {content: ""; display: block; clear: both; height: 1px;}
.awards-tab tr { width: calc(25% - 2rem); display: inline-block; margin: 1rem; height: 485px; padding: 1rem 0.5rem 2rem 0.5rem !important; float: left; background: url("/im/awards_bg.jpg") 50% 50% no-repeat #01357c; vertical-align: top; box-sizing: border-box; border-bottom: 2px solid #82b6ff !important;}
.awards-tab td {display: block; color: #fff; text-align: center; padding: 0;}
.awards-tab td:after {display: none;}
/*
.awards-tab-znak tr {margin_: 1rem; height: 475px; width: 400px;}
.awards-tab-medal tr {margin_: 1rem; height_: 500px; width: calc(25% - 2rem);}
*/
.awards-tab td {position: relative; text-align: center;}
.awards-tab td a {display: block; color_: #0098f1; text-decoration: none;}
.awards-tab td:nth-child(1) {padding: 0;}
.awards-tab td:nth-child(1), .awards-tab td:nth-child(1) a {color: rgba(255,255,255,0.7);}
.awards-tab td:nth-child(1) a {display: block; position: relative;}
.awards-tab td:nth-child(1) a:hover {color: #ff2e2d;; color_: rgba(255,255,255,1);}
.awards-tab td:nth-child(1) a:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%; margin-left: -50px;
    width: 100px;
    height: 1px;
    background-image: linear-gradient(to left, rgba(250,10,17,0), rgba(250,10,17,1), rgba(250,10,17,0));
}
.awards-tab td:nth-child(2) {height: 250px; padding: 1.5em 0 0 0; background_: url("/im/nopic_awards.png") 50% 50% no-repeat;}
/*.awards-tab td:nth-child(2) img {width: 200px;}*/
.awards-tab td:nth-child(3) {font-size: 1.3em; padding: 1em 0em 0 0em;}
.awards-tab td:nth-child(4) {padding: 0.5em 0; line-height: 1.2em; color: #82b6ff;}
.awards-tab td:nth-child(5) {padding: 0;}
.awards-tab .award-pict {transform: translateY(0px); transition: all 0.3s linear; position: absolute; bottom: -30px; left: 50%; margin-left: 70px; width: 50px; z-index: 2; display: block;}
.awards-tab .award-pict img {width: 100% !important; height: auto;}
.awards-tab .award-pict:hover {transform: translateY(-10px);}

.awards-tab-list td:first-child {font-size: 1.3em; white-space: nowrap;}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
.awards-tab tr { width: calc(33% - 2rem);}
}
@media screen and (max-width: 1024px) {
.awards-tab tr { width: calc(50% - 2rem);}
}


/*
.awards-page-people table {border-spacing: 0 !important; width_:100%; border: none !important; position: relative; margin: 0 auto;}
.awards-page-people table:after {content: ""; display: block; clear: both; height: 1px;}
.awards-page-people .tab tr {display: inline;}
.awards-page-people .tab td {margin: 1rem; height: 475px; width: calc(25% - 2rem); padding: 1rem 0.5rem 2rem 0.5rem !important; display: block; float: left; background: url("/im/awards_bg.jpg") 50% 50% no-repeat #01357c; color: #fff; text-align: center; vertical-align: top; box-sizing: border-box; border-bottom: 2px solid #82b6ff !important;}

.awards-page-people .tab-znak td {margin_: 1rem; height: 475px; width: 400px;}
.awards-page-people .tab-medal td {margin_: 1rem; height_: 500px; width: calc(33% - 2rem);}
.awards-page-people  .tab-blag td {margin: 0.5rem; width: calc(20% - 1rem);}

.awards-page-people .tab td p {position: relative; text-align: center;}
.awards-page-people .tab td a {display: block; color_: #0098f1; text-decoration: none;}
.awards-page-people .tab td p:nth-child(1) a {color: rgba(255,255,255,0.7);}
.awards-page-people .tab td p:nth-child(1) a:hover {color: #ff2e2d;; color_: rgba(255,255,255,1);}
.awards-page-people .tab td p:nth-child(1):after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%; margin-left: -50px;
    width: 100px;
    height: 1px;
    background-image: linear-gradient(to left, rgba(250,10,17,0), rgba(250,10,17,1), rgba(250,10,17,0));
}
.awards-page-people .tab td p:nth-child(2) {padding: 1.5em 0 0.5em 0;}
.awards-page-people .tab td p:nth-child(3) {font-size: 1.3em; margin: 1em 0.5em 0.5em 0.5em;}
.awards-page-people .tab td p:nth-child(4) {margin: 0 1em;}
.awards-page-people .tab .award-pict {transform: translateY(0px); transition: all 0.3s linear; position: absolute; top: 57%; left: 50%; margin-left: 70px; width: 50px; z-index: 2; display: block;}
.awards-page-people .tab .award-pict img {width: 100%; height: auto;}
.awards-page-people .tab .award-pict:hover {transform: translateY(-10px);}
*/


/*-------- Журналы ------*/

.journal-list {}

.journal-list a {text-decoration: none; border-left: 5px solid #ff2e2d; background: #004eb5; color: #fff; margin: 0 4rem 4rem 0; display: inline-block; float: left; box-sizing: border-box; position: relative; overflow: hidden;}
.journal-list a img {display: block; width: 220px; height: auto;}
.journal-list a .name {background: #2050A0; padding: 0.5rem 0.7rem; color: #fff; font-size: 0.8rem; width: 100%; box-shadow: 0px 5px 50px rgba(0,0,0,0.8); position: absolute; bottom: 1rem; left: 0; display: block; box-sizing: border-box;}
.journal-list a:hover .name {background: #ff2e2d;}

.rightcolumn .journal-list a img {width: 90px;}
.rightcolumn .journal-list a { margin: 0 1rem 1rem 0;}
.rightcolumn .journal-list a .name {margin-left: -90px; transition: all 0.3s linear; box-shadow: none; bottom: 0; height: 100%;}
.rightcolumn .journal-list a:hover .name {margin-left: 0;}

.journal-archive {margin: -1rem 0 1rem 0;}
.journal-archive a { display: inline-block; padding: 0.5em 1.5em; border: 1px solid #214180; text-decoration: none; font-size: 1.2em; font-weight: 600; margin: 0 1em 1em 0em;}
.journal-archive a:hover {color: #fff; background: #00a2ff; border: 1px solid #00a2ff;}

.journal-item {clear: both; padding-top: 30px;}
.journal-item .fl {float: left; width: 300px; height: 425px; border-left: 5px solid #ff2e2d; position: relative; box-sizing: border-box;}
.journal-item .fl.pict img {width: 300px; height: 425px;}
.journal-item .fr {float: right; width: calc(100% - 340px);}

.journal-item .download-pdf {margin: 2rem 0; vertical-align: top;}
.journal-item .download-pdf a {height: 48px; margin-right: 1rem; color: #ff2e2d; font-size: 1.2rem; font-weight: 600; text-decoration: none; display: inline-block; float: left; position: relative;}
.journal-item .download-pdf a span {height: 48px; line-height: 1.1em; margin: 0 2rem 0 0; padding: 0 0px 0 50px; display: block; border-right_: 1px dotted #828891; position: relative; z-index: 1;}
.journal-item .download-pdf a:before {position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; background: url("/im/icons/pdf_w.svg") 40% 50% no-repeat #ff2e2d; width: 40px; height: 100%; background-size: contain; display: block; content:"";}
.journal-item .download-pdf a:after {transition: all 0.3s linear; background: #0051bb; width: 0%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; display: block; content:"";}
.journal-item .download-pdf a:hover:before {background-color: #0051bb;}
.journal-item .download-pdf a:hover {color: #0051bb;}
/*.journal-item .download-pdf a:hover {border_: 1px solid #0051bb; color: #fff;}
.journal-item .download-pdf a:hover:after {width: 100%;}
*/
.journal-item .download-pdf .gray {border-left: 1px dotted #828891; display: inline-block; margin: 0.2rem 0 0 0; padding-left: 1rem;}
.journal-item .download-pdf .gray span {font-weight: 600; display: block; font-size: 1rem;}

.journal-item em.tags {margin-top: 1rem; padding-top: 1rem; display: block; border-top_: 1px dotted #828891;}
.journal-item em.tags a {color: #0bb5ff; display: inline-block; margin: 0 1rem 1rem 0;}
.journal-item em.tags a:hover, .newsitem em a:hover {color: #ff2e2d;}

/*-------- Журналы ------*/





/* CITY
-----------------------------------------------------------------*/

.page-city { height: 880px; position: relative; min-width: 1024px; margin-top: -1em;}
.descr-city {margin: -2em 0 2em 0;}
.city {width: 450px; height: 880px; columns: 2 auto; column-fill:auto;}
.city p {margin: 0; padding: 0; font-style: italic; white-space: nowrap;}
.city a:hover, .city .active a:hover {color: #0bb5ff;}
.city a:hover em:after, .city .active a:hover em:after {background: #2050A0; border: 1px solid #2050A0; color: #fff !important;}
.city a:hover em {color: #fff !important;}
.city a, .city span {display: block; line-height: 1.5em; border-radius: 1em;}
.city em {font-size: 0.8rem; display: inline-block; width: 1.4rem; text-align: center; margin-right: 0.5em; position: relative;}
.city em:after {border: 1px solid #ccc; width: 1.4rem; height: 1.4rem; content:""; position: absolute; top: 0; left: -1px; z-index: -1; border-radius: 50%; transition: all 0.3s linear;}
.city .active a {color: #ff2e2d; text-decoration_: none; pointer-events_: none;}
.city .active em {color: #fff;}
.city .active em:after {background: #ff2e2d; border: 1px solid #ff2e2d;}
/*.city .active a:hover em:after {background: none; border: 1px solid #2050A0;}*/

.citymap {max-width: 94%; width: 1398px; height: 760px; background: url("/im/city_map.jpg") 100% 0 no-repeat; background-size: contain; position: absolute; top: 1em; right: 0; z-index: -2;}
.city-fotosign {color: #828891; font-size: 0.9rem; font-style: italic; position: absolute; bottom: 0; right: 0;}
.page-city .share {position: absolute; bottom: 0; left: 300px;}
.page-city .share a {margin: 0;}
/*.page-city .share a:first-child:before {display: none;}*/
.city-iframe {
   position: absolute;
   z-index:100; 
   top:0; margin-top: 2em;
   left:50%;
   width: 900px;
   margin-left: -380px;
   height: 0px;
   box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
   transition: all 0.3s linear;
}
.city-iframe.show { height: 500px; margin-top_: -250px; }
.overlay {
   position: fixed; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
   min-width: 1250px; 
   max-width_: 1920px; 
   z-index:1001; 
   display:none; 
   cursor: pointer; 
   opacity:0.5; 
   background: rgba(0,41,94,0.5);
}

@media screen and (max-width: 1500px) {
.page-city {height_: 800px;}
.city {width: 80%; height: 15em; columns: 4 auto;}
.citymap {max-width: 100%; top: 10em;}
.page-city .share {left: 0px;}
}

@media screen and (max-width: 1280px) {
.page-city {height: 760px;}
}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
.city em {width: 1.5em;}
.city em:after {width: 1.5em; height: 1.5em;}
}


/* gagarin60
-----------------------------------------------------------------*/
.gagarin60 #swipebox-top-bar {bottom: 0; left: 0; max-width: 50%; width: auto; }
.gagarin60 #swipebox-title {padding: 3rem; border-left: 5px solid #ff2e2d; background: linear-gradient(90deg, #00295e, #004eb5); opacity: 1; color: #fff; text-align: left; font-size: 1.2rem;}



/*-------- ошибка в тексте ------*/
#mistake-form {display:none;}
#mistake-form {position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(0,0,0,0.4); z-index: 1000;}
#mistake-form .window {user-select: none; position: absolute; top: 15%; left: 30vw; width: 40vw; background: #fff; padding: 2rem 3rem;}
#mistake-form h2 {margin: -1rem 0 2rem 0;}
#mistake-form .incorrect-text p {color: #ff2e2d;}
#mistake-form .incorrect-text div {display: block; padding: 0.8rem; width: 100%; border: 1px solid #ff2e2d; box-sizing: border-box; margin-bottom: 2rem;}
#mistake-form .correct-text p {color: #2050a0;}
#mistake-form .correct-text input {display: block; padding: 0.8rem; width: 100%; border: 1px solid #2050a0; box-sizing: border-box;}
#mistake-form .buttons {text-align: right; }
#mistake-form button {border: none; font-size: 1rem; line-height: 3rem; padding: 0 1.5rem; border: none; margin: 2.5rem 0 0 1rem; cursor: pointer; display: inline-block;}
#mistake-form button:nth-child(1) {background: #fff; color: #000; outline: 1px solid #000;}
#mistake-form button:nth-child(2) {background: #2050a0; color: #fff; outline: 1px solid #2050a0;}

.mistake { padding-top: 2rem; color: #666; background: #ecedee; background_: #f5f6f6; margin-bottom: -2rem;}
.mistake .width {border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 0 0 1.5rem 0rem; min-height: 2rem;}
.mistake .width:before {float: left; margin: -5px 0.6rem 0 0; background: url("/im/icon_mistake.png") 0 0 no-repeat; background-size: cover; content: ""; width: 2rem; height: 2rem;}

/*-------- ошибка в тексте ------*/

/*-------- ВАЖНО ------*/
.important {transition: all 0.5s linear; width_: 100%; width: 170px; position: fixed; bottom: 0; left: 0; z-index: 1001; line-height: 3rem; height: 3rem; overflow: hidden;}
.important.invisible {}.important.visible {width: 100%;}
.important .materials {display: block; float: left; width: calc(100% - 170px); background: linear-gradient(to right, #3a0591, #016ec7); line-height: 3rem; max-height: 100%; overflow: hidden;}
.important.visible .materials .wrapper {animation: move linear 35s; white-space: nowrap; animation-iteration-count: infinite; animation-delay: 1.2s; display: inline-block;}
.important.visible .materials .wrapper:hover {animation-play-state: paused;}
@keyframes move {    from {transform:translateX(0);}    to   {transform:translateX(-50%);}}
.important button {line-height: 3.3rem; background: linear-gradient(to left, #6701c7, #fa0a11); float: left; width: 170px; padding-left: 10px; font-weight: 700; font-size: 0.9rem; color: #fff; height: 100%; position: relative; cursor: pointer; display: block;}.important button, .important button:focus {border: none !important; outline: none;}.important button:hover {background: #6701c7;}.important button:before {    content: "";    position: absolute;    top: 50%; margin-top: -2px;    left: 25px;    width: 6px;    height: 6px;    border-radius: 50%;    background-color: #fff;}.important a {color: #fff; background_: #2050a0; padding: 0 1rem; text-align: left; text-decoration: none; position: relative;}.important a:hover {opacity_: 0.7; color: #b7cdeb;}.important a:before {line-height: 15px;    content: '\203A'; color: #ff2e2d;    display: inline-block; margin-right: 8px; font-weight: 800; font-size: 1.5rem; }
/*-------- ВАЖНО ------*/

/*----- БЛОК-онлайн-видео начало -----*/
.online-btn,
.block-online-video {position: fixed !important; bottom: 20px; right: 90px;}
.block-online-video {width: 300px; height: auto; z-index: 999;background: #000 url(/im/loading.gif) no-repeat center;}
.block-online-video .close {width: 25px; height: 25px; line-height: 25px; cursor: pointer; color: #fff; text-align: center !important;
    top: 0;
    right: 0;
    position: absolute !important;
    z-index: 9998;
    background-color: #d40e1f;
}
.online-btn {line-height: 50px; padding: 0 30px 0 40px; color: #fff; font-weight: 1.2rem; font-weight: 400; background: #d40e1f; z-index: 999; text-decoration: none; box-sizing: border-box;}
.online-btn:hover {color: #fff; background: #019df8;}
.online-btn:before {
    content: "";
    position: absolute;
    top: 50%; margin-top: -3px;
    left: 25px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    animation: opacity 1s ease-in-out infinite; animation-direction: alternate; opacity: 0;}
@keyframes opacity {
   100% {opacity: 1;}
}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
.online-btn,
.block-online-video {right: 80px;}
.online-btn {line-height: 40px; padding: 0 25px 0 35px;}
.online-btn:before {left: 20px;}
}

/*----- БЛОК-онлайн-видео конец -----*/


/*-----банер НКЦ------*/
.topbr {width: 375px; height: 54px; background: url("/im/topbr_nkc.png") 0 0 no-repeat; z-index: 1001; position: absolute; top: 0; right: 0px; display: block;}

@media screen and (min-width: 1541px) {
.home .topbr {right: 8px;}
}
@media screen and (min-width: 1375px) and (max-width: 1540px) {
.page-inf .topbr {width: 300px;}
}
@media screen and (min-width: 1025px) and (max-width: 1374px) {
.page-inf .topbr {width: 65px; border-right: 1px solid #019df8;}
}
@media screen and (min-width: 1025px) and (max-width: 1540px) {
.home .topbr {width: 65px; border-right: 1px solid #019df8;}
}
@media screen and (max-width: 1024px) {
.home .tm .width {width: 100%;}
}

/*-----банер НКЦ------*/


/*----- ЛЕНТА начало //
.ribbon {position: absolute; top: -5px; z-index: 1000; width: 80px; height: 255px; background: url("/im/9may-76_ribbon.png") 0 0 no-repeat;}
.home .ribbon {left: 50%; margin-left: -765px;}
.page-inf .ribbon {left: 0px;}
.tm {z-index: 990 !important;}
.tm ul,
.header .logo {margin-left: 70px;}
.path,
.titlepage {margin-left: 90px;}

@media screen and (max-width: 1024px) {
.home .ribbon {display_: none; left: 0; margin-left: 20px;}
.header .logo {margin-left: 20px;}
.toggle-button {padding: 0 0 0 30px; margin-left: 40px;}
}
@media screen and (min-width: 1025px) and (max-width: 1540px) {
.home .ribbon {margin-left: -532px;}
}

@media screen and (min-width: 780px) and (max-width: 1024px) {
.header .logo {margin-left: 70px;}
.main .slogan {margin-left: 90px;}
}

@media screen and (min-device-aspect-ratio: 16/9) and (max-width: 1366px) and (orientation:landscape) {
.main .slogan {margin-left: 90px;}
}



@media screen and (max-width: 780px) {
.ribbon {display: none;}
}


@media screen and (min-width: 981px) and (max-width: 1600px) {
.header .topb2 {display: none !important;}
.header .topb {left: 380px !important;}
}

//-------*/ 

/*----- ЛЕНТА конец -----*/





/* SCREEN
-----------------------------------------------------------------*/

@media screen and (min-width: 1920px) { 
.page-inf .width {max-width: 1510px;}
}


@media screen and (max-width: 780px) {
.footer .link-spec {display: none !important;}
.footer .ul1 {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.footer .column {float: none; width: 100% !important; padding-bottom: 1rem;}
.footer .column-right {float: none; text-align: left !important; padding-top: 20px;}
.footer .ray {margin-top: 40px;}
.footer .ray, .footer .ray a {text-align: left !important;}
}

@media screen and (max-width: 1260px) {
.footer .column {display: block; width: 50%; float: left;}
.footer a.link-gr {margin-bottom: 30px;}
.footer .column.qr {width: 100%; padding-bottom: 1rem;}
.footer .column-right {float: left;}
}

@media screen and (max-width: 1600px) {
.footer .ul1 {font-size: 0.9rem;}
.footer .li1 > a {font-size: 1.1rem;}
}

@media screen and (min-width: 1261px) and (max-width: 1540px) {
.home .footer .column-right {width: 120px;}
}


@media screen and (min-width: 1025px) and (max-width: 1540px) {
.header .ny2019 {width: 280px; height: 45px; top: 16px;}
}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
.tm {font-size: 16px;} 
.tm .li1 > a {padding: 0 8px; font-size: 15px;}
.tm .li2 > a {padding: 10px 15px;}
.tm .li2 > a:hover:before {left: 7px;}

body {font-size: 14px;}
.list.size1 a {width: calc(50% - 3em);}
.list.size2 .anons {font-size: 0.9em;}
.newslast .name {font-weight: 400; font-size: 1rem;}
.to-top {width: 40px; height: 40px;}
}




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

.footer .li1 > a {font-size: 1.1rem !important;}
.footer .li2 > a {font-size: 0.8rem !important;}

.list.size1 a {height: 90px; width: calc(50% - 3em); border-radius: 30px;}
.list.size1 a .pict {width: 60px; height: 60px; border-radius: 100%;}
.list.size1 a:hover {background: none !important;}

.list.size1 a .text {height: 90px; margin: 0 30px 0 80px !important; display: block;}
.list.size1 .name {height: 60px; font-size: 0.9rem;}
.list.size1 .name:before {margin-top: 1px;}

.list.size2 a {height: 170px; width: 45%;}
.list.size2 a .pict {width: 60px; height: 60px;}
.list.size2 a .text {margin: 0 0px 0 80px !important;}
.list.size2 .anons {font-size: 0.9em;}
.list.size2 a:nth-child(2n) {margin-right: 0;}
.list.size2 a:nth-child(3n) {margin-right: 3em;}

.newslast .name {font-weight: 400; font-size: 1rem;}

.centercolumn {float: none; width: 100%;}
.rightcolumn {float: none; width: 100%;}
.newsarchive { padding-bottom: 30px;}
.newsarchive:before {background: none;}
.rightcolumn .title { margin-top: 50px;}




/* ---- Menu --- */
.tm .ul1 {transition: all 0.3s linear; font-size: 1.3rem;}
.tm .li1 {background: rgba(0, 30, 94, 0.95); background_: #00295e; display: block; width: 100%; height: auto; text-align: left;}
.tm .li1:hover {background: rgba(0, 30, 94, 1);}
.tm .li1 > a {padding: 0 2rem; line-height: 4.2rem;}
.tm .li1 > a:before {display_: none; width: 100%; height: 1px; background: linear-gradient(90deg, #00295e, #006cfb, #00295e);}
.tm .li1 > a:after {font-family: fonts; content:"\2192"; position: absolute; top: 0px; right: 1rem; line-height: 4.2rem; display: inline-block; font-size: 2.5rem;}
.tm .ul2 {position: relative; display: none !important; top: 0;}

#main-menu { display: none;}

.toggle-button {position: relative; top: 0; left: 0;
  text-align: center; height: 55px;
  display: inline-block;
  cursor: pointer;
  background-color: #00295e;
  color: #fff;
}
.toggle-button:after {content: attr(data-open); display: block; margin: 10px 0; padding: 3px 30px; font-size: 1.3rem;}
#menu-checkbox:checked + nav #main-menu { display: block;}
#menu-checkbox:checked + nav .toggle-button:after { content: attr(data-close); color: #0bb5ff; padding: 5px 30px; font-size: 1.2rem;}

}


@media screen and (max-width: 1024px) {
/*.header .ny2019 {width: 280px; height: 45px; top: 16px;}*/
.header .ny2019 {display: none;}
}

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

body.page-inf, .page-inf .tm, .page-inf .footer {min-width: 100%;}

.titlepage {margin: 1em 0 0.8em 0;}

}