* {margin: 0; padding: 0; box-sizing: border-box;}
body, button, input, textarea, select {font-family: "Segoe UI", "Trebuchet MS", sans-serif; color: #000; background: #fff; font-size: 16px;}
body {overflow-y: scroll; min-width: 760px;}


.home {font-family: fonts;}
html, body {min-height: 100%; min-width: 530px;}


.tm .li1 > a span {transition: all 0.3s linear;}
a {transition: all 0.2s linear; color: #005ab6; outline: none;}
a:hover {color: #ff8427; text-decoration: none;}

@font-face {
    font-family: 'fonts';
    src: url('/fonts/elektra_light_pro.ttf');
    font-weight: 400;
    font-style: normal;
}
.content {font-family: 'fonts';}
.content p {line-height: 1.3em;;}
/*
@font-face {
    font-family: 'fonts';
    src: url('/fonts/PFBeauSansPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
*/
@font-face {
    font-family: 'fonts-bold';
    src: url('/fonts/PFBeauSansPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


.content {font-size: 1.1rem; width: 80vw; width_: 80.5%; padding: 3rem 0 5rem 0; box-sizing: border-box; position: relative; margin: 0 auto;}
.content img {max-width: 100%;}
.content .wrapper-block {margin-right: -1.5rem;}
.content h2, .content h3, .content h4, .content h5, .content h6 {font-family: fonts; font-weight: 400;}
h2 {color: #fff; font-size: 1.5rem; background: #5ba4ff; padding: 0.5em 1em; border-radius: 5px; display: inline-block; position: relative; letter-spacing: 1px;}
h2 after {content:""; display: block; clear: both; height: 1px;}
h3 {color: #fe8a2c; font-size: 1.5rem; font-weight: 600;}
h4 {color: #e23333; font-size: 1.5rem; font-weight: 600;}
h5 {color: #000; font-size: 1.5rem; font-family_: fonts; font-weight_: 600; padding: 0.5em 2em 0.3em 0; display: inline-block; position: relative; letter-spacing_: 1px;}
h5:after {
    display: block;
    position: absolute;
    content: "";
width: 100%;
height: 4px;
bottom: 0px;
left: 0; border-radius: 4px;
background: linear-gradient(to right, #0bb5ff, #5b61e2); 
}

h6 {color: 000; font-size: 1.5rem; font-weight: 600;}
big, .big {font-size: 1.3rem;}
small, .small {font-size: 0.8rem;}



blockquote {border-left: 3px solid #e1e0e0; padding-left: 15px; margin: 1em 0 1em 50px; line-height: 1.5em;} 
/*
.content blockquote {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: 10px 0 30px 0;}
.content blockquote:before {content: ""; position: absolute; top: 0; left: 0; width: 17px; height: 17px; background-size: cover; background-image: url("/im/px_tl.svg");}
.content blockquote:after {content: ""; position: absolute; bottom: 0; right: 0; width: 17px; height: 17px; background-size: cover; background-image: url("/im/px_br.svg");}
*/

.blockwhite {border-radius: 5px; position: relative; padding: 0.8em 1.5em; border_: 1px dotted #5a7193; background: #fff;}
.block_v1 {border-bottom-left-radius: 5px; border-top-right-radius: 5px; background: #fff; background-image_: linear-gradient(to top right, rgba(237,239,239,1), rgba(237,239,239,0), rgba(237,239,239,1)); padding: 0.8rem 1.2rem; position: relative; margin: 2rem 0;}
.block_v1:before, .content .block_v1:after {display: block; position: absolute; content:"";}
.block_v1:before {width: 70%; height: 2px; top: -0.4rem; left: 0; background: linear-gradient(to right, #3a33f2, #ff6115, #ffa444, rgba(255,104,68,0));}
.block_v1:after {width: 30%; height: 1px; bottom: -0.4rem; right: 0; background: linear-gradient(to left, #3a33f2, #ff6115, #ffa444, rgba(255,104,68,0));}
/*.content .block_v1 h1, .content .block-blue h2, .content .block-blue h3, .content .block-blue h4, .content .block-blue h5, .content .block-blue h6 {color: #fff; padding: 0; margin: 0;}*/

.content .block-blue {background: #004a98; color: #fff; padding: 10px 20px; position: relative; margin-bottom: 30px;}
.content .block-blue h1, .content .block-blue h2, .content .block-blue h3, .content .block-blue h4, .content .block-blue h5, .content .block-blue h6 {color: #fff; padding: 0; margin: 0;}
.content .block-blue:before, .content .block-blue:after {content:""; background: #004a98; width: 80%; height: 1px; display: block; position: absolute;}
.content .block-blue:before {top: -3px; left: 0;}
.content .block-blue:after {bottom: -3px; right: 0;}

.red, .content .red a:link, .content .red a:visited {color: #ca2027;}
.blue, .content .blue a {color: #0051bb;}
.cyan, .content .cyan a {color: #009fe4;}
.blue a:hover,
.cyan a:hover {color: #ca2027;}
.gray, .content .gray a:link, .gray a:visited {color: #a1a8b3;}
.orange, .content .orange a:link, .content .orange a:visited {color: #e96f3a;}


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.8em 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 {margin_: 0 -0.2rem;}
.content table ul {padding-bottom: 0.5em;}
.content table, table th, table td {border-spacing: 0.2rem; border-collapse: separate; border-collapse_: collapse; border: none; color: rgba(0,0,0,0.8);} 
.content table td,
.content table th {border-radius: 5px; position: relative; padding: 0.8em 1.5em;}
.content table td { background: #fff;}
.content table th {background: #fe8a2c; color: #fff; font-weight: 400; font-family: fonts;}
.content table.noborder, .content table.noborder td, .content table.noborder th {border: none;}

.content table.nobg, table.nobg th, table.nobg td {background: none; border-spacing: 0;}

.content ul {padding: 1.5em 0; margin-left: 2rem;}
.content ul li {list-style-type: none; margin: 0 0 1em 0; padding-left: 18px; border-left_: 3px solid #ca2027; position: relative;}
.content ul li:before {content: ''; display: block; position: absolute; top: 0; left: -7px; 
width: 17px;
height: 17px;
background: url("/im/list_star.png") 50% 50% no-repeat;
    background-size: auto;
background-size: cover;
}
.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 #005ab6;
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: #005ab6; border_: 2px solid #fff; background_: #0bb5ff;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}



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

.home {background: url("/im/main_bg.jpg") 50% 0 no-repeat; background-size: cover;}
/*.home .grid {width: 100%; height: 100%; z-index: -2; position: absolute; background: url("/im/main_grid_stars.png") 50% -98px no-repeat; background-size: contain;}*/
.home .rightdraw {width: 30%; height: 75%; z-index: -1; position: absolute; bottom: 0; right: 0; background: url("/im/main_draw_right.png") 100% 100% no-repeat; background-size: contain;}
.home .leftdraw {width: 30%; height: 85%; z-index: -1; position: absolute; bottom: 0; left: 0; background: url("/im/main_draw_left.png") 0 100% no-repeat; background-size: contain;}

.page-bg {background: url("/im/bg_page.png") 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}
.page-cosmos {background: url("/im/bg_cosmos.png") 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}
.page-news160,
.page-news {background: url("/im/bg_news.png") 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}
.page-events {background: url("/im/bg_events2.png") 50% 50% no-repeat; background-size: cover; background-attachment: fixed;}
.page-science {background: url("/im/bg_science.png") 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}
/*
.page-professions,
.page-professions-future {background: url("/im/bg_professions.png") 50% 70% no-repeat; background-size: cover; background-attachment: fixed;}
*/
.page-professions {background: url("/im/bg_professions.png") 50% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.page-professions-2 {background: url("/im/bg_professions_2.png") 50% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.page-teacher {background: url("/im/bg_teacher.png") 50% 60% no-repeat; background-size: cover; background-attachment: fixed;}
.page-media {background: url("/im/bg_media.png") 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}


.page-cosmos .titlepage,
.page-news .titlepage,
.page-events .titlepage,
.page-science .titlepage,
.page-professions .titlepage,
.page-teacher .titlepage,
.page-media .titlepage,
.page-cosmos .path,
.page-news .path,
.page-events .path,
.page-science .path,
.page-professions .path,
.page-teacher .path,
.page-media .path,
.page-media .path {display: none;}


.tm .li1.active:nth-child(1) a {background: linear-gradient(to right, #e83b5c, #f44d51); color: #fff;}
.tm .li1.active:nth-child(2) a {background: linear-gradient(to right, #5ba4ff, #5e8fff); color: #fff;}
.tm .li1.active:nth-child(3) a {background: linear-gradient(to right, #ad57d5, #cb46cc); color: #fff;}
.tm .li1.active:nth-child(4) a {background: linear-gradient(to right, #8bc46a, #bbe579); color: #fff;}
.tm .li1.active:nth-child(5) a {background: linear-gradient(to right, #e1904f, #e17a4f); color: #fff;}
.tm .li1.active:nth-child(6) a {background: linear-gradient(to right, #de7c7e, #c685ba); color: #fff;}
.tm .li1.active:nth-child(7) a {background: linear-gradient(to right, #4edbb5, #4edbbf); color: #fff;}
.tm .li1.active:nth-child(8) a {background: linear-gradient(to right, #49d1e5, #49c2e5); color: #fff;}

.tm .li1.active a img {filter: brightness(1000%);}

/*
.page-cosmos .tm .li1:nth-child(1) a {background: linear-gradient(to right, #e83b5c, #f44d51); color: #fff;}
.page-news .tm .li1:nth-child(2) a {background: linear-gradient(to right, #5ba4ff, #5e8fff); color: #fff;}
.page-events .tm .li1:nth-child(3) a {background: linear-gradient(to right, #ad57d5, #cb46cc); color: #fff;}
.page-science .tm .li1:nth-child(4) a {background: linear-gradient(to right, #8bc46a, #bbe579); color: #fff;}
.page-professions .tm .li1:nth-child(5) a,
.page-professions-2 .tm .li1:nth-child(5) a {background: linear-gradient(to right, #e1904f, #e17a4f); color: #fff;}
.page-teacher .tm .li1:nth-child(6) a {background: linear-gradient(to right, #de7c7e, #c685ba); color: #fff;}
.page-media .tm .li1:nth-child(7) a {background: linear-gradient(to right, #4edbb5, #4edbbf); color: #fff;}
.page-search .tm .li1:nth-child(8) a {background: linear-gradient(to right, #49d1e5, #49c2e5); color: #fff;}
.page-cosmos .tm .li1:nth-child(1) a img,
.page-news .tm .li1:nth-child(2) a img,
.page-events .tm .li1:nth-child(3) a img,
.page-science .tm .li1:nth-child(4) a img,
.page-professions .tm .li1:nth-child(5) a img,
.page-professions-2 .tm .li1:nth-child(5) a img,
.page-teacher .tm .li1:nth-child(6) a img,
.page-media .tm .li1:nth-child(7) a img,
.page-search .tm .li1:nth-child(8) a img {filter: brightness(100%);}
*/
.page-events .tm .li1:nth-child(3) a,
.page-events2 .tm .li1:nth-child(3) a {background: linear-gradient(to right, #ad57d5, #cb46cc); color: #fff;}
.page-events .tm .li1:nth-child(3) a img,
.page-events2 .tm .li1:nth-child(3) a img {filter: brightness(1000%);}

.prof-future {width: 55%;}
.page-cosmos-color .list .size1 .link .name,
.page-cosmos .list .size1 .link .name {background: linear-gradient(to top, #ba1039, #e23333);}
.page-events-color .list .size1 .link .name,
.page-events .list .size1 .link .name {background: linear-gradient(to top, #9728ca, #cd51cf);}
.page-science-color .list .size1 .link .name,
.page-science .list .size1 .link .name {background: linear-gradient(to top, #81b762, #aad36b);}
.page-professions-color .list .size1 .link .name,
.page-professions .list .size1 .link .name {background: linear-gradient(to top, #5950d7, #5b9aef);}
.page-teacher .list .size1 .link .name,
.page-teacher-color .list .size1 .link .name {background: linear-gradient(to top, #ad4295, #de6167);}
.page-media-color .list .size1 .link .name,
.page-media .list .size1 .link .name {background: linear-gradient(to top, #249dda, #20c8ca);}




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

.centercolumn {float: left; width: 75%;}
.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 iframe {border-radius: 5px;}
.content iframe, .content table {max-width: 100%;}
/*.page-bg .content img {max-width: 100%; height: auto !important; border-radius: 5px;}*/
.content img {max-width: 100%; height: auto !important; border-radius: 5px;}
.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%;}

.spoiler-trigger {clear: both; font-size: 1.3rem; color: #0051bb; position: relative; cursor: pointer; margin-bottom: 0.5rem;}
.spoiler-trigger ul {margin_: 0; padding-bottom: 0;}
.spoiler-trigger:hover {color: #fe8a2c;}

.spoiler-text {clear: both; height: 0; overflow: hidden; transition: all 0.5s; width: 100%; padding: 0 1rem; box-sizing: border-box; margin-bottom: 1rem; position: relative;}
.spoiler-text.active {display: block; height: auto; padding: 0.5rem 1rem;}
/*.spoiler-text.rowbg p {display: inline-block; background: #4f7de0; color: #fff; padding: 0.3rem 1rem; border-radius: 5px; margin: 0 0.3rem 0.3rem 0; float: left;}*/

h2.sploiler-trigger {max-width: 100%; margin: 1rem 1rem 0.5rem 0; cursor: pointer; position: relative; transition: all 0.2s linear; padding-left: 1.5em; padding-right: 1.8em;}
h2.sploiler-trigger:hover {background: #0bb5ff;}
h2.sploiler-trigger:after,
h2.sploiler-trigger:before {background_: url("/im/star_white.png") 0 0 no-repeat; background-size: cover; width: 1.2rem; height: 1.2rem; margin: 0.5em 0.6rem 0.4rem 0.6rem; display: block; float_: left; content: "\2193"; position: absolute; top: 0;}
h2.sploiler-trigger:before {float_: left; left: 0.2rem;}
h2.sploiler-trigger:after {float_: right; right: 0.2rem;}
.sploiler-table {display:none; padding: 0.5rem 0; height: 0; overflow: hidden; transition: all 0.5s; box-sizing: border-box;}
.sploiler-table.active {display:block; height: auto;}

h2.spoiler-trigger { color: #fff; max-width: 100%; margin: 1rem 1rem 0.5rem 0; cursor: pointer; position: relative; transition: all 0.2s linear; padding-left: 1.5em; padding-right: 1.8em;}
h2.spoiler-trigger:hover {background: #0bb5ff; color: #fff;}
h2.spoiler-trigger:after,
h2.spoiler-trigger:before {background_: url("/im/star_white.png") 0 0 no-repeat; background-size: cover; width: 1.2rem; height: 1.2rem; margin: 0.5em 0.6rem 0.4rem 0.6rem; display: block; float_: left; content: "\2193"; position: absolute; top: 0;}
h2.spoiler-trigger:before {float_: left; left: 0.2rem;}
h2.spoiler-trigger:after {float_: right; right: 0.2rem;}
.spoiler-table {display:none; padding: 0.5rem 0; height: 0; overflow: hidden; transition: all 0.5s; box-sizing: border-box;}
.spoiler-table.active {display:block; height: auto;}


.prof-future .spoiler-trigger {font-size: 120%; padding-left: 13px;}
.prof-future .spoiler-trigger:before {
    content: "";
    display: inline-block; margin: 0.3em 0.6em 0 0; float: left;
    width: 17px;
    height: 17px;
    background: url("/im/list_star.png") 50% 50% no-repeat; background-size: cover;
}
.prof-future .spoiler-text {display_: none; height: 0; overflow: hidden; transition: all 0.5s; width: 100%; padding: 0em 1em 0em 1em; margin-bottom: 0;}
.prof-future .spoiler-text.active {height: auto; background: #fff; padding: 0.5em 1em 1em 1em; border-radius: 5px; margin: 0 1em 1em 2em;}

.metodcomplex .block_v1 {margin-bottom: 0; font-size: 1.3rem; color: #170f90;}
.metodcomplex .spoiler-trigger ul {padding-top: 1rem; color: #000; font-size: 1.1rem; margin-bottom: -0.5rem;} 
.metodcomplex .spoiler-trigger:hover ul {color: #fe8a2c;}
.metodcomplex .spoiler-trigger ul li:after {content: "\2192"; display: inline-block; margin-left: 0.5rem;}
.metodcomplex .spoiler-text p {display: inline-block; background: #4f7de0; color: #fff; padding: 0.3rem 1rem; border-radius: 5px; margin: 0 0.3rem 0.3rem 0; float: left;}

a.link-red {border-radius: 5px; padding: 0.8rem 0.8rem 1rem 0.4rem; border: 1px dotted #ca2027; display: inline-block; text-decoration: none;}
a.link-red img {float: left; margin: 0 10px 0 5px !important;}
a.link-red:hover {background: #ca2027; color: #fff;}
a.link-red:hover img {filter: brightness(500%);}
a.link-cyan {border-radius: 5px; padding: 0.8rem 0.8rem 1rem 0.4rem; border: 1px dotted #009fe4; display: inline-block; text-decoration: none;}
a.link-cyan img {float: left; margin: 0 10px 0 5px !important;}
a.link-cyan:hover {background: #009fe4; color: #fff;}
a.link-blue {border-radius: 5px; padding: 0.8rem 0.8rem 1rem 0.4rem; border: 1px dotted #0051bb; display: inline-block; text-decoration: none;}
a.link-blue img {float: left; margin: 0 10px 0 5px !important;}
a.link-blue:hover {background: #0051bb; color: #fff;}



.popup-icon {display: inline-block; float: left; margin-right: 1rem;}
.popup-icon img {border: 5px solid #fe8a2c;}
.popup-icon a {display: inline-block; position: relative;}
.popup-icon a:after { border-radius: 5px; color: #fff; content:"\271A"; background: #fe8a2c; margin: 3px; width: 1.5rem; height: 1.5rem; line-height: 1.3rem; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; box-sizing: border-box;}

.poster {width: 30%; margin: 1rem 1rem 2rem 1rem; float: left; vertical-align: top; box-sizing: border-box;}
.poster .popup-icon {max-width: 40%;}
.poster img {max-width: 100%; height: auto;}


/* Header
-----------------------------------------------------------------------------*/

.header {width: 100%; background: #fff; height: 80px; min-height: 80px; position: relative; overflow: hidden;}

.header .logo {display: inline-block; margin: 5px 0 0 10vw; float: left;}
.header .logo img {width: 287px; height: 70px; display: block; margin-left: -5px;}

.header .gk {float: right; position: relative; margin-top: 30px; margin-right: 10%; width: 169px; height: 25px; display: inline-block;}
.header .gk img {width: 100%; height: auto;}
.header .gk:after {
    pointer-events: none;
    background: url(/im/emblem_60gagarin.png) 0 0 no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -23px;
    right: -80px;
    display: block;
    content: '';
    background-size: cover;
}


.header .social {float: right; margin-top: 30px; height: 25px; display: inline-block; border-right: 1px solid #ccc; padding-right: 25px; margin-right: 25px;}
.header .social a {width: 36px; height: 25px; margin-top: 5px; display: block; float: left; position: relative;}
.header .social a span {transition: all 0.4s; width: 16px; height: 16px; margin: 0 auto; display: block; background: 50% 50% no-repeat; background-size: cover;}
.header .social .fb span {background-image: url("/im/social/fb.svg");}
.header .social .tw span {background-image: url("/im/social/tw.svg");}
.header .social .ig span {background-image: url("/im/social/ig.svg");}
.header .social .yt span {background-image: url("/im/social/yt.svg");}
.header .social .vk span {background-image: url("/im/social/vk.svg");}
.header .social .fl span {background-image: url("/im/social/fl.svg");}
.header .social .ok span {background-image: url("/im/social/ok.svg");}

.header .icons a:after,
.header .social a:after {transition: all 0.4s; transform: scale(0); width: 36px; height: 36px; margin: -23px 0 0 -18px; border-radius: 18px; box-shadow: inset 0 0 7px #ff8427; z-index: 0; content: ''; display: block; position: absolute; left: 50%; top: 50%;}
.header .icons a:hover:after,
.header .social a:hover:after {transform: scale(1);}


/*
.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
-----------------------------------------------------------------------------*/
.ray {font-size: 0.8rem; color: #aec1cf;}


/* Tags
-----------------------------------------------------------------------------*/


/* News
-----------------------------------------------------------------------------*/
.page-news160 .titleimg {display: none;}
.page-news .content {display_: inline-block; margin: 0 auto; padding-left_: 0; padding-right: 0; width_: auto;}

.newslist {margin: 0 0.3rem 0 0; width: 20vw; height: 20vw; display: inline-block; float: left; box-sizing: border-box; position: relative;}
.newslist .link {margin: 0 1rem 1rem 0; width: calc(100% - 1rem); height: calc(100% - 1rem); display: block; text-decoration: none; position: relative; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.newslist .link:hover {}
.newslist .link .upp {border-radius: 5px; position: absolute; z-index: 1; display: block; width: 100%; height: 90%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));}
.newslist .link .pict {width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 5px;}
.newslist .link .pict img {transition: all 0.6s; width: 100% !important; height: auto; border-radius: 5px;}
.newslist .link .date {opacity: 1; transition: all 0.3s linear; font-size: 0.9rem; font-weight: 400; color: #000; border-radius: 0.5em; background: #fe8a2c; padding: 0.2em 0.5em; display: inline-block; position: absolute; top: 1em; left: 1em; z-index: 3;}
.newslist .link .name {transition: all 0.4s linear; width: 100%; max-width: 100%; min-height: 36%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; display: block; bottom: 0; left: 0; z-index: 2; padding: 1.5em 1.2em 1.5em 1.5em; color: #fff; font-size: 1.2rem; font-weight: 600; background: linear-gradient(to right, #5ba4ff, #5e8fff); box-sizing: border-box;}
.newslist .link .name:after {transition: all 0.3s linear; width: 100%; height: 0%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: -1; background: linear-gradient(to right, #e1904f, #e17a4f); box-sizing: border-box; content:""; display: block;}
.newslist .link:hover .name:after { height: 100%;}
.newslist .link:hover .name {padding-bottom: 4em;}
.newslist .link:hover .pict img {transform: scale(1.05);}
.newslist .link:hover .date {opacity: 0;}
.newslist .link .name .anons {font-size: 0.9rem; height: 0; display: block; margin: 1rem 0 -1.5em 0; opacity: 0; transition: all 0.3s linear;}
.newslist .link:hover .name .anons {height: auto; display_: block; opacity: 1;}
.newslist.event-color .link .name {background: linear-gradient(to right, #ad57d5, #cb46cc);}

/*--tags
.newslist em { font-size: 0.8rem; padding-left: 230px;}
.newslist em a, .newsitem em a {color: #a1a8b3;; display: inline-block !important; margin: 0em 0.5em 0 0; padding: 0.2em 0.4em;}
.newslist em a:hover, .newsitem em a:hover {color: #ca2027;}
*/


.share {position: relative; z-index: 2; margin-top: -5px; padding: 1rem 1.5rem 1rem 0; background: #fff; border-radius: 5px; text-align: right;}
.share a {display: inline-block; vertical-align: top; margin: 0.3em; width: 2.5rem; height: 2.5rem;}
/*.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: 100%; height: 100%;}

.newsitem {background: #fff; border-radius: 5px; padding: 2rem; margin-top: -5px; position: relative; z-index: 1; border-top-left-radius: 0px !important;}
.newsitem .date {color: #a1a8b3; margin: -1em 0 1.5em 0;}
.newsitem .date:before {
    content: "";
    display: inline-block;
    margin: 0.3em 0.6em 0 0;
    float: left;
    width: 17px;
    height: 17px;
    background: url("/im/list_star.png") 50% 50% no-repeat;
        background-size: auto;
    background-size: cover;
}

.news-wrapper {margin-bottom: 2rem;}
.news-wrapper .wrapper-block {margin-right: 0;}
.news-wrapper .album {margin-top: -5px; padding: 1.5rem 0rem 0.9rem 1.5rem; background: #fff; border-radius: 5px;}
.news-wrapper .album a {margin_: 0.3rem; width_: calc(100% - 0.6rem); height_: calc(100% - 0.6rem);}
.news-wrapper .album .block {width: 9.7vw; height: 9.7vw; margin: 0;}

.news-wrapper .album .signature {font-size: 0.7em; line-height: 1em; padding: 5px 10px;}
.news-wrapper .album a:hover .signature {padding-bottom: 10px;}

h2.title {margin-top: 2rem; background: #5e8fff;}
.newsarchive {border: 1px solid #5e8fff; background: #fff; padding: 2rem 2rem 1rem 2rem;; margin-top: -5px; position: relative; z-index: 1; border-radius: 5px; border-top-left-radius: 0px !important;}
.newsarchive .year {position: relative; color: #3a33f2; font-size: 1.3rem; font-family: fonts;}
.newsarchive .year:before {width: 0.3em; height: 0.3em; margin: 0em 0.2em 0 0; vertical-align: top; width: 17px; height: 17px; background: url("/im/star_red.png") 50% 50% no-repeat; background-size: cover; content: ""; display: inline-block; float: left;}
.newsarchive .year:after { margin-left: 0.5rem; width: 20%; height: 1px; background: linear-gradient(to right, #3a33f2, #ff6115, #ffa444, rgba(255,104,68,0)); display: inline-block; content: "";}

.newsarchive .month {padding: 1rem 0 2rem 1rem; width: 100%;}
.newsarchive .month span {display: inline-block; line-height: 1.3em; border-radius: 5px; margin: 0 0.5rem 0.5rem 0;}
.newsarchive .month a {background: linear-gradient(to right, #e1904f, #e17a4f); background_: #fe8a2c; font-size_: 1rem; border-radius: 5px; line-height: 1.8rem; height: 2rem; color: #fff; padding: 0 1rem; display: block; position: relative; z-index: 2; text-decoration: none;}

.newsarchive .month a:after {transition: all 0.3s linear; width: 0%; height: 100%; background: #5e8fff; border-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: -1; box-sizing: border-box; content: ""; display: block;}
.newsarchive .month a:hover:after {width: 100%;}



/*---NewsStart----*/
.newshome h2 {display: none; pointer-events: none; font-family: fonts; text-transform: uppercase; text-align: left; margin: 0px 0 50px 0; position: relative; font-size: 150%; color: #fff; margin: 0px 0 40px 0;}
.newshome h2:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: calc(100% - 7px);
    height: 5px;
    background-image: linear-gradient(to left, rgba(0,125,207,1), rgba(156,67,184,1), rgba(250,10,17,1));
}
.news-link {margin: 1rem 10% 0 10%; float: left; display: inline-block; margin-left_: 10%;}
.news-link a {transition_: all 0.9s linear; color: #fff; margin: 0 8px; text-decoration: none; padding_: 0.5em 0.8em; font-size: 0.9rem; line-height: 25px; display: inline-block; position: relative;}
.news-link a:before {width: 25px; height: 25px; float: left; margin-right: 10px; background: url("/im/arrow.png") 0 0 no-repeat; background-size: cover; content:""; display: inline-block;}
/*
.news-link a.all {background-image: linear-gradient(to right, rgba(0,125,207,1), rgba(156,67,184,1)); background-color: rgba(0,125,207,1);}
.news-link a.rss {background-image: linear-gradient(to right, rgba(156,67,184,1), rgba(250,10,17,1)); background-color: rgba(250,10,17,1);}
*/
.news-link a:hover {background-image: none;}
.news-link a:hover {opacity_: 1;}

.nav-newshome {margin: 1rem 10% 0 10%; float: right;}
.nav-newshome button span {display: block; margin-top: -3px; font-size: 1.5rem;}
/*.nav-newshome button:disabled {opacity: 0.2; cursor: default; pointer-events: none;}*/
.nav-newshome button {position: relative; transition: all 0.3s linear;
 box-sizing: border-box; 
 -webkit-apperance: none;
 border: none;
 border-radius: 50%;
 outline: none;
 display: inline-block; margin-left: 0.2em; width: 24px; height: 24px; line-height: 24px; 
text-align: center; 
 color: #fff; background: #5e8fff;
}
.nav-newshome button:hover {cursor: pointer; background: #e83b5c;}

.newshome {position: absolute; bottom: 2rem; left: 0; width: 100%; height_: 11vw;}
.newshome .width {width_: 81%; display_: inline-block; margin: 0 auto; text-align: center;}
.newshome .window {width: 100%; height: 11vw; height_: 260px; overflow: hidden; position: relative;}
.newshome .wrapper {width: 100%; height: 33vw; height_: 521px; height_: 751px; transition: all 0.6s linear; position: relative;}
.newshome .block {width: 18vw; height: 11vw; margin: 0 1.2%; float_: left; text-align: left; display: inline-block; position: relative;}
.newshome .block img {width: 100%; height: 100%; border-radius: 5px;}
.newshome .block .upp { border-radius: 5px; position: absolute; z-index: 1; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));}
.newshome .block .text {position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none;}
.newslist em,
.newshome .block .text .tag {display: none;}
.newshome .block .date {font-size: 0.7rem; font-weight: 400; color: #000; border-radius: 0.5em; background: #fe8a2c; padding: 0.2em 0.5em; display: inline-block; position: absolute; top: 1em; left: 1em;}
.newshome .block .name {color: #fff; display: block; padding: 1em;}

.newshome .sblock0, .newshome .sblock1, .sblock2 {position: absolute; top: 0; left: 0; width: 100%; transition: all 0.6s linear;}
.newshome .window.active-0 .sblock1, .newshome .window.active-0 .sblock2 {opacity: 0;}
.newshome .window.active-1 .sblock0, .newshome .window.active-1 .sblock2 {opacity: 0;}
.newshome .window.active-2 .sblock0, .newshome .window.active-2 .sblock1 {opacity: 0;}

.newsitem .tags {margin: -1rem 0 1rem 0; display: block;}

/* Taglist
-----------------------------------------------------------------------------*/
/*
.taglist:nth-child(1) {display: none;}
.taglist:after {position: absolute; width: 70%; height: 1px; top: 1.5rem; left: 0; background: linear-gradient(to right, #3a33f2, #ff6115, #ffa444, rgba(255,104,68,0)); content:""; display: block;}
.taglist:before {height: 3rem; content: ""; display: block;}
*/

.tags-cloud {font-style: italic; border: 1px dashed #00a2ff; padding: 1.5rem 2rem; margin: 3rem 1rem 0 0; border-radius: 5px;}
.tags-cloud a {color: #00a2ff; display: inline-block !important; margin: 0em 0.5em 0 0; padding: 0.2em 0.4em;}
.tags-cloud a:hover {color: #ff2e2d;}

.taglist {height: 170px; position: relative; float: left; margin: 0.7rem 1rem 2rem 0; width: calc(50% - 1rem); background: #fff; border-radius: 5px;}

.taglist .link {display: block; text-decoration: none; position: relative; box-sizing: border-box; margin-top: 0.8rem;}
.taglist .link .pict {margin-top: -0.8rem; float: left; display: block; margin-right: 1.5rem; width: 170px; height: 170px; overflow: hidden; border-radius: 5px;}
.taglist .link .pict img {width: auto; height: 100% !important; max-width: none !important;}
.taglist .link .date {color: #838c9b; font-size: 0.9rem; display: block; margin-bottom: 0.5rem;}
.taglist .link .name {min-height: 2rem; padding-left: 0.5em; display: block; margin: 0 1em 0.5em 0; font-size: 1.3rem; font-weight: 600; line-height_: 1em; box-sizing: border-box;}
/*.taglist .link .name:before {background: #ff8427; width: 5px; height: 2rem; margin-right: 0.7rem; content:""; display: inline-block; float: left;}*/
/*--
.taglist .link .name span {width: 2rem; height: 2rem; margin-left_: -2rem; margin-right: 0.7rem; border-radius: 5px; display: inline-block; float: left; background: #ff8427; position: relative;}
.taglist .link .name span:after {width: 1.2rem; height: 1.2rem; margin: 0.4rem; position: absolute; top: 0; left: 0; display: block; content:""; background: url("/im/ic_link_arr_w.svg") 0 0 no-repeat #ff8427; background-size: cover;}
--*/
/*---
.taglist em:before {
    content: "";
    display: inline-block;
    margin: 0.4em 0.2em 0 1rem;
    float: left;
    width: 17px;
    height: 17px;
    background: url("/im/list_star.png") 50% 50% no-repeat;
    background-size: cover;
}
-----*/
.taglist em {display: block; font-size: 1rem; margin-top_: 1rem;}
.taglist em {top: 0px; left: 330px;}
.taglist em a, 
.newsitem em a {font-size: 0.9rem; color: #ff8427; display: inline-block !important; margin: 0em 0.6em 0em 0;}
.taglist em a:hover, 
.newsitem em a:hover {color: #ff2e2d;}
.taglist .anons {display: none;}
.taglist .link .pict, .taglist em {margin-bottom: rem;}

@media screen and (max-width: 1600px) {
.taglist .link .name {font-size: 1.1rem;}
}

@media screen and (min-width: 1281px) and (max-width: 1365px) {
.taglist em {display_: none;}
}

@media screen and (max-width: 1280px) {
.taglist {width: calc(100% - 1rem);}
}

/* Events-content
-----------------------------------------------------------------------------*/
.events-index-page h5 {margin: 2rem 0; width: calc(100% - 2em);}
.blocks-num ul, .blocks-ic ul, table ul {margin-left: 0; padding-bottom: 0;}
.blocks-num ul li:before, .blocks-ic ul li:before {display: none;}
.blocks-num ul li, .blocks-ic ul li {color: #005ab6; font-size: 1.3rem; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 0 1rem 1rem 0;}
.blocks-num.n2 ul li, .blocks-ic.n2 ul li {width: 49%;}
.blocks-num.n3 ul li, .blocks-ic.n3 ul li {width: 32%;}
.blocks-num ul li .big {font-size: 2rem; font-weight: 700; color: #fff; padding: 0.3rem 1rem; background: linear-gradient(to right, #0070C0, #005ab6); margin: 0 1rem 0.5rem 0; display: inline-block; float: left; border-radius: 5px;}
.blocks-ic.n2 ul li img,
.blocks-ic.n3 ul li img {width: 70px; min-width: 70px; padding: 8px; background: linear-gradient(to right, #0070C0, #005ab6); box-sizing: border-box; float: left; margin-right: 1rem;}

@media screen and (max-width: 1024px) {
.block_v1 img {min-width: 100%; height: auto !important; margin: 0 0 1rem 0;}
.blocks-num.n3 ul li, .blocks-ic.n3 ul li {width: 49%;}
.tab-adaptive td { display: inline-block;}
.td-pict {width: 100%; min-width: 100%; padding: 0 !important;}
.td-pict img {width: 100% !important; min-width: 100% !important;}
}	
@media screen and (max-width: 940px) {
.blocks-num.n2 ul li, .blocks-ic.n2 ul li,
.blocks-num.n3 ul li, .blocks-ic.n3 ul li {width: 100%;}
}

.events-h5 {min-width: calc(100% - 2em); margin: 1rem 0;}
.events-h5:after {height: 2px !important; bottom: -2px !important;}

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


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


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

.content form.search {margin-bottom: 1.5rem; width: 100%; height: 11rem; background: url("/im/search-form_bg.jpg") 0 0 no-repeat #49c2e5; background-size: cover; border-radius: 5px; box-sizing: border-box; position: relative;}

.content form.search input {color: #005ab6; font-size: 1.2rem; font-weight: 600; height: 4rem; width: 92%; float: right; margin: 3.5rem 3.5rem 0 3.5rem; border: 1px solid #fff; background: #fff; padding: 1em 4em 1em 2em; border-radius: 2rem; box-sizing: border-box; outline: 0; display: inline-block;}
.content form.search input:focus {box-shadow: 0 0 10px rgba(255,255,255,0.8); border-color: #00a3d2;}
.content form.search a {position: absolute; top: 3.5rem; right: 3.5rem; width: 4rem; height: 4rem; line-height: 4rem; background: url("/im/search_icon.png") 50% 50% no-repeat transparent; background-size: cover; border-radius: 2rem; display: block;}


.search-num {margin: 0em 0 2em 0; font-style: italic; text-align: right; font-size: 0.8rem; opacity_: 0.7; color: #828891;}


.search-result {margin-bottom: 2rem;}
.search-result span {display: block;} 
.search-result a {display: block;}
.search-result .num {text-align: right; width: 2rem; margin-top: 0.5em; border-radius: 5px; float: left; font-size: 0.7em; color: #fff; background: #49c2e5; padding: 3px 5px; box-sizing: border-box;}
.search-result .date {background_: #fff; color: #49c2e5; border-radius: 5px; float: left; width: 80px; margin: 0 0.5em; font-size: 0.8em; padding: 3px 7px; box-sizing: border-box;}
.search-result .title {font-weight: 400; font-size: 1.3rem; padding-bottom: 0.3em; margin-top: -0.4em; display: block;}
.search-result .gray {font-size: 0.8em;}



/* Menu
-----------------------------------------------------------------------------*/
#menu-checkbox {display: none;}
.tm {width_: 81%; z-index: 999; position: relative; margin-top: 20px; text-align: center; font-family: fonts !important;}
.tm, .tm nav {height: 10vw; overflow_: hidden;}
.tm nav {display: inline-block; margin: 0 auto;}
.tm li {list-style: none;}
.tm a {color: #000; text-decoration: none; display: block; background: rgba(255,255,255,1);}

.tm .ul1 {position: relative; display: block;}
.tm .li1 {display: block; float: left; width: 10vw; height: 10vw; margin-left_: -1px; position: relative; box-sizing: border-box; border-radius: 5px;}
.tm .li1 > a {display: block; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 5px; text-align: center; box-sizing: border-box; margin: 1px;}
.tm .li1 > a img {display: block; margin: 15% auto 7% auto; width: auto; height: 50%;}
.tm .li1 > a span {display: block; padding: 0 10%; line-height: 110%;}
.tm .li1:hover, .tm .li1:focus {background: rgba(255,255,255,0.1);}

/*.home .tm .li1 > a {color: #fff; background: none; border: 1px solid rgba(255,255,255,0.3); margin: 0; width: 100%; height: 100%;}*/
.tm .ul1 {margin-right: -3px;}


.path {font-size: 0.8rem; text-align: right; margin-top: -1.5rem; letter-spacing: 1px;}
.path, .path a {color: #c0c4cb;}
.path a:hover {color: #a1a8b3;}


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

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

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


.album {margin-right_: -1rem;}
/*.album {background: #fff; padding: 1rem; border-radius: 5px; margin-top: 1rem;}*/
.album .block {margin: 0 0.3rem 0 0; width: 20vw; height: 20vw; display: inline-block; float: left;}
.album a {margin: 0 1rem 1rem 0; width: calc(100% - 1rem); height: calc(100% - 1rem); border-radius: 5px; box-sizing: border-box; position: relative; text-decoration: none; display: block; overflow: hidden;} 
.album img {transition: all 0.6s; border-radius: 5px; width: 100%; height: 100%;}
.album a:hover img {transform: scale(1.1);}
.album .signature {transition: all 0.6s; 
	padding: 1.5em 1.2em 1.5em 1.5em;
	font-size: 1.2rem; font-weight: 600;
	display: block; color: #fff; overflow: hidden; background: linear-gradient(to right, #5ba4ff, #5e8fff); 
	position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box;
	 font-size_: 0.9rem; line-height_: 1em; padding_: 0.8rem 1.3rem; background_: linear-gradient(to top, #ba1039, #e23333); }
.album a:hover .signature {padding-bottom: 4em;}

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

.dictionary-nav a { z-index: 2; text-align: center; line-height: 3rem; width: 3rem; border-radius: 100%; display: inline-block; margin: 0 8px 8px 0; position: relative;
    background: #005ab6;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.dictionary-nav a:after {transform: scale(0); z-index: -1; transition: all 0.3s; content: ''; background: #ff8427; height: 100%; display: block; position: absolute; left: 50%; top: 50%; width: 100%; margin: -1.5rem 0 0 -1.5rem; 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; line-height: 2.8rem; padding: 0em 1.6rem; z-index: 2; display: inline-block; font-size: 1.2rem; font-weight: 600; color: #fff; background: linear-gradient(to right, #e1904f, #e17a4f); border-radius: 5px; margin-left_: 1em;}
.dates-text {position: relative; font-size: 1.2rem; margin-bottom: 1.6rem; border: 1px dotted #e1904f; background: #fff; padding: 1.5em 2rem 1.5rem 4rem; border-radius: 5px;}
.dates-text:after {content: ""; display: block; position: absolute; top: 1.8rem; left: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url("/im/star_red.png") 50% 50% no-repeat;
    	background-size: cover;
}

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


/* home
-----------------------------------------------------------------*/
.home .maintext {width: 38%; position: absolute; top: 47%; left: 52%;}
.home .maintext h1 {color: #fff; font-size: 3rem; text-transform: uppercase; white-space: nowrap; font-weight: 400;}
.home .maintext p {color: rgba(255,255,255,0.7); font-size: 1.1rem; padding: 1rem 0 0 80px; position: relative;}
.home .maintext p:before { width: 70px; height: 15px; background: url("/im/main_test_stars.png") 0 0 no-repeat; background-size: contain; content:""; display: inline-block; position: absolute; top: 1.1rem; left: 0;}


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


/*
.newshome .window.active-0 .wrapper {margin-top: 0px;}
.newshome .window.active-1 .wrapper {margin-left_: -100%; margin-top: -268px;}
.newshome .window.active-2 .wrapper {margin-left_: -200%; margin-top: -536px;}
.newshome .block:nth-child(4), .newshome .block:nth-child(8), .newshome .block:nth-child(12) {margin-right: 0px;}
.newshome .block .text .tag, .newshome .text .name:before {display: none !important;}
.newshome .block .date {border-bottom: 1px solid #fa0a11; padding-bottom: 7px; margin-left: 0px !important;}
.newshome .block1 {height: 260px !important;}
.newshome .title:after {opacity: 0.4;}
.newshome .block .text .tag, .newshome .text .name:before {display: none !important;}
.newshome .block .date {border-bottom: 1px solid #fa0a11; padding-bottom: 7px; margin-left: 0px !important;}

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


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

.home .block .text .name {font-family_: fonts-bold; display: block; font-size: 1.1rem; font-weight_: 600; margin-top: 0.8em; padding-top: 0.8em; line-height: 1.2em; position: relative;}
.home .block .text .name:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to left, rgba(0,125,207,1), rgba(156,67,184,1), rgba(250,10,17,1));
}
.home .block .text .anons {display: block; font-size: 0.8rem; margin-top: 0.8em; line-height: 1.2rem;}

.home .block a.link {background_: #0064e9; position: absolute; z-index: 2; display: block; width: 100%; height: 100%;}

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

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

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

*/


/*---NewsStart-END---*/


/* List -----------------------------------------------------------------------------*/

.list.size1 {margin-right: -3rem;}
.list .size1 {position: relative; width: 33%; height: 18vw; display: inline-block; float: left; border-radius: 5px; overflow: hidden;}
.list .size1 .link {display: block; text-decoration: none; position: relative; box-sizing: border-box; width: calc(100% - 2rem); height: calc(100% - 2rem); margin: 2rem 2rem 0 0;}
.list .size1 .link:hover {}
.list .size1 .link .upp {border-radius: 5px; position: absolute; bottom: 0; right: 0; z-index: 1; display: block; width: 90%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0));}
.list .size1 .link .pict {width_: 18vw; height_: 17vw; width: 95%; height: 100%; text-align: right; overflow: hidden; display: block; position: absolute; top: 0; right: 0; border-radius: 5px;}
.list .size1 .link .pict img {transition: all 0.6s; width: 17vw; height: 17vw; border-radius: 5px;}
.list .size1 .link .name {transition: all 0.4s linear; display: block; width: 55%; height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: 2; padding_: 1.5em 1.2em 1.5em 45px; color: #fff; font-size: 1.2rem; font-weight: 600; background: linear-gradient(to right, #5ba4ff, #5e8fff); box-sizing: border-box;}
.list .size1 .link .name:after {transition: all 0.3s linear; width: 0%; height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: -1; background: linear-gradient(to right, #e1904f, #e17a4f); box-sizing: border-box; content:""; display: block;}
.list .size1 .link .name span {margin: 45% 1em 2em 2.5em; display: inline-block; position: relative;}
.list .size1 .link .name span:before {width: 29px; height: 30px; background: url(/im/list_stars_w.png); background-size: cover; position: absolute; top: -15px; left: -30px; display: block; content:"";}
.list .size1 .link:hover .name:after {width: 100%;}
.list .size1 .link:hover .name {padding-left_: 4em;}
.list .size1 .link:hover .pict img {transform: scale(1.05);}

.list.size2 {margin-right: -1.2rem;}
.list .size2 {position: relative; width: 32%; height: 175px; margin: 1.2rem 1rem 0 0; display: inline-block; float: left; border-radius: 5px; overflow: hidden; overflow: hidden;}
.list .size2 .link {display: block; text-decoration: none; position: relative; box-sizing: border-box; width: 100%; height: 100%; margin_: 2rem 2rem 0 0;}
.list .size2 .link .pict {width: 100%; height_: 100%; overflow: hidden; display: block; border-radius: 5px;}
.list .size2 .link .pict img {transition: all 0.6s; width: 100%; height: auto; border-radius: 5px;}
.list .size2 .link:hover .pict img {transform: scale(1.05);}

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

.codevideo {border-radius: 5px; overflow: hidden; 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 .copyright a {text-decoration: none; color: #838c9b;}
.videoitem .description {margin-top: 2rem; clear: both;}
.videoitem .description table th {backgroind: ##a1a8b3; color: #fff;}

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


.videomainpage {position: relative;}
.videomainpage .title {margin-top: 3em; padding-bottom: 0.3rem; overflow: hidden; line-height: 1.2em;}
.videomainpage .title span,
.videomainpage .title a.link1 {font-family: fonts-bold; font-size: 1.6rem; font-weight: 400; 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; margin: 0em 0.2em 0 0; vertical-align: top;
	width: 17px;
	height: 17px;
	background: url("/im/star_red.png") 50% 50% no-repeat;
    	background-size: cover;
}
.videomainpage .link2 {position: absolute; top: -10px; right: 10px; display: inline-block; font-size: 0.9rem; color: #fa590a; 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 #fa590a;
}
.videomainpage .link2:hover, .videomainpage .title a.link1:hover {color_: #ff2e2d;}
.videomainpage .title:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 80%;
    height: 1px;
    background_: #fa590a;
    position: relative;
    margin-right: -100%;
    margin-top: 1em; border-bottom: 1px dotted #fa590a; 
}
.videoblock {display: inline-block; width: 20%; box-sizing: border-box; vertical-align: top;}
.videoblock .pict {width: 100%; height: 100%; overflow: hidden; border-radius: 5px;}
.videoblock .pict img {width: 100%; height: auto; display: block; transition: all 0.6s}
.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 {
    transition: all 0.4s linear;
    width: 100%;
    max-width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0.7rem 0.5rem 1rem 0.9rem;
    color: #fff;
    font-size: 1rem; line-height: 1rem;
    background: linear-gradient(to right, #5ba4ff, #5e8fff);
    box-sizing: border-box;
}
.videoblock .name:after {
    transition: all 0.3s linear;
    width: 100%;
    height: 0%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(to right, #e1904f, #e17a4f);
    box-sizing: border-box;
    content: "";
    display: block;
}
.videoblock:hover .name:after { height: 100%;}
.videoblock:hover .name {padding-bottom: 2rem;}
.videoblock:hover .pict img {transform: scale(1.05);}


.video-wrapper h2 {font-size: 2rem; min-width: 50%; padding: 0.8rem 2rem 1rem 2rem; font-weight: 600;}
/*
.videoitem .description table td a {padding: 0.2rem 0.5rem; margin: 0 0.5rem 0.5rem 0; position: relative; border-radius: 5px; display: inline-block; color: #fff; background: #e17a4f; text-decoration: none;}
.videoitem .description table td a:after {transition: all 0.3s linear; width: 0%; height: 100%; border-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: -1; background: linear-gradient(to right, #5ba4ff, #5e8fff); box-sizing: border-box; content:""; display: block;}
.videoitem .description table td a:hover:after {width: 100%;}
*/




/* Личности----------------------------------------------------------------------------*/
.persons {margin-right: -2.3rem;}
.persons a {height: 170px; width: calc(25% - 2.3rem); margin: 0 2.3rem 2.3rem 0; border-radius: 5px; position: relative; display: inline-block; vertical-align: top; text-decoration: none; background: linear-gradient(to right, #5950d7, #5b9aef); color: #fff;}
.persons .pict {display: block; width: 113px; height: 170px; position: absolute; top: 0; left: 0; z-index: 1;}
.persons .pict img,
.cosmonaut .top img {border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.persons .fio {height: 170px; padding: 0 20px 0 135px; font-size: 1.2rem; display: table-cell; vertical-align: middle; position: relative; z-index: 2; box-sizing: border-box; line-height: 1.7rem;}
.persons a:after {border-radius: 5px; transition: all 0.3s linear; background: linear-gradient(to right, #e1904f, #e17a4f); 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%;}

.cosmonaut h5 {font-size: 1.7rem; font-family: fonts-bold; font-weight_: 500; color: #000;}
.cosmonaut h5 {clear: both;}
.cosmonaut .top {float: left; margin-bottom_: 2rem; display: block; margin-right: 1rem; width_: calc(35% - 3rem); width: 520px; color: #fff; font-size: 2rem; font-family: fonts; background: linear-gradient(to right, #e1904f, #e17a4f); height: 240px; position: relative; border-radius: 5px; box-sizing: border-box;}
.cosmonaut .top img {float: left; margin-right: 1rem; height: 240px;}
.cosmonaut .top .name {display: table-cell; vertical-align: middle; padding: 3rem 1rem 1rem 1rem;}
.cosmonaut .about {float: left; display: block; position: relative; width: calc(100% - 540px); height: 250px;}
/*.cosmonaut .about:after {content:""; display: block; clear: both; height: 1px; margin-bottom: 2rem; width: 100%;}*/
/*.cosmonaut .about h3, .cosmonaut .about p {display: inline-block; clear: both;}*/
.cosmonaut .about h3 {margin-bottom_: 1rem; font-size: 1.2rem; font-weight: 600; background: #fff; padding: 0.4em 1em; border-radius: 5px;}
.cosmonaut .about p {background: #fff; padding: 0.4em 1em; margin-top: 0.2em; border-radius: 5px;}

.cosmonaut-blogs .block {width_: 24%; width: 368px; height: 200px; margin: 0 0.6rem 1rem 0; padding: 0.8rem 0.2rem 0.8rem 0.9rem; border: 1px dotted #a1a8b3; vertical-align: top; display: inline-block; position: relative; border-radius: 5px; box-sizing: border-box;}
.cosmonaut-blogs .block img {float: left; margin-right: 1rem; margin-bottom: 1rem;}
.cosmonaut-blogs .block .name {padding: 1rem 0rem 1rem 0rem;}
.cosmonaut-blogs .block .big {white-space: nowrap;}

.content .social {margin-left_: 1rem; clear: both; padding-top_: 1rem;}
.content .social a {margin-right: 0.5rem; display: inline-block; width: 3rem; height: 3rem; position: relative; background: #fff; border-radius: 100%; text-decoration: none;}
.content .social a:last-child {margin-right: 0 !important;}
.content .social a span {width: 1.4rem; height: 1.4rem; margin: 0.8rem; display: block; background: 50% 50% no-repeat; background-size: cover;}
.content .social a span:after {transition: all 0.4s; content: ''; border: 1px solid #fff; border-radius: 100%; width: 92%; height: 92%; margin: 1px; display: block; position: absolute; left: 0; top: 0; z-index: -1;}
.content .social a:hover span:after {transform: scale(1.3);}
.content .social .fb span:after {border-color: #3B5998;}
.content .social .tw span:after {border-color: #0bb5ff;}
.content .social .ig span:after {border-color: #5100f6;}
.content .social .yt span:after {border-color: #dc271d;}
.content .social .vk span:after {border-color: #4a76a8;}
.content .social .fl span:after {border-color: #cb46cc;}
.content .social .ok span:after {border-color: #f8931f;}

.content .social .fb {background: #3B5998;}
.content .social .tw {background: #0bb5ff;}
.content .social .ig {background: linear-gradient(to top, #5100f6, #ff5b7b);}
.content .social .yt {background: #dc271d;}
.content .social .vk {background: #4a76a8;}
.content .social .fl {background: #cb46cc;}
.content .social .ok {background: #f8931f;}

.content .social .fb span {background-image: url("/im/social/fb_w.svg");}
.content .social .tw span {background-image: url("/im/social/tw_w.svg");}
.content .social .ig span {background-image: url("/im/social/ig_w.svg");}
.content .social .yt span {background-image: url("/im/social/yt_w.svg");}
.content .social .vk span {background-image: url("/im/social/vk_w.svg");}
.content .social .fl span {background-image: url("/im/social/fl_w.svg");}
.content .social .ok span {background-image: url("/im/social/ok_w.svg");}

.content .block-cosmo .social {position: absolute; top: -2.3rem; left: 48%; z-index: 3;}
.content .block-cosmo .social a {width: 2.2rem; height: 2.2rem; margin-right: 0.4rem;}
.content .block-cosmo .social a span {width: 1.2rem; height: 1.2rem; margin: 0.5rem;}
.content .block-cosmo .social a span:after {width: 90%; height: 90%;}

.block-cosmo .content-slider-2 {margin-top: -1rem;}
.block-cosmo {clear: both; margin-top: 2rem;}
.block-cosmo .foto { float: left; margin-right: 2rem; display: inline-block;}
.block-cosmo .foto img {width: 230px; height: 230px;}
.block-cosmo blockquote {float: left; width: calc(80% - 220px) !important; position: relative; border-left: none; padding-left: 0; margin-top: 2rem;}
.block-cosmo p.blue {font-weight: 600; font-size: 1.5rem; color: #016ec7 !important;  padding: 0 !important;}
.block-cosmo p.blue em {margin: -4rem 0 0 -3.5rem !important;}
.block-cosmo blockquote p {font-size: 1.3rem; font-style: italic; padding: 1rem 0 1rem 0 !important; position: relative; text-align: left;}
.block-cosmo blockquote:after,
.block-cosmo blockquote:before {height: 1rem; color: #17b6cd; font-size: 2.5rem; font-family: fonts-bold; position: absolute; content:"\2026"; display: inline-block;}
.block-cosmo blockquote:before {top: -2rem; left: -2.5rem;}
.block-cosmo blockquote:after {bottom: 0rem; right: -2.5rem;}
.block-cosmo blockquote p:after,
.block-cosmo blockquote p:before {height: 1px; width: 45%; background: #239ed9; position: absolute; content:""; display: block;}
.block-cosmo blockquote p:before {top: -0.5rem; left: 0.5rem;}
.block-cosmo blockquote p:after {bottom: -0.5rem; right: 0.5rem;}


.cosmonaut-gallery blockquote {width: 60%;}



/* PAGEs -----------------------------------------------------------------------------*/
/*
.page-vuz .block {margin: 0 0.3rem 4rem 0; width: 20vw; height: 18vw; display: inline-block; float: left; box-sizing: border-box; position: relative}
.page-vuz .block .link {text-align: center; margin: 0 1rem 1rem 0; width: calc(100% - 1rem); height: calc(100% - 1rem); display: block; text-decoration: none; position: relative; box-sizing: border-box; background: #fff; border-radius: 5px; box-shadow_: inset 0 0 20px rgba(91,164,255,0.2);}
.page-vuz .block .link:hover {}
.page-vuz .block .link .upp {border-radius: 5px; position: absolute; z-index: 1; display: block; width: 100%; height: 90%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));}
.page-vuz .block .link .pict {width: 100%; height: 60%; overflow: hidden; border-radius: 5px; display: table;}
.page-vuz .block .link .pict em {display: table-cell; vertical-align: middle; width: 100%; hright: 100%;}
.page-vuz .block .link .pict img {transition: all 0.6s; max-width: 80%; height_: auto; max-height: 150px; border-radius: 0px; margin_: 0rem auto; display_: inline;}
.page-vuz .block .link .name {color: #fff; font-size: 1.1rem; font-weight: 600; display: block;}
.page-vuz .block .link .text {transition: all 0.4s linear; width: 100%; max-width: 100%; min-height: 136px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; display: block; bottom: 0; left: 0; z-index: 2; padding: 1rem 0.8rem 0rem 0.8rem; background: linear-gradient(to right, #5ba4ff, #5e8fff); box-sizing: border-box;}
.page-vuz .block .link .text:after {transition: all 0.3s linear; width: 100%; height: 0%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: -1; background: linear-gradient(to right, #e1904f, #e17a4f); box-sizing: border-box; content:""; display: block;}
.page-vuz .block .link:hover .text:after { height: 100%;}
.page-vuz .block .link:hover .text {padding-bottom: 1.5rem; color: #fff;}
.page-vuz .block .link .address {color: #fff;}
.page-vuz .block .link:hover .pict img {transform: scale(1.05);}
.page-vuz .block .site {position: absolute; bottom: -1.5rem; left: 0rem; z-index: 3; max-width: calc(100% - 1rem);}
*/

.more,
.page-vuz .more {background: linear-gradient(to right, #5ba4ff, #5e8fff);}
.page-vuz .site {background: linear-gradient(to right, #e1904f, #e17a4f);}

.more,
.page-vuz .more,
.page-vuz .site {display: inline-block; line-height: 1.3em; border-radius: 5px; margin-top: 1rem;}

.more a,
.page-vuz .more a,
.page-vuz .site a {color: #fff; color_: #999; font-size: 1rem; line-height: 1.8rem; height: 2rem; color: #fff; padding: 0 1rem 0 0; display: block; position: relative; z-index: 2; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;}

.more a:after,
.page-vuz .more a:after,
.page-vuz .site a:after {transition: all 0.3s linear; width: 0%; height: 100%; border-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: -1; background: #0bb5ff; box-sizing: border-box; content:""; display: block;}

.more a:hover:after,
.page-vuz .more a:hover:after,
.page-vuz .site a:hover:after {width: 100%;}

.more a:before,
.page-vuz .more a:before,
.page-vuz .site a:before {width: 1.2rem; height: 1.2rem; margin: 0.4rem 0.6rem 0.4rem 0.4rem; display: block; float: left; content:"";}

.more a:before,
.page-vuz .more a:before {background: url("/im/star_white.png") 0 0 no-repeat; background-size: cover;}

.page-vuz .site a:before {background: url("/im/ic_link_arr_w.svg") 0 0 no-repeat; background-size: cover;}

.page-vuz table {width: 100%;}
.page-vuz table, .page-vuz table td {border-spacing: 0rem;}
.page-vuz table tr {display: block; background: #fff; border-radius: 5px; float: left; margin: 0 1rem 1rem 0; width: calc(50% - 1rem); height: 190px; box-sizing: border-box; padding: 1rem 0; position: relative;}
.page-vuz table td {display: table-cell; background: none; border-radius: 0px; height_: 100% !important;}
.page-vuz table .pict {vertical-align: middle; text-align: center; padding: 1rem; min-width: 150px; width: 150px; height: 150px; overflow: hidden; border-right: 1px dashed rgba(0,0,0,0.2); box-sizing: border-box;}
.page-vuz table img {max-width: 100%; margin_: 1em 0; height_: 150px;}
.page-vuz table .text {padding: 0 1rem; vertical-align: top; max-width_: calc(100% - 166px);}
.page-vuz table .name {font-weight: 600; font-size: 1.1rem; display: block; margin-bottom: 0.5rem;}
.page-vuz table span {margin-right: 1rem; position: relative;}
.page-vuz .address {display: block; color: #ff8427; font-size: 1rem; min-height: 1.2rem; margin: 1rem 0;}
.page-vuz .phone {display: none; display_: block; color: #e17a4f; width: 100%; min-height: 1.2rem; margin-bottom: 0.8rem;}

.page-vuz .link .address:before {display: none;}
/*.page-vuz span.address:before {float: none; margin: 0.5rem 0; display: block; width: 1.2rem; height: 1.2rem; content:"";}*/

.page-vuz table span.address:before,
.page-vuz table span.phone:before {margin: 0 0.6rem 0 0.5rem; display_: block; float: left; display: block; width: 1.2rem; height: 1.2rem; content:"";}
.page-vuz table span.address:before {background: url("/im/icons/ic_address.svg") 0 0 no-repeat; background-size: cover;}
.page-vuz table span.phone:before {background: url("/im/icons/ic_phone.svg") 0 0 no-repeat; background-size: cover;}
.page-vuz table .site {max-width: 350px;}

.page-vuz-item table {min-width: 60%;}
.page-vuz-item table .pict {padding: 1rem 2rem; width: 250px; height: auto; max-height: 250px;}
.page-vuz-item table tr {width: 100% !important; width_: calc(100% - 1rem) !important; height: auto;}


.page-vuz table tr.clear {margin-top: 2rem !important; background: linear-gradient(to right, #e1904f, #e17a4f); clear: both; height: 3px !important; width: calc(100% - 1rem) !important; display: block; content:""; padding: 0 !important;}
.page-vuz table tr.group {position: relative;}
.page-vuz table tr.group:before {width: 2.5rem; height: 2.5rem; z-index: 1; background: #e1904f; position: absolute; top: 0; left: 0; display: block; content: ""; border-radius: 5px;}
.page-vuz table tr.group:after {width: 1.5rem; height: 1.5rem; margin: 0.5rem; z-index: 2; background: url("/im/structure.svg") 0 0 no-repeat transparent; background-size: cover; position: absolute; top: 0; left: 0; display: block; content: "";}
.page-vuz table tr.group .name {max-width: calc(100% - 0.5rem); padding: 0.3rem 1rem 0.5rem 1rem; background: linear-gradient(to right, #e1904f, #e17a4f); border-radius: 5px;}
.page-vuz table tr.group .name a {color: #fff !important; text-decoration: none; }
.page-vuz table tr.group .address {color: #000;}

@media screen and (max-width: 1281px) {
.page-vuz table tr.descr {display: none;}
}
@media screen and (min-width: 1281px) {
.page-vuz table tr.descr {width: calc(50% + 0rem); font-size: 0.9rem; border-left: 1px dashed rgba(0,0,0,0.2); padding: 3rem 0 0 1rem; margin-left: -1rem;}
.page-vuz table tr.descr .line {display: none;}
}


.content table ul.tab-list {padding: 0.5rem 0;}
.content table ul.tab-list li {margin: 0 0 0.2rem 0;}
.content table ul.tab-list li:before {background: none; content:"-"; left: 0;}


.event-link {max-width: 100%;}
.event-link,
.tab-museum td:last-child p {padding: 0 !important; margin: 0 1rem 1rem 0;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    background: linear-gradient(to right, #e1904f, #e17a4f);
    box-sizing: border-box; position: relative;
}
.tab-museum td:last-child p {margin: 0;}
.event-link a,
.tab-museum td:last-child a { color_: #fff; font-size: 1.1rem; line-height: 3rem; height: 3rem; color: #fff; padding: 0 2rem; display: block; position: relative; z-index: 2; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;}
.tab-museum td:last-child a {max-width: 300px; padding: 0 1rem;}
.event-link:after,
.tab-museum td:last-child p:after {transition: all 0.3s linear; width: 0%; height: 100%; border-radius: 5px; position: absolute; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to right, #5ba4ff, #5e8fff); box-sizing: border-box; content:""; display: block;}
.event-link:hover:after,
.tab-museum td:last-child p:hover:after {width: 100%;}
.event-link a:before {width: 1.4rem; height: 1.4rem; margin: 0.8rem 0.6rem 0.8rem -1.1rem; display: block; float: left; content:""; background: url("/im/ic_link_arr_w.svg") 0 0 no-repeat; background-size: cover;}

.content table.tab-museum td, .content table.tab-museum th {padding: 0.5rem;}
.content table.tab-museum th {background: #de7c7e;}
.content table.tab-museum th p {text-align: center;}
.content table.tab-museum td:last-child {width: 20%;}
.content table.tab-museum td:nth-child(2) {font-size: 1.3rem; width: 45%; color_: #de7c7e;}

.content table.keis {width: 100%;}
.content table.keis, table.keis th, table.keis td {background: none; border-spacing: 0;}
table.keis td:nth-child(1) ul {padding-top: 0.7rem;}
table.keis td,
table.keis td {border-top: 1px dashed #fe8a2c; border-radius: 0; width_: 50%; box-sizing: border-box;}
.content table.keis  ul {margin-left: 0rem !important;}
table.keis  td:nth-child(1) a {max-width: 25vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media screen and (max-width: 1024px) {
table.keis  tr, table.keis  td {display: inline-block;}
table.keis  td:nth-child(2) {border-top: none; padding-top: 0;}
}

.page-audio {width: 100%; clear: both; margin-top: 1rem;}
.page-audio audio {border-radius: 5px; height: 40px; width: 100%; min-width: 200px;}
.page-audio td a {height: 38px; line-height: 38px; padding: 0 1rem !important; border-radius: 5px; border: 1px dotted #0051bb; display: inline-block; text-decoration: none; white-space: nowrap;}
.page-audio td a:hover {background: #0051bb; color: #fff;}


/*--PROFESSION---*/
.prof-group-name, .prof-list {width: 65%;}
.prof-group-name {height: 100px; display: table; position: relative;}
.prof-group-name a {height: 100%; padding-left: 120px; color: #ff8427; font-size: 1.6rem; font-family: fonts-bold; text-decoration: none; display: table-cell; vertical-align: middle; box-sizing: border-box;}
.prof-group-name .pict {width: 100px; height: 100px; position: absolute; top: 0; left: 0; display: block;}
.prof-group-name .pict img {width: 60px; height: auto; margin: 20px;}
.prof-group-name .pict:after {transition_: all 0.8s ease-in-out; transform_: rotate(0deg); border: 3px dotted #ff8427; background: #fff; border-radius: 50%; width: 100%; height: 100%; display: block; content:""; position: absolute; top: 0; left: 0; z-index: -1; box-sizing: border-box;}
.prof-group-name a:hover .pict:after {animation: rotate 1s infinite linear;}
@keyframes rotate {
from {
 transform: rotate(360deg);
}
to {
 transform: rotate(0deg);
}
}

.prof-list {margin-left: 2rem; clear: both;}

.prof-page { background: #fff; border-radius: 5px; padding: 2rem; position: relative;}
.prof-page .standart {position: absolute; top :0; right: 0; margin-right: 1rem; display: inline-block;}
.prof-page .standart .event-link {max-width: 230px;}
.prof-page .small {margin: 2rem 0 -0.3rem 0; color: #e1904f;}

.prof-name {height: 120px; display: table; position: relative; max-width: calc(100% - 200px); margin-bottom: 2rem; border_: 1px dotted #ff8427;}
.prof-name p {height: 100%; padding: 0 0 0 140px; color: #662583; font-size: 1.6rem; font-family: fonts-bold; text-decoration: none; display: table-cell; vertical-align: middle; box-sizing: border-box;}
.prof-name p .pict {width: 120px; height: 120px; position: absolute; top: 0; left: 0; display: block; background: linear-gradient(to right, #0f70b7, #662583); background_: #4f509e; border-radius: 5px;}
.prof-name p .pict img {filter: brightness(1000%); width: 100%; height: auto; margin-top: 12px; margin_: 20px;}

.skills {background: #fff; border-radius: 5px; padding: 2rem 2rem 0 2rem; margin-top: -1rem;}
.skills ul {margin-left: 0rem; padding-bottom: 0;}
.skills ul li {position: relative; display: inline-block; box-sizing: border-box;
    width: 33.3333333%;
    min-height: 65px;
    vertical-align: top;
    margin: 0 0 2rem;
    padding: 2px 2rem 0 70px;
}
.skills li .pict {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fe8a2c;
    border-radius: 50%; overflow: hidden;
}
.skills li .pict img {width: 40px; margin: 5px; border-radius: 50%;}
.skills ul li:before {background-image_: url("/im/star_red.png"); display: none !important;}
.skills li .name {font-size: 1.3rem; border-bottom: 1px dashed #fe8a2c; cursor: pointer; display: inline-block; position: relative;}
.skills li .text {min-height: 5rem; margin: 0 2rem 0 70px; max-width: 80%; font-size: 1rem; display: block; visibility: hidden; position: absolute; top: 2rem; left: 0; background: #fff; border: 1px solid #fe8a2c; padding: 0.8rem 1.3rem 1.3rem 1.3rem; z-index: 2; border-radius: 5px;} 
.skills li:hover .text {visibility: visible;}

h2.prof-item {margin: 2rem 0 1rem 0;}

/* -------- feedback  ------------*/
.feedback {color: #fff; padding: 3rem 3rem 0 3rem; background: url(/im/feedback_bg.jpg) 0 -50px no-repeat #000; background-size: cover; border-radius: 5px;}
.feedback .text {font-size: 1.3rem; float: left; width: 40%;}
.feedback form {width: 50%; float: right; position: relative; padding-bottom: 6rem;}
.feedback form input,
.feedback form textarea {font-size: 1.3rem; color: #003056; background: #edf6fe; padding: 0.5em 1em; border-radius: 5px; box-sizing: border-box;}
.feedback form input:focus,
.feedback form textarea:focus {background: #fff; box-shadow: none;}
.feedback form input {border: 2px solid #0bb5ff; box-shadow: inset 0 0 10px #5ba4ff;}
.feedback form textarea {border: 2px solid #5e8fff; box-shadow: inset 0 0 10px #5e8fff; height: 220px;}
.feedback form textarea,
.feedback form .name {width: 100%;}
.feedback form .email,
.feedback form .phone {width: calc(50% - 0.8rem); float: left; vertical-align: top;}
.feedback form .email {margin-right: 1.6rem;}

.feedback form .check {line-height: 25px; margin-top: 0.8em;}
.feedback form .check span {display: block; float: left; width: calc(100% - 35px); line-height: 1em;}
.feedback form .check em {padding: 3px; width: 25px; height: 25px; line-height: 25px; margin-right: 10px; text-align: center; background: #0bb5ff; border-radius: 3px; float: left; display: block; box-sizing: border-box;}
.feedback form .check em input {width: 19px; height: 19px; border: none; box-shadow: none;}

.feedback form .code {background: #5e8fff; padding: 10px; border-radius: 5px; box-sizing: border-box; margin-top: 3rem; position: relative;}
.feedback form .code img {float: left; margin-right: 1rem;}
.feedback form .code input {font-size: 1rem; width: 130px; padding: 0; border: none; height: 50px; line-height: 50px; text-align: center;}
.feedback form .code input:focus {font-size: 1.3rem;}
.feedback form button {color: #fff; background: #002c71; font-family: fonts-bold; padding: 0 1.8rem; border: none; height: 50px; line-height: 50px; position: absolute; top: 10px; right: 10px; border-radius: 5px;}
.feedback form button:disabled {background: #ccc;}
.feedback form .message {text-align: right; color: #0bb5ff; width: 370px; margin-left: calc(100% - 370px); padding-top: 1em;}
.feedback form .message.error {color: red;}
.feedback form .small {position: absolute; right: 0; bottom: 10px; padding: 10px; background: rgba(0,0,0,0.4); border-radius: 5px;}

@media screen and (max-width: 1280px) {
.feedback {background-position: 0 100%; padding-top: 2rem; background-size: contain;}
.feedback .text {float: none; width: 100%;}
.feedback form {width: 100%; float: none; margin-top: 2rem; padding-bottom: 14rem;}
.feedback form textarea {height: 170px;}
.feedback form .code {margin-top: 2rem; width: 370px; margin-left: calc(100% - 370px);}
.feedback form .code input {float: right;}
.feedback form .small {right: 0 !important; width: 40%; opacity: 0.6; bottom: 30px;}
.feedback form button {position: relative; top: 0px; right: 0px; width: 100%; margin-top: 1rem;}
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {
.feedback {background-position: 0 100%;}
.feedback .text {width: 41%;}
.feedback form {width: 56%;}
}



/* SCREEN
-----------------------------------------------------------------*/
@media screen and (min-width: 1281px) and (max-width: 1600px) {
.list .size2 {width: 25%; margin_: 1.0rem 0.0rem 0 0;}
.page-vuz table tr {height: 220px;}
.page-vuz .more {margin-right: 0.5rem;}
.page-vuz .site {margin-right: 0rem;}
.page-vuz table .site {max-width: 200px;}
.list .size1 .link .name span {margin: 20% 1em 2em 2.5em;}
.list .size1 .link .name {width: 65%;}
}


@media screen and (min-width: 1281px) and (max-width: 1540px) {
.tm {font-size: 0.9em;}
.tm .li1 > a span {line-height: 105%;}
/*.newslist {width: 28vw; height: 28vw;}*/
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
.page-vuz table .site {max-width: 170px;}
.page-vuz .more, .page-vuz .site {margin-top: 0;}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
.videoitem .description img {max-width: 33%; height: auto;}
}

@media screen and (max-width: 1023px) {
.videoitem .description img {display: none;}
}


@media screen and (max-width: 1280px) {
.content .videoitem .description table td, .content .videoitem .description table th {padding: 0.4em 1em;}

.tm {width_: 88vw; font-size: 0.8em;}
.tm, .tm nav {height: 11vw;}
.tm .li1 {width: 11vw; height: 11vw;}
.tm .li1 > a img {margin: 12% auto 7% auto;}
.tm .li1 > a span {line-height: 105%;}

.content {width: 85vw;}
.titlepage {font-size: 1.5rem;}
.home .maintext {left: 15%; width: 80%; top: 40%;}

.header .gk {margin-top_: 5px; margin-right: 10px; width: 40px; overflow: hidden;}

.header .social {margin-right: 10px; border_: none; position: absolute; top: 0; right: 50px; padding-right: 10px;}
.header .gk img {width: auto; height: 25px !important;}

.list .size1 .link .name {width: 75%; font-size_: 1.2rem;}
.list .size1 .link .name span {margin: 17% 1em 2em 2.5em;}
.list .size1 .link .pict img {margin-right: -20px; transform_: translateX(20px);}

.newslist {width: 28vw; height: 28vw;}
.page-vuz .block {width: 28vw; height: 24vw;}
.list .size2 {width: 47%;}

.cosmonaut .top {float: none;}
.cosmonaut .about {width: 100%; height: auto; margin-top: 1rem;}

}

@media screen and (orientation:landscape) {
.home .tm .li1 > a {color: #fff; background: none; border: 1px solid rgba(255,255,255,0.3); margin: 0; width: 100%; height: 100%;}
}

@media screen and (orientation:portrait) {
.home,
.home .grid,
.page-bg,
.page-cosmos,
.page-news,
.page-events,
.page-science,
.page-professions,
.page-professions-2,
.page-teacher,
.page-media {background-size_: contain;}
}

@media screen and (max-width: 1280px) and (orientation:portrait) {
.logo {margin-left: 90px !important;}
.tm {position: fixed;}
#main-menu {transition: all 0.3s linear; position: fixed; top: 80px; left: 0; width: 47vh; height: 92vh; padding: 0.5vh 0.5vh 0 0.5vh; background: rgba(254,143,40,1); transform: translateX(-100vw); box-sizing: border-box;}
#main-menu .li1 {width: 23vh; height: 20vh; margin_: 0.5vw; font-size: 1.2rem;}
#main-menu .li1 > a img {margin: 12% auto 7% auto;}
.toggle-button {z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 80px; height: 80px;
    display: inline-block;
    cursor: pointer;
    background: #fe8f28;
    color: #fff;
}
.toggle-button:after {content: attr(data-open); display: block; line-height: 80px; text-align: center; font-size: 1.8rem;}
#menu-checkbox:checked + nav .toggle-button:after {content: attr(data-close); color: #fff;}
#menu-checkbox:checked + nav #main-menu {display_: block; transform: translateX(0);}

.persons a {height: 120px; width: calc(48% - 1.7rem); margin: 0 1.8rem 1.8rem 0;}
.persons .pict {width: 80px; height: 120px;}
.persons .fio {height: 120px; padding: 0 20px 0 95px; font-size: 1.1rem;}
.newslist {width: 40vw; height: 40vw;}
.page-vuz .block {width: 40vw; height: 30vw;}

}


@media screen and (max-width: 1024px) {
.list .size1 .link .name {width_: 60%; font-size: 0.9em;}
.list .size1 .link .name span {margin: 20% 1em 2em 2.5em;}
.list .size2 {height: 150px;}

}

@media screen and (max-width: 960px) and (orientation:landscape) {
.home .maintext {display: none;}
}

@media screen and (min-width: 1401px) and (max-width: 1900px) {
.persons a {height: 150px;}
.persons .pict {width: 100px; height: 150px;}
.persons .fio {height: 150px; padding: 0 20px 0 115px;}
}

@media screen and (min-width: 1281px) and (max-width: 1400px) {
.persons a {height: 150px; width: calc(33% - 1.7rem); margin: 0 1.8rem 1.8rem 0;}
.persons .pict {width: 100px; height: 150px;}
.persons .fio {height: 150px; padding: 0 20px 0 115px; font-size: 1.1rem;}
}

@media screen and (max-width: 1280px) and (orientation:landscape) {
.persons a {height: 120px; width: calc(33% - 1.7rem); margin: 0 1.8rem 1.8rem 0;}
.persons .pict {width: 80px; height: 120px;}
.persons .fio {height: 120px; padding: 0 20px 0 95px; font-size: 1.1rem;}
}

@media screen and (min-device-aspect-ratio: 16/9) and (max-width: 1768px) and (orientation:landscape) {
.home .maintext {width: 62%; top: 41%; left: 20%;}
}

@media screen and (max-width: 1280px) {
.page-vuz table tr {width: calc(100% - 1rem);}
}

@media screen and (max-width: 1023px) and (orientation:portrait) {
.home {background-attachment: fixed;}
.home .leftdraw, .home .rightdraw {top: 10%;}
.nav-newshome {display: none;}
.home .maintext {top: 2rem; position: relative;}
.newshome {position: relative; top: 4rem !important;}
.newshome .window,
.newshome .wrapper { height: auto !important;}
.newshome .sblock0,
.newshome .sblock1 {position: relative;}
.newshome .window.active-0 .sblock1 { opacity: 1;}
.newshome .block {width: 80vw; height: 50vw; margin: 0.5rem 0; font-size: 2.2rem;}
.newshome .block .upp {background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));}
.newshome .block .date {font-size: 1.2rem;}
.news-link {margin-left: 10vw;}
.news-link a {background: #5e8fff; padding: 0.8rem 1.5rem 0.5rem 1rem; margin: 0 1.5rem 2rem 0; border-radius: 5px; font-size: 1.5rem;}

.list .size1 {width: 100%; height: 25vw;}
.list .size1 .link .name {width_: 85%; font-size: 1.4em;}
.list .size1 .link .name span {margin-top: 7%;}
.list .size1 .link .pict img {margin-right: 0px; width: 25vw; height: 25vw;}
}

@media screen and (max-width: 1023px) and (orientation:landscape) {
.home {background-attachment: fixed;}
.nav-newshome {display: none;}
.home .maintext {top: 2rem; position: relative;}
.newshome {position: relative; top: 4rem !important;}
.newshome .window,
.newshome .wrapper { height: auto !important;}
.newshome .sblock0,
.newshome .sblock1 {position: relative;}
.newshome .window.active-0 .sblock1 { opacity: 1;}
.newshome .block {width: 42vw; height: 26vw; margin: 0.7rem; font-size: 1.5rem;}
.newshome .block .upp {background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));}
.newshome .block .date {font-size: 0.9rem;}
.news-link {margin-left: 6vw;}
.news-link a {background: #5e8fff; padding: 0.8rem 1.5rem 0.5rem 1rem; margin: 0 1.5rem 2rem 0; border-radius: 5px; font-size: 1.5rem;}

.list .size1 {width: 50%;}
.list .size1 .link .name span {margin-top: 10%;}
}


/*--- видео на страницах ----*/
@media screen and (max-width: 1024px) {
.video33 {float: left; margin: 0 2rem 2rem 0; width: 100%;}
}
@media screen and (min-width: 1025px) {
.video33 {float: left; margin: 0 2rem 2rem 0; width: calc(33.333333% - 2rem) !important;}
}
@media screen and (min-width: 1025px) and (max-width: 1540px) {
.video33 {float: left; margin: 0 2rem 2rem 0; width: calc(50% - 2rem) !important;}
}