#irbis{background: white;color: grey;padding: 7px 10px;border-radius: 5px;border: 1px solid grey;}
#irbis b,#irbis u,#irbis s,#irbis i,#irbis button{cursor: pointer;padding: 3px;margin: 3px;border: 1px solid grey;border-radius: 3px;display: inline-block;width: 35px;text-align: center;background: #fafafa;}
#irbis input{padding: 3px 5px;margin: 3px;border: 1px solid grey;border-radius: 3px;display: inline-block;width: 240px;background: #fafafa;}
#irbis b:hover,#irbis u:hover,#irbis s:hover,#irbis i:hover,#irbis button:hover{background: #ebf1f5;}
.close{padding:0;cursor:pointer;background:none;border:0;outline:none;-webkit-appearance:none;position:absolute;top:5px;right:10px;color:#fff;text-shadow:0 1px 0 #ddd;z-index:100}
.close::before{font-size:12px;font-weight:400;content:'✖'}
.close:hover{color:#666}
.up{padding:0;cursor:pointer;background:none;border:0;outline:none;-webkit-appearance:none;position:absolute;top:0;left:0;width:100%;height: 100%;}
.disable,.disable * {pointer-events: none !important;}
#notification-container{display:block;position:fixed;bottom:10px;left:10px;z-index: 100;}
.notification{display:block;position:relative;padding:15px 15px 15px 60px;overflow:hidden;width:310px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.07);color:#fafafa;transform:translate(-500px,0);animation:show-notification 5s cubic-bezier(.64,.09,.08,1);margin-bottom:5px}
.notification-title{font-size:1.1em;font-weight:700}
.notification-success::before,.notification-error::before,.notification-info::before,.notification-warning::before{font-size:35px;display:block;position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.notification-success{background-color:#90b900}
.notification-success::before{content:'☑'}
.notification-error{background-color:#e85656}
.notification-error::before{content:'⨻'}
.notification-info{background-color:#2dacd1}
.notification-info::before{content:'❉'}
.notification-warning{background-color:#dfb81c}
.notification-warning::before{content:'⚐'}
.media{margin:0;padding:0;display:inline-block;border:0;border-radius:0}
.media img{margin:0;padding:0;border:0;border-radius:0;height: 100%;object-fit: contain;}
.media li{overflow:hidden;display:inline-block;border:1px solid #C0D5DD;border-radius:0;width:72px;height:72px;float:left;margin:5px;background:#F4FBFE url(img/image-loading.gif) no-repeat center center;padding:0;position:relative}
@keyframes show-notification {
0%{opacity:0;-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}
10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}
@media screen and (max-width: 900px) { 
#irbis{top:0!important;left:0!important;border-radius:0!important;width:100%!important;text-align:center!important;z-index: 6;}
#irbis b,#irbis u,#irbis s,#irbis i{width: 10%!important;}
}@charset "UTF-8";
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0;padding: 0;border: 0;vertical-align: top;box-sizing: border-box;outline: none;}
*::before,*::after{box-sizing: inherit;}
body{width: 100%;font-family: sans-serif;font-size:14px;color: #212121;background: #fcfcfc;line-height: 145%;}
div{position:relative;}
input, textarea, select, button{font-size:14px;}
#container{width: 100%;will-change:position,width;}
.logo{width: 120px;position: absolute;top: 0;left: 0}
img, video{width: 100%;vertical-align: middle; height: auto;aspect-ratio: attr(width) / attr(height);}
main{width:100%;max-width:1200px;margin:60px auto;}
.card{box-shadow: 0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07);border-radius: 3px;max-width:900px;min-width:252px;margin-bottom: 20px;text-align:left;}
.clip{display:inline-block;width:49%;margin:2px;}
.card,.tile{padding: 20px;background: #fff}
.card a{text-decoration:none;color: #4261ae;}
.card h3{color: #757575;padding: 0 10px;box-shadow: 0 5px 5px -3px rgba(0,0,0,.16);}
.card-btn{position:absolute!important;top:10px;right:10px;color:#ffffff}
.card hr{border: 1px solid #BDBDBD;;width: 50%;margin: 10px 0;}
.card p{color:#757575;margin-top: 15px;}
.left-side{display: inline-block;width: 252px;vertical-align: top;margin-right: 20px;}
.small-link{font-size:11px;padding: 2px 10px;position: absolute;bottom: 0;right: 0;color: #a0a0a0!important;border-radius: 2px;cursor:pointer;}
.right-side{display: inline-block;vertical-align: top;}
.center{display: inline-block;max-width:600px;margin-right: 20px;}
.additional{display: inline-block;width:252px;}
.card-title{margin-bottom:20px;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.search_block {display: flex;justify-content: space-between;margin: 40px 0;align-items: start;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07);flex-direction: row;}
.search_block img {width: 100%;padding: 20px;margin-top: .8em;max-width:212px;min-width:212px}
.search_block div {padding: 10px 20px;}
.viewer{position:relative;display: inline-block;}
.viewer .gallery section{width:106px;height:auto;display:inline-block;aspect-ratio: 16/9;}
.viewer .gallery section img{object-fit: cover;width: 100%;height: 100%;}
.window .gallery::-webkit-scrollbar { width: 7px; height: 7px;}
.window .gallery::-webkit-scrollbar-button {  background-color: #fefefe; }
.window .gallery::-webkit-scrollbar-track-piece { background-color: #fefefe;}
.window .gallery::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 7px;}
.window .gallery {transition: background 0.9s cubic-bezier(.64,.09,.08,1);scroll-behavior: smooth;scroll-snap-type: x mandatory;display: flex;-webkit-overflow-scrolling: touch;overflow-x: scroll;overflow-y: hidden;width:100%;height:auto;}
.window .gallery section {min-width: 100%;height: 100%;scroll-snap-align: start;position: relative;}
.window .gallery section img{object-fit: scale-down;height: calc(100vh - 200px);}
.dayNight,.fontSize{position: absolute;top: 3px;background: none;cursor: pointer;z-index: 5}
.dayNight{right: 3px;}
.fontSize{left: 3px;}
.avatar svg path {fill: #4261ae;transition: all 0.3s cubic-bezier(.64,.09,.08,1);}
.avatar svg path:hover {fill: #3498db;}
.third-part{width: 30%;padding: 1px!important;display: inline-block;margin: 4px 2px!important;}
.two-third-part {width: 60%;display: inline-block;padding: 0!important;}
.two-third-part p{margin-top:10px!important; margin-bottom:5px!important;}
.small-p{font-size:12px;color:#757575;margin-top:10px!important;margin-bottom:10px!important;}
.circle{border-radius: 50%}
.copyscape{width: 120px;height: 100px;display: flex;position: absolute;bottom: 50px;right: 0px;transform: rotate(-26deg);opacity: 0.2;z-index: 0;}
.btn-float{border-radius: 50%;width: 50px;height: 50px;background-image: radial-gradient(circle,#ffeb3b 1%,#fff388 15%,transparent 30%);background-color: #ffeb3b;will-change:box-shadow,background-color;font-size: 22px;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
.btn-float:hover{box-shadow: 0 5px 11px 0 rgba(0,0,0,.16),0 4px 15px 0 rgba(0,0,0,.13);background-color: #fe5;}
.btn-float img{width: 20px;vertical-align: middle;margin: 2px -5px;display: block;}
[class^=btn]{box-shadow: 0 2px 5px 0 rgba(0,0,0,.14),0 2px 10px 0 rgba(0,0,0,.1);position: relative;cursor: pointer;text-transform: uppercase;margin-bottom: 10px;background-image: none;background-size: 0;background-repeat: no-repeat;background-position: 50% 50%;transition: background-color .3s cubic-bezier(.64,.09,.08,1),box-shadow .3s cubic-bezier(.64,.09,.08,1),right .3s,top .3s,scale .3s;will-change: background-size,background-image;padding: 10px 20px;display: inline-block;border: 0;text-decoration: none;font-size: 14px;}
[class^=btn]:after{position: absolute;content: '';transition: none;background: radial-gradient(circle,#fff 95%,transparent 95%);background-size: .7%;background-position: 50% 50%;background-repeat: no-repeat;}
[class^=btn]:focus{outline: 0;background-size: 1000%;transition: all 0.3s cubic-bezier(.64,.09,.08,1)}
.btn-red{background-image: radial-gradient(circle,#e74c3c 1%,#ef8b80 15%,transparent 30%);background-color: #e74c3c}
.btn-red:hover{background-color: #ea6153}
.btn-yellow{background-image: radial-gradient(circle,#f1c40f 1%,#f5d657 15%,transparent 30%);background-color: #f1c40f}
.btn-yellow:hover{background-color: #f2ca27}
.btn-green{background-image: radial-gradient(circle,#4caf50 1%,#80c883 15%,transparent 30%);background-color: #4caf50}
.btn-green:hover{background-color: #5cb860}
.btn-blue{background-image: radial-gradient(circle,#2196f3 1%,#6ab8f7 15%,transparent 30%);background-color: #2196f3}
.btn-blue:hover{background-color: #39a1f4}
input[id*=social-]:checked~.btn-vk{transform: translateX(-100px);opacity:1;}
input[id*=social-]:checked~.btn-tg{transform: translate(-75px,75px);opacity:1;}
input[id*=social-]:checked~.btn-ok{transform: translateY(100px);opacity:1;}
input[id*=social-]{display:none;}
.btn-vk{background-color: #577ca2;opacity:0;transition: transform .3s cubic-bezier(.64,.09,.08,1);}
.btn-vk:hover{background-color: #5b81a6;}
.btn-tg{background-color: #3cb8e5;opacity:0;transition: transform .3s cubic-bezier(.64,.09,.08,1);}
.btn-tg:hover{background-color: #41bce9}
.btn-ok{background-color: #e47e25;opacity:0;transition: transform .3s cubic-bezier(.64,.09,.08,1);}
.btn-ok:hover{background-color: #e88229 }
.btn-float svg{width: 24px;height: 23px;margin-left: -7px;margin-top: 2px;}
h1,h2,h3,h4,h5,h6{margin-bottom: .8em;line-height: 130%;margin-top: .8em;}
p{margin: 10px 0}
h1{font-size: 30px}
h2{font-size: 26px}
h3{font-size: 24px}
h4{font-size: 20px}
a,p{font-size: 16px;text-decoration:none;}
.mark{background: #fe5;padding: 20px 0 1px;margin-bottom: 20px;}
dropdown{display:inline-block;margin-bottom: 30px;position:relative}
dropdown label,dropdown ul li{display:block;width:200px;background:#ECF0F1;padding:15px 20px;transition:all .3s}
dropdown ul li a{text-decoration: none;color: #212121;}
dropdown label:hover,dropdown ul li:hover{background:#1ABC9C;color:#fff;cursor:pointer;}
dropdown label{color:#1ABC9C;border-left:4px solid #1ABC9C;position:relative;z-index:2}
dropdown input{display:none}
dropdown input ~ ul{position:absolute;visibility:hidden;opacity:0;top:0px;z-index:1;transition:all .3s}
dropdown input:checked + label{background:#1ABC9C;color:#fff}
dropdown input:checked ~ ul{visibility:visible;opacity:1;top:50px}
.btn-raised{border-radius: 1.98px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.14),0 2px 10px 0 rgba(0,0,0,.1);background-image: radial-gradient(circle,#3498db 1%,#75b9e7 15%,transparent 30%);background-color: #3498db;will-change: box-shadow,background-color,background-image;color: #fff!important}
.btn-raised:hover{box-shadow: 0 5px 11px 0 rgba(0,0,0,.16),0 4px 15px 0 rgba(0,0,0,.13);background-color: #4aa3df!important}
.btn-flat{background-image: radial-gradient(circle,#fcfcfc 1%,#ffffff 15%,transparent 30%);background-color: #fcfcfc;box-shadow: none}
.btn-primary{background-image: radial-gradient(circle,#314c7c 1%,#4b74bd 15%,transparent 30%);background-color: #314c7c}
.btn-primary:hover{background-color: #314c7c}
.btn-secondary{background-image: radial-gradient(circle,#4261ae 1%,#557cde 15%,transparent 30%);background-color: #4261ae}
.btn-secondary:hover{background-color: #4261ae}
.btn-accent{background-image: radial-gradient(circle,#ffeb3b 1%,#fff388 15%,transparent 30%);background-color: #ffeb3b}
.btn-accent:hover{background-color: #fe5}
.color-primary{color: #314c7c}
.color-secondary{color: #4261ae}
.bg-paper{background: #efefef}
.bg-secondary{background-color: #4261ae}
.bg-primary{background-color: #314c7c}
.editor-label{color: #1abc9c;font-size: 11px;position: absolute;opacity:0;will-change:opacity,top;}
input[type=email],input[type=text],input[type=password],input[type=search], textarea{margin-bottom: 20px;width: 100%;display: block;padding: 20px 0 5px;border-bottom: solid 1px #1abc9c;color: #0e6252;will-change: background-position;transition: background-position .3s cubic-bezier(.64,.09,.08,1);background: linear-gradient(to top,#1abc9c 1px,rgba(255,255,255,0) 1px);background-position: -800px 0;background-size: 100% 100%;background-repeat: no-repeat;}
input[type=file]{width: 100%;height: 100%;display: inline-block;cursor: pointer;position: absolute;opacity:0;z-index:10;}
input[type=email]:focus,input[type=text]:focus,input[type=password]:focus,textarea:focus,input[type=search]:focus{box-shadow: none;outline: 0;background-position: 0 0}
input[type=email]:focus::-webkit-input-placeholder,input[type=text]:focus::-webkit-input-placeholder,input[type=password]:focus::-webkit-input-placeholder,input[type=search]:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color: #1abc9c;font-size: 11px;transform: translateY(-17px);visibility: visible!important}
input[type=email]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]:focus::-webkit-input-placeholde,textarea:focus::-webkit-input-placeholder{transition: all .2s cubic-bezier(.64,.09,.08,1)}
input[type=date],input[type=time]{padding: 10px;background: #f1f1f1;border-radius: 5px;margin: 10px 10px 0 0;}
.inputGroup{background-color:#fff;display:flex;margin:10px 0;position:relative;flex-wrap:wrap;justify-content:space-between}
.inputGroup label{padding:15px 40px 15px 10px;display:inline-block;text-align:left;color:#3C454C;cursor:pointer;position:relative;z-index:2;transition:color .2s ease-in;overflow:hidden;border-radius:4px;margin:0 10px 0 0}
.inputGroup label:before{width:10px;height:10px;border-radius:50%;content:'';background-color:#3498db;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale3d(1,1,1);transition:all .3s cubic-bezier(0.4,0,0.2,1);opacity:0;z-index:-1}
.inputGroup label:after{width:27px;height:27px;content:'';border:2px solid #D1D7DC;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' stroke='%23fff' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .2s ease-in}
.inputGroup input{display:none}
.inputGroup input:checked+label{color:#fff;text-shadow:1px 1px 5px #164869}
.inputGroup input:checked+label:before{transform:translate(-50%,-50%) scale3d(56,56,1);opacity:1}
.inputGroup input:checked+label:after{background-color:#007557;border-color:#00926d}
.treeview{padding:0;clear:both;font-family:Arial,sans-serif;width:100%}
.treeview sc{color:grey}
.treeview ul{overflow:hidden;width:100%;margin:0;padding:0 0 1.5em;list-style-type:none}
.treeview ul ul{overflow:visible;width:auto;margin:0;padding:0 0 0 .75em}
.treeview ul.l{border-left:1px solid;margin-left:-1px}
.treeview li.cl ul{display:none}
.treeview li{margin:0;padding:0}
.treeview li li{margin:0 0 0 9px;border-left:1px dotted #3498db;padding:0}
.treeview li div{position:relative;height:25px;min-height:25px}
.treeview li li div{border-bottom:1px dotted #3498db}
.treeview li p{position:absolute;z-index:1;top:14px;left:28px;width:100%;margin:0;border-bottom:1px dashed;padding:0;}
.treeview span{padding:.1em .2em;white-space:nowrap;display:flex;cursor:pointer;align-items: center;}
.treeview span:hover>button{display:inline;}
.treeview span>button{display:none;}
.treeview input{margin: 0 5px;}
.treeview input[type="text"]{border:0;font-size:13px;padding:2px 5px;margin: 2px 5px;;width: 150px;}
.treeview button{border:0;font-size:11px;margin:0 10px;cursor:pointer;}
.treeview span.sc{position:absolute;top:.06em;margin-left:-1em;padding:0;text-decoration:none;color:#3498db}
.treeview li p,.treeview input{background:#f5f5ea}
.treeview ul.l,.treeview li p{border-color:#f5f5ea}
.treeview span:hover{color:#3498db}
.cat a{color: #778187;text-transform: uppercase;margin:0;padding: 10px 0;display:block;font-family: Roboto;font-size: 14px;text-decoration: none;}
.cat a:before{content:'• ';}
.cat .subcat1:before{content:'•• ';}
.cat .subcat2:before{content:'••• ';}
.cat .subcat3:before{content:'•••• ';}
.cat .subcat4:before{content:'••••• ';}
table{width: 100%;border-radius: 2px;box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.2);border-collapse: collapse;}
table > thead > tr, table > tbody > tr{border-bottom: 1px solid #CCC;transition: background .2s;}
table > tbody > tr:hover{background: #EEE;}
table > tbody > tr:last-child{border-bottom: none;}
table > thead > tr > th{padding: 12px 18px;font-weight: normal;color: rgba(0, 0, 0, 0.54);font-weight:bold;}
table > tbody > tr > td{padding: 12px 18px;color: rgba(0, 0, 0, 0.87);}
.donate span{position:relative;margin-right: 10px;}
.donate span:after{content:"₽";font-size:20px;color:grey;position:absolute;top:13px;right:15px;}
.donate span input{font-size:20px;border:1px solid #3498db;color:#00b486;padding:10px;width:100%;border-radius:4px;margin-bottom:0}
.donate{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.donate a{text-decoration:none;display:inline-block;position:relative;background:#00684d;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 100%),linear-gradient(to right,#00b486 0%,#00684d 50%,#00b486 100%);background-position:0 0;background-size:200% 100%;border-radius:4px;color:#fff;padding:15px 65px 15px 15px;text-shadow:1px 1px 5px #004f3a;transition:background-position 600ms 200ms;overflow:hidden}
.donate a:after{border-left:1px solid #004f3a;color:#004f3a;content:"❤";padding:15px 0 15px 15px;position:absolute;right:16px;top:0;transition:all 600ms 200ms;font-size:25px}
.donate a:hover{background-position:-100% 0}
.donate a:hover:after{border-left:1px solid #008260;color:#fff;text-shadow:0 0 10px #FFF}
textarea {resize:vertical;min-height:133px;overflow-x:hidden;background:url(img/bug.gif) no-repeat 0% 100%;}
textarea:focus {overflow-y: auto;}
time{display:none}
.alert-block{margin: 20px 0;max-width:800px}
.alert{padding-bottom: 50px;display:flex;}
.alert:before{background-image: radial-gradient(circle,#e74c3c 0,#ef8b80 34%,transparent 80%);background-color: #e74c3c;box-shadow: 0 2px 5px 0 rgba(0,0,0,.14), 0 2px 10px 0 rgba(0,0,0,.1);text-transform: uppercase;display: inline-block;border-radius: 50%;width: 48px;height: 48px;font-size: 35px;padding: 15px 5px;-webkit-tap-highlight-color: transparent;color: #fcfcfc;text-align: center;font-weight: 700;min-width: 48px;min-height: 48px;}
.core-404:before{content: "404"; font-size: 17px;padding: 15px 10px;}
.core-403:before{content: "403"; font-size: 17px;padding: 15px 10px;}
.core-alert:before{content: "!";}
.core-query:before{content: "?";}
.alert div{display:inline-block;max-width: 460px;padding:0px 10px;}
.alert img{width:72px!important;}
input[id^=alert-check],input[id^=alert-check]:checked~div,input[id^=alert-check]:checked~label{display: none}
input[id^=alert-check]+label{position: absolute;right: 16px;bottom: 10px;cursor: pointer;z-index: 1;}
body>header{width: 100%;padding-top: 10px;padding-bottom: 10px;background: #314c7c;position:fixed;top:0;left:0;z-index:6;transition: all .3s cubic-bezier(.64,.09,.08,1);will-change:top;}
body>header h1{color: #fcfcfc;max-width: 900px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;text-align: center;padding: 0 50px;}
#container>footer {display: block;width: 100%;background: #4261ae;padding:20px;color: #fcfcfc;text-align: right;}
#container>footer a{color:#fefefe!important;text-decoration:none;}
#container>footer img{width: 20px;height: 20px;margin: -3px 10px 0 0;cursor: pointer;}
body>header label{display: block!important;position: absolute!important;z-index: 8; top: 8px;right: 8px;padding: 10px!important;color: #fcfcfc!important; font-size:20px!important;}
#nav-user,#window-check{display: none}
.nav-user-block{transform: translateX(-100%);transition: transform .3s cubic-bezier(.64,.09,.08,1);opacity:0;}
#nav-user:checked~.nav-user-block{transform: translateX(0);opacity:1;}
#nav-user:checked~#nav-modal{display:block;}
#window-check:checked~#container{position:fixed;}
#window-check:checked~.window{display:block;}
#window-check:checked~#window-modal{display:block;}
ul li{list-style: none}
.nav-user-block{position: fixed;top:0;left:0;height: 100%;background: inherit;z-index: 7;overflow-Y: auto;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);width: 252px;will-change:opacity}
.nav-user-block a,.nav-user-block label {width: 100%;display: block;text-decoration: none;color: #474747;cursor: pointer;font-weight: 500;padding: 15px 24px;transition: none;font-size:16px;}
.nav-user-block a:hover,.nav-user-block label:hover {background: #e0e0e0}
.nav-user-block input{display: none}
.nav-user-block input:checked+label {transition: background .2s cubic-bezier(.64,.09,.08,1),color .2s cubic-bezier(.64,.09,.08,1);background: #e0e0e0}
.nav-user-block input:checked+label+.nav-collapsible-links {height: auto;transform: scaleY(1)}
.nav-user-block input:checked+label+.nav-collapsible-links a {height: 54px}
.nav-collapsible-links {height: 100%;transform: scaleY(0);transform-origin: 0 0;transition: transform .3s cubic-bezier(.64,.09,.08,1)}
.nav-collapsible-links a {height: 0;font-weight: 400;transition: height .3s cubic-bezier(.64,.09,.08,1);display: flex;padding-left: 40px;}
.avatar{border-bottom: solid 1px #e0e0e0;display: flex;min-height:200px;min-width:200px;}
.avatar img{border-radius: 100px;width: 200px;margin: 20px auto;height: 200px;}
.avatar ul{margin:0 auto;}
.avatar div{text-align: center;width: 100%;}
[id*=collapsible-]:checked+label:before {margin-top: 6px;transform: rotate(-45deg) translateX(1px)}
[id*=collapsible-]:checked+label:after {margin-top: 5px;transform: rotate(45deg) translate(4px,-3px)}
label[for*=collapsible-]{width: 100%;cursor: pointer;display: flex;position: relative;padding: 15px 24px;border-bottom: solid 1px #ebebeb;color: #474747;border-radius: 3px}
label[for*=collapsible-]:after,label[for*=collapsible-]:before {content: '';position: absolute;right: 20px;width: 2px;height: 8px;background: #9e9e9e;transition: all .3s ease}
label[for*=collapsible-]:before {margin-top: 2px;transform: rotate(50deg)}
label[for*=collapsible-]:after {margin-top: 6px;transform: rotate(-50deg)}
[class*=collapsible-]{transform: scaleY(0);transform-origin: 0 0;height: 0;will-change: height,transform;transition: all .3s ease;}
.side-block {margin: 5px -10px;padding: 10px;box-shadow: 0 0 0 0 rgba(0,0,0,0);transition: box-shadow .3s ease;max-width:232px}
.pin-flex{display:flex;flex-wrap:wrap;justify-content: space-between;}
.modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);display:none;transition: all .2s cubic-bezier(.64,.09,.08,1);will-change:display;z-index: 6;}
.window{transition: all .2s ease;display: none;height: auto;max-width:800px;width: auto;padding: 40px;top: 50px;margin:0 auto;z-index: 10;background: #fff;border-radius: 3px;will-change:opacity;text-align:center;}
@keyframes progress{0%{left:0;opacity:1;animation-timing-function:ease-out}7%{left:40%;animation-timing-function:linear}90%{left:65%;opacity:1;animation-timing-function:ease-out}100%{left:100%;opacity:0}}
.xhr{width:4px;height:4px;background:#016B98;position:absolute;opacity:0;animation-iteration-count:infinite;animation-name:progress;animation-duration:1.5s}.xhr:nth-child(2){animation-delay:120ms}.xhr:nth-child(3){animation-delay:240ms}.xhr:nth-child(4){animation-delay:360ms}.xhr:nth-child(5){animation-delay:480ms}
#waiting, #problem{display:none;}
#progress{position: absolute;bottom: -4px;width: 100%;height: 4px;}
.side-block:hover {box-shadow: 0 5px 11px 0 rgba(0,0,0,.16), 0 4px 15px 0 rgba(0,0,0,.13);}
.slider{overflow: hidden;position: relative;width: 100%;max-width: 700px;margin: 20px auto;text-align: center;}
.dummy{margin-top: 50%;}
.slides{height: inherit;opacity: 0;position: absolute;max-height: 100%;max-width: 100%;top:0;left:0;right:0;bottom:0;margin:auto;z-index: 0;transform: translateX(30%);transition: transform ease-in-out .5s, opacity ease-in-out .5s;}
.slider > input:checked +label{opacity: 1;z-index: 2;}
.slider > input:checked +label+label{background:#ddd;}
.slider > input:checked +label+label + .slides{opacity: 1;z-index: 1;transform: translateX(0);}
.slider > input{display: none;}
.point{cursor: pointer;display: inline-block;margin: 12px;position: relative;width: 8px;height: 8px;z-index:2;border-radius: 50%;transition: background ease-in-out .5s;}
.slider > .arrow{cursor: pointer;display: block;height: 32px;position: absolute;top: calc(50% - 32px);right:15px;width: 32px;border-top:3px solid #ddd;border-right:3px solid #ddd;transform: rotate(45deg);z-index:0;opacity:0;transition: background ease-in-out .5s;}
.point:hover{background: #ddd;}
.point:after {border: 2px solid #ddd;content: " ";display: block;height: 12px;left: -4px;position: absolute;top: -4px;width: 12px;border-radius: 50%;}
.item-data{color: #a0a0a0;margin: 0 10px;font-size: 11px;text-align:right;}
.item-data svg {width: 20px;height: 20px;margin-left: 5px;}
.breadcrumb li {display: inline-block;list-style: none;}
.breadcrumb li::after {content: "»";padding: 8px  0;display: inline-block;}
.breadcrumb li:last-child::after {content: "";}
.socialblock{display:flex;justify-content: flex-end;}
.socialblock button{width: 50px;height: 30px;background:grey;transition: background .3s cubic-bezier(.64,.09,.08,1);cursor:pointer;will-change:background;}
.tw svg{width:18px;}
.tg svg{width:16px;}
.fb svg{width:7px;}
.ok svg{width:10px;}
.like svg{width:15px;}
.vk svg{width:23px;}
.fb:hover{background:#3C599F;}
.ok:hover{background:#E47E25;}
.like{background:#E47E25!important;}
.tg:hover{background:#3cb8e5;}
.vk:hover{background:#375474;}
.tw:hover{background:#32CCFE;}
@media screen and (max-width: 1200px) { 
.additional{display: none;}
.right-side{max-width:600px}
.breadcrumb{padding-top: 20px;}
}
@media screen and (max-width: 920px) { 
.window{width:96%!important;}
.left-side{display: none;}
body>header h1{max-width:600px;font-size: 26px;}
.center{margin:0 auto;display: block;}
.right-side{width: 100%;max-width:100%}
body>header h1{font-size: 25px;line-height: 140%;padding: 0 50px 0 120px;}
}
@media screen and (max-width: 600px) {
.window{padding:10px;}
.alert div{padding: 10 10px!important;}
.center{margin:0 10px;}
.logo{display:none;}
.search_block {flex-direction: column;}
.search_block img {max-width:none}
body>header h1{font-size: 20px;line-height: 175%;padding: 0 50px}
.breadcrumb{display:none;}
}
.nightMode,.nightMode .window{color: #fcfcfc;background: #212121;}
.nightMode .card,.nightMode .tile{background: #282828;}
.nightMode .card a,.nightMode .tile a{color: #fafafa;}
.nightMode img,.nightMode video{filter:grayscale(70%);}
.nightMode .color-primary,.nightMode .color-secondary,.nightMode .mark p{color: #fafafa;}
.nightMode .btn-raised,.nightMode .btn{background:#353535;}
.nightMode .btn-flat{background: #212121;}
.nightMode header,.nightMode #container > footer{background:#333333;}
.nightMode .nav-user-block a, .nightMode .nav-user-block label{color: #fafafa;}
.nightMode .nav-user-block a:hover, .nightMode .nav-user-block label:hover {background: #353535;}
.nightMode .mark{background: #6c6523;}
.nightMode .avatar svg path {fill: #fafafa;}
.nightMode .avatar svg path:hover {fill: #fafafa;}
.nightMode .editor-label,.nightMode input,.nightMode textarea{color:#fafafa;background: #282828;}
.nightMode .inputGroup{background: #282828;}
.nightMode .inputGroup label{color: #fafafa;}
.nightMode .small-link{background:#3c3c3c}
.nightMode .treeview li p,.nightMode .treeview input{background:#282828}
.nightMode .treeview ul.l,.nightMode .treeview li p{border-color:#282828}
.bigSize a, .bigSize p{font-size: 20px;line-height: 33px;}
.nightMode .nav-user-block input:checked+label {background: #3c3c3c}#window article {text-align: left;}
.cw{background: #f2f2f3;color: #778187;font-size: 25px;transform: rotate(45deg);padding: 0;position: fixed;z-index: 100;top: -100px;right: 30px;transition:.5s}
.cw:hover{background: #3498db;color:white;}
.tags a{background: #f2f2f3;color: #778187;text-transform: uppercase;margin: 2px 2px 4px 0;padding: 10px 10px 10px 5px;display: inline-block;font-family: Roboto;font-size: 14px;text-decoration: none;border-radius: 1.98px;position: relative;will-change:background,color,box-shadow;transition:box-shadow 0.5s cubic-bezier(.64,.09,.08,1);}
.tags a:hover{background:#3498db;color:white;box-shadow: 0 5px 11px 0 rgba(0,0,0,.16), 0 4px 15px 0 rgba(0,0,0,.13);}
.tags a:before{background: #fff;width: 10px;height: 10px;content: "";display: inline-block;border-radius: 20px;margin: 0 10px 0 0;}
.file-drop-area{position:relative;display:flex;align-items:center;width:450px;max-width:100%;padding:25px;border:1px dashed rgba(0,0,0,0.4);border-radius:3px;transition:.2s}
.file-drop-area:hover{background-color:rgba(0,0,0,0.05)}
.fake-btn{flex-shrink:0;background-color:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1);border-radius:3px;padding:8px 15px;margin-right:10px;font-size:12px;text-transform:uppercase}
.file-msg{font-size:small;font-weight:300;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-input{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;opacity:0}
.file-input:focus{outline:none}
.news{box-shadow: 0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07);border-radius: 3px;position: relative;max-width:900px;margin-bottom: 20px;overflow: hidden;}
.news h2{color:#757575;padding:0 30px;display:inline-block;font-size: 22px;}
.news h2:after {width: 62px;height: 4px;background: #337AB7;margin-top: 12px;content: '';display: block;}
.news p{color:#757575;padding: 0 20px;}
.news .video{width: 100%;height: auto;aspect-ratio: 16/9;}
.article q{position:relative;font-size:16px;margin:16px 16px 46px;border:2px solid #337AB7;border-radius:20px;padding:25px;display:block;max-width:500px}
.article q::after{content:"";position:absolute;border:2px solid #337AB7;border-radius:0 50px 0 0;width:40px;height:40px;bottom:-40px;left:50px;border-bottom:none;border-left:none;z-index:2;box-sizing:border-box}
.article q::before{content:"";position:absolute;width:80px;border:6px solid #fcfcfc;bottom:-3px;left:50px;z-index:1}
.news .card-title{padding: 20px 0 10px 20px;}
.poster{position: absolute;right: 0;}
.nightMode .article q,.nightMode .article q::after{border: 2px solid #fcfcfc;}
.nightMode .article q::after{border-bottom: none;border-left: none;}
.nightMode .article q::before{border:6px solid #212121;}
.nightMode .tags a,.nightMode .cw  {background: #778187;color: #f2f2f3;}
.luna{box-shadow: 0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07);border-radius: 3px;position: relative;max-width:600px;margin-bottom: 20px;overflow: hidden;}
.luna h2{color:#314c7c;padding:0 10px;display:inline-block;}
.luna h3{color: #757575;padding: 0 10px;box-shadow: 0 5px 5px -3px rgba(0,0,0,.16);}
.luna-top{position:relative;background: #fafafa;box-shadow: 0 5px 11px 0 rgba(0,0,0,.16),0 4px 15px 0 rgba(0,0,0,.13);}
.luna-top p{color:#314c7c;padding:10px 10px 75px 10px;}
.luna-circle{border-radius: 50%;width: 150px;height: 150px;background-color: #fff;box-shadow: 0 5px 11px 0 rgba(0,0,0,.16),0 4px 15px 0 rgba(0,0,0,.13);padding: 0;position: absolute;right: 10px;bottom: -75px;overflow: hidden;border: 8px solid #fff;z-index: 1;}
.luna-main{min-height:150px;margin-top: 80px;}
.luna-main p{color:#757575;padding: 0 20px;}
.zodiac{position: absolute;top: 55px;left: 25px;opacity: 0.5;font-size: 60px;}
.zodiac1::before{content:"♈";}
.zodiac2::before{content:"♉";}
.zodiac3::before{content:"♊";}
.zodiac4::before{content:"♋";}
.zodiac5::before{content:"♌";}
.zodiac6::before{content:"♍";}
.zodiac7::before{content:"♎";}
.zodiac8::before{content:"♏";}
.zodiac9::before{content:"♐";}
.zodiac10::before{content:"♑";}
.zodiac11::before{content:"♒";}
.zodiac12::before{content:"♓";}
.sun span {background: rgba(255,255,255,0.8);margin-bottom: 5px;padding:2px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.07);}
.sun button{margin: 40px auto;display: flex;}
.sun {background-repeat: no-repeat;display: flex;flex-direction: column;}
.from {margin: 10px 0 10px -5px;display: block;font-weight: bold;font-style: italic;width: 50%;padding: 10px;box-shadow: 2px 2px 7px #e0e0e0;text-align: center;text-transform: uppercase;background: #f2f2f2;color: #757575;}
.nightMode .sun span{background:#353535;}
.nightMode .luna-top{background:#353535;}
.nightMode .luna h2{color: #fafafa;}
.nightMode .luna-top p{color: #fafafa;}
.nightMode .from {box-shadow: 2px 2px 7px #212121;background: #262626;}
.comments{background:#fff;max-width:900px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07);margin:auto;padding:30px;position:relative}
.comments>a{display: block;width: fit-content;margin:20px 0;}
.comments>h1{font-size:.9em;text-align:center;margin:0}
.comment{margin-top:20px;padding:10px;display:flex;position:relative}
.comment>img{width:48px;height:48px;border-radius:100%;margin-right:20px}
.comment .name{margin:0;font-size:.9em;color:#2C3137;font-weight:600}
.comment time{margin:0;font-size:.8em;color:#a0a0a0;padding-left:20px;font-weight:400;display:inline-block;}
.comment time:before{content:"•";margin-right:3px;font-weight:bolder;font-size:.9em}
.comment footer{font-size:.8em;color:#a0a0a0;font-weight:400;display: flex;align-items: baseline;}
.comment .del{font-size:.8em;color:#a0a0a0;font-weight:400;border:0;background:none;cursor:pointer;margin-left:5px}
.comment .answer{font-size:.8em;color:#2196f3;font-weight:400;border:0;background:none;cursor:pointer;margin-right:5px}
.comment .answer:before{content:"⮌";padding-right:3px;font-size:1em;font-weight:bolder;display:inline-block}
.comment .author{position:absolute;top:0;right:0;border:1px solid #860000;padding:2px 5px;border-radius:3px;margin:5px;font-size:.8em;color:#860000}
.comment p{margin:0;font-size:.9em;color:#626A73}
.comment:hover{background:#eaeaea;border-radius:5px}
.add-comment{position:relative;display: flex;align-items: flex-start;margin-top:50px;flex-direction:column;}
.add-answer{position:relative;display: flex;align-items: flex-start;margin-left:78px;flex-direction:column;}
.add-comment>svg,.add-answer>svg{width: 20px;height: 20px;display: inline-block;user-select: none;position: absolute;top: 20px;left: 20px;}
.add-comment textarea,.add-answer textarea{padding: 20px 20px 5px 50px;border: 1px solid #b5b5b5;font-size: 14px;min-height: 60px;}
.comments-filter button{padding: 5px;margin: 5px;cursor:pointer}
.comments-filter {display: flex;justify-content: flex-end;}
@media screen and (max-width: 600px) { 
.comments>a{margin:20px auto;}
}
.nightMode .comments{background: #282828;}
.nightMode .comment .name{margin:0;font-size:.9em;color:#FFFFFF;font-weight:600}
.nightMode .comment:hover{background:#282828;border-radius:5px}