:root {
  --x-background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --menu-background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-align-justify'%3E%3Cline x1='21' y1='10' x2='3' y2='10'%3E%3C/line%3E%3Cline x1='21' y1='6' x2='3' y2='6'%3E%3C/line%3E%3Cline x1='21' y1='14' x2='3' y2='14'%3E%3C/line%3E%3Cline x1='21' y1='18' x2='3' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --search-background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  --logo-background-image:url("data:image/webp;base64,UklGRuwBAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSH8AAAABYFpbe5PUAaIyQzxDsAaaQdCsUUbBdoVjAlTvfD8KGREI2raNw2DbD4J9nefR2HgcY4vTYb+u69qHGuTn663cR7hsfSxzb0w0rC8NkXkig24F6gJ5l65g6X1eLarVNwWq+M1UhaoUu5agEvpdUu+a+i6o74r8LqnvmvwvfBwDAFZQOCBGAQAAsAcAnQEqIAAgAD6RPplIpaMioTAYCACwEglsAJ0y1ThPqtNXwANtnzJOSAdJn5ORM0IyLyOWG/uxH61Unh8wuC0b0La2AACaYoPpzSoEquNH2+Q40rsrpu4XwsGT+xya9cJWGsjnYS5HtW7uNz81uTAkBm/60g/g6evbO9kKIXev7e3vsZkP+Df9Fv3Mf+WaNQsf4Ez2CAVtUBC4g2nqmHet7ROBsW5VCCwzPLnFOK7nWMkAxLzg7wf3QppyMyRltz5vKo8TwQaKixquiufhBYooYZhcPA2V1eA5dYyldwbQ9I+XCEZXvAEb8kRRzB/zfsEWsrsPDjnBr/y2RHv6WH+Yv+bkdODlzetvsbDYkEs6elbkxfG7J/bb1Bw39326No8NaAKTAt+kNZ3mvtIxBwblhy6QS34A8LEbyRqxexT20o/oAAA=");
  --border-color-solid:#d7d7d7;
}

.ui-dialog-titlebar-close span, .search-form button span, .side-open, .side-close, .search-button-2 span, 
.off-screen {position:absolute; top:-100vw; left:-100vw; width:1px; height:1px; white-space:nowrap; overflow:hidden; clip-path:inset(100%); clip:rect(0 0 0 0); color:transparent}

.c1-item img, .c2-item img, .c3-item img, .s-img img, .top-item img, .top-dop img, .related-item img, .ac-av img {width:100%; min-height:100%; height:auto}
.custom-box img, .custom-box a, .add-link, .show-login, .top-menu span, .ct-text, .main-menu a, .main-menu span, .s-img, .s-title span, .top-item img, .related-item img, .top-dop img, .top-title, #owl-related img, .all-negative, .attach a {transition:all .5s}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width:100%; max-width:100%!important; height:400px; display:block}

