html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none!important;margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
.txt-rt{text-align:right}
.txt-lt{text-align:left}
.txt-center{text-align:center}
.float-rt{float:right}
.float-lt{float:left}
.clear{clear:both}
.pos-relative{position:relative}
.pos-absolute{position:absolute}
.vertical-base{vertical-align:baseline}
.vertical-top{vertical-align:top}
nav.vertical ul li{display:block}
nav.horizontal ul li{display:inline-block}
img{max-width:100%}

nobr{white-space:inherit}

body{font-size:16px;background:#fff
;font-family:'roboto',arial,san-serif;margin:0;padding:0;color:#000}
.column-left{position:relative;width:100%;max-width:calc(100% - 325px);float:left;padding:0}
.column-right{position:relative;margin-left:24px;width:301px;float:right;padding:0}
.wrap{max-width:1024px;margin:0 auto;padding:0 20px}
footer{padding:15px 0}
footer a{color:#00897B;font-weight:500;text-decoration:none}
footer p{color:#999;font-size:14px;line-height:1.2em}

.wblock {
    background: #fff;
    padding: 25px 35px;
    border-radius: 14px;
    margin-bottom: 20px;
    box-shadow: 0 17px 45px rgb(184 188 196 / 30%);
}

.inarticle{position:relative;padding:0;border-radius:0;margin-bottom:35px;border-bottom:0 solid#eee}
.blocks2{background:#fff;position:relative;padding:45px 25px 45px 0;border-radius:0;margin-bottom:0;border-bottom:1px solid#eee}
.blocks2:hover{background:#}
.blocks2 a{font-weight:400;display:inline-block}
.searchol{font-size:13px;line-height:1.1em;color:#999;display:none}
#overlay{display:none}
.hideinweb{display:none}
.popup{padding:0;text-align:center;color:#000;bottom:6%;left:0;right:0;font-size:16px;margin:auto;width:95%;max-width:650px;position:fixed;padding:10px 0;background:#fff url(http://porusskomu.net/_pictures/mainbg2.svg) center center;background-size:cover;webkit-box-shadow:0 15px 70px 0 rgba(0,0,0,0.7);-moz-box-shadow:0 15px 70px 0 rgba(0,0,0,0.7);-o-box-shadow:0 15px 70px 0 rgba(0,0,0,0.7);box-shadow:0 10px 90px 0 rgba(0,0,0,0.7)}
.popup p{padding:15px}
.popup h2,.popup h6{font-family:roboto;margin:20px 0;font-weight:100;line-height:1.1;color:#000;font-size:38px}
.close{padding:0;top:-35px;right:0;background:none;position:absolute;border:none;cursor:pointer;outline:none}
.close img{width:35px!important;height:35px!important}
.blocksbot{background:#fff;color:#999;position:relative;padding:25px 45px;border-radius:0;margin-top:-35px;margin-bottom:35px;font-size:13px}
.blocksbot:hover{background:#fbfbfb}
p{padding:15px 0;line-height:1.6em}
p.article{padding:12px 0;font-size:14px;position:relative}
a.article{font-size:18px;line-height:1.2em;font-weight:500;border-bottom:1px solid#00897B;text-decoration:none}
a.article:hover{color:#00897B}
strong{font-weight:700}
b{font-weight:700}
.mlist{margin:15px 0}
ol.mlist{-webkit-padding-start:17px;list-style-type:disc!important}
.mlist li{padding:6px 0;color:#00897B}
.mlist li a{color:#00897B}
.small{font-size:13px;line-height:1.4em;color:#999}
small{float:right;font-size:12px;color:#999}
a{color:#000;text-decoration:underline}
a:hover{opacity: .65;}
h1,h2{font-size:25px;line-height:1.1em;font-weight:700;padding:0 0 25px}
h2{padding: 0}
h4,h6{font-size:20px;line-height:1.1em;font-weight:500;padding:7px 0}
h4 span{color:#fcd042}
h1 span{color:#4fb3fe}
article h4{padding:20px 0}
blockquote{margin-top:20px;color:#00897B;padding-bottom:10px;font-family:roboto,san-serif;font-weight:700;font-size:16px;clear:both}
blockquote li{margin-bottom:15px;color:#000;font-weight:400}
.dictant{font-size:16px}
.dictant p{line-height:1.6em}
.dictant span{margin:20px 0}
.dictant h4{padding:0 0 10px;font-weight:700}
span.dictant2{text-align:right;float:right;color:#000;background:#FFECB3}
.dictant em{font-size:15px;color:#00897B}
.articleW em{color:#00897B;display:block;font-size:14px;margin-top:20px}
.article em{color:#00897B;font-size:13px;margin-top:0;position:absolute;float:right;text-align:right;bottom:-45px;right:15px;width:170px;line-height:1em}
.oneklass{font-family:Cambria,Georgia,"Times New Roman",times,serif;font-weight:400;position:relative;font-size:18px;font-style:italic}
.divhr{border-style:inset;height:1px;border-top:1px solid#ebebeb;margin:25px 0 35px}
.menu{background:#fff
;padding:25px 0;position:relative;display:block;margin-bottom:5px}
.hpanel{display: flex;
    justify-content: flex-start;
    align-items: center;}
.hmenu {margin-left: 25px;font-size: 14px;} 
.hmenu a{    padding: 0px 7px;
    font-weight: 500;
    text-decoration: none;}
.hmenu span {font-weight: 500;}

.logo{width:15%;float:left;max-width:80px}
.logo img{max-width:45px}
.menu ul{float:right}
.menu li{float:left;padding:7px 0 7px 30px;font-size:16px}
.menu li a{color:#000;font-weight:500;text-decoration:none}
.searchm{width:60%;}
.breadcrum{text-align:left;color:#9c9dae;font-size:14px;margin:0 0 25px;display:block;line-height:1.6em;position:relative}
.breadcrum li{padding-right:8px;float:left}
.breadcrum a{text-decoration:none;font-weight:500;color:#000;border-bottom:0}
.breadcrum a:hover{text-decoration:underline}
.breadcrum img{width:17px;vertical-align:middle;margin-right:7px}
.label{background:#fff;position:absolute;top:30px;right:0;border:2px solid#fcd042;color:#000;padding:6px 13px 5px;font-size:11px;border-radius:19px}
.label-ico{position:absolute;top:45px;left:-50px}
.label-ico img{width:35px}
.keys{margin:25px 0;font-size:13px;color:#777}
ol{display:block;list-style-type:decimal!important;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}
.sidebarmenu{padding:10px 0}
.sidebarmenu li{display:block;padding:6px 0;font-size:15px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebarmenu li a{color:#00897B;text-decoration:none}
.similar img{vertical-align:middle;padding-right:10px;width:40px}
.similar span{font-weight:500}
.season-top{margin-bottom:25px}
.preview{color:#777}
.serachform-main{background:#4fb3fe url(https://porusskomu.net/_pictures/mainbg.svg?ver=3.82) center center;background-size:cover;padding:20px 0 50px;margin:0 auto 50px;color:#fff}
.search{height:45px;margin:0;border-radius:30px;border:2px solid #e3ebf1;background:#fff;}
.search input{font-size:16px;width:85%;padding:14px 0 13px 20px;float:left;color:#000;border:0;background:transparent;border-radius:30px 0 0 30px}
.search input:focus{outline:0;background:transparent}
.search button{position:relative;float:right;border:0;margin:0;cursor:pointer;height:45px;width:45px;background:transparent;border-radius:0 30px 30px 0;font-weight:700;font-size:16px}
.search button img{width:33px;margin-right:4px;float:right}
.search button:hover{color:#000}
::-webkit-input-placeholder{color:#b5b5b5}
::-moz-placeholder{color:#b5b5b5}
:-moz-placeholder{color:#b5b5b5}
:-ms-input-placeholder{color:#b5b5b5}
.search-results small{display:none}
.title{font-size:18px;line-height:1.2em;font-weight:500;border-bottom:1px solid#00897B;text-decoration:none;font-weight:700}
a.title:hover{color:#00897B}
.rmbut{display:inline-block;margin:15px 0 0;clear:both}
.rmbut a{color:#fff;background:#00897B;border:#60d398 solid 0;text-align:center;float:left;padding:10px 14px;cursor:pointer;outline:none;display:block;font-weight:500;border-radius:4px;font-size:15px;position:relative;text-decoration:none;-webkit-transition:all .25s ease-in;transition:all .25s ease-in}
.tags{margin:15px 0}
.tags ul{list-style:none;margin:0;padding:0}
.tags li{padding:15px 5px 15px 0;float:left}
.tags a{color:#000!important;padding:9px 14px;background:#fff;border:#00897B solid 2px;border-radius:25px;font-size:13px;font-weight:700;text-decoration:none}
.tags span{color:#000;padding:9px 6px 9px 0;background:#fff;border:#fff solid 2px;border-radius:25px;font-size:13px;font-weight:500;text-decoration:none}
.article_tags a{color:#fff!important;margin-right:7px;padding:5px 9px;background:#5C6BC0;border:#4fb3fe solid 0;border-radius:4px;font-size:12px;font-weight:500;text-decoration:none}
#header,.header{position:relative;font-size:16px;font-weight:700}
#header,.header a{color:#00897B;text-decoration:none}
.r-more{display:block;padding:35px 0}
.r-more a{color:#000!important;padding:9px 16px;background:#FFECB3;border-radius:25px;font-size:13px;font-weight:500;text-decoration:none}
.socbutton{padding:10px 0;display:block;position:relative}
.vkbut{float:left;padding:7px 15px 7px 0}
.yabut{float:left;padding:7px 0}

@media only screen and (max-width:800px){.wrap{margin:0;padding:0 20px}
footer{padding:15px 0}
.column-left{width:100%;max-width:100%}
.column-right{width:100%;margin-left:0;display:none}
.hideinmobile{display:none}
.hideinweb{display:block}
.searchm{width:100%;}

}
@media only screen and (max-width:540px){span.dictant2{float:none}
    .search input {width: 80%;}
    .wrap {padding: 0 5px;}
    .wblock {padding: 25px 15px;margin-bottom: 15px;}
@media only screen and (max-width:470px){

.popup{bottom:10%;width:90%;webkit-box-shadow:0 15px 70px 0 rgba(0,0,0,0.7);-moz-box-shadow:0 15px 70px 0 rgba(0,0,0,0.7);-o-box-shadow:0 15px 70px 0 rgba(0,0,0,0.7);box-shadow:0 10px 90px 0 rgba(0,0,0,0.7)}
.popup h2,.popup h6{margin:15px 0 0;font-weight:500;font-size:22px}
.popup p{padding:15px;font-size:14px}
.sidebarmenu{padding:10px 0}
.header{padding:20px 10px 15px 0}
.sidebarmenu li{padding:7px 0;font-size:15px}
.inarticle{padding:0 0 20px;margin-bottom:35px}
p{padding:15px 0;line-height:1.4em}
.blocks2{padding:45px 0 20px}
.blocksbot{padding:20px 0;margin-top:-35px;margin-bottom:35px}
.label{top:-13px;right:0;border:0 solid#FFF4B0;color:#000;background:#FFF4B0}
h1{font-size:22px;text-align:left}
h4,h6{font-size:20px;line-height:1.1em;font-weight:700;padding:0}
h4.smalltxt{font-size:16px!important}
.menu{padding:20px 0;margin-bottom:4px}
.logo{margin:0}
.logo img{max-width:40px}

.label-ico{display:none;position:absolute;top:9px;left:13px}
.label-ico img{width:35px}
blockquote{font-size:16px}
a.article{font-weight:700}
.similar a{display:block}
.serachform-main{background:#4fb3fe url(https://porusskomu.net/_pictures/mainbgmob.svg?ver=3.82);background-size:cover;padding:25px 0 40px;margin:0 auto 0 0}
.search input{font-size:15px}
.search button{font-size:15px}
.menu2{background:#19B5FE}
.breadcrum a{line-height:1.6em}
.tags{margin:0 0 5px}
.tags li{padding:15px 5px 15px 0;display:block}
.tags-theme li{display:block;width:100%}
ol.mlist{list-style-type:none!important;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}
}
@media only screen and (max-width:325px){.wrap{margin:0;padding:0 10px}
footer{padding:10px 0}
.column-left{width:100%;max-width:100%}
.column-right{width:100%;margin-left:0}
}
body.e404{background:#eee}
.e404 h1{color:red}
.e404 #crumbs{height:1em}
.preview.time{margin:0}
.preview.cite{margin:0 0 1.75em}
h3.article,h3.subsection{margin:0 0 1.167em;top:-.167em}
h2.preview{margin:1.909em 0 0}
.reply{margin-top:0;margin-bottom:1.5em;color:#333}
.reply.good{color:#000;border-left:.286em solid #0b4;margin-left:0;padding-left:1.5em}
.reply_info{margin:0 0 .5em}
p.input{margin:1.5em 0 0}
p.input input[type="text"]{margin-top:-1px}
p.input.buttons input{margin-right:2em}
p.input input[type="checkbox"]{vertical-align:middle}
p.text textarea{overflow:auto;width:99%}
.mainpage #content{padding-top:0}
.back_forward #content{width:300%}
.clearing{clear:both}
#footer{position:absolute;left:0;bottom:0;margin:0 5% 0 10%;padding:0;height:3em;width:85%}
#footer p{margin:.75em 0 0}
#queries{float:right;width:29.4%}
#debug{margin:0 1em;width:auto}
#debug .page_time{font-size:.8em;text-align:center}
#debug table{border-collapse:collapse}
#debug table td{border:1px solid #ccc;font-family:Consolas,monospace}
#debug table td.tcl{text-align:center}
#debug table td.tcr{white-space:normal;width:90%}
#content table{border-collapse:collapse}
#content table td,#content table th{padding:0 3px;line-height:1.429}
#content table td{border:1px solid #ccc}
#content ul{padding:0 0 0 1.5em}
#content table ul{margin:0}
#content ul li{margin:0;padding:0 0 0 1.5em;list-style-type:none;text-indent:-1.214em}
#menu .header{margin:2.333em 0 0;font-size:1.2857em;line-height:1.1667;padding:0}
#menu .header a{white-space:nowrap}
#menu ul{margin:0;padding:0}
#menu ul li{margin:.643em 0;padding:0 0 0 1.5em;line-height:1.2;list-style-type:none;text-indent:-1.214em}
#menu > ul li{text-indent:0;padding:0}
#content ul li,#menu ul ul li{behavior:expression(!this.before ? this.before = this.innerHTML = '— ' + this.innerHTML : '')}
#content ul li:before,#menu ul ul li:before{content:'\2014\a0'}
#content ul.back_forward li:before{content:''}
#content ul.back_forward{overflow:hidden;margin:0 0 1.5em;padding:0;zoom:1}
#content ul.back_forward li{behavior:none;float:left;text-indent:0;padding:0;position:relative;z-index:10}
#content ul.back_forward li.empty{color:#aaa}
#content ul.back_forward li.up{text-align:center;width:100%;margin:0 0 1.4em}
#content ul.back_forward li.back{margin:0 3% 0 0;text-align:right;width:47%}
#content ul.back_forward li.forward{margin:0 0 0 3%;width:47%}
#content ul.back_forward li.back .arrow{float:right;margin-left:.6em}
#content ul.back_forward li.forward .arrow{float:left;margin-right:.6em}
#content ul.back_forward li.up .arrow{position:absolute;display:block;top:1.3em;left:0;right:0;z-index:1}
* html #content ul.back_forward li.up .arrow{width:100%}
.tags_list{color:#666;line-height:1.75;-webkit-columns:15em;-moz-columns:15em;columns:15em}
.paging a,.paging .current{display:inline-block;line-height:1.75em}
.paging .digit{width:1.75em;text-align:center}
.paging a:hover{background:#ffe}
.paging .there{margin-right:1.75em}
img[align="left"]{margin-right:1.5em}
img[align="right"]{margin-left:1.5em}
.favorite-star{display:block;margin-left:-24px;float:left;margin-right:8px;width:16px;color:transparent;text-indent:-9999em;background:url(star.gif) no-repeat 0 50%;background-image:none,url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmVyc2lvbj0iMS4xIj4NPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAzNi4zNjIyKSI+DTxnIHN0eWxlPSJzdHJva2U6I2NlYTAwMDtmaWxsOiNmZmZmMDA7IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjAyNTI1NDkxLDAsMCwwLjAyNTI1NDkxLC00LjkxMjA1OTQsMTAyNy4xMTc4KSI+DTxwYXRoIHN0eWxlPSJzdHJva2UtbGluZWpvaW46cm91bmQ7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiNjZWEwMDA7c3Ryb2tlLXdpZHRoOjQ0LjY0O2ZpbGw6I2ZmZmYwMDsiIGQ9Ik0xMDQwLjMsMjMuMTk2LDQ5My41NCw0MTguNTcsNzAyLjk4LDEwNTkuNywxNTgsNjYxLjg3LTM4NywxMDU5LjItMTc3LjA4LDQxNy45NC03MjMuMzUsMjIuMzgxLTQ4LjYyNywyMy44NzgsMTU4Ljc2LTYxNy44OSwzNjUuODQsMjQuMjczeiIgdHJhbnNmb3JtPSJtYXRyaXgoMC4zNTAzNTc4MiwwLDAsMC4zNTAzNTc4Miw0NTUuNzQ5NjMsNjA5LjE3MzY0KSIvPg08L2c+DTwvZz4NPC9zdmc+DQ0=)}
.s2_search_form{width:30%;position:absolute;top:.6em;right:0}
.s2_search_form input{width:70%;margin-left:1px;font-family:Arial,Helvetica,sans-serif}
.s2_search_form .inactive{color:#999}
.s2_search_found_tags{margin:0}
.s2_search_found_num,.s2_search_not_found{margin:1.5em 0}
sup{vertical-align:top;font-size:.75em;line-height:1}
sup *{vertical-align:top}
sub{vertical-align:bottom;font-size:.75em;line-height:1}
sub *{vertical-align:bottom}
code,kbd,pre,textarea{font-family:Consolas,monospace;font-size:1em;line-height:1.5}
kbd{background:#f2f2f2}
hr{margin:-.071em 0 1.5em;color:#fff;background-color:#fff;height:0;border:1px dashed #999;border-width:.071em 0 0}
@media print{body,#header,h1,h2,h3,h4,.header,blockquote{font-family:"Times New Roman",Times,serif}
body{font-size:12pt;line-height:normal}
h1,h2,h3,h4{position:static;margin:1em 0 .5em;font-weight:700}
h1{font-size:2em;margin:.5em 0 0}
#crumbs,#menu,#clearing,form,#debug,#queries,.comment.form{display:none}
#header,#center,#container,#content,#footer,.date,.time{position:static;width:100%;padding:0;margin:0}
#header{font-size:10pt;border-bottom:1px solid #000;text-align:left}
#copyright{border-top:1px solid #000}
.reply{margin:0 0 1em 2em}
a:link,a:visited{color:#05c;background:transparent;text-decoration:underline}
#content a:after,#copyright a:after{content:" (" attr(href) ")";font-size:90%}
#content a[href^="#"]:after{content:""}
#content table{border-collapse:collapse}
#content table td{border:1px solid #000}

}