:root {
    --blue: #0d6efd;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: rgb(10, 80, 73);
    --white: #fff;
    --light: #f8f9fa;
    --black:  rgb(70, 68, 68);
    --gray: #3b444f;
    --lightgray: #e7eaf3;
  }
body {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: var(--black); font-optical-sizing: auto;font-weight: 500; font-style: normal; margin: 0;padding: 0;background-color:#EFEFF1;}
input{padding:6px;border-radius:6px;}
hr {margin: -30px auto 10px;padding: 0;	height: 50px;border: none;border-bottom: 1px solid rgb(149, 151, 151);box-shadow: 0 20px 20px -20px #333;	width: 95%;}
.btn{padding:5px 10px; border-radius:6px; margin-left:20px;}
/*-- 1 FLEX --*/
[class*='row-'], .row{display:flex; flex-flow: row wrap; justify-content: space-between; gap: 1rem;}
.row-c {justify-content:center; align-items:center; align-content: center;}
.row-ltc{justify-content: start; align-items:center; align-content: center;}
.row-r {justify-content: end; align-items:start; align-content:start;}
.row-cs {justify-content: space-between; align-items:center; align-content: center;}
.nowrap {flex-wrap: nowrap;}
.ramka{max-width:1800px; padding:0 40px; margin:0 auto;}

nav ul {column-count: 4;column-gap: 30px; list-style: none;padding: 2px 5px; margin: 0; }
nav li {break-inside: avoid; margin-bottom: 10px; }

/*-- HEADER ------  --*/
header {display:flex; flex-flow: row nowrap; justify-content:center; align-items:center; align-content: center;padding: 15px 20px;text-align: center;position: relative; gap: 20px;}
img {max-width:99%;}
a:hover {text-decoration: underline!important;}
s {text-decoration: none;}
p {font-size:16px;}
.speedbar {margin:40px 0;}
.shortpost{ margin:10px 0; background: rgb(224,223,228); border-radius:6px; padding:8px; border: 2px solid rgb(149, 151, 151); }
.short-img {width:35%;}
.short-img img {width:100%; border-radius:8px;}
.short-txt{flex:1;}
.rate_like-dislike a {text-decoration:none;}

article {flex:1;}
aside {width:33%;}
.heading, .title {font-size:24px;}
.zgbl {font-size:19px;}
.com_info{margin:15px 0; background: rgba(207, 225, 229, 0.6); border-radius:10px; padding:10px; border: 1px solid rgb(149, 151, 151);}
.comavatar{width:120px;}
.comtilo{flex:1;}
.comavka {width:70px; height:70px;display:block;border-radius:8px;}
.commusr > div {width:45%;}
#comment-editor{margin:12px 0; border-radius:10px;}
.btn.btn-big{margin:20px auto;}

.top_block{margin:10px 0; background: rgba(221, 226, 227, 0.9); border-radius:6px; padding:10px; border: 2px solid rgb(0,0,0,0.2); }

.kontakt textarea{width:90%;}
.ui-form{width:100%;}
.addform input {width:90%; margin:10px 0; padding:8px;}
.fullimg .rate {font-size:20px;}
.fullopensite {font-size:18px; margin:20px 0;}
footer > div{text-align:center; padding:10px 0;}
.fotnavs {list-style: none; margin-top:20px;}
.fotnavs .btn a {margin:5px 10px;}

.navigation:after {clear:both;display:block;content:""}
.navigation{position:relative}
.pages{text-align:center;padding:0 55px}
.pages>*{color:inherit;display:inline-block;position:relative;padding:4px;border:3px solid transparent;min-width:22px;height:22px;line-height:21px;border-radius:18px;text-align:center;text-decoration:none!important;font-weight:700}
.pages span{border-color:#e1e1e1}
.pages span.nav_ext{border-color:transparent!important}
.pages a:hover{border-color:#95c00e;color:#95c00e}
.page_next-prev{position:relative;height:0}
.page_next-prev>span{position:absolute;top:0}
.page_prev{left:0;margin-left:-20px}
.page_next{right:0;margin-right:-20px}
.page_next-prev>span>span{opacity:.5}
.page_next-prev>span>*{display:block;width:36px;height:28px;padding:8px 20px 0}
.page_next-prev>span .icon{fill:#1a1a1a}
.page_next-prev>span>a:hover .icon{fill:#95c00e}
.splitnewsnavigation{margin:1.5em 0;padding:15px 0;font-weight:700;border:2px dashed #efefef;border-left:0;border-right:0;text-transform:uppercase}
.splitnewsnavigation>div{display:inline;margin-left:1em}
.splitnewsnavigation a{color:inherit}
.splitnewsnavigation a,.splitnewsnavigation span{padding:6px 10px}
.splitnewsnavigation span{color:#95c00e}
.static_pages{margin-top:1.5em;font-weight:700}


@media (max-width: 1800px) {
.ramka{max-width:100%; padding:0 10px; margin:0 1px;}
}

@media (max-width: 720px) {
 nav ul {column-count: 2;}
article {width:100%;}
aside {width:100%;}
}