/* rullan.in.ua  22.03.2019 - made in Ukraine  */
body {padding:0; margin:0;font-size:12px;color:#000; background:#fff; font-family: 'Trebuchet MS', sans-serif; font-weight:inherit;font-style:inherit;border-style:none;}
figure, iframe, media {width:100%;padding:0; margin:0;}
div, section, header, article, main, aside, footer, textarea, input, button, nav, ol, ul, li, a, dt, dd, dl  {border-style: none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table {border:none;border-collapse:collapse;}
td {text-align:left;vertical-align:top;padding:0; margin:0;}
s, u, i {text-decoration:none;font-style:normal;}
/* gipersulku */
a {display:inline-block;text-decoration:none;color:#555555 ;cursor: pointer;transition: color .2s ease-in-out;outline:none; font-size: 12pt;}
a:hover{color:#77aa6b;outline:none;}
a:focus{color:#77aa6b;outline:none;}
*:focus{outline:none;}

/* forma */
.form input[type="text"], .form input[type="email"], .form input[type="text"], .form input[type="email"], .combo_field input, #sec_code {
background: #fff; color:#77aa6b;  height: 40px;  border-radius: 5px; padding: 0 10px; font-size: 14px; border: 2px solid #111627; margin-bottom: 13px; }
.form textarea, #comments  {
background: #fff; color:#77aa6b;  height: 90px; width: 100%;   padding: 10px; font-size: 14px;  border: 2px solid #111627; margin-bottom: 13px;}

/* tipografika */
p {padding:0  0 0px 0;margin: 0 0 5px 0;font-size:14px;line-height:1.7;}
strong, b {font-weight: 900;}
em{ font-style: italic; }
ul {display:block; padding:0;margin:0;}
ul li{line-height:1.6;}
h2, h3, h4, h5, h6 {margin:20px 0 7px 0;padding:0; text-decoration:none; line-height:1; text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{font-size:2.0em;margin:20px 0 9px 7px;padding:0; text-decoration:none; line-height:1; text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h2{font-size:1.7em;}
h3{font-size:26px; }
h4{font-size:1.4em}
/* sprait */
[class*='bg-']{display:inline-block; background:url(../images/sprit.png) no-repeat;}
hr {border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -moz-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -ms-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -o-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));}
/*-- END shablon --*/
.ramka {width:100%; padding:0; overflow:hidden;}

 /*HEDER*/
header {width:100%;background: #FBFBFB;height:90px;border-bottom: 0.7px solid #E5E5E5; }
header > div { width:1026px;  margin:0 auto; height:90px;}
.logo {width:228px; height:36px;float:left;margin-top:23px; position:relative; z-index:44;}
#q_search{display:block; position:relative; width:320px; float:right;margin-top:23px;}
#q_search button {display:block; width:20px; height:20px; padding:0 4px 4px 0; background:#FBFBFB url(../images/sprit.png) -10px -160px;position:absolute;bottom:5px;right:5px;}
#story {width:100%; height:30px; color:#000; border: 1px solid #FBFBFB; border-bottom: 1px solid #555555; background:#FBFBFB; font-size: 12pt; }

 /* секция и категория*/
.sect {width:1026px; overflow:hidden; margin:20px auto 0 auto; }
.asid {width:240px; min-height:400px; overflow:hidden; float:left;}
.tilo {width:100%; padding:0 0 0 260px;}
.rowv1 {display:flex; flex-flow:row wrap;}
.maintxt h2, .maintxt h3{font-size:16px; color:#FF0B0B;}

 /*Левое меню*/
.menu-box {position:relative; top:40px;left:5px;margin-bottom:70px;}
.menu-box h3 {text-align:center; width:100%;font-weight:bold;margin-bottom:30px;}
.menu-left {margin:0;width:100%;  padding-right:5%;}
.menu-left li {position:relative;padding:12px 0 12px 31px;font-size:16px; line-height:1;}
.menu-left li a {color:#555555;}
.menu-left li::after {content:""; display:block; width:15px; height:1px; border-top:1px solid #E5E5E5; position:absolute; left:5px;top:22px;}
.menu-left li:before {content:""; display:block; width:12px; height:12px; background: #fff; border: 1px solid #E5E5E5; border-radius:12px; position:absolute; left:-4px;top:15px;z-index:3;}
.menu-left li:hover::before, .menu-left .activ::before {content:""; background: #FF0B0B; border: 1px solid #FF0B0B; left:11px;}
.menu-left li:hover::after, .menu-left .activ::after {border-top: 1px solid #FF0B0B; }
.menu-left .activ a, .menu-left a:hover{color:#FF0B0B;padding-left:6px;}
.menu-left.godi {margin-left:5px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.menu-left.godi > li {width:46%;}
.asid h3 {margin:30px 0 10px 0;}
.asid h3:first-of-type {margin:0;}

 /*Меню + мобилка*/

#chkmenu, #chkmenu .navvv {display:none;}
#chkmenu:checked ~ label .navvv {display:block; width:320px; margin:0 0 0 auto; background:#dadada; border: solid 1px #FF0B0B;  position:absolute; top:14px; right:10px;z-index:80;}
.btn-menu{display:none;width:40px;height:40px;padding:5px; border: solid 1px #555555;position:absolute;top:25px;right:20px;z-index:615;cursor:pointer;transition:left .23s;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.btn-menu s{display:block;height:2px;background:#555555;margin:10px 0 0;transition:all .1s linear .23s;position:relative;}
.btn-menu s:nth-of-type(1){margin-top:2px}
#chkmenu:checked ~ label > .btn-menu:before{content:'';}
#chkmenu:checked ~ label > .btn-menu s:nth-of-type(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);top:13px;color:#a7a9ab;}
#chkmenu:checked ~ label > .btn-menu s:nth-of-type(2){opacity:0;}
#chkmenu:checked ~ label > .btn-menu s:nth-of-type(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:-11px;color:#a7a9ab;}


 /*краткая новость вер-1 под хедером*/
.pidhed {width:1026px;  margin:40px auto; display:flex; flex-flow:row nowrap;}
.shv1 {flex:1; position:relative; margin:0 10px 20px 10px; padding:0;}
.shv1 img, .shv2 img {max-height:312px; min-width:100%;max-width:100%;}
.shv1 u {display:block; height:33px; width:100%; background:#000; color:#fff; font-size: 18px; line-height:1.6; text-align:center; position:absolute; left:0; bottom:2px;opacity:1;}
.shv1 > a, .shnv2 > a {display:block; height:100%; width:100%; position:absolute; left:0; bottom:0;z-index:8;}
.shv1 a:hover ~ u	{background:#230245; opacity:0.8;}
.shv1 a:hover::before {content:""; display:block;margin-bottom:33px; background:url(../images/fon-sitka.png); height: calc(100% - 33px); width:100%; position:absolute; left:0; bottom:0;z-index:2;}
.pidhed > .shv1:first-child {margin-left:0;}
.pidhed > .shv1:last-child {margin-right:0;}
.asidpopul  > .shv1 {margin:20px 0;}

 /*краткая новость вер-2*/
.rowv1, .rowvk4, .tilo > #dle-content, .rowv1 > #dle-content {display:flex; flex-flow:row wrap; justify-content: space-between;}
.rowv1 > div:nth-of-type(3n),  .rowvk4 > div:nth-of-type(2n) {margin-right:0;}
.shnv2 {position:relative; margin:10px 0; padding:0; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); border-radius: 0.5px;}
.shnv2 img {margin-top:-12px;max-width:100%; height:310px;max-height:310px;}
.shnv2 > div {overflow:hidden; margin:7px 12px 17px 12px;}
.shnv2 i {color:#555555; float:right; font-size:14px; text-transform:uppercase;}
.shnv2 i::before {content:""; display:inline-block; width: 17px; height: 17px; margin:0 8px -2px 0; background:url(../images/sprit.png) -47px -122px; }
.shnv2 u	{display:block; margin:12px; font-weight: bold;font-size: 18px;line-height: 22px;}
.rowv1 > .shnv2, .tilo > #dle-content > .shnv2 {max-width:31%; margin:10px 1%}
.shnv2 s {position:relative; display:block; float:left;}
.shnv2 s > span, .full-rait {font-size:15px;}
.rowv1 > #dle-content .shnv2 {width:31%}

 /*Полная новость в*/
.fultil {margin-top:40px;}
.fulhed {display:flex; flex-flow:row nowrap;width: 100%;}
.fhmal {min-width:245px; }
.fhmal img {width:245px; height:310px;}
.fhop {padding-left:30px;}
.fhop-inf {min-height:30px; overflow:hidden;margin:40px 0 30px 0;}
.fhop-inf i{display:inline-block; float:left; margin-right:30px;}
.fhop-inf i:last-child {float:right;}
.fhop-inf i:first-child::before { content: ""; display:inline-block; margin-right:30px;width: 17px;height: 17px;margin: 0 8px -2px 0; background: url(../images/sprit.png) -84px -122px;}
.fhop-inf i:last-child::before { content: ""; display:inline-block; width:21px;height: 13px;margin: 0 8px -2px 0; background: url(../images/sprit.png) -121px -122px;}
.fhop-inf i:nth-of-type(2)::before { content: ""; display:inline-block;  width:21px;height: 17px;margin: 0 8px -2px 0; background: url(../images/sprit.png) -47px -122px;}
.fhop > a::before, .downltxt > a::before, .knopv3::before {content:"";display:block; width:30px; height:29px; padding:0; background:url(../images/sprit.png)  -67px -65px;position:absolute;bottom:11px;left:20px;}
.fhop .fhop-inf i {font-size:16px; color: #555555;}
.fulhed .fhop > a::before, .tilo .downltxt > a::before { bottom:10px;left:12px;}
.fulhed h1 {font-size:36px;}
.fultxt {overflow: hidden; margin-top:30px;}
.fultxt p{font-size: 16px;line-height: 160%; margin-bottom:1px;}
.fultxt h2{font-size: 26px;line-height: 31px;}
.fultxt h3{font-size: 26px;line-height: 31px;}
.fultxt h4{font-size: 20px;line-height: 24px;}
.fultxt iframe {width:97%; margin-left:2px;}
.downltxt {text-align:center;background: #FBFBFB;padding:20px; margin-bottom:30px; border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;}
.downltxt h3 {text-align:center;}
.downltxt h2 {text-align:center;}
.tilo .downltxt a {float:none;margin:0 auto;}
.downltxt2 {text-align:center;background: #FBFBFB;padding:20px; margin-bottom:30px; border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;}
.downltxt2 h2 {text-align:center;}
.downltxt2 h3 {text-align:center;}
.tilo .downltxt2 a {float:none;margin:0 auto;}
.fuledit {width:100%;margin-bottom:10px;}
.full-rait {margin:20px 0; }
.full-rait u {display:block; width:100%; margin:10px 0; font-size:12px; color:#C4C4C4;}

 /*Комментарии к новости*/
#dle-comments-list {margin-top:50px;}
#dle-comments-list .samkom {position:relative; padding:40px; margin: 0 4%; background: #FFF;border: 1px solid #E5E5E5; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);}
#dle-comments-list .samkom > img {width:125px; height:140px; position:absolute; top:-30px; left:40px; z-index:3;}
.samkom u {display:block; margin:8px 0;}
.komtxt {width:100; margin-top:50px; font-size:14px; line-height:1.4;} 
.komtxt  p {font-size:14px; line-height:1.4;} 
#dle-comments-list samp {display:inline-block; margin-left:145px;font-family: 'Lato', sans-serif; font-size: 14px;color: #555555;}
#dle-comments-list samp i {font-size:26px; font-weight:bold; color:#000;}
.comments_subscribe {display:block; margin:-15px 0 10px 0;}
#allow_subscribe {float:left;}
.addcomment {width:97%;padding-left:6px;}
.form_submit {margin-top:20px;}
.komment {margin:20px 0;}
#dle-comments-list {display:flex; flex-flow:row wrap;}
[id*='comment-id-'] {width:50%;margin-top:40px;}
.samkom u input {float:right;}
.form_submit .knopv2 {margin:5px auto; float:none;}

 /*Подвал сайта*/
footer {width:100%;background: #FBFBFB;min-height:90px; margin:40px 0 -15px 0; border-top: 0.7px solid #E5E5E5;}
footer > div {width:1026px;min-height:80px; margin:20px auto;  padding-top:3px;}
footer > div > a, .fhop > a, .downltxt > a, .knopv2, .knopv3	{display:block; text-align: center; margin: 0 0 10px 10px; position:relative; width:207px; height:50px; color:#fff; line-height:2.6; font-size:17px; float:left; padding-left:35px; background: #9AB040; border: 0.5px solid #9AB040; box-sizing: border-box; box-shadow: 0px 4px 5px rgba(154, 176, 64, 0.4); border-radius: 40px;}
footer > div > a::before {content:"";display:block; width:21px; height:21px; padding:0; background:url(../images/sprit.png) -117px -66px;position:absolute;bottom:13px;left:20px;}
.fot-lich {float:right;margin-top:10px;}
.fot-cop {width:190px;float:right;font-size: 14px;margin:17px 0 0 100px;}
footer a  {color:#000;}
footer a:hover {background:#748821; color:#E5E5E5;}
.knopv2 {padding:0 4px;}
.knopv3.zstrl::before {background:url(https://shutery.ru/uploads/st-nuz.png) 0 0; width:44px; height:35px; }

 /*DLE elemens*/
 /*speedbar*/
.speedbar {font-size:18px;margin:20px 0;}
.sort {display:block; overflow: hidden; width:100%; margin:0 0 30px 0;}
.sort li {display: inline-block;float:right; margin-right:20px; font-size:16px;}
.sort s {color: #555555; line-height:2; border-bottom: 0.5px solid #555555;}
.sort li:nth-child(3), .sort li:nth-child(4), .sort li:nth-child(5) {display:none;}
.sort li:nth-child(1)::before {content:""; display: inline-block;width: 17px;height: 18px; background: url(../images/sprit.png) -10px -122px no-repeat;margin: 0 5px -1px 0;}
.sort li:nth-child(2)::before {content:""; display: inline-block;width: 19px;height: 18px; background: url(../images/sprit.png) -197px -66px no-repeat;margin: 0 5px -1px 0;}


  /* ADD Commentarii */
.adcomentar h3{margin:0 0 25px 0;font-size:21px;}
.adcomentar {padding:40px 0 50px 0;margin:30px 0 30px 0; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
.teloadkom {padding:0 20% 0 20%;}
.teloadkom .col-50:first-of-type {padding-right:3%;}
.teloadkom .col-50:last-of-type {padding-left:3%;}
.teloadkom button {display:block; width:180px;padding: 15px 0 15px 0;background: #77aa6b;font-size: 16px;color: #fff;text-align: center; border-radius: 5px;}
.teloadkom input {width:100%;height:50px; background:fff; color:#00183e; font-size:14px; padding-left:25px; border-radius:5px;border: solid 1px #e5e5e5;}

/* --- PAGE NAVIGATION --- */
.box-nav {display: table;width: 100%;padding: 30px 0;}
.box-nav.last-comments {padding: 0;}
.p-nav {display: block;text-align: center;}
.p-nav .pprev a, .p-nav .pnext a, .p-nav .page a, .p-nav .page span, .p-nav .page span.nav_ext {display: inline-block;padding: 13px;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;text-align: center;transition: all 0.3s ease}
.p-nav .pprev span, .p-nav .pnext span {display: none;}
.pnext, .pprev	{display:inline-block;padding:7px 12px 7px 12px;border:1px solid #e5e5e5 ; cursor:pointer;border-radius:5px;}
.p-nav .page span:first-of-type {background:#dddddd; opacity:.9; border-radius:5px;}
@media screen and (max-width: 991px) {.box-nav {padding: 0 0 30px 0;}}
/* --- /PAGE NAVIGATION --- */

/* --- Обратная связь --- */
.feedback {padding-left: 40px;}
.feedback input, .feedback textarea  {width:100%; background: #fff; color: #77aa6b; margin: 0; padding: 14px; border: solid 1px #e5e5e5; border-radius: 5px; font-size: 14px;}
#dle-content #sendmail, .feedlin ul{width:100%;}
.feedlin li{width:100%; margin:5px 0;}
.knopv3:hover, .go_to:hover {color:#bffdb7;}

/* --- Страница результатов поиска --- */
#searchinput {width:100%!important; padding:20px 40px;background: #bdb9b9; border-radius:8px;}
.serresult, .searchpage {width:100%; margin-bottom:20px;}
.serresult #dosearch, .serresult #dofullsearch, .searchpage #dosearch, .searchpage #dofullsearch {display:inline-block; text-align: center; margin:10px 0; position:relative;  color:#fff; line-height:2.6; font-size:17px; float:left; padding:5px 20px; background: #9AB040; border: 0.5px solid #9AB040; box-sizing: border-box; box-shadow: 0px 4px 5px rgba(154, 176, 64, 0.4); border-radius: 40px;}

/*--- Банер партнерки ---*/
.partnerka-main {width:100%; padding: 0 0 20px 0; max-width:100%; overflow:hidden;position: relative;}
.partnerka-full{width:100%; padding: 40px 0 0 0; max-width:100%; overflow:hidden;position: relative;}
.partnerka-main img, .partnerka-full img {width:100%; max-width:100%;}
@media (max-width: 870px) {
.partnerka-main {right:0;}
}

/*--- Мои классы ---*/
.ycenter {text-align: center}