/*-- РІЗНІ ЕЛЕМЕНТИ --*/
#content-tab1 .news-v1 > li, aside .news-v1 > li {width: 100%;margin-bottom:20px;} .glavsst-anons .newsanons {width:23%;margin:0 1%;}
/*-- Баян --*/
.top-bayan {position:relative;padding-left:30px;display:flex;flex-direction: column-reverse;} .top-bayan li {display:block;height:80px;font: var(--font2);font-weight:400;font-size:1.5em;background:var(--ssssir);color:#fff;position:relative;counter-increment:step-counter;list-style:none;transition: height .4s ease-in-out;} .top-bayan li::before {content:counter(step-counter);padding:1px 12px;font-size:1.7em;position:absolute;left:-20px;top:20px;background:var(--ssssir);z-index:7;} .top-bayan li a {display:block;width:100%;height:100%;} .top-bayan img {width:100%;height:100%;} .top-bayan .bay-3, .bay-1.hovered, .bay-2.hovered {height:250px;} .top-bayan .bay-2.hovered:hover ~ .bay-3, .top-bayan .bay-1.hovered:hover ~ li {height:80px;} .top-bayan u {display: flex;flex-direction: column;align-content: space-between;justify-content: center;font-weight:400;font-size:0.8em;width:100%;height:80px; padding:0 6px 0 30px;overflow:hidden;
background:rgb(13, 13, 13, 0.8);color:#fff;position:absolute;bottom:0;left:0;z-index:6;} .top-bayan u p {line-height:1;font-size:1em;margin-bottom:5px;text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;} .top-bayan i {display:none;margin-top:-6px;color:var(--jovt);font-size:0.6em;text-transform:uppercase;} .bay-1.hovered i, .bay-2.hovered i, .bay-3 i {display:block;} .top-bayan li a:hover i {color:var(--ssir);}  .top-bayan .bay-3 u, .bay-1.hovered u, .bay-2.hovered u {background:none;height:100px;padding:0 10px 0 20px;} .top-bayan .bay-2.hovered:hover ~ .bay-3 u, .top-bayan .bay-1.hovered:hover ~ li u {height:80px;font-size:0.9em;background:rgb(13, 13, 13, 0.8);} .top-bayan .bay-2.hovered:hover ~ .bay-3::after, .top-bayan .bay-1.hovered:hover ~ li::after, .top-bayan .bay-2.hovered:hover ~ .bay-3 i, .top-bayan .bay-1.hovered:hover ~ li i {display:none;}
/*-- Вертикальний слайдер --*/
.prslid {display:block;position:relative;width:90%;margin:0 5%;padding:45px 0;} .prslid .slide-button, .prslid .slide-content {display: block;width: 100%;} .prslid .slide-button:hover {background-color: rgba(255,255,255,.15);} .prslid .slide-button {width:100%;height:20px;position:absolute;left:0;cursor:pointer;text-align:center;} .prslid .slide-prev {top:3px;} .prslid .slide-next {bottom:3px;} .prslid .slide-prev i, .prslid .slide-next i {display: inline-block;width:174px;height:23px;background:url(../images/sprit.png);} .prslid .slide-prev i {background-position: -298px -652px;} .prslid .slide-next i {background-position: -298px -678px;} .prslid .slide-content {position: relative;overflow: hidden;} .prslid .-slide {display: none;width: 100%;height: 100%;} .prslid .-slide.slide-active {display: block;}
/*-- Блогери вер-1 --*/
.blogerv1 {height: 100%;border-left: 1px solid rgba(258,258,258,0.6);padding-left:3px;} .blogerv1 li{margin:5px 0;background:rgba(0,0,0,0.6);border:1px solid rgba(258,258,258,0.0);padding: 15px 0 15px 30px;} .blogerv1 li i {margin-right:30px;float:left;} .blogerv1 li a {display:block;overflow:hidden;width:100%;height:100%;} .blogerv1 a u {color:#fff;font-size:1.7em;} .blogerv1 a s {text-transform:uppercase;color:var(--sir);} .blogerv1 li:hover {background:rgba(0,0,0,0.8);border-top: 1px solid rgba(258,258,258,0.6);border-bottom: 1px solid rgba(258,258,258,0.6);} .blogerv1 li:hover a s {color:var(--jovt);} .blogerv1 li:hover a u {color:var(--golub);}/*-- Останнє в блогах --*/
.ostbloger tr {border-bottom: 1px solid var(--sir);} .ostbloger tr:last-child {border: none;} .ostbloger td {padding: 20px 0;} .ostbloger td:hover {background:var(--msir);} .ostbloger u {text-transform:uppercase;color:var(--sir);} .ostbloger a {color:var(--ssssir);} .ostbloger h5 {margin:2px 0 10px 0;} .ostbloger tr td:nth-child(2) {padding:10px 20px 5px 20px;}
/*-- телефон з підписом --*/
.telzd {position:relative;display:block;font-size:20px;padding-left:20px;} .telzd::after {content: attr(data-name);position:absolute;top:-10px;left:20px;font-size:13px;color:var(--cherv);} .telzd::before {content:"";width: 14px;height: 21px;background:url(../images/sprit.png) -774px -480px;position:absolute;top:-3px;left:0;}
/*-- КНОПКИ --*/
[class*='knop-'], .med-knop a {display:inline-block;padding:10px 20px;font-size:1.3em;text-transform:uppercase;} .knop-v1 {min-width:200px;text-align:center;border: 1px solid #fff;color:#fff;} .knop-v2, .med-knop a {min-width:200px;text-align:center;border: 1px solid var(--golub);color:var(--golub);} .knop-v1:hover, .knop-v2:hover, .med-knop a:hover {background:var(--golub);color:#fff;} .knopcat.knop-v1 {background:var(--jovt);color:#fff;}
.knfon1 {background:var(--suniy); color:var(--sgolub);}

/*-- анімована кнопка --*/
.knanim {display:block; overflow:hidden;  position:relative; text-transform:uppercase; text-align:center; padding:10px 20px; margin-bottom:10px; color:#127783;} .knanim::after, .knanim::before {content:'';width:100%; height:1px; background: linear-gradient(90deg,transparent,#127783);position:absolute; top:0; left:-100%; } .knanim::before {top:auto; bottom:0; left:auto; right:-100%; background: linear-gradient(270deg,transparent,#127783);} .knanim::after{transition:1s;left:0; animation: knpanm-v1 2s linear infinite;} .knanim::before{transition:1s;right:0; animation: knpanm-v3 2s linear infinite;}
@keyframes knpanm-v1 {0% {left:-100%;} 50% {left:0;} 100% {left:0;}} @keyframes knpanm-v3 {0% {right:-100%;} 50% {right:-100%;} 100% {right:0;}}

/*-- ВКЛАДКИ --*/
.vkladki {min-width: 320px;padding: 0px;margin: 0 auto 40px auto;} .vkladki > div {display: none;padding: 15px;background: #fff;border: 1px solid var(--sir);animation: forvkladki .3s;} .vkladki > input {display: none;position: absolute;} .vkladki > label {display: inline-block;margin: 0 0 -1px;padding: 15px 5px;margin-right:25px;font:var(--font2);text-transform:uppercase;font-size:1.1em;text-align: center;color:var(--sir);border-top: 1px solid var(--sir);} .vkladki > label:before {font-family: fontawesome;font-weight: normal;margin-right: 10px;} .vkladki > label:hover {color:var(--golub);cursor: pointer;border-top: 2px solid var(--golub);} .vkladki > input:checked+label {color:var(--ssssir);border-top: 2px solid var(--golub);border-bottom: 1px solid #fff;border-left: 1px solid var(--sir);border-right: 1px solid var(--sir);background: #fff;} #tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4,
#tab21:checked~#content-tab21, #tab22:checked~#content-tab22, #tab23:checked~#content-tab23 {display: block;overflow:hidden;position:relative;}
.podiipol {width:100%;display:flex;flex-flow: row wrap;display: flex;justify-content: center;align-items: center;background:var(--msir);} .podiipol li {margin:0;padding:10px 40px;border-right: 1px solid var(--sir);line-height:1;} .podiipol a{width:100%;height:100%;text-align:center;text-transform:uppercase;font-size:1.1em;color:#000;} .podiipol i {display:block;width:100%;} .podiipol li:hover {-webkit-filter: invert(80%);filter: invert(80%);transition:.6s;}
/*-- Велика картинка внизу --*/
.bigfoto-nadfot{position:relative;margin:60px 0;min-height:470px;} .bigfoto-nadfot figure, .bigfoto-nadfot picture {min-height:470px;} .bigfoto-nadfot img {width:100%;min-height:470px;height:100%;position:relative;} .bigfoto-nadfot q {display:inline-block;padding:40px;font-size:1.6em;width:40%;background: rgba(140, 154, 176, 0.6);position: absolute;right:10%;bottom:10%;z-index: 32;} .bigfoto-nadfot i {display:block;width: 15px;height: 14px;background:url(../images/sprit.png) -392px -183px;position:absolute;top:20px;left:20px;} .bigfoto-nadfot figcaption {position:absolute;top:10%;left:20%;color:rgba(140, 154, 176, 0.6);font-size:2.8em;}
/*-- Підвал --*/
footer {margin-top:60px;} footer > div:nth-child(1) {width:36%;} footer > div:nth-child(2) {width:14%;margin:0 2%;display:flex;flex-direction: column;justify-content: center;align-content: space-between;align-items: center;} footer > div:nth-child(3) {width:22%;margin-right:4%;} footer > div:nth-child(4) {width:20%;line-height:2;} footer > div:nth-child(2) a{display:block;margin:10px 1%;font-size:1.5em;text-transform:uppercase;} footer sup, footer sub {display:block;width:100%;margin:16px 0;text-align:center;text-transform:uppercase;} footer sub {letter-spacing:2px;} footer a {color:var(--ssssir);} footer sub a {color:var(--golub);} footer > div:nth-child(3) i {text-align:center;} footer address {display:block;position:relative;padding:10px 0 10px 140px;font-size:1.2em;font-style:normal;text-transform:uppercase;line-height:1.8;font-weight:700;} footer address::before, .zaginfo i {content:"";display:block;width: 125px;height: 153px;background:url(../images/sprit.png) -10px -10px;position:absolute;top:12px;left:0;} footer > div:nth-child(3) p {font-style:italic;font-size:1.2em;margin:20px 0;} footer h4 u, footer > div:nth-child(3) p a {color:var(--golub);} .reklfoot {position:relative;background:#bea5a5;padding:10px 2% 10px 150px;} .reklfoot a {margin:10px;} .reklfoot::before {content:"камянецька реклама";display:block;width:285px;height:35px;position:absolute;top:145px;left:-85px;text-transform:uppercase;color:#fff;text-align:center;letter-spacing:-0.5px;font-size:1.7em;border:1px solid #fff;padding:20px;transform: rotate(-90deg);}
.footakont {position:relative; font-size:1.7em;padding-left:30px; color:var(--suniy);}
.footakont::before {content:''; display:block;  width: 0;  height: 0;  border: 10px solid transparent;  border-left: 10px solid var(--suniy);position:absolute; top:15px; left:8px;}

/*-- HOVER ефекти --*/
#content-tab2 a:hover, .navpid a:hover, .reklfoot a:hover {transform: rotateY(-13deg) skewX(-5deg);transition:0.5s;}
/*-- Категорії --*/
.categor .article {width:72%;margin-right:3%;background:transparent;} .categor aside {width:25%;} .statick-txt {font-size:1.4em;}
header .verhlogo {transform:scale(0.5, 0.5);top:-25px;left:0;}

.clear{display:table; width:100%;min-height:1px;font-size:2px;float:none;clear: both;} .clear::before, .clear::after{float:none;content:"";display: block;height:2px;width:100%;clear:both;} .str-20 {height:20px;} .str-40 {height:40px;}
/*-- заливка градієнтом --*/
[class*='gradient-']::after, .news-v1 > li::after, .top-bayan li::after, .news-v2 s::after, .short-kino::after{content:no-close-quote;  position:absolute; left:0; bottom:0;  width:100%;  height:130px; z-index:3;} .gradient-v0::after, .news-v1 > li:nth-child(1)::after, .news-v2 s::after,
.short-kino::after { background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);} .gradient-v1::after {background:linear-gradient(to bottom, rgba(0,153,243,0) 0%, rgba(241,23,18,0.65) 100%);} .gradient-v2::after, .news-v1 > li:nth-child(2)::after,
.top-bayan li::after {background:linear-gradient(to bottom, rgba(21,153,87,0) 0%, rgba(0,76,153,0.65) 100%);} .gradient-v3::after, .news-v1 > li:nth-child(3)::after {background:linear-gradient(to bottom, rgba(19,220,175,0) 0%, rgba(95,220,19,0.65) 100%);} .gradient-v4::after, .news-v1 > li:nth-child(4)::after {background:linear-gradient(to bottom, rgba(240,204,80,0) 0%, rgba(220,137,19,0.65) 100%);}
/* NUZ */
.a-center{text-align: center;vertical-align: baseline;}
img.a-center, .a-center img, .a-center iframe, .a-center div {clear:both;display:block;margin-left:auto;margin-right:auto;} .box.berrors {width:90%; margin-left:5%;} .lendos.fullstory .article, .lendos.fullstory aside  {width:100%; margin:0;} #dosearch, #dofullsearch {float:left; margin-right:40px;} .search_result {color:var(--cherv); font-size:2em;} .bg-bl_bleka, .full-info i.bleka::before {width: 62px; height: 75px; background-position: -605px -367px;} .bg-bl_budzey, .full-info i.bydzey::before {width: 62px; height: 75px; background-position: -687px -367px;} .bg-bl_ignatyev, .full-info i.ignatyev::before {width: 62px; height: 75px; background-position: -605px -462px;} .bg-bl_kozak, .bg-bl_admin, .full-info i.admin::before {width: 62px; height: 75px; background-position: -687px -462px;} 
.bg-bl_polatunch, .bg-bl_polatunchyk, .full-info i.polatunchyk::before {width: 62px; height: 75px; background-position: -310px -183px;} 
.bg-bl_chernukh, .bg-bl_chernukh, .full-info i.chernukh::before {width: 62px; height: 75px; background-position: -693px -543px;} 
.bg-bl_victoria, .full-info i.victoria::before {width: 62px; height: 75px; background-position: -460px -323px;} .bg-bl_zoya, .full-info i.zoya::before {width: 62px; height: 75px; background-position: -517px -463px;} .bg-like {width:17px; height:17px;background-position:-232px -150px;} .bg-dizlike {width:17px; height:17px;background-position:-256px -150px;} .bg-fotr_likari {width: 149px; height: 99px; background-position: -10px -463px;} .bg-fotr_policia {width: 149px; height: 99px; background-position: -179px -463px;} .bg-fotr_slovnik {width: 149px; height: 99px; background-position: -348px -463px;} .bg-fotr_admin {width: 149px; height: 99px; background-position: -605px -10px;} .bg-fotr_istoria {width: 149px; height: 99px; background-position: -605px -129px;} .bg-fotr_komyn {width: 149px; height: 99px; background-position: -605px -248px;} .bg-palverx {width:12px; height:12px; background-position: -436px -215px;} .bg-palnuz {width:12px; height:12px; background-position: -417px -232px;} .bg-gp_biznes {width: 130px; height: 120px; background-position: -155px -10px;} .bg-gp_kamera {width: 130px; height: 120px; background-position: -305px -10px;} .bg-gp_likar {width: 130px; height: 120px; background-position: -10px -183px;} .bg-gp_news {width: 130px; height: 120px; background-position: -160px -183px;} .bg-gp_rozvagu {width: 130px; height: 120px; background-position: -455px -10px;} .bg-gp_shop {width: 130px; height: 120px; background-position: -455px -150px;}
.bg-gp_tyrizm {width: 130px; height: 120px; background-position: -10px -323px;} 
.bg-varto {width:153px; height:116px; background-position: -15px -823px;}
.bg-gids {width:116px; height:116px; background-position: -183px -823px;} 
.bg-rozvag {width:221px; height:116px; background-position: -299px -823px;} 
.nab-rozd-ikon > div a{float:left; margin-left:30px;}
.nab-rozd-ikon > div a:hover{transform:scale(0.9, 0.9);}
.bg-gr_pogoda {width: 130px; height: 120px; background-position: -160px -323px;} .bg-hmkn1 {width: 58px; height: 39px; background-position: -310px -582px;} .bg-hmkn2 {width: 58px; height: 39px; background-position: -388px -582px;} .bg-hmkn3 {width: 58px; height: 39px; background-position: -466px -582px;} .bg-hmkn4 {width: 58px; height: 39px; background-position: -544px -582px;} .bg-hmkn5 {width: 58px; height: 39px; background-position: -622px -582px;} .bg-ichas {width: 12px; height: 11px; background-position: -392px -217px;} .bg-iglaz {width: 16px; height: 10px; background-position: -407px -150px;} .bg-ikalend {width: 15px; height: 15px; background-position: -774px -592px;} .bg-ikmob {width: 14px; height: 21px; background-position: -774px -480px;} .bg-taksi {width: 51px; height: 22px; background-position: -518px -545px;} .bg-ikoment {width: 15px; height: 12px; background-position: -563px -290px;} .bg-info {width: 12px; height: 12px; background-position: -809px -592px;} .bg-ired {width: 16px; height: 14px; background-position: -774px -627px;} .bg-iuser {width: 14px; height: 13px; background-position: -305px -150px;} .bg-kbest {width: 23px; height: 20px; background-position: -774px -250px;} .bg-kbest_mini {width: 16px; height: 13px; background-position: -455px -290px;} .bg-kfoto {width: 23px; height: 16px; background-position: -774px -411px;} .bg-kfoto_min {width: 16px; height: 12px; background-position: -491px -290px;} .bg-kpodia {width: 23px; height: 20px; background-position: -774px -290px;} .bg-kpodia_min {width: 16px; height: 14px; background-position: -774px -661px;} .bg-k_tekst {width: 21px; height: 21px; background-position: -774px -330px;} .bg-k_tekst_mini {width: 16px; height: 15px; background-position: -774px -557px;} .bg-kvideo {width: 23px; height: 13px; background-position: -774px -447px;} .bg-kvideo_min {width: 16px; height: 10px; background-position: -155px -150px;} .bg-logo_mini {width: 70px; height: 41px; background-position: -220px -582px;} .bg-m_trukn2 {width: 9px; height: 7px; background-position: -810px -557px;} .bg-rozd {width: 11px; height: 9px; background-position: -810px -521px;} .bg-sc_fb {width: 8px; height: 13px; background-position: -812px -196px;} .bg-sc_inst {width: 14px; height: 13px; background-position: -339px -150px;} .bg-sc_tviter {width: 14px; height: 13px; background-position: -373px -150px;} .bg-sc_vk {width: 14px; height: 9px; background-position: -191px -150px;} .bg-sc_youtob {width: 16px; height: 12px; background-position: -527px -290px;} .bg-strb {width: 22px; height: 45px; background-position: -774px -78px;} .bg-strm {width: 12px; height: 20px; background-position: -808px -480px;} .bg-str_mr {width: 18px; height: 34px; background-position: -774px -196px;} .bg-zagr {width: 29px; height: 33px; background-position: -774px -143px;} .bg-zirka {width: 16px; height: 16px; background-position: -774px -521px;} .bg-depoistu {width: 130px; height: 120px; background-position: -310px -323px;} .bg-di_foto {width: 12px; height: 11px; background-position: -310px -278px;} .bg-di_rozslid {width: 12px; height: 11px; background-position: -342px -278px;} .bg-di_video {width: 12px; height: 11px; background-position: -374px -278px;} .bg-di_yvaga {width: 12px; height: 11px; background-position: -406px -278px;} .bg-facebook {width:59px; height: 18px; background-position: -60px -728px;} .bg-youtoobe {width:59px; height: 18px; background-position: -60px -704px;} .bg-koncert {width:29px; height:27px; background-position: -597px -637px;} .bg-podia {width:29px; height:28px; background-position: -522px -637px;} .bg-vustavka {width:29px; height:27px; background-position: -556px -637px;} .bg-fest {width:29px; height:27px; background-position: -636px -637px;} .bg-teatr {width:29px; height:27px; background-position: -575px -546px;} .bg-kino {width:29px; height:27px; background-position: -615px -546px;} .bg-news {width:29px; height:27px; background-position: -651px -546px;} .bg-v2-tweet {width:45px; height:15px; background-position: -293px -741px;} .bg-v2-faceb {width:68px; height:15px; background-position: -346px -741px;} .bg-v2-viber {width:50px; height:15px; background-position: -421px -741px;} .bg-v2-teleg {width:68px; height:15px; background-position: -293px -762px;} .bg-v2-whats {width:72px; height:15px; background-position: -369px -762px;}
/* обєкти */
.bgdr_virmdzvin {background-position:-10px -10px;} .bgdr_fortec {background-position:-233px -10px;} .bgdr_gonchrsk {background-position:-10px -192px;} .bgdr_kanyon {background-position:-233px -192px;} .bgdr_kostel {background-position:-456px -10px;} .bgdr_mist {background-position:-456px -192px;} .bgdr_ratusha {background-position:-10px -374px;} .bgdr_rysmagistr {background-position:-233px -374px;} .bgdr_rysvorot {background-position:-456px -374px;} .bgdr_sima {width: 115px; height: 120px;background-position:-10px -556px;} .bgdr_marchyk {width: 115px; height: 120px;background-position:-679px -150px;} .bgdr_melnuch {width: 115px; height: 120px;background-position:-679px -290px;} .bgdr_babiy {width: 115px; height: 120px;background-position:-679px -10px;} .bgdr_kleopatr {width: 115px; height: 120px;background-position:-146px -555px;} .bgdr_reykarc {width: 115px; height: 120px;background-position:-277px -555px;} .bgdr_7dniv {width: 115px; height: 120px;background-position:-410px -555px;}
/* --- PAGE NAVIGATION --- */
.pagi-nav {width:100%; line-height:36px; text-align:left; font-size:16px; margin:20px 0;} .pagi-nav > span {display:inline-block;} .pnext a, .pprev a {display:block; width:36px; text-align:center; border-radius:3px;} .navigation {padding:0 20px; text-align:center;} .navigation a, .navigation span, .splitnewsnavigation a {display:inline-block; padding:0 5px; min-width:36px; margin:0 7px 5px 0; border-radius:3px; background-color:#f5f5f5; color:#AFAEAE;} .navigation span {background-color:#292929; color:#fff;} .pagi-nav a:hover {background-color:#292929; color:#fff;} .navigation span.nav_ext {background-color:transparent; color:#888;} .dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}
@media screen and (max-width: 950px) {.pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto;}} .splitnewsnavigation a {text-align:center; background:var(--golub); color:#fff;} .splitnewsnavigation a:hover { background:var(--suniy);}
/* Держ свята */
.tab-hypinv{margin:20px 0 20px 0;font-size:16px;} .tab-hypinv dl {display:block;overflow:hidden;min-height:25px;margin:0 0 5px 0;padding:0;} .tab-hypinv dt, .tab-hypinv dd {display:block; overflow:hidden;width:30%;min-height:25px; float:left;margin:0;padding:0 0 10px 15px; } .tab-hypinv dd {color:#000;width:70%;float:left; text-transform:uppercase; font-weight:600;} .tab-hypinv dl:hover {color:#000;background-color: #ececec;} .tab-hypinv u, .tab-hypinv s {height:100%;padding:3px 9px;} .tab-hypinv u {background:#fcef5d;} .tab-hypinv s {background:#96b9fb;}
/* Інформери */
.rss-anekdot {padding:10px 20px 10px 15px; font-size:16px;} .rss-anekdot s {margin:20px 0 10px 0; font-weight:bold;}
/* Остані коментарі */
.ostkoment li {display:block; position:relative; margin:5px 0 5px 70px; padding:12px; background:var(--ssssir);font-size:1.1em; } .ostkoment li a {color:var(--sir);} .ostkoment li u {display:block; margin-bottom:5px; padding:0 0 4px 0; color:var(--sssir); font:var(--font2); font-weight:bold; border-bottom: 1px solid var(--sssir);} .ostkoment li::after {content:"";display:block;width:48px; height:48px; background:url(../images/sprit.png) -774px -10px; position:absolute;top:5px; left:-70px;} .ostkoment li::before {content:'';display:block; border:7px solid transparent; border-top:7px solid var(--ssssir); border-right:7px solid var(--ssssir);position:absolute; top:10px;left:-11px; } .ostkoment li:hover  {background:var(--golub);} .ostkoment li:hover::before { border-top:7px solid var(--golub); border-right:7px solid var(--golub);} .ostkoment li:hover a {color:#fff;}
/* Дизайни списків */
.spis-v1 {display:block; margin:5px 0 15px -10px;} .spis-v2 {display:block; margin:5px 0 15px 30px;} .spis-v1 li, .spis-v2 li {display:list-item;padding:5px 0 5px 5px;margin:0;font:var(--font2); font-size:1.2em; text-transform:uppercase;}
/* банери */
.bgban_web {background-position: -10px -10px;} .bgban_artsity {background-position: -10px -183px;} .bgban_bogena {background-position: -370px -10px;} .bgban_gidu {background-position: -370px -183px;} .bgban_souvenir {background-position: -730px -10px;} 
.bgban_vesila {background-position: -730px -183px;}  .bgban_kalyan {background-position: -370px -356px;} 
.bgban_orend1 {background-position: -10px -356px;} .bgban_orend2 {background-position: -10px -356px;} .bgban_orend3 {background-position: -10px -529px;} .bgban_orend4 {background-position: -370px -529px;}
/* відомі люди*/
.sm-lydu {margin-top:10px;position:relative;overflow:hidden;min-height:90px;border-bottom: 1px dashed #b4b7b9;} .sm-lydu a {width:100%;height:100%;position:absolute;top:0;left:0; z-index:9;} .sm-lydu img {width:80px;height:80px;border-radius:50%;position:absolute;top:0;left:0;} .sm-lydu s {font-weight:800; color:#5f89ac;font-size:15px;width:100%;padding-left:95px;display:inline-block;position:absolute;top:30px;left:0;} .sm-lydu s::after {content: attr(data-name);color:#303030;font-size:11px;font-weight:100;position: absolute;top:-21px;left:96px;}
/*-- Смайлик --*/
.emoji {border: none; vertical-align: middle;float:left; margin-right:5px;} .emoji_box {width:100%;max-width: 390px;} .emoji_category {padding:7px;clear:both;} .emoji_list {margin-top:5px;margin-bottom:5px;width:100%;font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';font-size:2em;} .emoji_symbol {float:left;margin-bottom: 10px;width:12.5%;text-align:center;} .emoji_symbol a,  .emoji_symbol a:hover {cursor: pointer;text-decoration:none;} .native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}
/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {padding: 10px 0; min-width: 190px; width:auto !important; opacity:1 !important; display: none; font-size: 1.2em;box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box;} #dropmenudiv {background-color:#fff;} #dropmenudiv a {text-decoration: none !important; color: inherit; display: block; padding: 3px 20px; border: 0 none; white-space: nowrap; color: inherit;} #dropmenudiv a:hover {background-color:#eeeeef;}
/*-- Пошук ДЛЕ --*/
#q_search {position:fixed; min-width:36px; height:36px; top:11px; right:20px; z-index:520;} #q_search button {display:none; width:24px; height:24px; background:#fff; border-radius: 24px; position:relative; position:absolute;top:6px; right:7px;} #q_search button::before, #q_search i::before {content:"";display:block;width:20px;height:20px; background:url(../images/sprit.png) -774px -371px; position:absolute;top:2px; left:2px; z-index:550;} #q_search input {display:none; position:relative; width:300px; height:36px; padding:2px 36px 2px 12px; margin:-1px -3px 0 0; border-radius:20px; z-index:540;} #q_search i {display:block;width:36px;height:36px; border-radius:36px; background:#fff; position:absolute;top:-1px; right:-8px; z-index:530;} #q_search .elem2.activn, #q_search .elem1.activm {display:block;} #q_search i::before {top:7px;left:7px;} #q_search .elem3 {display:none; color:#e2e2e2; background:var(--ssssir); padding:0 5px; border-radius:4px; position:absolute;position:absolute;top:-7px; right:22px;z-index:543;} #q_search .elem3.activr {display:block;} #q_search .elem3:hover {color:var(--jovt);}
/* Рейтинг */
.rate#reiting {position:relative; border-radius:5px; float:right; width:120px; margin-top:1px; text-align:center; height:19px; padding:0; background:#fff; overflow:hidden;} .rate_like-dislike > span {background:#fff; float:left; margin:0 2px;padding:0;} .rate_like-dislike > span s {display:block; float:left; padding:0 2px; font-weight:900;font-size:1.3em;} .rate_like-dislike {width: auto; height:19px; line-height:19px; margin: 0 auto;display: inline-block;} .rate_like > a:hover { opacity: .8; } .rate_like-dislike > a {display:inline-block; float:left; width:17px; height:17px; text-align: center;} .rate_like-dislike > a:hover { opacity: .7; } .rate_like-dislike .ratingplus {color: #95c00e;border-left: 1px solid var(--sir); } .rate_like-dislike .ratingminus {color:#e75820;}
/*--- vspluvayuche okno ---*/
.ui-dialog {border: 1px solid #c9c9c9;padding:22px;border-radius:3px;} .ui-dialog-titlebar {font-size:19px;text-transform:uppercase;} .ui-dialog-titlebar-close {width:20px;height:20px;position:absolute;top:5px;right:5px;padding:2px;border-radius:3px;background:#fb3f51;color:#fb3f51; font-size:1px;} .ui-icon-closethick::before {content:'\20x';white-space:pre;display:block;font-size:21px;color:#fff;width:20px;height:20px;position:absolute;top:-2px;right:2px;line-height:1;} .ui-widget-content{margin-top:20px;font-size:16px;background:#fbfbfb;color:#000;} .ui-button-text-only{background:#4cb5ff;color:#fff;margin-right:15px;} .dle-alert, .box.berrors {padding:10px 20px; background:var(--cherv); color:var(--msir); font-size:1.6em;} .ui-dialog-buttonset button {padding:5px 20px; border-radius:4px;border:1px solid var(--sssir); float:left; margin:0 10px;} .ui-button:hover {background:var(--golub);} #dle-promt-text {border:1px solid var(--sir); padding:10px; border-radius:5px;}
/*-- Опитування --*/
.oputyvan {margin:20px 5px; padding: 10px; overflow: hidden; box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.09); border: solid 1px var(--ssssir);} 
.oputyvan .title {color:var(--cherv);}
.votte-list > div {margin:10px 0; font-size:1.4em; font-weight:800;} 
.vote {overflow:hidden; margin:10px 0; font-size:16px;} .vote input {height:20px; float:left; margin-right:20px;} 
.vote label {font-size:17px;} .oputyvan [class*='knop-'] {font-size:15px; float:left; margin-right:20px;} .all-votte {text-transform:uppercase; font-size:1.4em;}
.votte-list {margin-bottom:20px;}
.votte-list input {height:12px; display:inline-block;}
.oputyvan button {display:inline-block; float:left; padding:8px 20px; margin-right:30px;}
/* --- результати опитування --- */
.voteprogress, .pollprogress {overflow: hidden;height: 6px;margin-bottom: 10px;	background-color: #fff;	border-radius: 3px;	margin-top: 6px;} .voteprogress span, .pollprogress span {text-indent: -9999px;height: 6px;display: block;overflow: hidden;background: #3394e6;} .voteprogress .vote2, .pollprogress .poll2 { background-color: #dd514c;} .voteprogress .vote3, .pollprogress .poll3 { background-color: #5eb95e;} .voteprogress .vote4, .pollprogress .poll4 { background-color: #4bb1cf;} .voteprogress .vote5, .pollprogress .poll5 { background-color: #faa732;}
/*-- АНІМАЦІЇ--*/
@keyframes blikknop {0% {opacity:.6;} 70% {opacity:.1;} 100% {opacity:.1;}}  @keyframes forvkladki {from {opacity: 0;} to {opacity: 1;}}
/*---Подсветка кода в теге [code]---*/
pre code {display: block; color:#a9a992; margin:20px 0 20px 0; background:rgba(85, 103, 123, 0.1); border: 1px solid #cea06f; overflow:auto; white-space:pre;border-radius:8px;padding:2px;}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic;}
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .jаvascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900;}
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198;}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator,
pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2;}
pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold;}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title,
pre .parent, pre .haskell .label { color: #b58900;}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol,
pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16;}
pre .deletion { color: #dc322f;}
pre .tex .formula { background: #eee8d5;}