* {margin: 0; padding: 0;}
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('/National_Library/oe_/https://www.roscosmos.ru/fonts/montserrat-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

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

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


.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;} 

.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;}

.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;}


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 {background: #dee6f6;}


.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;}


.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 {width: 100%; background: #fff; height: 75px;}
.header .ny2019 {width: 504px; height: 29px; background: url("/National_Library/oe_/https://www.roscosmos.ru/im/ny2019/red_0.png") 50% 0 no-repeat #c0012f; position: absolute; top: 20px; left: 50%; margin-left: -315px;}
.header .ny2019-00 {width: 504px; height: 29px; background: url("/National_Library/oe_/https://www.roscosmos.ru/im/ny2019/red.png") 50% 0 no-repeat #c0012f; position: absolute; top: 20px; left: 50%; margin-left: -315px;}
.header .ny2019:before, .header .ny2019-00:before {content: ""; width: 19px; height: 29px; background: url("/National_Library/oe_/https://www.roscosmos.ru/im/ny2019/red_left.png") 100% 0 no-repeat; position: absolute; top: 0; left: -19px;}
.header .ny2019:after, .header .ny2019-00:after {content: ""; width: 19px; height: 29px; background: url("/National_Library/oe_/https://www.roscosmos.ru/im/ny2019/red_right.png") 100% 0 no-repeat; position: absolute; top: 0; right: -19px;}

.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 .fb span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/social/fb.svg");}
.social .tw span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/social/tw.svg");}
.social .ig span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/social/ig.svg");}
.social .yt span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/social/yt.svg");}
.social .vk span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/social/vk.svg");}
.social .fl span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/social/fl.svg");}
.social .ok span {background-image: url("/National_Library/oe_/https://www.roscosmos.ru/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("/National_Library/oe_/https://www.roscosmos.ru/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-right {float: right; width: 210px; text-align: right !important;}
.footer .column {width: 33%; display: inline-block; vertical-align: top; padding-right: 30px; box-sizing: border-box;}
.footer .column:nth-child(2) {width: 40% !important;}
.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 {color: #707173; font-size: 0.9rem; line-height: 25px; border: 1px solid #707173; display: inline-block; 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 {margin: 0 0 30px 0; position: relative; width: 100%; min-height: 150px;}
.newslist .link {background: #fff; 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;}


/* Словарь
-----------------------------------------------------------------------------*/
.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
-----------------------------------------------------------------------------*/
.table-launch tr {}
.table-launch td {border: 1px dotted #214180 !important; padding: 10px 15px !important; vertical-align: middle;}
.table-launch td:nth-child(1) {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:nth-child(2) {position: relative; font-weight: 800; padding-left: 1.8em !important;}
.table-launch td:nth-child(2):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:nth-child(3), .table-launch td:nth-child(4) {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;
}


.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;}

/* 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;}



 /* 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 .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 .post .kolvo {margin: 2em 0 4em 0;}
.blog .post .kolvo a {display: inline-block; position: relative; color: #214180; padding-left: 20px; font-size: 95%;}
.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 20px; 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 {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;}
.path, .path a {color: #a1a8b3;}
.path a:hover {color: #ff2e2d;}


.titlepage {font-family: fonts-bold; font-size: 1.3rem;
  text-transform_: uppercase;
  color: #00a2ff;
  display: table;
  margin: 1em 0 1.5em 0;
}

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

.__titlepage h1 p {text-align: left;
   background: linear-gradient(45deg, #00a2ff 33%, #14c5ff 66%, #14c5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



#menu-checkbox {display: none;}



.album {}
.album a {display: block; width: 160px; height: 170px; position: relative; text-decoration: none; margin: 0 20px 0 0; float: left;} 
.album .signature {display: block; color: #666; font-size: 10px; height: 36px; line-height: 12px; overflow: hidden; background: url("/National_Library/oe_/https://www.roscosmos.ru/im/arr_r.gif") no-repeat 0 3px; padding: 0 0 0 8px;}
.album .icon_vid {display: block; width: 50px; height: 19px; position: absolute; top: 10px; left: 10px; z-index: 9; background: url("/National_Library/oe_/https://www.roscosmos.ru/im/youtube.png") no-repeat 0 0;}
.album img {width:160px; height:120px; border-bottom: 3px solid #ccc; margin_: 0 0 0 8px;}
.album a:hover img {border-bottom: 3px solid #b92828;}
.album .videoicon {position: absolute; top: 80px; left: 14px;}


.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;}



/* online-page
-----------------------------------------------------------------*/





/* 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 {width: 100%;}
.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) {
.page-inf .footer .column {display: block; width: 35%; float: left;}
.footer a.link-gr {margin-bottom: 30px;}
}

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


@media screen and (min-width: 1025px) and (max-width: 1500px) {
.tm {font-size: 16px;} 
.tm .li1 > a {padding: 0 15px;}
.tm .li2 > a {padding: 10px 15px;}
.tm .li2 > a:hover:before {left: 7px;}
body {font-size: 14px;}
.list.size2 .anons {font-size: 0.9em;}
.newslast .name {font-weight: 400; font-size: 1rem;}
}


@media screen and (min-width: 1366px) and (max-width: 1500px) {
.header .ny2019, .header .ny2019-00 {width: 450px; margin-left: -285px;}
.home .header .ny2019,  .home .header .ny2019-00 {width: 280px; margin-left: -205px; background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/ny2019/red.png") !important;}
}



@media screen and (min-width: 1024px) and (max-width: 1365px) {
.header .ny2019, .header .ny2019-00 {width: 280px; margin-left: -205px; background-image: url("/National_Library/oe_/https://www.roscosmos.ru/im/ny2019/red.png") !important;}
}


@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(30% - 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, .header .ny2019-00 {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;}

}