/* rullan.in.ua  2019 - made in Ukraine  */
.search input {height:40px;padding:8px 20px 8px 20px; margin-right:40px; float:left; font-size:19px;border: 1px solid #f3f3f3;border-radius:5px;}
#searchinput {float:none; width:100%!important; padding-left:20px;}
 /* navigacia megdy novostyami №2*/
.nav-newsv2 {width:100%;position:relative;overflow:hidden;padding:8px 0 8px 0;margin:20px 0 20px 0;border-top:1px solid #acbbb1;border-bottom:1px solid #acbbb1;}
.nav-newsv2 a {display:block;width:50%;padding:6px;float:left;font-size:1.4em;}
.nav-newsv2 a:nth-of-type(1) {text-align:left;}
.nav-newsv2 a:nth-of-type(2) {text-align:right;}

/* --- 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;border: 1px solid #ccc;background: #fff;font-size: 12px;line-height: 12px;font-weight: 300;letter-spacing: 1px;text-transform: uppercase;text-align: center;color: #9a9a9a;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.p-nav .pprev span, .p-nav .pnext span {display: none;}
.p-nav .pprev a:hover, .p-nav .pnext a:hover, .p-nav .pprev a:focus, .p-nav .pnext a:focus, .p-nav .page a:hover, .p-nav .page a:focus, .p-nav .page span {border: 1px solid #9a9a9a;text-decoration: none;color: #444;}
@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;}}
@media screen and (max-width: 767px) {.page a:nth-child(n+1),.page span.nav_ext {display: none;}
.page > span:before {float: right;content: '-я стр';text-transform: none;}}
/* --- /PAGE NAVIGATION --- */

/* Анимации */
@keyframes strilpod {0% {right:-100px;} 59% {right:-100px;} 60% {transform: scale(1.0) rotate(-10deg);opacity:.6;bottom:-79px;right:10px; } 80% {transform: scale(0.7) rotate(0deg); opacity:1; bottom:-28px; right:178px;} 90% {bottom:-30px; right:165px;} 100% {bottom:-28px; right:178px;} }
@keyframes telhvul {0% {transform: scale(0.7); opacity: .8; } 100% {transform: scale(1.0); opacity: 1; top:5px; left:0; -webkit-filter: invert(100%);filter: invert(100%);}}
@keyframes circle-anim {0% {transform: rotate(0deg) scale(0.5) skew(1deg); opacity: .1; } 30% {transform: rotate(0deg) scale(0.7) skew(1deg); opacity: .8; } 100% {transform: rotate(0deg) scale(1) skew(1deg); opacity: .1; }}
@keyframes circle-fill-anim {0% {transform: rotate(0deg) scale(0.7) skew(1deg); opacity: .2; } 50% {transform: rotate(0deg) scale(1) skew(1deg); opacity: .2; } 100% {transform: rotate(0deg) scale(0.7) skew(1deg); opacity: .2; }}
@keyframes strilk {0% {transform: rotate(72deg);} 100% {transform: rotate(-36deg);}}
@keyframes blikcina {0% {color:#fff;} 100% {color:#8cfc55;}}
@keyframes lentskrol {0% {left:30%;} 40% {left:10%;} 100% {left:-70%;}}
@keyframes fottel {0% {transform: bottom:-160px;} 50% {bottom:-60px;} 100% {bottom:-160px;}}
@keyframes ryykatel {0% {right:-350px;} 49% {right:-350px;}  100% {right:0px;}}


/* Блок: Опрос */
.block_grey {padding:12px 9px 12px 25px;margin-bottom: 15px;border-radius: 5px;display:block; background:#e4f2df;}
.block_grey > .title {margin-left:20px; text-align:center;font-size: 1.5em;letter-spacing:0;color:#000;}
.vote_more {font-size:1em; margin:12px 0 0 0;}
.vote_list {margin:5px 0 9px 0;}
.vote_list .vote, .vote_list .pollanswer {margin: .2em 0 .1em 0;padding:5px;}
.vote_list .vote > input, .vote_list .pollanswer > input {display:none;}
.vote_list .vote:hover {cursor:pointer;background-color: #fff;}
.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
display:inline-block;width: 8px; height: 8px;border: 2px solid #3b3b3b;background-color: #fff;margin: -3px 4px 0 0;vertical-align:middle;cursor:pointer;content: "";border-radius: 2px;}
.vote_list .vote > input[type="radio"] + label:before,
.vote_list .pollanswer > input[type="radio"] + label:before {border-radius: 50%;}
.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before {border-color: #e8e619;}
.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
background-color: #e8e619;border-color: #3394e6;}
.vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before,
.vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before
{-webkit-transition: border-color ease .2s; transition: border-color ease .2s;}
.btn-border .icon-votes {width:14px; height:14px; margin: -3px 0 0 0; vertical-align: middle;}
.vote_votes, .pollallvotes {font-size: .9em;}
#dlevotespopupcontent {height: auto !important; overflow: visible !important;}
.older {list-style: none; counter-reset: li;}
.older li {margin-top:0px; padding: 5px; position:relative;  clear:both;}
.older a {color:#252522;font-size:1.8em; text-decoration:none;font-weight: 700;  clear:both; float:none;}
.older a:before {display: inline-block; float:left; content: counter(li);counter-increment: li;height: 25px;width: 25px; text-align: center; margin:0 17px 0 0; transition: .2s linear; color: #58bdc7; font-weight: 600; font-size:1.7em;}
.older a:hover:before {color:#D72F2C;  -webkit-transform: scale(1.01);  transform: scale(1.01);}

/*---Смайлик---*/
.emoji {border: none; vertical-align: middle;}

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {padding: 10px; 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; font-size:17px;font-family: Arial, Helvetica, sans-serif; color: inherit; display: block; padding: 3px 20px; border: 0 none; white-space: nowrap; color: inherit;}
#dropmenudiv a:hover {background-color: #eeeeef;}

/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline {background: #fff}
.highslide-image {border: 2px solid #fff}
.highslide-active-anchor {visibility: hidden} 
.highslide-active-anchor img {visibility: hidden}
.highslide-dimming {background-color: black}
.highslide-html {background-color: white}
.highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black}
a.highslide-full-expand {background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px}
.highslide-display-block {display: block}
.highslide-display-none {display: none}
.highslide-caption {display: none; padding: 5px; background: white}
.highslide-controls {width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px}
.highslide-controls ul {position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px}
.highslide-controls li {float: left; padding: 5px 0;}
.highslide-controls a {background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none}
.highslide-controls a.disabled {cursor: default}
.highslide-controls a span {display: none}
 
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a {background-position: 0 0}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important}
.highslide-controls .highslide-play a {background-position: -30px 0}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important}
.highslide-controls .highslide-pause a {background-position: -60px 0}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px}
.highslide-controls .highslide-next a {background-position: -90px 0}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important}
.highslide-controls .highslide-move a {background-position: -120px 0}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px}
.highslide-controls .highslide-full-expand a {background-position: -150px 0}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important}
.highslide-controls .highslide-close a {background-position: -180px 0}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px}

/*--- quick edit fields---*/
.quick-edit-text {padding: .4em;width: 350px;}
.quick-edit-textarea {height: 250px;padding: 2px; border: 1px solid #d7d7d7;width: 100%;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}

/*--- XFIELDS ---*/
.xfields textarea, .xprofile textarea {height: 186px;margin: 0px 1px 0px 0px;padding: 0px;}
.xfields input, .xprofile input {width: 250px;height: 14px;padding: 2px;}
.xfields_table td {vertical-align: top;}

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay {background: #000;opacity: 0.5;left: 0; top: 0; right: 0; bottom: 0;position: fixed;}
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix { display: inline-block }
* html .ui-helper-clearfix { height: 1% }
.ui-helper-clearfix { display: block }
.ui-dialog {text-align: left; font-size:16px;overflow: hidden;padding: 0;position: absolute;width: 420px;border-radius: 8px;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-color: #fff;background-clip: padding-box;}
.ui-dialog-titlebar { padding: 20px 20px; position: relative; border-bottom: 1px solid #eaeaea;}
.ui-dialog-title { float: left; font-weight: bold; font-size: 1em;}
.ui-dialog-titlebar-close {position: absolute;right: 10px; top: 50%;margin-top: -16px;height: 32px; width: 32px;border: 0 none !important;}
.ui-dialog-titlebar-close .ui-icon {display: block;margin: 10px auto 0 auto;width: 17px; height: 17px; background:url(../dleimages/ui-dialog-close.png);}
.ui-button {float: right;border: 0 none;display: inline-block;vertical-align: middle;cursor: pointer;height: 40px;border-radius: 20px;outline: none;color: #fff !important;padding: 9px 22px;font-weight: bold;text-transform: uppercase;text-decoration: none !important;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
background-color: #95c00e;background-image: -webkit-linear-gradient(top, #a2cb33 0%, #9bc520 100%);background-image: -moz-linear-gradient(top, #a2cb33 0%, #9bc520 100%);background-image: -o-linear-gradient(top, #a2cb33 0%, #9bc520 100%);background-image: linear-gradient(top, #a2cb33 0%, #9bc520 100%);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1;}
.ui-icon { overflow: hidden; text-indent: -9999px;}
.ui-dialog label { color: #575757;}
.ui-dialog-content { padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1;}
.loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important;}
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; border-top: 1px solid #eaeaea;}
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px;}
.ui-draggable .ui-dialog-titlebar { cursor: move;}
.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a;}
.ui-button { margin: 0 3px;}
.ui-helper-hidden-accessible{display: none;}


/*--- Цитаты, Спойлеры, Код  ---*/
.scriptcode, .title_quote,
.title_spoiler, .text_spoiler, .quote {padding: 1% 2%; background:#f6f3bc; border: 1px solid #dde4ea;}
.title_spoiler a{color:#e66732;}
.title_quote {border-left: 2px solid #e85319; border-bottom: 0; margin-top: 2px; font-weight: bold;}
.quote, blockquote {padding: 1% 4%; font-size:19px; border-left: 2px solid #e85319; font-style: italic;}
.title_spoiler {margin-top: 2px;}
.text_spoiler {margin-bottom: 2px;}
.title_spoiler img {vertical-align: middle; margin: -1px 0 0 !important}
.scriptcode {color: #4c6d0f; text-align: left; font-family: "Courier New"}
.title_spoiler {font-weight: normal;}
.text_spoiler {border-top: 0; text-align: justify; background:#ebeacf;}
.hide {background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0}
.hide a {text-decoration: underline;} .hide a:hover {text-decoration: none}