img[src*="dleimages/noavatar"] {width:100px; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 496 512'%3E%3Cpath fill='%237F0037' d='M248 104c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96zm0 144c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-49.7 0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6 69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1 60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4 48.4-130.1 48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2 0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9 0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48 256c0-110.3 89.7-200 200-200s200 89.7 200 200c0 43.2-13.9 83.2-37.3 115.9z'/%3E%3C/svg%3E") no-repeat; background-size:cover}

.text-break-word  {overflow-wrap:break-word; word-wrap:break-word; hyphens:auto}
.text-white-space {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.f-table th, .f-table td {font-style:italic; vertical-align:top}
.f-table th {padding:0 10px 5px 0; font-weight:normal; text-align:left; white-space:nowrap}
.f-table td {padding-bottom:5px}

[hidden] {display:none}
[data-href-blank], [data-href], .f-show-poll, .add-comm-btn {cursor:pointer}

.contentus-left, .flex-row,  #userinfo, #bullet, #itnat {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start}
.zgd {color:#06c; font-style:italic}
.instagram-media, .twitter-tweet {display:inline-block!important}

.page-it, .add-comm-form, .flex-row div {box-shadow:inset 0 0 1px 0 rgba(0,0,0,.25),inset 0 0 10px 0px rgba(0,0,0,.1)}

.fix-message {position:fixed; left:0; bottom:0; width:100%; padding:40px 20px; font-size:24px; color:#000; 
background:#f5f5f5; z-index:999; box-shadow:0 0 20px 0 rgba(0,0,0,0.6); display:none}
.close-fix {position:absolute; top:-20px; right:20px; background:red; color:#fff; width:40px; height:40px;
border-radius:50%; text-align:center; line-height:38px; font-size:18px; cursor:pointer}

#num-list {list-style:inside decimal}
#num-list li {margin:0 0 5px 0}

.adt {font-size:14px; line-height:1.4; border:5px solid #dcf4ff; padding:10px; margin:20px 0}

.slice {overflow:hidden; position:relative; transition:height .5s}
.slice-masked:before {content:''; position:absolute; z-index:1; bottom:0px; left:0; right:0; height:120px; pointer-events:none; background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%)}
.slice-btn {font-size:.85rem}
.slice.slice-masked + .slice-btn {margin:0 0 20px 45px}
.slice + .slice-btn {margin:5px 0 20px 45px}
.slice-btn span {cursor:pointer; color:#f0542e}
.slice-btn span:before {font-weight:700; margin-right:5px; font-family:fontello}
.slice.slice-masked + .slice-btn span:before {content:'\f107'}
.slice + .slice-btn span:before {content:'\f106'}

.dl-1 {margin-bottom:15px; line-height:1.8}
.dl-1 dt {float:left; margin-right:10px; color:#455a64}
.dl-1 dt:before {content: "\25E6"; margin-right:7px}

/* Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch */ 
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Owl Carousel, Styling Pagination, Next and Prev buttons*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active:hover span {background:#f14116}
.owl-theme .owl-dots .owl-dot:hover span{background:#90a4ae}

.full-list {display:flex; flex-wrap:wrap; justify-content:space-between; font-style:italic; gap:6px; margin:auto 10px;}
.full-list li {width:48.333%; display:flex; justify-content:space-between; gap:5px}
.full-list li::after {content:''; height:14px; flex:1; border-bottom:1px dotted #b0bec5}
.full-list .span-left {display:flex; white-space:nowrap}
.full-list .span-right {text-align:right; order:1}

/* knopka bloka kartinki video */
button.button-trailer {width:70px; height:70px; position:absolute; left:-5px; top:-15px; z-index:2; background-color:#ff5722; color:#fff; border:5px solid #fff; border-radius:0}
button.button-trailer::before {content:'\e209'; font-family:fontello; font-size:20px; margin-left:5px}

button.button-screenshots {width:70px; height:70px; position:absolute; right:-5px; top:-15px; z-index:2; background:#009ed5; border:5px solid #fff; border-radius:0}
button .ham3 {-webkit-tap-highlight-color:transparent; transition:transform 400ms}
button .ham3 path {fill:none; transition:stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#fff; stroke-width:7; stroke-linecap:round;}
button .ham3 .top {stroke-dasharray:40 160}
button .ham3 .middle {stroke-dasharray:40 142; transform-origin:50%; transition:transform 400ms}
button .ham3 .bottom {stroke-dasharray:40 85; transform-origin:50%; transition:transform 400ms, stroke-dashoffset 400ms}
button.active .ham3 {transform:rotate(45deg)}
button.active .ham3 .top {stroke-dashoffset:-64px}
button.active .ham3 .middle {transform:rotate(90deg)}
button.active .ham3 .bottom {stroke-dashoffset:-64px}

/* blok kartinki video */
.full-photo-block {position:relative; margin:25px auto 15px auto}
.full-photo-block > img {width:100%}    
.full-photo-block .menu-block-bg {position:absolute; left:0; top:0; width:100%; height:100%; transition:background 0.4s; z-index:1}    
.full-photo-block .menu-block {display:flex; justify-content:center; position:absolute; bottom:0; left:0; right:0; z-index:3; 
opacity:0; visibility:hidden; transition:visibility 0s linear .5s, opacity .5s; margin:15px}  
.full-photo-block .menu-block .img-block {display:flex; gap:15px}
.full-photo-block .menu-block .img-block a {border-radius:3px; border:5px solid #fff}
.full-photo-block .menu-block .img-block a:hover {border-color:#dce775}
.full-photo-block .active ~ .menu-block-bg {background:rgba(0,0,0,.5)}
.full-photo-block .active ~ .menu-block {opacity:1; visibility:visible; transition:visibility 0s linear 0s, opacity.5s}    

/* karkas sajta */
.header, .footer {width:100%; background-image:url(/templates/it-evo/images/background.jpg); background-color:#1d3242}
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {width:100%; min-width:320px; max-width:1200px; margin:0 auto; position:relative}
.custom-wrap {background:#fff; width:100%; overflow:auto; padding:20px 0}
.contentus-box {display:flex; flex-wrap:wrap; background:#fff; margin:50px auto}
.contentus-left {width:calc(100% - 325px); padding:25px}
.contentus-left > * {width:100%}
.contentus-right {width:325px; padding:25px 25px 25px 0}
.contentus-right > :last-child {position:sticky; top:25px}

.contentus-left > :last-child, .dle-comments-navigation > :last-child, .shortikus:nth-last-of-type(1), .shortikus2:nth-last-of-type(2), .unknown:nth-last-of-type(1),
.sres-wrap:nth-last-of-type(1) {margin-bottom:0}

/* seo description and bottom */
.bottomus-wrap {width:100%; background:#0996c9; padding:30px 0}
.bottomus-box {font-size:16px; line-height:1.5; color:#fff}
.bottomus-box > h1 > strong {color:#ffecb3; font-size:26px}

/* shapka sajta */
.headus-box {display:flex; flex-wrap:wrap; justify-content:space-between}
.headus-tops {display:flex; justify-content:space-between; height:40px; width:100%; padding:0 10px}

.show-login {height:40px; color:#9cce43; font-size:14px; background:#1d324200; padding:0 5px}
.show-login:before {margin-right:5px}
.show-login:hover {color:#dcfba4; background:#1d324200}
.headus-tops > div {display:flex; align-items:center; color:#ccc; padding:0 5px}

.headus-logo-box {display:flex; flex-direction:column; justify-content:center; align-items:flex-end; height:90px; width:300px; background:url(/favicon.png) no-repeat;
background-size:contain; color:#fff}
.headus-logo-box > strong {font-size:46px; letter-spacing:1px}
.headus-logo-box > strong > span {font-size:30px; color:#ff5722}

.headus-custom-box {display:flex; align-items:center; width:60%; height:90px; margin:0 10px}
.ct-item {width:33.3%; flex:1}
.ct-item + .ct-item {margin-left:3%}
.ct-date {font-style:italic; color:#fff}
.ct-text {display:block; color:#fff}
.ct-title {margin:5px 0 10px 0; height:35px; overflow:hidden}
.ct-title span {font-size:14px; border-bottom:1px dotted rgba(255,255,255,0.5)}
.ct-link {font-style:italic; color:#fff!important}
.ct-text:hover {color:#76e4fd}

/*MAIN MENU*/
.headus-menu {display:flex; height:50px; width:100%; margin-top:15px}
.headus-menu #headus-label {display:flex; align-items:center; height:50px; background:#fff; font-size:14px; text-transform:uppercase; font-weight:700; padding:0 15px; margin-right:auto}

/* Оформление кнопки меню и поиска на странице */
button.menu-open-btn, 
button.search-open-btn {display:flex; align-items:center; height:50px; font-size:14px; text-transform:uppercase; font-weight:700; background-color:rgb(0,0,0,0); color:#fff; padding-right:15px}
/*button.menu-open-btn:hover, 
button.search-open-btn:hover {background:rgb(0,0,0,0)}*/

/* Оформление кнопки закрыть на выдвижной панели меню и поиска */
.menu-close-btn, .search-close-btn, .trailer-close-btn {display:flex; align-items:center; justify-content:center; width:40px; height:40px; position:absolute; top:5px; right:5px; background:rgb(0,0,0,0); z-index:1}
.menu-close-btn:before, .menu-close-btn:after, .trailer-close-btn:after,
.search-close-btn:before, .search-close-btn:after {position:absolute; content:''; height:25px; width:3px; background-color:#fff; border-radius:3px}
.menu-close-btn:before, .search-close-btn:before, .trailer-close-btn:before {transform: rotate(45deg)}
.menu-close-btn:after, .search-close-btn:after, .trailer-close-btn:before {transform: rotate(-45deg)}
.menu-close-btn:hover, .search-close-btn:hover, .trailer-close-btn:hover {background:rgb(0,0,0,0)}

/* Оформление выдвижной панели меню */
.menu-panel {position:fixed; top:0; left:-360px; width:320px; height:100vh; z-index:100; background-image:url(/templates/it-evo/images/background.jpg); 
 background-color:#1d3242; color:#fff; box-shadow:0px 0px 0px 5px rgb(255,255,255,.3); transition:display 1s allow-discrete, overlay 1s allow-discrete; 
 animation:menu-panel-close 1s forwards; padding:40px 20px}
.menu-panel[open] {left:0; overflow-y:auto; animation:menu-panel-open 1s forwards}

@keyframes menu-panel-open {
  from {left:-360px}
  to   {left:0}
}
@keyframes menu-panel-close {
  from {left:0;}
  to   {left:-360px}
}

.menu-panel #menu-title {font-size:26px; margin:20px; text-align:center; transform-origin:0% 0%; animation:menu-title 1s forwards}
.menu-panel[open] #menu-title {animation:menu-title-open 1s forwards}

@keyframes menu-title-open {
  from {transform:scale(.1); opacity:0}
  to   {transform:scale(1); opacity:1}
}
@keyframes menu-title {
  from {transform:scale(1); opacity:1}
  to   {transform:scale(.1); opacity:0}
}

.menu-panel ul li {line-height:2.5; border-bottom:1px dotted #a2f3fd; animation:menu-ul 1s forwards}
.menu-panel[open] ul li { animation:menu-ul-open 1s forwards}

@keyframes menu-ul {
  from {transform:translateX(0); opacity:1}
  to   {transform:translateX(-50%); opacity:0}
}
@keyframes menu-ul-open {
  from {transform:translateX(-50%); opacity:0}
  to   {transform:translateX(0); opacity:1}
}

.menu-panel ul li a {display:flex; font-size:16px; color:#bfe1e5; width:100%; text-decoration:none; transition:color .5s ease, padding .5s ease}
.menu-panel ul li a:after {content:attr(data-count); margin-left:auto}
.menu-panel ul li a:hover, .menu-panel ul li a:focus {color:white; padding-left:15px}

/* Оформление выдвижной панели поиск */
.search-panel {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.9); z-index:100; 
transition:display .5s allow-discrete, overlay .5s allow-discrete; animation:search-panel-close .5s forwards;  padding:40px 20px;}
.search-panel[open] {transition:display .5s allow-discrete, overlay .5s allow-discrete; animation:search-panel-open .5s forwards}

@keyframes search-panel-open {
  from {opacity:0}
  to   {opacity:1}
}
@keyframes search-panel-close {
  from {opacity:1}
  to   {opacity:0}
}

.search-panel #search-title {font-size:26px; margin:20px; text-align:center; color:#fff; transform-origin:50% 50%; animation:search-title .8s forwards}
.search-panel[open] #search-title {animation:search-title-open .8s forwards}

@keyframes search-title-open {
  from {transform:scale(.1); opacity:0}
  to   {transform:scale(1); opacity:1}
}
@keyframes search-title {
  from {transform:scale(1); opacity:1}
  to   {transform:scale(.1); opacity:0}
}

.search-form {position:relative; width:100%; max-width:500px; margin:0 auto; margin-top:30px}
.search-form #story {width:100%; height:42px; background:#fff; font-size:14px; box-shadow:0px 0px 0px 5px rgb(255,255,255,.3); padding-left:15px; padding-right:75px}
.search-form input, .search-form button {border-radius:3px}
.search-form button {display:flex; align-items:center; justify-content:center; height:36px; width:60px; position:absolute;
top:3px; right:3px; background:#FF5722; cursor:pointer}
.search-form button:before {content:""; background-image:var(--search-background-image); width:30px; height:30px}

/*MAIN CUSTOM*/
.c1-item, .c2-item, .c3-item {float:left; position:relative; overflow:hidden}
.c1-text, .c2-text, .c3-text {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; width:100%; height:100%; position:absolute; left:0; top:0; color:#fff}
.c1-cat, .c2-cat, .c3-cat {display:inline-block; color:#000; text-transform:uppercase; font-size:10px; padding:5px 10px}
.c1-title, .c2-title, .c3-title {margin:auto 0}

.c1-item {width:40%; height:300px}
.c1-text {background:linear-gradient(to bottom, rgba(0,57,167,0.65) 0%,rgba(0,57,167,0) 100%); padding:30px}
.c1-cat, .c3-cat {background:#ffc00c}
.c1-title span {font-size:26px; line-height:40px; border-bottom:1px dotted rgba(255,255,255,0.5)}
.c1-short {font-size:16px; margin-top:auto; font-style:italic; line-height:1.5}

.c2-item {width:30%; height:150px}
.c2-text {background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); padding:10px}
.c2-cat {background:#9cce43}
.c2-title span, .c3-title span {font-size:16px; border-bottom:1px dotted rgba(255,255,255,0.5)}

.c3-item {width:20%; height:150px}
.c3-text {padding:10px}
.c4-text {background:linear-gradient(to bottom, rgb(99,147,43,0.65) 0%,rgba(99,147,43,0) 100%)}
.c5-text {background:linear-gradient(to bottom, rgb(247,164,192,0.65) 0%,rgba(247,164,192,0) 100%)}
.c6-text {background:linear-gradient(to bottom, rgb(4,144,195,0.65) 0%,rgba(4,144,195,0) 100%)}

.c1-item time, .c2-item time, .c3-item time {font-style:italic; margin:auto 0}
.c2-title, .c3-title {height:56px; overflow:hidden}
.c1-text:hover, .c2-text:hover, .c3-text:hover {color:#dcfba4}
.c1-item:hover img, .c2-item:hover img, .c3-item:hover img {transform:scale(1.12) rotate(-3deg)}
.c3-short {display:none}

/*SEARCH LINE*/
.helping-line {display:flex; justify-content:space-between; order:-1; width:100%; height:50px; border-bottom:1px dotted rgba(0,0,0,0.2)}
.search-box {display:flex; align-items:center; width:400px; height:50px; font-size:14px}
.icon-search {width:50px; height:50px; background:#9cce43; color:#fff; text-align:center; line-height:50px; font-size:20px}
.search-box #story {width:280px; height:48px; padding:0 10px; border-radius:0px; background:#fff; color:#444; box-shadow:none; flex:1}
.search-box button {width:70px; height:50px; border-radius:0; background:#ffc00c; color:#000; text-align:center}
.show-calendar {font-size:14px; background:#029fd9; color:#fff; text-align:center; height:50px; line-height:50px; width:325px; font-style:italic}
.search-box #story:focus, .search-box button:focus {z-index:1}

/*SHORTS*/
.shortikus {display:flex; margin-bottom:25px}
.shortikus.all-negative {opacity:.5}
.shortikus.all-negative:hover {opacity:1;}
.s-img {height:250px; width:250px; overflow:hidden; position:relative}
.s-img img {width:150%; max-width:150%; margin-left:-25%}

.s-img:hover img {opacity:.8}
.s-img:hover time, .s-img:hover p {opacity:0; transition:all .5s linear}

.s-img time, .s-img p {text-transform:uppercase; color:#000; font-size:10px; padding:5px 10px; position:absolute}
.s-img time {background:#ffc00c; left:8px; top:8px}
.s-img p {background:#9cce43; right:8px; bottom:8px}

.s-info {display:flex; align-items:center; margin:9px 0}
.s-info > span, .s-info > time {color:#80a837; font-size:12px; font-style:italic; margin-right:15px}
.s-info > span:before, .s-info > time:before {color:#9cce43}
.s-info > a:first-of-type, .s-info > button:first-of-type {margin-left:auto}
.s-info > a + span + button:first-of-type, .s-info > a + button:first-of-type, .s-info >button + a:first-of-type {margin-left:5px}
.s-info > a, .s-info > button {margin-left:5px; background:white; color:#353c41; font-style:italic}
.s-info > a > i, .s-info > button > i {display:inline-flex; align-items:center; justify-content:center; width:35px; height:30px; font-size:115%; 
color:#55a1c7; border:1px solid #e3e3e3; border-radius:3px; transition:border-color .3s linear, box-shadow .4s linear}
.s-info > a:hover > i, .s-info > button:hover > i {border-color:#c4e4f3; box-shadow:inset 0px 0px 10px 0px #c4e4f3;
transition:border-color .2s linear, box-shadow .2s linear}

.s-text {flex:1; margin-left:25px}
.s-text > h2 {font-size:26px; margin-bottom:0}
.s-title {color:#1d3242; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:65px}

.s-text > p {font-size:16px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; max-height:100px}
.s-text > a {display:inline-block; font-size:16px; font-style:italic; background:transparent; color:#007ac2; margin-top:5px}
.s-text svg circle[fill="#ff0000"] {animation:blinker 2s step-start infinite}
@keyframes blinker {50%{opacity:0.5}}

.shortikus2 {flex-direction:column; width:48.3%; max-height:500px}
.shortikus2 .s-img {width:100%}
.shortikus2 .s-img img {width:100%; max-width:100%; margin-left:0}
.shortikus2 .s-text {margin:15px 0 0}
.shortikus2 .s-title {height:65px}
.shortikus2 .s-text > p {-webkit-line-clamp:3}
.shortikus3 {margin-left:2.6%}

/*SPEEDBAR*/
.speedbar {display:flex; align-items:center; font-size:14px; color:#5c5c5c}
.speedbar:before {content:''; background-image:var(--logo-background-image); width:20px; height:20px; background-size:contain; margin:0 10px}
.speedbar > span {flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.speedbar i {margin:0 7px}
.speedbar .icon-location-1 {color:#ff5722}
.speedbar .icon-right-small {color:#bbb}
.speedbar a:hover {text-decoration:underline}

.lcomm {display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:40px; margin-bottom:10px}
.lc-body {line-height:1.4; width:calc(100% - 50px); background:#f6f6f6; border:1px solid #f0f0f0; padding:10px}
.lc-text {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#3d3b3b}
.lc-author {font-weight:700; color:#000}
.lcomm span {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background-size:contain; color:#fff; 
font-size:140%; font-weight:600; text-transform:uppercase}
.lcomm:nth-child(2n) {flex-direction:row-reverse}
.lcomm:hover span {transform:scale(0.8,0.8)}
.lcomm:hover .lc-author {color:#b43852}

/*RIGHT SIDE*/
.contentus-right > div {margin-bottom:25px}
.contentus-right > div > b {font-size:22px; display:block; text-align:center; border:1px dashed #607d8B; padding:7px; margin-bottom:20px}

.top-item {display:flex; align-items:center; margin-bottom:15px}
.top-item div:first-child {width:90px; height:66px; overflow:hidden}
.top-item div:last-child {flex:1; padding-left:10px; color:#5c5c5c; font-style:italic}

.top-item cite {display:block; color:#007ac2; font-size:14px; margin-bottom:5px; font-style:normal}
.top-item:hover cite {color:#049bfa}

.top-item:hover img, .top-dop:hover img {transform: scale(1.1)}
.top-item-2 {position:relative}
.top-item-2 div:first-child {width:100%; height:160px}
.top-item-2 div:last-child {padding:10px; color:#fff; background:linear-gradient(to bottom, rgba(0,57,167,0.65) 0%,rgba(0,57,167,0) 100%); 
position:absolute; top:0; bottom:0; left:0; right:0}

.top-item-2 cite {color:#fff; font-size:18px; font-weight:700}
.top-item-2 p:last-child {position:inherit; left:10px; right:10px; bottom:10px; font-size:14px}
.top-item cite, .top-item-2 p:last-child {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:2.5em}
.top-item-2:hover div:last-child, .top-dop:hover .top-info-dop {background:linear-gradient(to bottom right, rgba(0,57,167,0.75) 0%, rgba(0,57,167,0.15) 100%)}
.top-item-2:hover cite, .top-item-2:hover div:last-child, .top-dop:hover .top-info-dop {color:#dcfba4}

#vk_groups, #vk_groups iframe {width:100%!important}

/* NEPOZNANNOE */
.unknown {padding:inherit; border:1px solid #e9e5e5; margin-bottom:25px}
.unknown > a {color:#262626; font-size:24px; font-weight:bold}
.unknown-info {display:flex; align-items:center; margin:10px 0 8px 8px}
.unknown > p {font-size:16px; line-height:24px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; max-height:100px}
.unknown-info > time, .unknown-info > span {font-style:italic; position:relative; z-index:1; margin-right:8px; padding:3px 15px}
.unknown-info > time:before, .unknown-info > span:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; background:#e6ee9c; transform:skew(330deg)}
.unknown > button[data-href] {font-size:16px; font-style:italic; background:transparent; color:#007ac2; margin-top:5px}
.s-info-right {margin-left:auto}
.s-info-right > a, .s-info-right > button {margin-left:3px; background:white}
.s-info-right > a > i, .s-info-right > button > i {display:inline-flex; align-items:center; justify-content:center; width:35px; height:30px; font-size:115%; color:#55a1c7; border:1px solid #e3e3e3; border-radius:3px}

/*CATEGORY PAGE*/
.page-cat h1 {font-size:28px}
.page-cat  {font-size:16px}
.page-cat p {line-height:24px}
.page-cat p, .page-cat nav {margin-bottom:15px}
.page-cat nav a {font-size:24px; border-bottom: 1px solid rgba(0,122,194,0.3)}
.page-cat nav a:hover {color:#049bfa}
.page-cat section h2 {margin-bottom:10px}
.page-cat section p, .anekdot p {white-space:pre-wrap; padding-bottom:15px; border-bottom:1px dotted rgba(0,0,0,0.2)}
.page-cat section p:last-child, .anekdot p:last-child {padding-bottom:0; border-bottom:none}

.page-it {padding:15px 10px; margin-bottom:15px; color:#444; text-align:center; text-transform:uppercase}
.item {width:23.7%; font-size:14px}

.page-it-a {padding:9px 19px; margin-bottom:15px; color:#444; border:1px solid #d7d7d7}
.page-it-s {margin-bottom:15px; border-radius:0; color:#444; font-size:16px}

.item13 {width:60%}
.item14 {width:38.5%}
.item img {max-width:100%}
.item-gor {display:block; font-size:14px; line-height:22px}
.page-it:hover {background:rgba(245,245,245,0.5); color:#000}
.page-it h3 {font-size:28px; margin:10px 0; color:#111c25; text-shadow:-1px 0 1px white,0 -1px 1px white,0 1px 1px white,1px 0 1px white,0 0 8px white,0 0 8px white,0 0 8px white,2px 2px 3px black}
.page-it p {line-height:22px} 
.page-it p:before {content: attr(data-label); display:block; font-size:13px; text-transform:none}
.item-gor h3 {font-size:24px}

/*SEO DESCRIPTION AND BOTTOM*/
/*.bottomus-box section {padding-bottom:15px; font-size:13px; line-height: 18px; color:#fff}*/
/*.bottomus-box section h1 {font-size:18px; text-transform:uppercase; font-weight:700}*/
/*.bottomus-box section p {margin-bottom:15px; line-height:18px}*/

/*.nav-map {color:#fff; font-size:13px; line-height:22px}*/
/*.nav-map-col {width:25%; padding-right:20px; float:left}*/
/*.nav-link {display:block; margin-bottom:10px}*/
/*.nav-link span {cursor:pointer; border-bottom: 1px dotted rgba(255,255,255,0.6)}*/
/*.nav-link li:first-child {font-size:18px; margin-bottom:5px; text-transform:uppercase; font-weight:700; color:#ffc00c}*/
/*.nav-link li:first-child span {border-bottom:0}*/
/*.nav-link span:hover {border-bottom:0; color: #76e4fd}*/

/*FOOTER*/
.footerus-box {color:#ccc; padding:15px 200px 15px 0}
.footerus-box span, .footerus-box p a {color:#9cce43; font-weight:bold; border-bottom: 1px dotted rgba(156,206,67,0.6)}
.footerus-box span:hover, .footerus-box p a:hover {color:#a6e831; border-bottom:0}
.footerus-box p {width:100%; color:#ccc; margin-bottom:10px}
.footerus-box div {position:absolute; right:0; bottom:15px; width:88px; height:31px}

/*RATING V2*/
.full-rating {display:flex; align-items:center}
.full-rating > a {display:inline-block; margin-left:3px}
.full-rating i {display:inline-block; color:#fff; width:32px; text-align:center; background:#9cce43; border-radius:3px; line-height:32px; font-size:22px}
.full-rating a:nth-child(3) i {background:#ed6037}
.full-rating > span {display:flex; align-items:center; position:relative; background:#fff; border:1px solid #dedede; font-size:14px; padding:0 10px; border-radius:3px; min-width:32px; margin-right:7px; height:32px}
.full-rating > span:after, .full-rating > span:before {left:100%; top:50%; border:solid transparent;
content:''; height:0; width:0; position:absolute; pointer-events:none;}
.full-rating > span:after {border-color:rgba(255,255,255,0); border-left-color:#fff; border-width:6px; margin-top:-6px}
.full-rating > span:before {border-color:rgba(222,222,222,0); border-left-color:#dedede; border-width:7px; margin-top:-7px}
.s-rating > span, .full-rating > span > span {color:#94bee6}
.s-rating > span.ratingzero, .full-rating > span > span.ratingzero {color:#444444}
.s-rating > span.ratingtypeplus, .full-rating > span > span.ratingtypeplus {color:#06b601}
.full-rating > span > span.ratingplus {color:green}
.s-rating > span.ratingplus {color:#80a837}
.s-rating > span.ratingminus, .full-rating > span > span.ratingminus {color:red}

/*FULL STORY*/
.f-page-wrap h1 {font-size:26px}
.full-subinfo {display:flex; justify-content:space-between; height:32px; margin-bottom:15px}

.f-32-edit, .f-32-print {display:inline-block; float:right}
.f-32-edit i, .f-32-print i {font-size:14px; color:#2283c2; margin-right:6px; border:1px solid #e3e3e3; border-radius:3px; width:32px; text-align:center; line-height:30px; display:block}

.full-screens > button {width:100%; text-align:center; color:#fff; font-style:italic; height:30px; line-height:30px;
background:linear-gradient(to right, #ff5722, #4c75a3 40%); margin-bottom:10px; font-weight:700; border-radius:3px}
.full-screens > button:before {content:'\e209'; font-family:fontello; margin-right:15px; font-style:normal}

.f-block {display:flex; align-items:center; margin-bottom:10px}
.full-screens {width:190px; margin-right:30px}
.full-screens img {height:140px}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width:100%!important; height:400px}
.full-text {font-size:16px; line-height:1.5}
.full-text img {max-width:100%}
.full-text img[src*="horoscope"] {float:left!important; width:130px; height:130px; margin:0 10px 10px 0}

.full-fault {border:3px solid #ff5722; line-height:1.4; font-size:15px; padding:10px; margin-bottom:15px}
.full-fault strong {display:block; font-size:20px}

.full-text a {text-decoration:underline}
.full-text a:hover {text-decoration:none}
.fp {font-size:12px; color:#777; line-height:18px; font-style:italic}
.fp strong {text-transform:uppercase; font-weight:normal}

.full-ya-block {display:flex; justify-content:center; margin:25px 0 15px}
a.link-yandex {display:flex; justify-content:center; text-align:center; color:#fff; width:70%; font-size:18px; border-radius:3px; 
 background:linear-gradient(to right, rgba(255,0,0,.5), rgba(0,150,136,.7)); text-shadow:1px 1px 4px rgba(0,0,0,.5); letter-spacing:.6px; 
 padding:15px 20px}

.full-virus-details {display:flex; justify-content:flex-end; align-items:center; font-size:14px; margin-bottom:10px}
.full-virus-details > p {font-style:italic; max-width:500px; text-align:right; margin-right:10px}
.full-virus-details > p:before {content:''; display:inline-block; height:8px; width:8px; background:#b7db8e; border:1px solid #0a0a0a; border-radius:50%; margin:0 7px}

.full-virus-details details {position:relative}
.full-virus-details details summary {list-style:none; cursor:help; display:flex; justify-content:center; align-items:center; color:#009688}
.full-virus-details details span {position:absolute; bottom:30px; right:20px; background:#fff; padding:15px 20px; background-clip:padding-box; z-index:3; width:300px; max-height:350px;
border:1px solid rgba(0,0,0,.3); border-radius:3px; overflow:auto; box-shadow:0 3px 7px rgba(0,0,0,.3); line-height:22px; font-style:italic; transform-origin:100% 100%}
.full-virus-details details[open] summary {color:#ff5722}
.full-virus-details details[open] span {animation:scale 0.3s ease}
@keyframes scale {0%{transform:scale(0)}100%{transform:scale(1)}}

.full-load {scroll-margin:20px; margin-bottom:20px}

.full-text a[class="txtsel_close"] {border:none}
.full-text figure {float:right; margin-bottom:10px; text-align:right; max-width:190px; font-style:italic}
.full-text figure a {margin-left:15px}

.p-img {float:right; text-align:center; width:190px; font-style:italic; margin-left:15px}
.p-img img {width:190px; height:190px}
.one-img {float:right; width:190px; height:190px; margin-left:15px}

.full-text p, .fp, .mejs-container, .full-text ul, .full-text ol, .add-full-dow {margin-bottom:15px}

.full-text ul {list-style:circle inside}
.full-text ol {list-style:decimal inside}
.full-text li {margin-bottom:5px}
.full-text li::marker {color:#e91e63}
.full-text.rank-23 ol li {margin-bottom:15px}

.full-text .outside-square {list-style:square outside; margin-left:15px}
.full-text .outside-disc {list-style:disc outside; margin-left:15px}
.full-text .outside-decimal {list-style:decimal outside; margin-left:15px}
.full-text .indent > li {margin-bottom:15px}

.full-text .list {list-style:none inside}
.full-text .list li {margin:0 0 15px 0}
.full-text .list li:last-child {margin-bottom:0}

.full-text ul h2 {font-size:16px; margin:30px 0 0}

.full-text ul ul li {margin-top:5px}
.full-text ul ul li:before {width:5px; height:5px}

.full-text table {width:100%; text-align:left; margin-bottom:20px}
.full-text table tr td {padding:10px; border:1px solid #ccc}
.full-text table tr th {background:#0297dc; color:#fff; font-weight:400; text-align:center; padding:10px}
.full-text table tr th, .full-text table caption {font-size:14px; font-style:italic}
.full-text table tr:nth-child(2n+1) {background:#f9f9f9} 

.full-poll-texs {text-align:center}
.full-poll-button {display:flex; justify-content:space-between}
.full-poll-button button {width:49%; height:30px}
.full-poll-button button:hover {background:#c4e4f3; color:#000}

/*horoscope*/
#bullet, #itnat {counter-reset:li; list-style:none}
#bullet li, #itnat li {position:relative; margin:.5em .3em; border:3px solid #97bfd4; border-radius:4px; flex-grow:1; text-align:center}
#bullet li {width:45%; min-width:250px}
#itnat li {width:23%; min-width:160px}
#bullet li:before, #itnat li:before {position:absolute; left:10px; font-style:italic; padding:0 5px; font-size:12px; color:#555; background:#fff; 
counter-increment:li; content:counter(li) ' знак'}
#bullet li:before {top:-.9em}
#itnat li:before {top:-.7em}
#bullet a, #itnat a {display:block; padding:0.4em; text-decoration:none}
#bullet a, #bullet a:hover {border-bottom:none}
#itnat a:hover .it1 {color:#ff5722}
#itnat img {max-width:155px; min-height:155px}
.it1 {font-size:24px; color:#333; text-transform:uppercase}
#bullet div, .it2, .it3 {color:#555; font-size:12px; font-style:italic; line-height:18px}
#bullet div {word-spacing:3px}
.it3 {word-spacing:5px; margin-bottom:10px}

/*RELATED*/
.related-wrap {margin-top:15px}
.related-wrap .owl-theme .owl-nav {position:absolute; top:-53px!important; right:0}
.related-wrap .owl-theme .owl-nav button.owl-next, 
.related-wrap .owl-theme .owl-nav button.owl-prev {margin:0 0 0 5px}
.related-wrap .owl-theme .owl-nav button.owl-next i, 
.related-wrap .owl-theme .owl-nav button.owl-prev i {display:inline-flex; align-items:center; justify-content:center; width:35px; height:30px; font-size:115%;
color:#2283c2; border:1px solid #e3e3e3; border-radius:3px}
.related-wrap .owl-theme .owl-nav button.owl-next i:hover, 
.related-wrap .owl-theme .owl-nav button.owl-prev i:hover {background:#2d95ca; color:#fff; border:1px solid #2d94ca}
#owl-related figure {overflow:hidden; text-shadow:1px 1px 4px #000}
#owl-related figure a {width:100%; height:100%; font-size:24px; color:#fff; z-index:1; position:absolute; top:0; padding:15px}
#owl-related figure strong {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; max-height:90px}
#owl-related figcaption {width:100%; height:70px; font-size:16px; color:#fff; font-style:italic; position:absolute; bottom:0; padding:15px}
#owl-related figure:hover img {transform: scale(1.12) rotate(-3deg)}
#owl-related figure:hover figcaption, #owl-related figure:hover a {color: #dcfba4}

.related-ref {font-size:16px; line-height:1.4; border:5px solid #dcf4ff; padding:10px; margin:20px 0}
.related-ref ul {list-style:circle} 
.related-ref li {margin: 0 0 10px 20px}
.related-ref li:last-child {margin-bottom:0}
.related-ref a {text-decoration:underline}
.related-ref a:hover {text-decoration:none}
.related-ref a:visited {color:#551a8b}
.related-ref a:active {background-color:#fff9c4}

.related-wrap > h2::after {content:':'}
.related-box {display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-bottom:10px}
.related-item {display:flex; align-items:center; width:48%; flex:auto; border:1px solid #dddcda; padding:12px}
.related-item > figure {width:110px; height:auto; overflow:hidden}
.related-item > div {flex:1; padding-left:10px; color:#494949; font-style:italic;}
.related-item h3 {color:#007ac2; font-size:120%; margin-bottom:5px; font-style:normal; font-weight:normal}
.related-item h3, .related-item p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:2.5em}
.related-item:hover {border-color:#04a2dc; box-shadow:0 0 5px 0 rgba(4, 162, 220, 0.5)}

/*COMMENTS*/
.flex-row div, .add-comm-btn {display:flex; align-items:center; justify-content:center; height:44px; width:49.333%; font-style:italic; border-radius:3px}
.add-comm-btn {font-size:16px!important}
.flex-row div {font-size:12px!important; color:#4c4c4c}
.add-comm-btn:hover, .add-comm-form button:hover {background:#c4e4f3; color:#132b3e; transition:all .5s}
.add-full-systeminfo {padding:10px 15px; border:3px solid #9ccc65; line-height:24px; float:right; width:49%; font-size:12px; margin-bottom:15px}

/*COMMENTS*/
.comms-full {width:100%; margin:20px 0}
.add-comm-form {/*position:relative;*/ display:none; padding:15px; margin-bottom:20px}

.ac-soc {position:absolute; right:20px; top:10px}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top}
.ac-soc img {display:block; width:30px}
/*.ac-title, .ac-inputs, .ac-textarea {margin-bottom:15px}*/

.ac-submit {display:flex; align-items:stretch}
.ac-av {width:70px; height:70px; margin-right:15px; background:transparent url(/templates/it-evo/images/users.svg) no-repeat}
.ac-num {flex:1; display:flex; flex-direction:column; justify-content:space-between}
.ac-num p {font-style:italic; color:#5c5c5c}

.ac-title {display:flex; align-items:center}
.ac-title > svg {margin-right:10px}
.ac-title > p {flex:1; color:inherit; font-size:smaller; line-height:1.3}
.ac-title > p > span {color:#06c; text-decoration:underline}
.ac-title > p > span:hover {text-decoration:none}
.ac-inputs input {width:49%}
.ac-textarea textarea {height:150px}
/*.ac-textarea label {display:none}
.active .ac-textarea label {display:inline-block; margin:15px 0 5px; animation:show 1s}*/
.ac-textarea .form-check-label {line-height:30px; margin-top:10px}
/*@keyframes show {from{opacity:0}to{opacity:1}}*/
.sec-answer + .sec-label {margin-top:10px}
.ac-protect {margin-bottom:15px; /*display:none*/}
.ac-protect label {font-size:12px}
.ac-protect .sep-input {padding:10px 10px 10px 160px}

.form-secur {display:flex; margin-top:5px}
.form-secur a {background-color:#f5f5f5}
.form-secur input, .form-secur img {width:160px; height:80px}
.form-secur input {text-align:center; margin-right:10px}
.form-secur input:focus, .form-secur input:valid {font-size:30px}

.mass_comments_action {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; background:#f0f0f0; margin-top:20px; padding:8px}
.mass_comments_action select {width:200px; height:25px}
.mass_comments_action input {width:100px; height:25px}
.last-comm-link {font-size:16px; margin:20px 10px 15px}
.last-comm-link a {border-bottom:1px solid #baceec; color:#06c}
.last-comm-link a:hover {border-bottom:1px solid #fff; color:#f0542e}

.comm-item {border:2px solid #e3e3e3; margin-bottom:20px; padding:10px}
.comm-item.comm-negativ {border-color:#fb6738}
.comm-item.comm-positiv {border-color:#8bc34a}
[id*="comment-id-"]:last-child .comm-item {margin-bottom:0}
.comm-online:before, .comm-offline:before {content:''; width:16px; height:16px; position:absolute; left:40px; top:0px; border-radius:50%; z-index:1; border:4px solid #fff}
.comm-online:before {background:#4caf50}
.comm-offline:before {background:#ff7043}
.comm-one > span {display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:50px; height:50px; color:#fff;
font-size:x-large; font-weight:600; text-transform:uppercase; border-radius:50%; background-size:contain}
.comm-one > span:first-child {background-color:#3f51b5}

.comm-item:has(.comments-edit-area) .comm-two  {height:auto!important}
.comm-item:has(.comments-edit-area) .slice-masked:before {display:none}
.comm-item:has(.comments-edit-area) .slice-btn {display:none}
.save-buttons .bbcodes {height:30px; margin:0 0 7px 2px}

.comm-one {display:flex; align-items:center; height:60px; position:relative; color:#9c9c9c; border-bottom:1px dashed #e3e3e3; padding-bottom:10px; margin:0 15px 10px}
.comm-top {padding-left:65px}
.comm-top > time {display:block; font-style:italic; padding-top:5px}
.comm-id {font-size:16px}
.comm-author {font-weight:700; color:#333; font-size:16px}
.comm-group-name {font-size:13px}
.comm-author a, .comm-three a {color:#6382b1}
.comm-author a:hover, .comm-three a:hover {color:#f0542e; text-decoration:underline}
.rate3-comm {font-size:16px; margin-left:auto}
.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px; color:#497b41; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px}
.rate3-comm a:hover {opacity:.5}
.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top}
.rate3-comm > span > span.ratingtypeplus {color:#06b601}
.rate3-comm > span > span.ratingplus {color:#95c613}
.rate3-comm > span > span.ratingminus {color:#ff0e0e}
.comm-two {color:#4c4c4c; line-height:1.4; font-size:14px}
.comm-two p + p {margin-top:15px}
.signature {font:italic 13px Georgia, 'Times New Roman', Times, serif; margin:10px 15px; padding-top:10px; border-top:1px dashed #e3e3e3}
.comm-three {display:flex; align-items:center; justify-content:flex-end; font-size:14px}
.comm-three li { margin-left:10px; margin-top:10px}
.comm-three .form-check-label {height:auto}
.comm-three .reply {margin-left:0px}
.reply + .reply {margin-left:10px}
.reply + li {margin-left:auto}
.comm-three .form-check-input {appearance:auto; width:initial; margin-left:initial; display:block}
.comm-three .form-check-input::before, .comm-three .form-check-input::after {display:none}
.comm-three li:empty, .comm-three:empty {display:none}

.comm-item:has(.comm-three .form-check-input:checked) {background-color:rgba(255,243,224,.4); border-color:rgba(255,243,224,.6)}

/*GO TOP BUTTON*/
.upbtn {z-index:10; width:70px; height:70px; color:#fff; position:fixed; bottom:60px; right:20px; cursor:pointer; border:3px solid #bfE2ff; border-radius:50%;
transform:scale(0); transition:all .7s ease-in-out; background-position:center center; background-repeat:no-repeat; background-color:#337AB7;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzMy45NjgsMjc4LjY1N0wyNDguMzg3LDkyLjc5Yy03LjQxOS03LjA0NC0xNi4wOC0xMC41NjYtMjUuOTc3LTEwLjU2NmMtMTAuMDg4LDAtMTguNjUyLDMuNTIxLTI1LjY5NywxMC41NjYgICBMMTAuODQ4LDI3OC42NTdDMy42MTUsMjg1Ljg4NywwLDI5NC41NDksMCwzMDQuNjM3YzAsMTAuMjgsMy42MTksMTguODQzLDEwLjg0OCwyNS42OTNsMjEuNDExLDIxLjQxMyAgIGM2Ljg1NCw3LjIzLDE1LjQyLDEwLjg1MiwyNS42OTcsMTAuODUyYzEwLjI3OCwwLDE4Ljg0Mi0zLjYyMSwyNS42OTctMTAuODUyTDIyMi40MSwyMTMuMjcxTDM2MS4xNjgsMzUxLjc0ICAgYzYuODQ4LDcuMjI4LDE1LjQxMywxMC44NTIsMjUuNywxMC44NTJjMTAuMDgyLDAsMTguNzQ3LTMuNjI0LDI1Ljk3NS0xMC44NTJsMjEuNDA5LTIxLjQxMiAgIGM3LjA0My03LjA0MywxMC41NjctMTUuNjA4LDEwLjU2Ny0yNS42OTNDNDQ0LjgxOSwyOTQuNTQ1LDQ0MS4yMDUsMjg1Ljg4NCw0MzMuOTY4LDI3OC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}
.upbtn:hover {transform:scale(1.2)!important}

/*login.tpl*/
.login-form {margin:0 20px}
.login-form li {margin-bottom:20px}
.login-form input.log-input {margin-top:5px}
.login-form > li > a {float:right}
.log-check {display:flex; align-items:center; justify-content:space-between; margin:20px}
#login_not_save {position:absolute; left:-100vw; width:1px; height:1px; -webkit-appearance: none; -moz-appearance:none; appearance:none}
.log-check label {display:flex; align-items:center; cursor:pointer; font-size:12px}
.log-check input + label:before {content:''; width:20px; height:20px; margin-right:7px; border-radius:3px; border:1px solid #d7d7d7}
.log-check input:checked + label:before, .log-check input:checked:hover + label:before {background-color:#d80306; border:1px solid #d80306}
.log-check input:hover + label:before, .log-check input:focus-visible + label:before {border:2px solid #000}
.log-check button {height:32px; font-size:14px; padding:0 20px}
a.log-register, .login-avatar {display:flex; align-items:center; background-color:#2d95ca; color:#fff; padding:15px 20px}
a.log-register {justify-content:center; font-size:16px}
.login-avatar img {width:70px; height:auto; min-height:70px; border-radius:50%; object-fit:cover; margin-right:25px}
.name-box {flex:1}
.name-box > strong {font-size:20px}
.name-box > a {color:#fff; font-size:13px}
.name-box > a > span {display:inline-block; border-bottom:1px dotted rgba(255,255,255,.5); padding-bottom:.125rem}
.login-menu li a {display:flex; align-items:center; height:36px; padding:0 20px; border-left:5px solid transparent; transition:background-color .5s, border-color .5s, padding .5s}
.login-menu li a:hover {background-color:#f5f5f5; border-color:#9cce43; padding-left:35px}
.login-menu li:last-child a {background-color:#0996c9; color:#fff}

/*SOCIAL BUTTONS*/
#social-icons {display:flex}
.social-icons-item {margin-right:6px}
.social-icons-item a {color:#fff}
.social-icons-item a:before {display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:3px}

.s-icons-vk:before {content:'\f189'; font-family:fontello; background:#4c75a3; font-size:20px}
.s-icons-od:before {content:'\f263'; font-family:fontello; background:#f48220; font-size:18px}
.s-icons-ml:before {content:'\f1fa'; font-family:fontello; background:#1a8de3; font-size:22px}
.s-icons-gp:before {content:'\f0d5'; font-family:fontello; background:#df4f3f; font-size:18px}
.s-icons-fb:before {content:'\f09a'; font-family:fontello; background:#3a589a; font-size:20px}
.s-icons-tw:before {content:'\f099'; font-family:fontello; background:#34aced; font-size:22px}
.s-icons-lj:before {content:'\e804'; font-family:fontello; background:#306499; font-size:22px}

.sociallogin {height:auto}
.sociallogin a {float:left; margin:0 5px 10px 5px}

/* RESIZE
----------------------------------------------- */
.show-menu {display:none}

@media screen and (max-width: 1220px) {
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {max-width:1000px}
.contentus-left {width:calc(100% - 310px);padding:25px 10px}
.contentus-right {width:310px; padding:25px 10px 25px 0}
.contentus-right > :last-child {top:10px}   
.bottomus-wrap {padding:15px}
.footerus-box {padding:15px 200px 15px 15px}

.main-menu {display:none; width:100%; background:#2283c2; position:absolute; left:0; top:100%; z-index:9999; padding-left:0}
.main-menu > li {display:block; text-align:left; margin-right:0}
.hidden-menu {width:100%}
.show-menu {display:inline-block; float:left; height:50px; padding:0 15px; line-height:50px; color:#fff; font-size:18px; cursor:pointer}
.show-menu i {margin-right:10px}

.custom-wrap {padding:20px 10px}
.c2-item img {}
.c1-title span {font-size:22px}

.s-title {font-size:24px; max-height:60px} 
.shortikus2 .s-title {height:60px}   
    
.item {width:32.3%}     
}

@media screen and (max-width: 950px) {
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {max-width:768px}
.contentus-left {width:100%}   
.contentus-right {width:100%; padding:0 10px}
.contentus-right > :last-child {position:static}

.headus-logo-box {height:75px; width:285px; margin:auto}
.headus-custom-box {width:100%; text-align:center; margin-top:15px}
.ct-item {width:31.5%;/* margin-left:0*/}  

.c1-item {width:66.66%; height:300px}
.c2-item {width:33.33%; height:150px}
.c3-item {width:33.33%; height:150px}

.c1-title span {font-size:26px}

.sidebar-top {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start}
.sidebar-top > b  {width:100%}   
.top-item {width:48.3%}
.top-item:nth-of-type(even) {margin-left:2.6%}    
.top-item:nth-last-of-type(1), .top-item:nth-last-of-type(2) {margin-bottom:0}    
.top-item-2 div:first-child {height:200px}    

/*.nav-map {line-height:24px}*/   
/*.nav-map-col {width:33.33%; padding-right:0}*/
 
.s-img {height:200px}    
.s-title {font-size:22px; max-height:55px}
.s-text > p {-webkit-line-clamp:3}  
.shortikus2 {max-height:450px}
.shortikus2 .s-title {height:55px}
.shortikus .s-info {margin:5px 0}    
  
.item {width:24%}     
}

@media screen and (max-width: 760px) {
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {max-width:640px}
    
.ct-item:nth-child(3) {position:absolute; top:-100vw; left:-100vw; width:1px; height:1px; white-space:nowrap; clip-path:inset(100%); clip:rect(0 0 0 0); 
overflow:hidden; color:transparent}
    
.search-box {width:100%}
.contentus-box {margin:15px auto}

.c1-title span {font-size:22px}
    
.full-list {margin:auto}    
    
.footerus-box {padding:15px 10px}
.footerus-box div {display:none}    

.pprev, .pnext {display:none}
.bottom-nav {margin:20px 0 70px 0}
.navigation {margin:0; padding:0 10px}
.navigation a, .navigation span {margin:0 5px 5px 0}
    
.full-text table tr td, .full-text table tr th {font-size:13px}
    
.comments-tree-list .comments-tree-list:before {display:none}
.comments-tree-list .comments-tree-list {padding-left:0px!important}
 
.item {width:32.3%} 
}

@media screen and (max-width: 590px) {
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {max-width:480px}
.speedbar > span {white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
    
.c1-item {width:100%; height:280px}
.c2-item {width:50%; height:150px}
.c3-item {width:100%; height:280px}
.c3-text {padding:30px}
.c3-title {height:auto; overflow:visible}
.c1-title span, .c3-title span {font-size:26px; line-height: 40px}
.c3-short {display:block; font-size:16px; margin-top:auto; font-style:italic}    

.search-wrap {width:280px}
.shortikus {margin-bottom:15px}
.s-img {height:150px; width:150px}
.s-text {margin-left:15px}
.shortikus2 .s-text {margin:10px 0 0}   
.s-info, .flex-row div {display:none}
.s-text >  p {font-size:14px; line-height:18px; -webkit-line-clamp:4; margin-top:5px}
.shortikus2 {max-height:300px}
.s-title {font-size:18px; max-height:45px} 
.shortikus2 .s-title {height:45px}    
    
.top-item-2 cite {font-size:16px}
.top-item-2 div:first-child {height:150px}  

.f-page-wrap h1 {font-size:24px}   
.comm-title, .fwp3 {font-size:18px}
.full-subinfo {height:auto; flex-direction:column}    
.full-rating {margin-top:15px}
.f-date, .f-views, .f-print, .f-32-edit, .f-32-print {display:none!important} 

.full-list {margin:auto 15px}    
.full-list li {width:100%}     
    
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width:100%!important; height:300px}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px}    

.rel-item {padding:10px 0 0 105px; width:100%; height:auto}
.rel-item:nth-child(1), .rel-item:nth-child(5) {padding:10px 0 0 0; height:260px}
.rel-item:nth-child(1) .rel-img, .rel-item:nth-child(5) .rel-img {height:250px; margin-left:0}
.rel-item:nth-child(1) .rel-text, .rel-item:nth-child(5) .rel-text {right:0}
    
.slice-btn {text-align:center; margin:0 0 20px 0}
  
.add-comm-btn, .add-full-dow {width:100%}
.mass_comments_action select, .mass_comments_action input {flex:1}    
.ac-soc {position:static}
.ac-inputs input {width:100%; margin-top:10px}
.ac-protect {width:100%; float:none}    

.full-text table tr td, .full-text table tr th {font-size:12px}
.item {width:49%}  
/*.nav-map-col {width:50%}*/
.page-it-a, .page-it-s  {width:100%}
    
.unknown {padding:15px 10px; margin-bottom:15px}
.unknown > a {font-size: 16px}
.unknown-info > time {display:none}    
}

@media screen and (max-width: 470px) {
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {max-width:400px}

.soci-top a:nth-child(5), .nav-label, .comm-left, .comms-title > span, .item-title span, .f-sleeve cp {display:none}
.soci-top {margin:5px 0 0 10px}
.soci-top a {margin:0 2px}
.search-wrap {width:180px}

.headus-menu #headus-label {margin-right:5px}
button.menu-open-btn, button.search-open-btn {flex:auto; padding-right:10px}
.headus-menu > button > svg {width:35px}    
    
.c1-item {width:100%; height:200px}
.c2-item {width:50%; height:150px}
.c3-item {width:100%; height:200px}
.c1-text, .c3-text {padding:10px}
.c1-title span, .c3-title span {font-size:22px; line-height:24px}

.c1-short, .c3-short {font-size:14px}
.full-screens {float:none; margin:auto}
    
.shortikus {flex-direction:column}
.s-img {height:200px; width:100%; margin-left:0}
.s-img img {width:100%; max-width:100%; margin-left:0}
.s-text, .shortikus2 .s-text {margin:10px 0 0}

.shortikus2 {width:100%; max-height:100%}
.shortikus2 .s-title {height:auto}    
.shortikus2 .s-text > p {-webkit-line-clamp:4}
.shortikus2:nth-last-of-type(2), .top-item:nth-last-of-type(2) {margin-bottom:15px}    
.shortikus3 {margin-left:0}
 
.top-item {width:100%}
.top-item:nth-of-type(even) {margin-left:0}
.top-item-2 div:first-child {height:200px}
.top-item-2 cite {font-size:18px}    

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width:100%!important; height:200px}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:200px}   
    
.rel-item:nth-child(1), .rel-item:nth-child(5) {height:200px}
.rel-item:nth-child(1) .rel-img, .rel-item:nth-child(5) .rel-img {height:190px}
.rel-item:nth-child(1) .rel-text, .rel-item:nth-child(5) .rel-text {padding:10px}
.rel-item:nth-child(1) .rel-title, .rel-item:nth-child(5) .rel-title {font-size:22px}
 
.c-as {float:none}
.mass_comments_action {justify-content:flex-start}
.mass_comments_action span {width:95%; margin-bottom:5px}
    
.item/*, .nav-map-col*/ {width:100%}
.item-title {height:15px}     
}

/*Fix dle html5 player*/
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster, .story video, .story iframe {width:100%!important}
.mejs-video, .mejs-shim {height:400px!important}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px!important}
}