/* rullan.in.ua  22.03.2019 - made in Ukraine  */
body {padding:0; margin:0;font-size:11px;color:#283c5c; background:#f7f8f9; font-family:'Tahoma', arial, monospace;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:#00183e ;cursor: pointer;transition: color .2s ease-in-out;outline:none;}
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;  margin:0;padding:14px; border: solid 1px #e5e5e5; border-radius:5px; font-size: 14px;}

/* tipografika */
p {padding:0  0 1px 0;margin: 0 0 -2px 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;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;padding:0; text-decoration:none; line-height:1; font-weight:400; color:#77aa6b;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{font-size:1.7em;}
h2{font-size:1.7em;}
h3{font-size:1.5em; }
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));}
.berrors {font-size:2em;}
/*-- END shablon --*/

.ramka {position:relative;width:1024px;margin:0 auto 0 auto;}
.blockall {position:relative; border-top: 1px solid #e5e5e5;  padding:30px 0 30px 0;}
.knbutton {display: inline-block;padding:8px 12px 10px 15px; background:#77aa6b; font-size:12px; color:#fff;text-align:center; border-radius:5px;}
.knbutton:hover {color:#c7e8d0;}
.knopv2 {display:inline-block; position:relative;padding:15px 30px 15px 55px; background:#fff; font-size:14px; color:#77aa6b;text-align:center; border-radius:5px;}
.knopv2 i {position:absolute;top:10px; left:20px;}
.knopv2 a {display:block;width:100%; height:100%;position:absolute;top:0; left:0; z-index:1;}
.knopv2:hover {box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.9);}

 /*HEDER*/
header {position:relative; width:100%; min-height:156px;}
header nav {display:inline-block; }
.menu {display:inline-block; margin:1px;position:absolute;top:35px;right:0;}
.menu li{float:left; margin: 0 15px 0 15px; text-align:right;}
.menu li:last-child {margin: 0 0 0 15px; }
.menu li a {color:#00183e; font-size:14px;}
.menu li a:hover {color:#77aa6b;}
.logo {width:200px; height:38px;position:absolute;top:20px;left:0;}
#q_search{display:block; width:100%; margin:auto 0 10px 0;position:absolute;bottom:10px;right:0;}
#q_search button {display:block; width:19px; height:19px; padding:0; background:url(../images/sprit.png) -116px -10px;position:absolute;bottom:10px;left:15px;}
#story {width:100%; height:40px; color:#aec796; padding-left:50px; border: 1px solid #e5e5e5;border-radius: 5px; }
#story:focus{border: 1px solid #93a297; color:#000; border-radius:3px;background:#fff; box-shadow:0 0 10px 0 rgba(117,140,126,0.9);}


 /*Меню в шапке + мобилка*/
#chkmenu, #chkmenu .navvv {display:none;}
#chkmenu:checked ~ label > .navvv{display:block;}
.btn-menu{display:none;width:40px;height:40px;padding:0px;position:absolute;top:15px;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:#77aa6b;margin:10px 0 0;transition:all .1s linear .23s;position:relative;}
#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;}

 /*Сортировка новостей*/
.sortirovka {width:35%; height:45px; color:#00183e; overflow:hidden; padding:0; margin:0 0 0 65%;}
.sortirovka .col-33 {border-bottom: 2px solid #f0f1f2; height:100%; height:35px; margin:0;font-size:12px; line-height:2.5;text-align:center;}
.sort li {float:left;width:50%;position:relative;}
.sortirovka .sort li:nth-child(1) a:before {content:""; display:inline-block; width:28px; height:28px; padding-right:15px; margin-bottom:-8px; background: url(../images/sprit.png) -59px -63px;}
.sortirovka .sort li:nth-child(2) a:before {content:""; display:inline-block; width:29px; height:28px;  padding-right:3px; margin-bottom:-8px;background: url(../images/sprit.png) -10px -63px;}
.sortirovka .sort li a {text-align:center;display:block; width:100%;height:35px; font-size:12px; border-bottom: 2px solid #00183e;margin:0;}
.sortirovka .sort li .asc, .sortirovka .sort li a:hover {color:#77aa6b; border-bottom: 2px solid #77aa6b;}
.sortirovka .sort li:nth-child(3), .sortirovka .sort li:nth-child(4), .sortirovka .sort li:nth-child(5) {display:none;}

 /*Левое меню*/
.menu-box {width:22%; position:absolute; top:220px;left:5px;}
.menu-box h3 {text-align:center; width:100%;font-weight:bold;margin-bottom:30px;}
.menu-left {margin:0;width:100%;  padding-right:5%;border-left: 1px solid #e5e5e5;}
.menu-left li {position:relative;padding:7px 0 7px 21px;font-size:15px; line-height:1;}
.menu-left li:first-child {padding:0 0 8px 21px;}
.menu-left li:last-child {padding:8px 0 0 21px;}
.menu-left li:hover:before, .menu-left .activ:before {content:""; display:block; width:7px; height:7px; border-radius:7px; background:#77aa6b; position:absolute; left:-4px;bottom:12px;}
.menu-left .activ a{color:#77aa6b;}
.menu-left li:last-child:hover:before, .menu-left li:last-child:before {bottom:2px!important;}
.nuztxt {padding:30px 0 30px 0; line-height:1.7;}
.werhtxt {padding:1px 0 -10px 0; line-height:1.2;}
.werhtxt img {width:80px; height:80px; float:right; margin: 0 20px 10px 0; border-radius:10px;}
.nuztxt h3 {margin-top:10px;}
.telo .menu-box {position:relative; top:0;left:0; width:100%;}

 /*Подвал сайта*/
.nadfoot {border-bottom: 1px solid #e5e5e5;}
.footer {position:relative; padding:20px 0 40px 0;font-size:12px;}
.footer .col-25, .footer .col-35 {text-align:right;}
.footer .col-75 a{float:left; margin:10px 40px 10px 0; font-size:12px;}
.footer .col-75 a:first-child {margin:10px 40px 10px 0;}
.footer .knbutton {margin:0 0 0 auto; display:block;width:140px; }
.footer .col-35 a {margin:20px 0 0 auto; display:block;width:200px; text-align:right; }
.fotschet {width:90px;position:absolute; right:0; top:20px;}

/*Категория*/
.telo .col-76 {position:relative;}
.telo .col-24 {padding-right:30px}
.androidcat .news-1 > span {height:auto;}
 
 /*Краткая новость*/
.news-1 {position:relative;padding:10px!important;margin:0 0 22px 0;border:1px solid #e5e5e5; cursor:pointer; border-radius:5px; background:#fff;}
.news-1 > span{display:block;position:relative;width:100%;height:320px;overflow:hidden;border-radius:5px;} /*было для 4 столбцов height:197px; - правка 13.04.2019*/
.menu-box .news-1 span{height:270px;}
.news-1 span img, .sn-img span img {width:100%;height:100%;transition: all .2s ease-in-out;}
.news-1 .shreyt {padding:3px 8px 8px 8px; width:100px;height:24px; border-radius:5px;background:#fff; font-size:12px; position:absolute;top:2px;right:2px;}
.news-1 i span {display:inline-block; width:10px;}
.news-1 i:before {content:""; display:inline-block; width:19px; height:18px; padding-right:5px; margin-bottom:-4px; background: url(../images/sprit.png)  -116px -49px;}
.news-1:hover {box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.4);}
.news-1:hover span img{transform:scale(1.2, 1.2);}
.news-1:hover {color:#77aa6b;}
.news-1 u {display:block;width:100%;height:40px; overflow:hidden;font-size:13px;color:#909aab;}
.news-1 u a {position:relative; display:inline-block;}
.row.categ {position:relative;overflow:hidden;right:-10px;}
.titlesn {position:relative; height:40px;vertical-align:bottom;margin: 8px 0 4px 0;}
.news-1 p {display:block;width:100%; text-align:center; font-size:16px;line-height:1; margin-bottom:5px; padding:0; color:#00183e;position: absolute; bottom:0;}
.news-1 p > a {display:block;width:100%;}
.news-1 a {width:100%;}
 /*Полная новость*/
.shap-news {overflow:hidden;position:relative;color:#fff; background: rgba( 119, 170, 107, 0.9) url(../images/dim.png) left top; border-radius:5px;}
.sn-opis {padding:60px 0 0 40px; font-size:14px;}
.sn-opis h1 {font-size:41px; letter-spacing:4px;margin-bottom:25px;color:#fff;}
.sn-opis u {display:block; width:74%; margin-right:26%;font-size:12px; line-height:1.5;}
.op-inf {position:absolute; bottom:20px; left:40px;}
.op-inf s {display:block; width:100%;font-size:10px; margin-top:10px;}
.sn-img {text-align:right;}
.sn-img span	{display:block;width:220px; float:right; height:325px;margin: 20px 20px 20px auto; position:relative;overflow:hidden;border-radius:5px;box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.9);}
.infblp {overflow:hidden; width:370px; height:auto; float:right; margin:0 20px 15px 15px; padding:30px; background:#fff; border-radius:5px; border: 1px solid #e5e5e5;}
.infblp li {border-bottom: 1px solid #e5e5e5; font-size:14px; padding:8px 0 8px 0; position:relative;}
.infblp li:before {content:""; display:inline-block; width:3px; height:21px; padding-right:5px; margin-bottom:-4px; background: url(../images/sprit.png)   -187px -86px; position:absolute; top:9px; left:-11px;}
.infblp li:last-child  {border:none;}
.infblp li s {float:right;}
.fulltext .zagh3 {font-size:18px; margin-bottom:20px;display:inline-block; color:#77aa6b;}
.fulltext h2, .fulltext h3 {margin-top:18px;font-size:17px;}
.fulltext p {font-size: 14px; line-height: 1.5;}
.screens {display:block;width:100%; overflow:hidden;}
.screens li {width:32%;float:left;}
.screens li:first-child  {margin-right:2%;}
.screens li:last-child  {margin-left:2%;}
.screens li a {display:block;width:100%;height:200px; overflow:hidden;border-radius:5px;}
.screens li img {width:auto;height:100%;}
.screens2 {display:block;width:100%; overflow:hidden;}
.screens2 li {width:32%;float:left;}
.screens2 li:first-child  {margin-right:2%;}
.screens2 li:last-child  {margin-left:2%;}
.screens2 li a {display:block;width:100%;height:200px; overflow:hidden;border-radius:5px;}
.screens2 li img {width:auto;height:100%;}
.sn-opis .knopv2 {position:absolute; bottom:20px; right:280px;}
.androidimg > span {height:auto;}
.androidimg > span img{border-radius: 5px;}
.loader {width:100%; overflow:hidden; padding:60px 0 60px 0; background:#808080;}
.loader h2 {display: inline-block; font-size:30px; margin-right:55px; color:#fff;}
.loader .ramka a:first-of-type  {margin-right:55px;}
.editful {position:absolute; top:5px; left:40px;}
.editful a {font-size:10px;}

/* Вывод хитов на главной */
.hitblock {display:flex; flex-flow: row wrap;justify-content: space-between; overflow:hidden;}
.hitblock > div {width:19%; position:relative;overflow:hidden;}
.hitblock > div s {display:block; width:100%; overflow:hidden; background: rgba( 119, 170, 107, 0.8); color:#fff; font-size:13px; padding:10px 0; text-align:center; position:absolute; bottom:0px; left:0; z-index:5;}
.hitblock > div span {max-width:100%; height:290px;display:block; overflow:hidden;}
.hitblock > div img {max-width:100%; height:290px;}
.hitblock > div a {display:block; width:1000%; height:100%;position:absolute; bottom:0px; left:0; z-index:7;}
.hitblock > div:hover img {width:115%; height:310px;}
.hitblock > div:hover s {background: rgba( 119, 170, 107, 1); padding-bottom:15px;}

/* SLIDER*/
.sliderf h3{margin:20px 0 20px 15px;font-size:21px;}
.portfolio-slider {position:relative; padding:0 50px 0 0;}
.portfolio-slider .news-1 > span {height:197px;}
.portfolio-slider .slide-content {display: block; width: 100%; min-height: 190px;  }
.portfolio-slider .slide-button {position:absolute;top:60px;right:0;display: inline-block; padding: 7px 12px 7px 12px; border: 1px solid #e5e5e5; cursor: pointer; border-radius: 5px;}
.portfolio-slider .slide-button.slide-prev { top:15px;}
.portfolio-slider .slide-content {position: relative; overflow: hidden;}
.portfolio-slider .-slide {display: none; width: 100%; height: 100%; background: #fff;}
.portfolio-slider .-slide.slide-active {display: block;animation-name: fade;  animation-duration: 1.5s;}
 @keyframes fade {from {opacity: .4} to {opacity: 1}}
 
 
  /* 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 .knopv4 {display:block; width:180px;padding: 15px 0 15px 0;background: #77aa6b;font-size: 16px;color: #fff;text-align: center; border-radius: 5px;}
.teloadkom input, .teloadkom textarea {width:100%;height:50px; background:fff; color:#00183e; font-size:14px; padding-left:25px; border-radius:5px;border: solid 1px #e5e5e5;}
.teloadkom textarea {height:150px; padding:25px;}
#allow_subscribe {width:15px; height:15px; display:inline-block;}

 /* Commentarii */
.shkomn {margin:20px 0 20px 0;}
.shkomn dl {width:100%;display:block; overflow:hidden; position:relative; background:#fff;margin:0;padding:14px; border: solid 1px #e5e5e5; border-radius:5px;}
.shkomn dt, .shkomn dd {display:block;width:15%;float:left;margin:0;padding:0; }
 /* .shkomn dt img {width:130px; height:150px; border: solid 1px #e5e5e5; border-radius:5px;} */
.shkomn dd {width:80%;float:left;margin:0 0 0 5%; padding-top:10px;}
.shkomn dt {border-right: solid 1px #e5e5e5;padding-top:8px;}
.shkomn dt b {display:block;width:100%; font-weight:400; font-size:22px; margin:0;}
.shkomn dd sub {font-size:14px; color:#4e607d; line-height:1.4;}
.shkomn dd time {display:block;width:120px; font-size:10px; position:absolute; top:5px; right:-15px;}
.shkomn dl:hover{box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.4);}
.koment-opcii {display:inline-block; position:absolute; bottom:5px; right:-20px;}
.koment-opcii li {display:inline-block; margin-right:20px; float:left;}

 /*DLE elemens*/
 /*speedbar*/
.speedbar {font-size:14px;}
.speedbar a::after{content:""; display:inline-block; margin:0 6px -2px 9px; width:5px;height:11px; background:url(../images/sprit.png)  -188px -54px;}
#dle-captcha img {height:70px;width:auto;}

/* --- PAGE NAVIGATION --- */
.box-nav {display: table;width: 100%;padding: 30px 0;}
.box-nav.last-comments {padding: 0;}
.p-nav {display: block;text-align: center;}
.page span {background:#cce2c6;border-radius:5px;}
.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;}
@media screen and (max-width: 1279px) {.page a:nth-child(n+7) {display: none;}}
@media screen and (max-width: 991px) {.box-nav {padding: 0 0 30px 0;}}

/* --- /PAGE NAVIGATION --- */


/*sprit*/
.bg-utorent {width:26px; height: 26px; background-position: -17px -9px;}
.bg-mediag {width:26px; height: 26px; background-position: -58px -9px;}
.bg-ubar {width:26px; height: 26px; background-position: -53px -135px;}
.bg-apk {width:26px; height: 26px; background-position: -92px -135px;}

.bg-p_chek {width: 14px; height: 12px; background-position: -94px -111px;}
.bg-p_glin {width: 11px; height: 2px; background-position: -116px -87px;}
.bg-p_kryg {width: 9px; height: 9px; background-position: -10px -148px;}

.bg-soc_fb {width: 11px; height: 20px; background-position: -155px -51px;}
.bg-soc_ok {width: 12px; height: 21px; background-position: -155px -10px;}
.bg-soc_tv {width: 20px; height: 17px; background-position: -10px -111px;}
.bg-soc_vk {width: 24px; height: 13px; background-position: -50px -111px;}

.bg-str_l {width: 10px; height: 17px; background-position: -189px -12px;}
.bg-str_r {width: 10px; height: 17px; background-position: -155px -93px;}
.bg-str_sp {width: 7px; height: 15px; background-position: -187px -51px;}
.bg-zvezda {width: 19px; height: 18px; background-position: -116px -49px;}

/*my*/
q {
    quotes: "\00ab" "\00bb";
   }