@font-face {
    font-family: 'Regular';
    src: url('../fonts/GILROY-REGULAR.eot');
    src: local('☺'), url('../fonts/GILROY-REGULAR.woff') format('woff'), url('../fonts/GILROY-REGULAR.ttf') format('truetype'), url('../fonts/GILROY-REGULAR.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Medium';
    src: url('../fonts/GILROY-MEDIUM.eot');
    src: local('☺'), url('../fonts/GILROY-MEDIUM.woff') format('woff'), url('../fonts/GILROY-MEDIUM.ttf') format('truetype'), url('../fonts/GILROY-MEDIUM.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bold';
    src: url('../fonts/GILROY-BOLD.eot');
    src: local('☺'), url('../fonts/GILROY-BOLD.woff') format('woff'), url('../fonts/GILROY-BOLD.ttf') format('truetype'), url('../fonts/GILROY-BOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



html * {max-height: 999999px;}
html {font-size: 14px; font-family: 'Regular'; line-height: 20px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
body, html {height: 100%; margin: 0px; padding: 0px;}
.clear {clear: both;}

header {height: 150px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 15; padding-top: 30px;}
header .logo {position: absolute; left: 56px;}
header .logo svg {width: 88px; height: 118px; fill: white;}
header .line1 {margin-left: calc(38% - 220px); padding-right: 10px;}
header .soc {display: inline-block; vertical-align: top;}
header .soc a {display: inline-block; background-color: #f0f0f0; border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 40px; vertical-align: top; margin-left: 2px; margin-right: 2px;}
header .soc a.fb {padding-top: 2px; height: 34px;}
header .soc a.inst {padding-top: 2px; height: 34px;}
header .soc a.ok {padding-top: 3px; height: 33px;}
header .soc a:hover svg {fill: #ff7a21;}
header .soc a.yt {background: url(https://i.ibb.co/sdS58yfJ/Rt-3.png);}
header .soc a.yt:hover {background-position: 0 -44px;}
header .soc a.tg {background: url(https://i.ibb.co/zPT4H8R/TG.png);}
header .soc a.tg:hover {background-position: 0 -40px;}
header .soc a.vic {width: 36px; height: 75px; background: url(https://i.ibb.co/HLJnVT01/80y.png);}
header .main-menu {display: inline-block; padding-top: 3px; vertical-align: top; margin-left: 95px;}
header .main-menu a {font-family: 'Medium'; font-size: 14px; color: white; display: inline-block; margin-right: 30px; text-decoration: none;}
header .search {display: inline-block; width: 15px; vertical-align: top; margin-top: 6px;}
header .search svg {fill: white;}
header .is-line {position: relative; display: inline-block; vertical-align: top; height: 35px;}
header .is-line:after {content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0px; bottom: -40px; background-color: white; opacity: 0.2;}
header .glass {display: inline-block; vertical-align: top; background-color: #f0f0f0; border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 36px; vertical-align: top; margin-left: 3px; margin-right: 3px; position: relative; text-decoration: none; margin-left: 20px;}
header .glass span {position: absolute; left: 0px; bottom: -45px; color: white; opacity: 0.5; line-height: 18px; font-family: 'Medium'; text-align: left; font-size: 12px;}
header .glass:hover span {opacity: 1;}
header .line2 {margin-left: 60px;}
header .line2 .map {font-family: 'Medium'; font-size: 14px; color: white; display: inline-block; text-decoration: none; padding-left: 40px; position: relative; margin-top: 2px;}
header .line2 .map span {opacity: 0.5;}
header .line2 .map:before, header .line2 .map:after {content: ''; display: block; width: 28px; height: 2px; background-color: white; position: absolute; left: 0px; top: 5px;}
header .line2 .map:before {top: 13px;}
header .line2 .map:hover  span {opacity: 1}

.isMobile {position: relative; z-index: 1; text-align: center; margin-top: 50px; display: none;}
.isMobile .soc {display: inline-block; vertical-align: top;}
.isMobile .soc a {display: inline-block; background-color: #f0f0f0; border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 40px; vertical-align: top; margin-left: 3px; margin-right: 3px;}
.isMobile .soc a.fb {padding-top: 2px; height: 34px;}
.isMobile .soc a.inst {padding-top: 2px; height: 34px;}
.isMobile .soc a.ok {padding-top: 3px; height: 33px;}
.isMobile .soc a.yt {background: url(https://i.ibb.co/h77xKz8/yt-36.png);}
.isMobile .soc a.yt:hover {background: url(https://i.ibb.co/Bz1JGC8/yt-36-2.png);}
.isMobile .soc a:hover svg {fill: #ff7a21;}
.isMobile .search {display: inline-block; width: 15px; vertical-align: top; margin-top: 11px; margin-left: 20px; margin-right: 5px;}
.isMobile .search svg {fill: black;}
.isMobile .glass {display: inline-block; vertical-align: top; background-color: #f0f0f0; border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 36px; vertical-align: top; margin-left: 3px; margin-right: 3px; position: relative; text-decoration: none; margin-left: 20px;}
.isMobile .glass span {position: absolute; left: 0px; bottom: -45px; color: black; opacity: 0.5; line-height: 18px; font-family: 'Medium'; text-align: left; font-size: 12px;}
.isMobile .glass:hover span {opacity: 1;}


#inner header .is-line:after {background-color: #d4d4d4; opacity: 1;}
#inner header .main-menu a {color: #262626;}
#inner header .main-menu a:hover, #inner header .main-menu a.active {color: #ff7a21;}
#inner header .search svg {fill: #262626;}
#inner header .search:hover svg {fill: #ff7a21;}
#inner header .glass {background-color: #4d4d4d;}
#inner header .glass svg {fill: white;}
#inner header .glass span {color: #262626;}
#inner header .line2 .map {color: #262626;}
#inner header .line2 .map::before, #inner header .line2 .map::after {background-color: #262626;}
#inner.gray {background-color: #fafafa;}

section {position: relative;}
section .left-column {width: 38%; display: inline-block; vertical-align: top;}
section .right-column {width: 62%; display: inline-block; vertical-align: top;}
section .left-column .main-caption{padding-top: 200px; text-align: center; font-family: 'Gabriela', serif;}

.main-caption {background: url('../i/bg1.jpg') center center; background-size: cover; position: relative; min-height: 580px; max-height: 100vh !important;}
.main-caption h1 {font-size: 36px; color: white; padding-left: 56px; padding-right: 30px; padding-top: 18px; font-weight: normal; line-height: 50px;}
.main-caption a {color: white; font-size: 14px; opacity: 0.35; position: absolute; bottom: 56px; left: 56px; width: 50%; text-decoration: none;}
.main-caption a:hover {opacity: 1;}
.main-caption .age {color: white; font-size: 16px; position: absolute; right: 56px; bottom: 56px;}
.list-news-main {height: 1500px; overflow-y: hidden;}
.list-news-main a{display: block; padding: 56px; background: none !important; text-decoration: none; color: black; position: relative;}
.list-news-main a span {display: block; position: relative; z-index: 3;}
.list-news-main a span.date {font-size: 12px; margin-bottom: 20px; opacity: 0.6;}
.list-news-main a span.caption {font-size: 30px; margin-bottom: 20px; line-height: 40px; font-family: 'Medium';}
.list-news-main a span.short {color: #4c4c4c;}
.list-news-main a span.image {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.list-news-main a span.image:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: linear-gradient(90deg, #F1710B, #F9AD20); opacity: 0.8;}
.list-news-main a:hover, .list-news-main a:hover span.short {color: white;}
.list-news-main a:hover .image {opacity: 1;}
.otherNews {position: relative; display: inline-block; margin: 56px; text-decoration: none; color: #858585; font-size: 14px;}
.otherNews span {background-color: #ff7a21; width: 70px; height: 70px; display: inline-block; text-align: center; border-radius: 50%; color: white; vertical-align: middle; margin-right: 20px; position: relative;}
.otherNews span:before {content: ''; display: block; width: 23px; height: 2px; background-color: white; position: absolute; left: 24px; top: 33px;}
.otherNews span:after {content: ''; display: block; width: 2px; height: 23px; background-color: white; position: absolute; left: 34px; top: 23px;}
.otherNews:hover {color: black;}

.bg-gray {background: #fafafa; padding: 56px; padding-bottom: 0px;}
.search-input {margin-bottom: 56px; border: 1px solid #ff7a21; padding: 25px;}
.search-input input {font-size: 18px; font-family: 'Regular'; border: 0px; float: left; background-color: transparent; width: 90%;}
.search-input a {float: right; width: 24px; height: 25px;}
.search-input a svg {fill: #ff7a21;}

h2 {font-size: 36px; margin-bottom: 20px; line-height: 46px; font-family: 'Regular'; font-weight: normal;}
h3 {font-size: 30px; margin-bottom: 20px; line-height: 40px; font-family: 'Medium'; font-weight: normal;}
h4 {font-size: 30px; margin-bottom: 20px; line-height: 40px; font-family: 'Regular'; font-weight: normal;}

.list-books { margin-bottom: 56px;}
.list-books a{display: inline-block; color: black; text-decoration: none; margin-right: 5vw; padding-top: 20px; width: 151px; vertical-align: top; margin-bottom: 4vw;}
.list-books a img {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 5px 25px rgba(0,0,0,0.22);}
.list-books a span.caption {font-size: 14px; font-family: 'Medium'; line-height: 18px; color: black; display: block; margin-top: 30px;}
.list-books a span.author {font-size: 14px; font-family: 'Medium'; line-height: 18px; color: #858585; display: block; margin-top: 22px;}
.list-books a:hover img {box-shadow: 0 0px 0px rgba(0,0,0,0.25), 0 0px 0px rgba(0,0,0,0.22);}
.list-books a:hover .caption {color: #ff7a21;}

.tyr {display: block; text-align: center; background: url('../i/vback.jpg') center center; background-size: cover; margin-left: -56px; margin-right: -56px; color: white; text-decoration: none; padding-top: 56px; padding-bottom: 56px; margin-bottom: 56px;}
.tyr .big {font-size: 36px; display: block; margin-bottom: 20px;}
.tyr .small {font-size: 14px; display: block;}

.tyr2 {display: block; text-align: center; background: url('../i/vback2.jpg') center center; background-size: cover; margin-left: -56px; margin-right: -56px; color: white; text-decoration: none; padding-top: 56px; padding-bottom: 56px; margin-bottom: 56px;}
.tyr2 .big {font-size: 36px; display: block; margin-bottom: 20px;}
.tyr2 .small {font-size: 14px; display: block;}

.tyr3 {display: block; text-align: center; background: url('../i/VR70.jpg') center center; background-size: cover; margin-left: -56px; margin-right: -56px; color: white; text-decoration: none; padding-top: 56px; padding-bottom: 56px; margin-bottom: 56px;}
.tyr3 .big {font-size: 36px; display: block; margin-bottom: 20px;}
.tyr3 .small {font-size: 14px; display: block;}

.list-partners a{display: inline-block; color: black; text-decoration: none; margin-right: 24px; padding-top: 20px; margin-bottom: 56px;}
.list-partners a span.caption {font-size: 14px; font-family: 'Medium'; line-height: 18px; color: #858585; display: block; margin-top: 20px;}
.list-partners a:hover span.caption {color: #ff7a21;}

.norilsk {display: block; text-align: center; background: url('../i/bg3.jpg') center center; background-size: cover; margin-left: -56px; margin-right: -56px; color: white; text-decoration: none; padding-top: 56px; padding-bottom: 56px; margin-bottom: 56px;}
.norilsk .big {font-size: 36px; display: block; margin-bottom: 20px;}
.norilsk .small {font-size: 14px; display: block;}

.columns .column {display: inline-block; width: 33%; vertical-align: top;}
.columns .column p {padding-right: 60px; color: #4c4c4c; margin-bottom: 20px;}
.columns .column p a {text-decoration: none; color: #ff7a21;}
.columns .column p a svg {fill: none; stroke: #ff7a21; width: 12px; height: 17px; display: inline-block; margin-right: 10px; vertical-align: top;}

.op60 {opacity: 0.6;}

.columns .column23 {display: inline-block; width: 67%; vertical-align: top;}
.columns .column13 {display: inline-block; width: 33%; vertical-align: top;}

.form {margin-bottom: 56px;}
.form label {display: block; color: #4c4c4c; font-size: 12px; opacity: 0;}
.form input {background-color: transparent; padding-top: 10px; border: 0px; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; width: 80%; font-family: 'Medium';}
.form .input {margin-bottom: 20px;}
.form input.error {border-bottom: 1px solid red;}
.form #eadresF {width: 60%;}
.bigA {color: #ff7a21; text-decoration: none; border: 1px solid #ff7a21; padding: 10px 40px; display: inline-block;}
.bigA:hover {background: #ff7a21; color: white;}

.options a {display: block; text-decoration: none; font-family: 'Medium'; padding-left: 30px; position: relative; color: #404040; margin-bottom: 20px;}
.options a:after {content: ''; display: block; position: absolute; width: 9px; height: 9px; border: 1px solid #ff7a21; border-radius: 50%; left: 0px; top: 4px;}
.options a.active:after {background-color: #ff7a21;}
.options a.active, .options a:hover {color: #ff7a21;}

.bg-gray footer {margin-left: -56px; margin-right: -56px; margin-top: 56px;}
footer {background-color: #262626; padding-top: 56px;padding-bottom: 36px;}
footer .column.left p {padding-left: 56px;}
footer .columns .column p{color: white; padding-right: 56px;}
footer .big {font-size: 20px; color: white !important;}
footer .gray {color: #808080 !important;}
footer .column.center {text-align: center;}
footer .column.right {text-align: right;}
#ishide {display: none;}


.white-block {background-color: white; position: relative; height: 170px; padding-top: 200px;}
.white-block h1 {font-size: 36px; color: #262626; margin-left: 56px; margin-right: 56px; padding-top: 18px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #e5e5e5; display: inline-block; padding-bottom: 30px;}
.white-block .author {padding-left: 56px;}

.white-block2 {background-color: white; position: relative; height: 100%; padding-top: 200px; padding-bottom: 200px;}
/*.white-block2 {background-color: white; position: fixed; padding-top: 200px; padding-bottom: 200px; height: calc(100vh - 400px); left: 0px; top: 0px; width: 38%;}*/
.white-block2 h1 {font-size: 36px; color: #262626; margin-left: 56px; margin-right: 56px; padding-top: 18px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #e5e5e5; display: inline-block; padding-bottom: 30px;}
.white-block2 .author {padding-left: 56px;}
.white-block2 .no_border {margin-left: 56px; margin-top: 56px; display: block;}
.white-block2 .back {position: absolute; display: inline-block; left: 56px; text-decoration: none; color: #858585; font-size: 14px; bottom: 56px;}
.white-block2 .back span {background-color: #ff7a21; width: 70px; height: 70px; display: inline-block; text-align: center; border-radius: 50%; color: white; vertical-align: middle; margin-right: 20px; position: relative;  line-height: 85px;}
.white-block2 .back:hover {color: black;}
.white-block2 .back svg {fill: white; width: 15px; height: 25px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);}

.white-text {position: relative; height: 100%; padding-top: 200px; padding-bottom: 200px;}
.white-text h1 {font-size: 36px; color: white; margin-left: 56px; margin-right: 56px; padding-top: 18px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #e5e5e5; display: inline-block; padding-bottom: 30px;}

.years {padding-top: 270px; padding-left: 44px; max-width: 400px;}
.years a {font-size: 18px; color: #262626; display: inline-block; margin-right: 60px; margin-bottom: 60px; text-decoration: none;}
.years a:hover, .years a.active {color: #ff7a21;}

.list-news {margin-top: -55px;}
.list-news a{display: inline-block; margin: 56px; text-decoration: none; color: black; position: relative; width: calc(38% - 122px); vertical-align: top;}
.list-news a span {display: block; position: relative; z-index: 3;}
.list-news a span.image {display: block; margin-bottom: 20px;}
.list-news a span.image {max-width: 100%;}
.list-news a span.date {font-size: 12px; margin-bottom: 20px; opacity: 0.6;}
.list-news a span.caption {font-size: 30px; margin-bottom: 20px; line-height: 40px; font-family: 'Medium'; max-width: 340px;}
.list-news a span.short {color: #4c4c4c; max-width: 340px;}
.list-news a:hover span.caption {color: #ff7a21;}
.list-news .month {display: inline-block; width: 24%; vertical-align: top; margin-top: 56px;}
.list-news .month span {font-size: 30px; font-family: 'Medium'; border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; padding-left: 44px;}
.list-news a img {max-width: 100%; height: auto;}
.pages {margin: 56px; width: 56%; text-align: center;}
.pages a{display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 18px; font-family: 'Medium'; color: black; text-decoration: none;}
.pages a:hover {color: #ff7a21;}
.pages a.active {color: #999999;}

.news-item {padding-top: 260px; paddig-left: 44px; max-width: 700px; position: relative; padding-left: 44px; font-size: 15px; line-height: 25px; width: 70%;}
.news-item .date { position: absolute;  right: -200px; top: 260px;}
.news-item .date span {font-size: 30px; font-family: 'Medium'; border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; padding-left: 44px;}
.news-item .gray {color: #4c4c4c; opacity: 0.6;}
.news-item img {max-width: 100%; height: auto;}
.news-item p {/*word-break: break-all;*/}
.repost {margin-top: 60px; margin-bottom: 60px;}
.repost .like{color: #ff6600; text-decoration: none;}
.repost .like svg {fill: #ff6600; margin-right: 5px; width: 20px; display: inline-block; vertical-align: text-bottom; margin-left: 10px;}
.repost .mrlp {margin-left: 87px; margin-right: 10px;}
.repost .vk svg {fill: #4c769f; display: inline-block; margin-left: 10px;}
.repost .fb svg {fill: #3657a3; display: inline-block; margin-left: 10px;}

.comments {padding-left: 44px; padding-top: 56px; padding-bottom: 56px; background-color: #f5f5f5;}
.comments .form-comment {max-width: 400px;width: 89%;}
.comments .form-comment input {width: 100%;}
.comments .list-comments {padding-top: 56px; max-width: 400px;}
.comments .list-comments .item {margin-bottom: 40px;}
.comments .list-comments .item .gray {color: #262626; opacity: 0.6;}
.comments .list-comments .item .gray span {padding-left: 40px;}

.table section{width: 100%; display: table;}
.table section .left-column {display: table-cell; position: relative;}
.table section .right-column {display: table-cell; position: relative;}
.table section .white-block2 {background-color: white; position: absolute; height: calc(100% - 400px); padding-top: 200px; padding-bottom: 200px; display: block; left: 0px; top: 0px; width: 100%;}

.desc-top {padding-top: 260px; padding-left: 44px; padding-right: 56px;padding-bottom: 56px;}
.bg-docs {background: url('../i/bg4.jpg') no-repeat top center white; background-size: cover;}
.bg-docs h1 {color: white;}

.sub-menu a {font-size: 18px; color: #262626; display: inline-block; margin-right: 60px; margin-bottom: 30px; text-decoration: none;}
.sub-menu a:hover, .sub-menu a.active {color: #ff7a21;}
.group-docs {margin-bottom: 56px;}
.group-docs .date {color: #262626; opacity: 0.6;}
.group-docs .docs {padding-top: 56px;}
.group-docs .docs .doc {display: inline-block; padding-left: 80px; width: 200px; position: relative; vertical-align: top; font-size: 15px; color: #4c4c4c; margin-right: 44px; margin-bottom: 44px; text-decoration: none;min-height: 80px;}
.group-docs .docs .doc svg {position: absolute; left: 0px; top: 0px;}
.group-docs .docs .doc .size {color: #4c4c4c; opacity: 0.6; position: absolute; text-align: center; left: 0px; top: 60px; width: 50px; font-size: 14px;}
.group-docs .docs .doc .type {background-color: black; color: white; font-size: 10px; width: 30px; position: absolute; left: 8px; top: 24px; text-align: center; height: 16px; line-height: 16px; text-transform: uppercase;}
.group-docs .docs .doc:hover {color: #ff7a21;}
.group-docs .docs .doc:hover svg{fill: #ff7a21;}
.group-docs .docs .doc:hover .type {background-color: #ff7a21;}

.mrl0-mrr0 {margin-left: -44px; margin-right: -56px; display: block;}

.header {padding-bottom: 200px;}
.bg-about {background: url('../i/bg5.jpg') no-repeat; background-size: cover;}
.bg-about .sub-menu a{color: white;}
.bg-about .sub-menu a.active, .bg-about .sub-menu a:hover {opacity: 0.6;}

.content {background-color: white; padding: 56px; margin-top: -256px; position: relative;}
.content {font-size: 15px; color: #4c4c4c; line-height: 25px;}
.content h1 {font-size: 36px; color: #262626; padding-top: 18px; font-weight: normal; line-height: 50px; padding-bottom: 30px;}
.content a {color: #ff7a21; text-decoration: none;}
.content a:hover {color: black;}
.content h5 {font-size: 20px; color: #262626; font-weight: normal; line-height: 30px;font-family: 'Bold';}
.content .columns {display: table; width: 100%;}
.content .column12 {display: table-cell; width: 50%;}
.content strong {font-family: 'Bold'; font-weight: normal;}

.mrtphw {margin-top: 100vh; display: inline-block;}

.sub-menu2 a{display: table; font-size: 18px; color: #262626; text-decoration: none; margin-bottom: 56px;}
.sub-menu2 a:hover {color: #ff7a21;}

.bg-resurs {background: url('../i/bg6.jpg') no-repeat top center white; background-size: cover;}
.bg-resurs h1 {color: white;}

.bg-gallery {background: url('../i/bg8.jpg') no-repeat top center white; background-size: cover;}
.bg-gallery h1 {color: white;}

.bg-contacts {background: url('../i/bg9.jpg') no-repeat top center white; background-size: cover;}
.bg-contacts h1 {color: white;}

.bg-search {background: url('../i/bg10.jpg') no-repeat top center white; background-size: cover;}
.bg-search h1 {color: white;}

.link-resurs {max-width: 400px; padding-right: 200px; position: relative; margin-bottom: 122px;}
.link-resurs .caption {display: block; font-family: 'Medium'; font-size: 30px; line-height: 40px; margin-bottom: 20px;}
.link-resurs p {color: #4c4c4c;}
.link-resurs a {text-decoration: none; color: #ff7a21; display: block; position: absolute; top: 15px; right: 0px;}
.link-resurs a svg {fill: #ff7a21; display: inline-block; vertical-align: middle; margin-right: 10px;}
.link-resurs a:hover {color: black;}
.link-resurs a:hover svg {fill: black;}

.mb56 {margin-bottom: 56px;}

.top-text {color: white; opacity: 0.8; top: -80px; position: absolute; width: 100%; left: 0px;}
.afisha-list {display: table; width: 100%;}
.afisha-list .table-row {display: table-row;}
.afisha-list .table-row:hover {background-color: #f8f8f8;}
.afisha-list .table-row .table-cell{display: table-cell; padding: 44px;}
.afisha-list .table-row .table-cell.cell1 {font-size: 24px; position: relative; white-space: nowrap;}
.afisha-list .table-row .table-cell.cell1:after {content: ''; display: block; width: 75%; left: 44px; bottom: 0px; height: 1px; background-color: #e5e5e5; position: absolute;}
.afisha-list .table-row .table-cell.cell1 sup {padding-left: 10px;}
.afisha-list .table-row .table-cell.cell2 {font-size: 18px;}
.afisha-list .table-row .table-cell.cell3 {font-size: 18px; opacity: 0.8;}

.list-whois {margin-left: -22px; margin-right: -22px;}
.list-whois a {display: inline-block; margin-left: 22px; margin-right: 22px; color: black; text-decoration: none; max-width: 340px; margin-bottom: 44px; vertical-align: top;}
.list-whois a img {display: block; margin-bottom: 30px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.list-whois a .caption {display: block; font-size: 18px; font-family: 'Bold'; margin-bottom: 20px;}
.list-whois a .short {color: #4c4c4c;}
.list-whois a:hover, .list-whois a:hover .short {color: #ff7a21;}
.list-whois a:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}
.item-post {padding-left: 380px; position: relative; max-width: 400px; min-height: 360px;}
.item-post img {position: absolute; left: 0px; top: 0px;}

.list-gallery a {display: inline-block; width: 340px;position: relative; text-decoration: none; color: #262626; font-size: 30px; font-family: 'Medium'; margin-right: 44px; margin-bottom: 88px; line-height: 40px; vertical-align: top;}
.list-gallery a img {display: block; margin-bottom: 20px; max-width: 100%; height: auto;}
.list-gallery .photos {position: absolute; background-color: white; padding: 10px 20px; color: #4c4c4c; font-size: 14px; left: 0px; top: 0px; line-height: 14px;}
.list-gallery .date {display: block; opacity: 0.6; font-size: 12px; margin-bottom: 10px;}
.list-gallery a:hover {color: #ff7a21;}
.list-gallery .video {background-color: white; border-radius: 50%; width: 60px; line-height: 60px; position: absolute; left: 50%; margin-left: -30px; top: 77px; text-align: center;}
.list-gallery .video i{display: inline-block; width: 0; height: 0; border-top: 9px solid transparent; border-left: 15px solid #ff7a21; border-bottom: 9px solid transparent;}

.date-photo {display: block; color: #262626; opacity: 0.6; font-size: 12px; margin-top: -55px;}
.list-photos {margin-top: 44px;}
.list-photos a {display: inline-block; margin-right: 44px; margin-bottom: 44px; width: 42%;}
.list-photos a img {max-width: 100%; height: auto;}

.mrt0 {margin-top: 0px;}

.contacts-content {padding-bottom: 56px;}
.contacts-content .columns {display: table; width: 100%;}
.contacts-content .column12 {display: table-cell; width: 50%;}
.contacts-content p {margin-bottom: 40px;}
.contacts-content p a.tchk {text-decoration: none; color: #ff7a21;}
.contacts-content p a.tchk svg {fill: none; stroke: #ff7a21; width: 12px; height: 17px; display: inline-block; margin-right: 10px; vertical-align: top;}
.contacts-content p a {color: #ff7a21; text-decoration: none;}
.contacts-content p a:hover {color: black;}
.contacts-content p a:hover svg {stroke: black;}

#block-search {position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 60; display: none;}
#block-search .bg {background-color: white; opacity: 0.5; display: block; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1;}
#block-search .white {background-color: white; position: absolute; left: 0px; top: 0px; width: 100%; height: 30vh; min-height: 300px; z-index: 2;}
#block-search .search-input {border: 0px; border-bottom: 3px solid #ff7a21; padding: 25px; margin: 0px auto; width: 50vw; min-width: 300px; margin-top: 50px;}
#block-search .close {display: block; position: absolute; right: 20vw; top: 50px; z-index: 60; width: 22px; height: 22px;}
#block-search .close:before {display: block; content: ''; position: absolute; left: 0px; top: 0px; width: 22px; height: 2px; background-color: #4d4d4d;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#block-search .close:after {display: block; content: ''; position: absolute; left: 0px; top: 0px; width: 22px; height: 2px; background-color: #4d4d4d;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#block-search .close:hover:before, #block-search .close:hover:after {background-color: #ff7a21;}

#block-menu {position: fixed; top: 0px; left: 50vw; width: 50vw; height: 100vh; z-index: 30; display: none;}
#block-menu .bg {background-color: #fafafa; opacity: 1; display: block; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; position: absolute;}
#block-menu .close {display: block; position: absolute; right: 5vw; top: 50px; z-index: 30; width: 22px; height: 22px;}
#block-menu .close:before {display: block; content: ''; position: absolute; left: 0px; top: 0px; width: 22px; height: 2px; background-color: #4d4d4d;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#block-menu .close:after {display: block; content: ''; position: absolute; left: 0px; top: 0px; width: 22px; height: 2px; background-color: #4d4d4d;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#block-menu .close:hover:before, #block-menu .close:hover:after {background-color: #ff7a21;}
#block-menu .menu {position: relative; z-index: 10; margin: 10vw auto; width: 500px;}
#block-menu .menu a {font-size: 18px; font-family: 'Medium'; color: #262626; text-decoration: none;}
#block-menu .menu a:hover {color: #ff7a21;}
#block-menu .menu a.active {color: #9e9e9e;}
#block-menu .menu {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
#block-menu .menu .item {margin-bottom: 20px;}
#block-menu .bg2 {width: 50vw; height: 100vh; display: block; position: fixed; left: 0px; top: 0px; background-color: white; opacity: 0.9;}



.bg-map {background-color: #fafafa; padding-bottom: 0px;}
.bg-map h1 {color: #262626; border-bottom: 1px solid #e1e1e1;}
.bg-map .white-text {padding-bottom: 0px;}
.content-map {padding-bottom: 1px; display: table; width: 100%;}
.content-map a{font-size: 18px; color: #262626; text-decoration: none; }
.content-map .mn {font-size: 30px; font-family: 'Medium'; display: inline-block; margin-bottom: 40px;}
.content-map a:hover {color: #ff7a21;}
.content-map .rub {margin-bottom: 60px;}
.content-map li {list-style: none; margin-bottom: 20px;}
.content-map .column {display: table-cell; width: 33%; vertical-align: top; padding-left: 56px; padding-right: 56px;}

.gray.news .logo svg, .gray.table .logo svg {fill: #ff7a21;}
.ya-share2 {display: inline-block;}
#commentsCongrats {display: none;}

.gray.table.logowhite .logo svg {fill: white;}

.fixleft .white-block2 {background-color: white; position: fixed !important; height: calc(100vh - 400px)!important; left: 0px; top: 0px; width: 38%!important;}
.fixleft footer {margin-left: 38%;}
.fixleft header .logo {position: fixed; left: 56px; top: 30px;}

.is-text a {color: #ff7a21; text-decoration: none;}
.is-text a:hover {color: black;}

.fix1.fixed {position: fixed; left: 0px; top: 0px;}
.fix1.absolute {position: absolute; bottom: 200px;}

.fix2.fixed {position: fixed; left: 112px; top: 56px;}
.fix2.absolute {position: absolute; bottom: 56px;}
.fix2 img {max-width: 100%; height: auto;}
.wisetext {min-height: 465px;}
.wisetext table tr:hover td {background-color: #f3f3f3;}

@media all and (max-width: 1500px) {
    .list-gallery a {width: 45%; margin-right: 4%;}
}


@media all and (max-width: 1300px) {
    .news-item {width: 64%;}
}


@media all and (max-width: 1200px) {
    header .line2 {margin-left: 10px;}
    header .main-menu a {margin-right: 15px;}
    footer .columns .column p {padding-right: 30px;}
    footer .column.left p {padding-left: 30px;}
    .list-gallery a {font-size: 28px; line-height: 38px;}
    .content {padding-left: 30px; padding-right: 30px;}
    .fix2.fixed {left: 86px;}
}

@media all and (max-width: 1100px) {
    .main-caption h1 {font-size: 32px;}
    .da-slide .da-link {font-size: 32px !important;}
    #block-menu {left: 40vw; width: 60vw;}
    .news-item .date {position: relative; left: auto; top: auto; margin-bottom: 50px; right: auto; float: right;}
    .news-item {width: 86%;}
    .white-block2 h1 {margin-left: 30px; margin-right: 30px;}
    .white-block2 .no_border {margin-left: 30px;}
    .white-block2 .no_border img {max-width: 100%; height: auto;}
    .list-photos a {width: 40%;}
    .bg-gray {padding-left: 15px; padding-right: 15px;}
    .fix2.fixed {left: 45px;}
    .fix2 {width: 300px;}
}

@media all and (max-width: 1000px) {
    .main-caption h1 {padding-left: 30px;}
    header .logo {left: 30px;}
    header .main-menu {display: none;}
    header .glass {margin-left: 30px;}
    header .line2 {margin-left: 60px;}
    header .search {margin-left: 60px;}
    .main-caption a {left: 30px;}
    .list-news .month {display: none;}
    .list-news a {width: calc(50% - 122px);}
    .isdid section .left-column {width: 45%;}
    .isdid section .right-column {width: 55%;}
    .list-gallery a {font-size: 25px; line-height: 35px;}
    .fix2 {width: 250px;}
}

@media all and (max-width: 900px) {
    header .line1 {margin-left: calc(41% - 220px);}
    .main-caption h1 {font-size: 30px;}
    .da-slide .da-link {font-size: 30px !important;}
    #block-menu {left: 0px; width: 100vw;}
    .list-news a span.caption {font-size: 26px;}
    .fix1 {display: none;}
    .fix2 {display: none;}
    .list-photos a {width: 90%;}
    .content {padding-top: 30px;}
}

@media all and (max-width: 800px) {
    header .line1 {margin-left: 130px;}
    section .left-column {width: 100%;}
    section .right-column {width: 100%;}
    .isdid section .left-column {width: 100%;}
    .isdid section .right-column {width: 100%;}
    .main-caption h1 {margin-top: 0px; padding-top: 0px;}
    .main-caption {min-height: 300px; height: 300px;}
    .list-news-main {height: auto !important; overflow-y: inherit;}
    .list-news-main a {padding: 30px;}
    .list-news-main a.hideMobile {display: none;}
    .columns .column p {padding-right: 30px;}
    .columns .column {width: 32%;}
    .bg-gray {padding: 30px; padding-bottom: 0px;}
    .tyr, .norilsk, .bg-gray footer {margin-left: -15px; margin-right: -15px;}
    .tyr2, .norilsk, .bg-gray footer {margin-left: -15px; margin-right: -15px;}
    .da-slide .da-date {top: 77px !important;}
    .da-slide .da-link {top: 150px !important;}
    .da-slide p {top: 390px !important;}
    .da-arrows {top: 550px !important;}
    .da-slider {height: 680px !important;}
    .da-slide .da-link {width: 85vw !important;}
    .white-block {height: auto; padding-top: 150px;}
    .desc-top {padding-top: 50px; padding-right: 44px;}
    .list-news {margin-top: 0px;}
    .list-news a {margin-top: 0px;}
    .table section .left-column {display: block;}
    .table section .right-column {display: block;}
    .table section .white-block2 {position: relative; height: auto; padding-bottom: 0px; padding-top: 150px;}
    .white-block2 .back {display: none;}
    .news-item {padding-top: 30px; padding-left: 30px; padding-right: 30px; width: calc(100% - 60px);}
    .fixleft .white-block2 {position: relative !important; width: 100% !important; height: auto !important;}
    .fixleft header .logo {position: absolute; left: 30px;}
    .white-block2 {padding-bottom: 0px; padding-top: 150px;}
    .fixleft footer {margin-left: 0px;}
    #inner header .search svg {fill: white;}
    #inner header .glass {background-color: white;}
    #inner header .glass svg {fill: #4d4d4d;}
    #inner header .glass span {color: white;}
    #inner header .line2 .map  {color: white;}
    #inner header .line2 .map::before, #inner header .line2 .map::after {background-color: white;}
    #inner.isdid header .line2 .map {color: black;}
    #inner.isdid header .line2 .map::before, #inner.isdid header .line2 .map::after {background-color: black;}
    .date-photo {margin-top: 0px;}
    .white-text {padding-top: 150px; padding-bottom: 0px;}
    .item-post {padding-left: 0px; width: 100%; max-width: 1000px;}
    .item-post img {position: relative; display: block; max-width: 100%; height: auto;}
    #inner.news header .line2 .map {color: black;}
    #inner.news header .line2 .map::before, #inner.news header .line2 .map::after {background-color: black;}
}

@media all and (max-width: 700px) {
    header .line1 {display: none;}
    header .glass {display: none;}
    header .line2 {margin-left: calc(100vw - 160px);}
    #block-menu .isMobile {display: block; padding-bottom: 100px;}
    #block-menu .bg2 {display: none;}
    #block-menu {overflow-y: auto;}
    #block-menu .bg {position: fixed;}
    .list-news a {margin: 30px; margin-top: 0px; width: calc(50% - 62px);}
}

@media all and (max-width: 600px) {
    .columns .column {width: 100%; padding-right: 0px;}
    #block-menu .menu {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    #block-menu .menu {width: auto; margin-left: 30px; margin-bottom: 0px;}
    .list-news a span.caption {font-size: 24px; line-height: 34px;}
    .list-gallery a {width: 100%; margin-right: 0px;}
    .content .column12 {width: 100%; display: block;}
}

@media all and (max-width: 500px) {
    .list-news-main a span.caption {font-size: 26px; line-height: 36px;}
    .da-slide p {width: 80vw !important;}
    .columns .column23 {width: 100%;}
    .columns .column13  {width: 100%;}
    .list-news a {width:  calc(100% - 62px);}
    .white-block2 h1 {font-size: 26px; line-height: 36px;}
    .news-item .date span {font-size: 20px;}
    .content h1 {font-size: 26px; line-height: 36px;}
    .list-whois a {width: calc(100% - 44px); display: block; max-width: auto;}
    .list-whois a img {width: 100%; height: auto;}
    .content table {margin-left: -30px; margin-right: -30px;}
}

@media all and (max-width: 400px) {
    .main-caption h1 {line-height: 36px;}
    .otherNews {margin: 30px;}
    .otherNews span {margin-right: 10px;}
    .da-slide .da-date {left: 30px !important;}
    .da-slide-current .da-link {left: 30px !important; font-size: 22px !important; line-height: 32px !important;}
    .da-slide-current p {left: 30px !important;}
    .search-input {padding: 15px;}
    .search-input input {width: calc(100% - 30px);}
    .list-books a {display: block; width: 100%; text-align: center;}
    .isMobile .soc {display: block; margin-bottom: 30px;}
    .bg-gray {padding: 15px;}
    .repost .like svg {margin-left: 0px;}
    .repost .mrlp {margin-left: 0px;}
    .repost .like {margin-right: 140px;}
    .repost {line-height: 40px;}
}
.t-select {background-color: #ff7a21; color: white;}