.c1-item img, .c2-item img, .c3-item img, .s-img img, .top-item img, .top-dop img, .ac-av img, .avatar-box 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, .top-dop img, .top-title, #owl-related img, button, .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*="noavatar"] {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}

.comm-right, .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 .2s}
.slice-masked {margin-bottom:0!important}
.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 {margin:0 0 20px 5px; font-size:11px}
.slice-btn span {display:inline-block; cursor:pointer; color:#f0542e}
.expand:before {content:'\f107'; font-weight:700; margin-right:5px; font-family:fontello}
.turn:before {content:'\f106'; font-weight:700; margin-right:5px; font-family:fontello}

.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}

/*KARKAS*/
.all-wrap {height:auto; width:100%; position:relative}
.headus-wrap {width:100%; background:#029fd9; position:relative}
.headus-wrap:before, .headus-wrap:after {content:''; width:100%; position:absolute; left:0; z-index:50}
.headus-wrap:before {top:0; background:#1d3242; height:40px}
.headus-wrap:after {bottom:0; background:#0996c9; height:50px; box-shadow:inset 0 5px 10px -10px rgba(0,0,0,0.5)}
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {width:100%; min-width:320px; max-width:1200px; margin:0 auto; position:relative}

.headus-box {height:200px; z-index:150; background:url(../images/head-bg.png) center 40px no-repeat}
.tops {display:flex; justify-content: space-between; height:40px; margin-bottom:110px}
.custom-wrap {background:#fff; width:100%; 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}

.bottomus-wrap {width:100%; background:#0996c9; order:1; padding:30px 0}
footer {width:100%; order:1; background:#1d3242}

.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) {margin-bottom:0}

/*HEADER*/
.logo-box {display:flex; flex-direction:column; justify-content:center; align-items:flex-end; height:90px; width:300px; position:absolute; left:0; top:50px; background:url(/favicon.png) no-repeat; background-size:contain; color:#fff; filter:drop-shadow(0 0 5px rgba(0,0,0,0.3))}
.logo-box > strong {font-size:40px; letter-spacing:1px}
.logo-box > em {letter-spacing:.2px}

.top-custom-box {display:inline-block; width:60%; height:90px; position:absolute; right:0; top:50px}
.ct-item {width:30%; float:right; 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}

.show-login {height:40px; color:#9cce43; font-size:14px; background:transparent; padding:0 5px}
.show-login:before {margin-right:5px}
.show-login:hover {color:#dcfba4; background:transparent}

.soci-top {display:inline-block; margin:4px 15px; float:left}
.soci-top a {display:inline-block; float:left; margin:0 5px}
.soci-top a img {display:block; width:32px; height:32px; border-radius:0}
.soci-top a:hover img {transform:scale(1.1)}

.top-menu {line-height:20px; padding-top:10px; font-size:11px; color:#ccc}
.top-menu li {padding:0 15px; display:inline-block; border-left:1px dotted #ccc}
.top-menu li:last-child {padding-right:0}
.top-menu span, .top-menu a {color:#ccc}
.top-menu span:hover, .top-menu a:hover  {color:#fff}

.nav-label {display:inline-block; float:left; padding:0 15px; margin-bottom:auto; height:50px; line-height:50px; background:#fff; 
font-size:14px; text-transform:uppercase; font-weight:700}

/*MAIN MENU*/
.main-menu {display:inline-block}
.main-menu > li {display:inline-block; position:relative}
.main-menu li a, .main-menu span  {display:block; height:50px; line-height:50px; padding:0 10px; color:#fff; font-size:13px!important; text-transform:uppercase; text-shadow:0 1px 1px #555}
.hidden-menu {background:#0996c9; width:230px; top:50px; left:0; position:absolute; z-index:9999; display:none}
.hidden-menu li a {height:40px; line-height:40px; padding:0 15px}
.hidden-menu li {border-bottom:1px dashed #5fb6ef}
.hidden-menu li:last-child {border-bottom:1px solid #0996c9}
.hidden-menu li a:hover {background:#029fd9}
.hidden-menu li a:after {content:attr(data-count); float:right}
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover {color:#76e4fd!important}
.submenu > a:before {content:'\f107'; font-family:fontello; margin-right:7px}

/*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%}

.sl-img {height:250px; width:250px; margin-left:-250px; float:left; position:relative}
.sl-img img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto}
.sl-img:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1}
.shortikus:nth-child(4n-3) .sl-img:before {box-shadow:inset 0 0 60px 10px rgba(237,96,25,0.5)}
.shortikus:nth-child(4n-2) .sl-img:before {box-shadow:inset 0 0 60px 10px rgba(5,165,223,0.5)}
.shortikus:nth-child(4n-1) .sl-img:before {box-shadow:inset 0 0 60px 10px rgba(113,29,4,0.5)}
.shortikus:nth-child(4n-0) .sl-img:before {box-shadow:inset 0 0 60px 10px rgba(0,57,167,0.5)}

.s-img:hover img, .sl-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}

.sl-img time, .sl-img p {z-index:2}

.s-text {flex:1; margin-left:25px}

.s-title {color:#222; font-size:26px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:65px}
.s-title strong {display:block; position:relative}
.s-title strong:before {content:''; position:absolute; top:0; left:0; filter:blur(10px); width:100%; height:100%; mix-blend-mode:screen; pointer-events:none;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #bfe2ff 1em, #337ab7 50%), repeating-linear-gradient(45deg, #333, #337ab7 1em, #FFF 1em, #bfe2ff 50%);
background-size:3em 3em, 2em 2em; animation:ani 10s linear infinite alternate}
@keyframes ani {from{background-position:0 0}to{background-position:100% 0}}

.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}

.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 > button[data-href] {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, .shortikus2 .sl-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 {font-size:14px; color:#5c5c5c}
.speedbar i {margin:0 7px}
.speedbar .icon-location-1 {color:#ff5722}
.speedbar .icon-right-small {color:#bbb}
.speedbar a:hover {text-decoration:underline}

.lcomm {position:relative; margin-bottom:10px; min-height:40px; padding:0 0 0 50px}
.lc-body {background:#f6f6f6; padding:10px; border:1px solid #f0f0f0; line-height:1.4}
.lc-text {color:#5c5c5c; margin-bottom:5px}
.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; 
position:absolute; left:0; top:0; color:#fff; font-size:140%; font-weight:600; text-transform:uppercase}
.lcomm:nth-child(2n) {padding:0 50px 0 0}
.lcomm:nth-child(2n) span {left:auto; right:0}
.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 {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 > span {margin-left:2px;}
.s-info-right > span i {font-size:14px; color:#2283c2; border:1px solid #e3e3e3; border-radius:3px; width:30px; text-align:center; line-height:28px;
display:inline-block; cursor:pointer}

/*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 {font-size:16px; line-height:1.5; color:#fff}
.bottomus-box > h1 > strong {text-transform:uppercase}

.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 > p {font-style:italic; text-align:center; font-size:11px; margin-bottom:5px}
.full-screens > button {width:100%; text-align:center; color:#fff; font-style:italic; height:30px; line-height:30px;
background:linear-gradient(to right, #ffc107, #ff5722 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-load {display:flex; position:relative; margin:20px 0}
.full-load-link {width:90%}
.full-load details {width:24px; height:24px; margin-left:15px}
.full-load details summary {list-style:none; cursor:help; display:flex; justify-content:center; align-items:center; color:#009688}
.full-load details span {position:absolute; bottom:110%; right:0; background-color:#fff; padding:15px 20px; background-clip:padding-box; 
border:1px solid rgba(0,0,0,.3); border-radius:3px; width:300px; box-shadow:0 3px 7px rgba(0,0,0,.3); line-height:22px; font-style:italic; z-index:3}
.full-load details[open] summary {color:#ff5722}
*/

.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:inside circle}
.full-text ol {list-style:inside decimal}
.full-text li {margin-bottom:5px}
.full-text.rank-23 ol 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-voted {display:flex; justify-content:space-around; text-align:center}
.full-poll-voted button {width:48%; height:30px}
.full-poll-voted 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:.5em; padding-left:0.4em; padding-right:0.4em; font-size:14px; 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}

/*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; padding:15px; margin-bottom:20px; display:none}

.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}
.add-comm-form button {min-width:180px; max-width:400px; height:44px; font-size:16px; font-style:italic}
.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:#5c5c5c; font-size:11px; 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}
@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 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}
.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 {position:relative; padding-left:80px; margin-bottom:20px}
.comm-online:before, .comm-offline:before {content:''; width:16px; height:16px; position:absolute; left:50px; top:0px; border-radius:50%; z-index:1; border:4px solid #fff}
.comm-online:before {background:#4caf50}
.comm-offline:before {background:#8f95a3}
.comm-item > span {display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:70px; height:70px; color:#fff;
font-size:x-large; font-weight:600; text-transform:uppercase; border-radius:50%; border:3px solid #e3e3e3; background-size:contain}
.comm-user > span {border: 3px solid #bfE2ff}
.comm-admin > span {border:3px solid #f9bdaa}
.comm-right {padding:10px}

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

.comm-one {padding:0 80px 10px 0; position:relative; color:#9c9c9c; border-bottom:1px dashed #e3e3e3}
.comm-one > span {margin-right:15px}
.comm-one > span:nth-child(1) {color:#333}
.comm-one > time {float:right}
.comm-author {font-weight:700; color:#333; font-size:15px}
.comm-author a, .comm-three a {color:#6382b1}
.comm-author a:hover, .comm-three a:hover {color:#f0542e}
.rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px}
.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:20px; margin-top:10px; font-size:13px}
.comm-two p + p {margin-top:15px}
.signature {font:italic 12px Georgia, 'Times New Roman', Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3}
.comm-three {margin-top:10px; text-align:right; text-transform:uppercase; font-size:11px}
.comm-three li {display:inline-block; margin-left:10px}
.comm-three li:first-child {margin-left:0px; float:left}

/*GO TOP BUTTON*/
.upbtn {z-index:1000; 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*/
.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; -webkit-appearance: none; -moz-appearance:none; -ms-appearance: none; appearance:none; width:1px; height:1px; clip:rect(0 0 0 0); overflow:hidden}
.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:#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}
.log-register, .login-avatar {display:flex; align-items:center; justify-content:center; background:#2d95ca; color:#fff!important; padding:15px 20px; font-size:16px}
.login-avatar img {width:70px; height:auto; min-height: 70px; border-radius:50%; object-fit:cover; margin-right:25px}
.name-box {font-size:20px; font-weight:700; flex:1}
.name-box a {display:block; color:#fff; font-size:12px; font-weight:normal}
.name-box span {border-bottom:1px dotted #fff}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent}
.login-menu li a:hover {background:#f5f5f5; border-color:#9cce43}
.login-menu li:last-child a {background:#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}   
.show-calendar {width: 310px}   
.bottomus-wrap {padding:15px 10px}
.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}

.tops {padding:0 10px}
.logo-box {left:10px}
.top-custom-box {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}
.headus-box {height:270px; background:url(../images/head-bg.png) center 110px no-repeat}
.tops {margin-bottom:180px}
.contentus-left {width:100%}   
.contentus-right {width:100%; padding:0 10px}
.contentus-right > :last-child {position:static}   
    
.top-menu {display:none}
.logo-box {height:65px; width:275px; left:0; right:0; margin:auto}
.top-custom-box {width:100%; right:0; top:125px; padding:0 0 0 10px; text-align:center}
.ct-item {width:31.5%; float:right; margin-right:1.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, .sl-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%}
    
.bottomus-box h1 {text-align:center}    
}

@media screen and (max-width: 760px) {
.headus-box, .custom-box, .contentus-box, .bottomus-box, .footerus-box {max-width:640px}
.headus-box {height:175px; background-image:none}
.tops {margin-bottom:85px}
.show-calendar, .top-custom-box {display:none}
.search-box {width:100%}
.contentus-box {margin:15px auto}

.c1-title span {font-size:22px}
    
.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}
    
.comm-one > span:nth-child(1), .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}

.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, .sl-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}    

.speedbar {font-size:12px}

.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-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 {margin:0 0 0 5px}
.turn {margin-top:10px}
    
.add-comm-btn, .add-full-dow {width:100%} 
.comm-two {margin:10px 0 0 0}      
.comm-item {padding-left:65px}
.comm-online:before, .comm-offline:before {left:44px; border:4px solid #fff}
.comm-left {width:45px; height:45px; margin-left:-60px}    
.comm-one > span:nth-child(4), .comm-one > span:nth-child(3) {display:none}
.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%}
    
.bottomus-box h1 {font-size:18px}
.bottomus-box {font-size:14px; line-height:1.4; text-align:justify}    
}

@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}

.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, .sl-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}
.comm-item {padding-left:0; margin-top:10px}
.comm-online:before, .comm-offline:before {content:none}    
.comm-one {border-bottom:0}
.comm-two {line-height:normal; font-size:13px; margin:0}
.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} 
    
.bottomus-box h1 {font-size:16px}    
}

/*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}
}