/*
- © nk-cs.ru 2010-2021
- Author: Erdem Turan (na3uTuB4uk)
- Author Email: support@nk-cs.ru
- ВКонтакте: http://vk.com/na3utub4uk
- Skype: na3uTuB4uk94
- Web Site: https://www.nk-cs.ru/
*/

/* Novostnik main Style */
@import url('/css/reset.min.css');
@import url('/css/font-awesome.css');
@import url('/css/engine.css');
@import url('/css/bootstrap.min.css');
@import url('/css/owl.carousel.min.css');
@import url('/css/main-stylesheet.min.css');
@import url('/css/shortcodes.min.css');
@import url('/css/responsive.min.css');
@import url('/css/dat-menu.min.css');

/* Novostnik style FDLE */
.com-order-block {display: none !important;}

/*--- Dle spoiler to uCoz ---*/
.uSpoilerButton { font-weight: normal !important; text-transform: none !important; margin-top: 2px !important; padding: 3px 5px !important; background: #222 !important; color: #ccc !important; border: 1px solid #111 !important; border-radius: 0px !important; box-shadow: none !important; width: 100% !important; height: 30px !important; line-height: 15px !important; text-align: left !important; justify-content: left !important; }
.uSpoilerText { font-weight: normal !important; margin-bottom: 2px !important; padding: 3px 5px !important; background: #222 !important; color: #ccc !important; border: 1px solid #111 !important; border-top: 0px !important;width: 100% !important;text-align: justify !important;justify-content: left !important;}

/*--- Dle quote to uCoz ---*/
.bbQuoteName {display: none !important;}
.quoteMessage { margin:15px 0 10px 10px; padding:5px 10px; position: relative; background-color: #30353b; color: #ddd; border-right: none !important; border-top: none !important; border-bottom: none !important; border-left: 3px solid #a5b33d !important; }

/*--- Dle code to uCoz ---*/
.bbCodeName {display: none !important;}
.codeMessage { border: none !important; display: block; padding: 10px; background: #222; color: #DCDCDC; text-shadow: 0 1px 1px #111; box-shadow: inset 0 2px 15px rgb(0 0 0 / 50%); font-family: Consolas,'Courier New',monospace; font-size: 14px; line-height: 18px; border-radius: 4px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }

/* Адаптируем PM для uCoz как на оригинале DLE */
.pmCatLinkActive, .pmCatLink {padding-left: 5px; padding-right: 5px; font-size: 13px; margin-right: 5px; background: #256dc1; color: #fff; line-height: 40px; display: inline-block; white-space: nowrap; float: left; margin-bottom: 20px; }
.pbarContainer { background: #eee; border-radius: 2px; border: 1px solid #bbb; box-sizing: border-box; cursor: help; height: 11px; margin: 0 10px !important; position: absolute !important; right: 0; text-align: left; top: 15px !important; width: 60px; z-index: 56; }
.pmCatLinkActive:hover, .pmCatLink:hover {background: #ececec; color: #222 !important;}
.portus-content-block table hr {display: none !important;}
#b, #i, #u, #cdl, #cdc, #cdr, #bc17 input[type="button"] { width: 20px !important; padding: 0 5px;}
#url { width: 55px !important; padding: 0 5px;}
#list { width: 30px !important; padding: 0 5px;}
#img { width: 35px !important; padding: 0 5px;}
#hide { width: 40px !important; padding: 0 5px;}
#bc16 input[type="button"] { width: 70px !important; padding: 0 5px;}

/* Add news */
#iplus input[type="button"] { box-shadow: none !important; width: 24px !important; height: 20px !important; padding: 3px !important; line-height: 8px !important; text-align: left; padding-left: 3px;}
#doSmbBt, .manFlSbm, .manFlRst { background-color: #337ab7; border: 0; border-bottom: 1px solid #dcdcdc; border-radius: 3px; box-shadow: inset 0 120px 100px -100px rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3); color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: -.4px; padding: 12px 18px; text-shadow: 0 -1px 0 rgba(0,0,0,.4); }
#doSmbBt:hover, .manFlSbm:hover, .manFlRst:hover {box-shadow: inset 0 120px 100px -100px rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),inset 0 0 0 100px rgba(255,255,255,.15);}
#doSmbBt:active, .manFlSbm:active, .manFlRst:active {box-shadow: inset 0 120px 100px -100px rgba(0,0,0,.08);}
}
img {
 max-width: 100%;
 height: auto;
}
.ufive_vid3kol {
width: 28%;
float: left;
display: inline-block;
background-color:#fff ;
border-bottom: 2px solid #3e3a3a;
border-right: 2px solid #423d3d;
padding: 3px 8px;
border-left: 2px solid #2b2929;
margin: 2px 25px 15px 14px;
border: 1px solid #5f5f61;
border-radius: 11px;
box-shadow: 0px 0px 10px 1px rgba(93, 90, 90, 0.92);
}

user agent stylesheet div {
display: block;
}

.ufive_text {
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-size: 12px;
font-family: Tahoma,Arial;
line-height: 16px;
opacity: 0.8;
margin-bottom: 15px;
padding: 0px;
height: 65px;
overflow: hidden;
text-align: justify;
}

.ufive_img img {
object-fit: cover;
height: 200px;
width: 100%;
border-radius: 5px;
box-shadow: 0px 4px 15px rgba(183, 180, 180, 0.42), 0px 10px 30px -15px rgba(0, 0, 0, 0.45);
border: 2px solid rgb(92, 92, 93);
}

.ufive_img2 img {
height: 300px;
width: 380px;
box-shadow: 0px 3px 10px #6d6767;
}

.ufive_title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding: 15px 0px 10px 0px;
}

.ufive_title a {
line-height: 1.3;
word-wrap: break-word;
color: #000000;
font-size: 15px;
font-weight: normal;
font-weight: bold;
}

.ufive_title a:hover {
color: #b2c8fb;
}

.ufive_detali {
padding-left: 3px;
margin-top: 5px;
height: 23px;
line-height: 17px;
font-size: 13px;
border-bottom: #736a6a 1px solid;
padding-bottom: 12px;
}

.ufive_detali li {
list-style: none;
margin-right: 15px;
display: inline-block;
}

.ufive_detali i {
color: #000000;
padding-right: 5px;
}

.ufive_detali a {
color:#FF8C00 ;
}

.ufive_detali a:hover{
color: #9fd8e6;
}

.ufive_imgs {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.ufive_imgs:hover {
-webkit-filter: grayscale(100%);
}
 
.ufive_com_box {
color: #00BFFF; 
}

@media screen and (max-width: 1220px) { 
.ufive_vid3kol { 
width: 100%; 
height: auto; 
padding: 10px; 
} 
}
iframe {width:100%}
}
/* Меню сайта */ 
.blockmenu {height:18px; width: 100%;font: normal 14px Arial, Helvetica, sans-serif;text-align: left;} 
.blockmenu a:link, 
.blockmenu a:visited { color:#000000;text-decoration:none;padding-left:25px;line-height:18px; display:block;font-weight:normal;background:url(http://zornet.ru/Ajaxoskrip/block_menu.png) no-repeat top; text-align: left; margin-top:1px;} 
.blockmenu a:hover { color:#000000;text-decoration:none;padding-left:25px; line-height:18px; display:block;font-weight:normal;background:url(http://zornet.ru/Ajaxoskrip/block_menu.png) no-repeat bottom; text-align: left;} 
/* ---------------- */
/* SIDEBARS
----------------------------------------------- */
.nav-box {margin-bottom:20px; background-color:#e5e5e5; overflow:hidden;}
.nav-box-title {padding:10px; margin-bottom:10px; color:#fff; text-transform:uppercase; font-weight:700;}
.side-box {margin-bottom:20px;}
.side-bt {padding:10px; margin-bottom:10px; text-transform:uppercase; text-align:center; font-weight:700;}
.dark {border:1px solid #e5e5e5;}
.dark .side-bt {background-color:#256dc1; color:#FFF;}
.green {border:3px solid #8bb917;}
.green .side-bt {background-color:#8bb917; color:#FFF;}
.yellow {border:3px solid #fac905;}
.yellow .side-bt {background-color:#fac905; color:#000;}
.side-bc {padding:10px;}

.nav > li {margin-bottom:5px;}
.nav > li > a, .nav > li > span {display:block; height:30px; padding:0 10px; line-height:30px; box-shadow:0 0 1px #2a6c9c; 
cursor:pointer;}
.nav > li > a:hover, .nav > li > span:hover {padding-left:20px;}
.garmoshka {padding:10px 0 7px 20px; display:none;}
.garmoshka a {display:block; font-style:italic; margin-bottom:7px; color:#fff; font-size:14px;}
.garmoshka a:before {content:"\f105"; margin-right:7px; font-family:'FontAwesome';}
.garmoshka a:hover {text-decoration:underline;}

.side-movie {width:48%; float:left; display:block; margin-bottom:10px;}
.side-movie:nth-child(2n) {float:right;}
.side-movie-img {height:140px; margin-bottom:10px;}
.side-movie-title {height:36px; overflow:hidden; text-align:center; line-height:18px;}
.side-movie:hover .side-movie-img img {transform:scale(1.1,1.1);}
.side-movie:hover .side-movie-title {text-decoration:underline;}

.upd-item {padding:0 0 10px 70px; min-height:85px; margin-bottom:10px; display:block; position:relative;}
.upd-serie {margin-top:5px; color:#5c5c5c;}
.upd-item:hover .upd-title {text-decoration:underline;}
.upd-item:last-child {border:0; box-shadow:none; padding-bottom:0; margin-bottom:0;}
.upd-img {width:60px; height:75px; position:absolute; left:0; top:0;}



/* FILTER XFIELD
----------------------------------------------- */
.flex-row {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; 
display:flex; flex-flow:row wrap; justify-content:space-between;}
.filter-wrap {margin-bottom:20px;}
.fb-sect-name {margin-bottom:10px; font-weight:700; font-size:12px;}
.fb-sect {margin-bottom:10px;}
.fb-checks {margin-bottom:10px;}
.flex-2 > * {display:inline-block; width:48%;}
.flex-3 > * {display:inline-block; width:32%;}
.flex-4 > * {display:inline-block; width:23%;}
.fb-sel select {width:100%;}
.fb-submit input[type="button"] {display:inline-block; text-align:center;}
.fb-submit input[type="button"]:hover {background-color:#fac905;}
.fb-check {margin-bottom:5px;}
.fb-check input {margin:0 5px 0 0; vertical-align:middle; display:inline-block; position:relative; top:-2px;}
.filter-wrap select {height:30px; background-color:#fff; color:#222;}

/*!
Chosen by Patrick Filler for Harvest, http://getharvest.com Version 1.5.1
*/

/* @group Base */
.chosen-container {position: relative; display: inline-block; vertical-align: middle; font-size: 13px;
-webkit-user-select: none; -moz-user-select: none; user-select: none; width:100% !important;}
.search-field .default {width:100% !important;}
.flex-2 > * {display:inline-block; width:48% !important;}
.chosen-container .chosen-drop {position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%;
border: 1px solid #e3e3e3; border-top: 0; background: #fff; color:#222; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);}
.chosen-container.chosen-with-drop .chosen-drop {left: 0;}
.chosen-container a {cursor: pointer;}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #ccc;}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":"; padding-left: 2px; vertical-align: top;}

/* @group Single Chosen */
.chosen-container-single .chosen-single {position: relative; display: block; overflow: hidden; padding: 0 0 0 8px;
height:30px; line-height:30px; background-color:#f2f2f2; box-shadow:0 0 0 1px #e3e3e3; white-space: nowrap; border-radius:4px;}
.chosen-container-single .chosen-default {color: #222;}
.chosen-container-single .chosen-single span {display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap;}
.chosen-container-single .chosen-single-with-deselect span {margin-right: 38px; color:#222;}
.chosen-container-single .chosen-single abbr {position: absolute; top:10px; right: 26px; display: block; width: 12px; height: 12px;
background: url('../images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px;}
.chosen-container-single .chosen-single abbr:hover {background-position: -42px -10px;}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {background-position: -42px -10px;}
.chosen-container-single .chosen-single div {position: absolute; top: 8px; right: 0; display: block; width: 18px; height: 18px;}
.chosen-container-single .chosen-single div b {display: block; width: 100%; height: 100%;
background: url('../images/chosen-sprite.png') no-repeat 0px 2px; position:relative; top:-4px;}
.chosen-container-single .chosen-search {position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap;}
.chosen-container-single .chosen-search input[type="text"] {margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto;
outline: 0; border: 1px solid #000;
background: white url('../images/chosen-sprite.png') no-repeat 100% -20px; background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0;}
.chosen-container-single .chosen-drop {margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box;}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {position: absolute; left: -9999px;}

/* @group Results */
.chosen-container .chosen-results {color: #222; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0;
padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch;}
.chosen-container .chosen-results li {display: none; margin: 0; padding: 5px 6px; list-style: none;
line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none;}
.chosen-container .chosen-results li.active-result {display: list-item; cursor: pointer;}
.chosen-container .chosen-results li.disabled-result {display: list-item; color: #ccc; cursor: default;}
.chosen-container .chosen-results li.highlighted {background-color: #fac905; color: #000;}
.chosen-container .chosen-results li.no-results {color: #ccc; display: list-item; background: #444;}
.chosen-container .chosen-results li.group-result {display: list-item; font-weight: bold; cursor: default;}
.chosen-container .chosen-results li.group-option {padding-left: 15px;}
.chosen-container .chosen-results li em {font-style: normal; text-decoration: underline;}

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {position: relative; overflow: hidden; margin: 0; padding: 0 5px; color:#222;
width: 100%; height: auto !important; height: 1%; background-color:#f2f2f2; box-shadow:0 0 0 1px #e3e3e3; cursor: text; border-radius:4px;}
.chosen-container-multi .chosen-choices li {float: left; list-style: none;}
.chosen-container-multi .chosen-choices li.search-field {margin: 0; padding: 0; white-space: nowrap;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {margin: 1px 0; padding: 0;
height:30px; color:#222; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none;}
.chosen-container-multi .chosen-choices li.search-choice {position: relative; margin: 3px 5px 3px 0; padding: 0 20px 0 5px;
border: 1px solid #fac905; max-width: 100%; border-radius: 3px; background-color: #fac905; color:#000; line-height:24px; height:24px; cursor: default;}
.chosen-container-multi .chosen-choices li.search-choice span {word-wrap: break-word;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {position: absolute; top: 4px; right: 3px;
display: block; width: 12px; height: 12px; background: url('../images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {background-position: -42px -10px;}
.chosen-container-multi .chosen-choices li.search-choice-disabled {padding-right: 5px;
border: 1px solid #ccc; background-color: #e4e4e4; color: #666;}
.chosen-container-multi .chosen-choices li.search-choice-focus {background: #d4d4d4;}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {background-position: -42px -10px;}
.chosen-container-multi .chosen-results {margin: 0; padding: 0;}
.chosen-container-multi .chosen-drop .result-selected {display: list-item; color: #ccc; cursor: default;}

/* @group Active */
.chosen-container-active .chosen-single {box-shadow: 0 0 0 1px #fac905;}
.chosen-container-active.chosen-with-drop .chosen-single {box-shadow: 0 0 0 1px #fac905;}
.chosen-container-active.chosen-with-drop .chosen-single div {border-left: none; background: transparent;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 2px;}
.chosen-container-active .chosen-choices {box-shadow: 0 0 0 1px #fac905;}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {color: #222 !important;}

/* @group Disabled Support */
.chosen-disabled {opacity: 0.5 !important; cursor: default;}
.chosen-disabled .chosen-single {cursor: default;}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {cursor: default;}


/* Ion.RangeSlider css version 2.0.3 Denis Ineshin | IonDen.com */

.irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none;}
.irs-line {position: relative; display: block; overflow: hidden; outline: none !important;}
.irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;}
.irs-line-left {left: 0; width: 11%;}
.irs-line-mid {left: 9%; width: 82%;}
.irs-line-right {right: 0; width: 11%;}
.irs-bar {position: absolute; display: block; left: 0; width: 0;}
.irs-bar-edge {position: absolute; display: block; top: 0; left: 0;}
.irs-shadow {position: absolute; display: none; left: 0; width: 0;}
.irs-slider {position: absolute; display: block; cursor: default; z-index: 1;}
.irs-slider.single {}
.irs-slider.from {}
.irs-slider.to {}
.irs-slider.type_last {z-index: 2;}
.irs-min {position: absolute; display: block; left: 0; cursor: default;}
.irs-max {position: absolute; display: block; right: 0; cursor: default;}
.irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;}
.irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;}
.irs-with-grid .irs-grid {display: block;}
.irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000;}
.irs-grid-pol.small {height: 4px;}
.irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center;
font-size: 9px; line-height: 9px; padding: 0 3px; color: #000;}
.irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%;
cursor: default; background: rgba(0,0,0,0.0); z-index: 2;}
.irs-disabled {opacity: 0.4;}
.lt-ie9 .irs-disabled {filter: alpha(opacity=40);}
.irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important;
width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important;
border-style: solid !important; border-color: transparent !important;}


/* Ion.RangeSlider, Nice Skin */

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {}
.irs {height: 40px;}
.irs-with-grid {height: 60px;}
.irs-line {height: 8px; top: 25px;}
.irs-line-left {height: 8px; background-color:#ddd; border-radius:4px 0 0 4px;}
.irs-line-mid {height: 8px; background-color:#ddd;}
.irs-line-right {height: 8px; background-color:#ddd; border-radius:0 4px 4px 0;}
.irs-bar {height: 8px; top: 25px; background-color:#ccc; border-radius:4px;}
.irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color:#ccc;}
.irs-shadow {height: 1px; top: 34px; background: #000; opacity: 0.15;}
.irs-slider {width: 16px; height: 16px; top: 21px; background-color:#8bb917; border-radius:0%}
.irs-slider.state_hover, .irs-slider:hover {background-position: 0 -150px;}
.irs-min, .irs-max {color: #999; font-size: 10px; line-height: 1.333; text-shadow: none;
top: 0; padding: 1px 3px; background: rgba(0,0,0,0.1); -moz-border-radius: 3px; border-radius: 3px;}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {background: #ccc;}
.irs-from, .irs-to, .irs-single {color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none;
padding: 1px 5px; background: rgba(0,0,0,0.3); -moz-border-radius: 3px; border-radius: 3px;}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {background: #999;}
.irs-grid-pol {background: #99a4ac;}
.irs-grid-text {color: #99a4ac;}
.irs-disabled {}
}
body {
 font-family: Arial;
 padding: 20px;
 background: #f1f1f1;
}

/* Заголовок/Название блога */
.header {
 padding: 30px;
 font-size: 40px;
 text-align: center;
 background: white;
}

/* Создайте два неравных столбца, которые плавают рядом друг с другом */
/* Левая колонка */
.leftcolumn {
 float: left;
 width: 75%;
}

/* Правая колонка */
.rightcolumn {
 float: left;
 width: 25%;
 padding-left: 20px;
}

/* Поддельное изображение */
.fakeimg {
 background-color: #aaa;
 width: 100%;
 padding: 20px;
}

/* Добавить эффект карты для статей */
.card {
 background-color: white;
 padding: 20px;
 margin-top: 20px;
}

/* Очистить поплавки после столбцов */
.row:after {
 content: "";
 display: table;
 clear: both;
}

/* Подвал */
.footer {
 padding: 20px;
 text-align: center;
 background: #ddd;
 margin-top: 20px;
}

/* Адаптивный макет - когда экран имеет ширину менее 800 пикселей, сделайте два столбца стеком друг на друга, а не рядом друг с другом */
@media screen and (max-width: 800px) {
 .leftcolumn, .rightcolumn {
 width: 100%;
 padding: 0;
 }
}


/* Style buttons */
.btn {
 background-color:#206083; /* Blue background */
 border: none; /* Remove borders */
 color: white; /* White text */
 padding: 12px 16px; /* Some padding */
 font-size: 16px; /* Set a font size */
 cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn:hover {
 background-color:#206083;
}
.ufive_vid3kol {
width: 28%;
float: left;
display: inline-block;
background-color:#fff ;
border-bottom: 2px solid #3e3a3a;
border-right: 2px solid #423d3d;
padding: 3px 8px;
border-left: 2px solid #2b2929;
margin: 2px 25px 15px 14px;
border: 1px solid #5f5f61;
border-radius: 11px;
box-shadow: 0px 0px 10px 1px rgba(93, 90, 90, 0.92);
}

user agent stylesheet div {
display: block;
}

.ufive_text {
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-size: 12px;
font-family: Tahoma,Arial;
line-height: 16px;
opacity: 0.8;
margin-bottom: 15px;
padding: 0px;
height: 65px;
overflow: hidden;
text-align: justify;
}

.ufive_img img {
object-fit: cover;
height: 200px;
width: 100%;
border-radius: 5px;
box-shadow: 0px 4px 15px rgba(183, 180, 180, 0.42), 0px 10px 30px -15px rgba(0, 0, 0, 0.45);
border: 2px solid rgb(92, 92, 93);
}

.ufive_img2 img {
height: 300px;
width: 380px;
box-shadow: 0px 3px 10px #6d6767;
}

.ufive_title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding: 15px 0px 10px 0px;
}

.ufive_title a {
line-height: 1.3;
word-wrap: break-word;
color: #000000;
font-size: 15px;
font-weight: normal;
font-weight: bold;
}

.ufive_title a:hover {
color: #b2c8fb;
}

.ufive_detali {
padding-left: 3px;
margin-top: 5px;
height: 23px;
line-height: 17px;
font-size: 13px;
border-bottom: #736a6a 1px solid;
padding-bottom: 12px;
}

.ufive_detali li {
list-style: none;
margin-right: 15px;
display: inline-block;
}

.ufive_detali i {
color: #000000;
padding-right: 5px;
}

.ufive_detali a {
color:#FF8C00 ;
}

.ufive_detali a:hover{
color: #9fd8e6;
}

.ufive_imgs {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.ufive_imgs:hover {
-webkit-filter: grayscale(100%);
}
 
.ufive_com_box {
color: #00BFFF; 
}

@media screen and (max-width: 1220px) { 
.ufive_vid3kol { 
width: 100%; 
height: auto; 
padding: 10px; 
} 
}
a.button24 {
 display: inline-block;
 color: #000000;
 text-decoration: none;
 padding: .5em 2em;
 outline: none;
 border-width: 2px 0;
 border-style: solid none;
 border-color: #000000 #000 #000000;
 border-radius: 6px;
 background: linear-gradient(#fff , #fff) #fff;
 transition: 0.2s;
} 
a.button24:hover { background: linear-gradient(#a5090d, #a5090d) #a5090d; }
a.button24:active { background: linear-gradient(#a5090d, #a5090d) #a5090d; }

}
#moviecont { 
width:1000px; 
margin:auto; 
display:table; 
margin-top:30px; 
} 

.movie { 
width:190px; 
margin-left:15px; 
margin-right:15px; 
margin-bottom:30px; 
display:table; 
float:left; 
font-family: OpenSansSemibold; 
font-size:15px; 
} 

.movie p { 
padding-top:5px; 
margin:0; 
} 

.movie p:last-child { 
padding-top:5px; 
margin:0; 
font-style:Aral; 
font-family: OpenSans; 
font-size:17px; 
} 

.moviefirstchild { 
min-height:66px; 
display:block; 
overflow:hidden; 
} 

.gcpic { 
width:180px; 
height:260px; 
display:block; 
border:5px solid #fafafa; 
margin-bottom:10px; 
-webkit-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
border-radius:5px; 
} 

.gcpic:hover { 
width:180px; 
height:260px; 
display:block; 
border:5px solid #fff; 
margin-bottom:10px; 
box-shadow:0px 3px 5px #d3d3d3; 
} 

.ulightbox { 
background:url(/images/zumzum.png) no-repeat; 
width:38px; 
height:38px; 
margin-top:101px; 
margin-left:61px; 
} 

.gcpic b { 
opacity:0.0001; 
width:180px; 
height:260px; 
background:url(/images/b.png); 
position:absolute; 
z-index:999; 
-webkit-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
} 

.gcpic b:hover { 
opacity:1; 
display:block; 
width:180px; 
height:260px; 
background:url(/images/b.png); 
position:absolute; 
z-index:999; 
-webkit-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
} 

.gcpic img { 
width:180px; 
height:260px; 
overflow:hidden; 
-webkit-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
border-radius:5px; 
}
.btn {
 border: none; /* Удалить границы */
 color: white; /* Добавить цвет текста */
 padding: 14px 28px; /* Добавить немного отступов */
 cursor: pointer; /* Добавить курсор указателя мыши - над */
}

.success {background-color: #4CAF50;} /* Зеленый */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Синий */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Оранжевый */
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} /* Красный */
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Серый */
.default:hover {background: #ddd;}


}
body {
 font-family: Arial;
 padding: 20px;
 background: #f1f1f1;
}

/* Header/Blog Title */
.header {
 padding: 10px;
 font-size: 40px;
 text-align: center;
 background: white;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
 float: left;
 width: 75%;
}

/* Right column */
.rightcolumn {
 float: left;
 width: 25%;
 padding-left: 10px;
}

/* Fake image */
.fakeimg {
 background-color: #aaa;
 width: 100%;
 padding: 10px;
}

/* Add a card effect for articles */
.card {
 background-color: white;
 padding: 10px;
 margin-top: 10px;
}

/* Clear floats after the columns */
.row:after {
 content: "";
 display: table;
 clear: both;
}

/* Footer */
.footer {
 padding: 20px;
 text-align: center;
 background: #ddd;
 margin-top: 20px;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
 .leftcolumn, .rightcolumn {
 width: 100%;
 padding: 0;
 }
}
.kasnuloped-desan{
 max-width: 100%;
 padding: 0 20px;
}
.kasnuloped-desan .deunde-katsan,
.kasnuloped-desan .kupog-ramsan{
 margin-bottom: 8px;
 border-radius: 3px;
 box-shadow: 0px 0px 15px rgba(0,0,0,0.18);
}
.kasnuloped-desan .deunde-katsan label,
.kasnuloped-desan .kupog-ramsan label{
 background: #228B22;
 padding: 10px 20px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 cursor: pointer;
 border-radius: 3px;
 position: relative;
 z-index: 99;
 transition: all 0.3s ease;
}
.kasnuloped-desan .deunde-katsan label:hover{
 background: #000000;
}
.deunde-katsan input:checked ~ label,
.kupog-ramsan input:checked ~ label{
 border-radius: 3px 3px 0 0;
 background: #228B22;
}
.kasnuloped-desan label span{
 color: #fff;
 font-size: 18px;
 font-weight: 500;
 text-shadow: 0 -1px 1px #0056b3;
}
.kasnuloped-desan .kupog-ramsan label span{
 font-size: 17px;
}
.deunde-katsan label .icon{
 position: relative;
 height: 30px;
 width: 30px;
 font-size: 15px;
 color: #000000;
 display: block;
 background: #fff;
 border-radius: 50%;
 text-shadow: 0 -1px 1px #0056b3;
}
.kasnuloped-desan .kupog-ramsan label .icon{
 height: 27px;
 width: 27px;
}
.deunde-katsan label .icon i{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.deunde-katsan input:checked ~ label .icon i:before,
.kupog-ramsan input:checked ~ label .icon i:before{
 content: '\f068';
}
.kasnuloped-desan .deunde-katsan .content,
.kasnuloped-desan .kupog-ramsan .ambeginsan{
 max-height: 0px;
 overflow: hidden;
 background: #fff;
 border-radius: 0 0 3px 3px;
 transition: all 0.4s ease;
}
.deunde-katsan input:checked ~ .content,
.kupog-ramsan input:checked ~ .ambeginsan{
 max-height: 1900vh;
}
.tab-3 input:checked ~ .content{
 padding: 15px 20px;
}
.deunde-katsan .content p,
.kupog-ramsan .ambeginsan p{
 padding: 15px 20px;
 font-size: 16px;
}
.kupog-ramsan .ambeginsan p{
 font-size: 15px;
}
input[type="radio"],
input[type="checkbox"]{
 display: none;
 
}


 /* ========== multikat */ 
 .multikat { 
 position:relative; 
 margin:0 -10px 20px; 
 padding-top:10px; 
 width:102%; 
 font:normal normal 9px/20px Tahoma, Geneva, sans-serif; 
 text-transform:uppercase; 
 background:#AAB8C1; 
 border-bottom:1px solid #4B5D6B; 
 border-top:1px solid #4B5D6B; 
 } 
 .multikat ul li { 
 display: inline; 
 float:left; 
 margin:0 10px; 
 } 
 .multikat ul li a { 
 margin-bottom:10px; 
 display:block; 
 padding-left:22px; 
 width:98px; 
 height:20px; 
 text-decoration:none; 
 color:#333; 
 background:#EEE url(http://webo4ka.ru/Ucoz2/novii_vid_kategorii_v_stroky.png) no-repeat 0 -20px; 
 } 
 .multikat ul li a:hover { 
 background-position:0 0; 
 color:#000; 
 text-decoration:none; 
 } 

 #wrapper { 
 float:left; 
 width:100%; 
 }

.kategoriya_tematika {
text-align: center;
padding: 0px;
margin: 0px;
list-style: none;
}

.kategoriya_tematika li {
text-align: left;
margin: 0px 4px 11px 4px;
display: inline-block;
vertical-align: top;
}

.kategoriya_tematika li a {
 padding: 6px; 
 position: relative;
 display: inline-block;
 background: #256dc1; #fff;
 width: 230px; #fff;
 border-radius: 10px;
 
 color: #fff;
 
 text-align: center;
 text-shadow: #fff;
 
 font-size: 17px;
}

.kategoriya_tematika li a:hover {
text-decoration: none;
background: #7F180D !important;
}

.btn {
 border: 2px solid black;
 background-color: white;
 color: black;
 padding: 14px 28px;
 font-size: 16px;
 cursor: pointer;
}
.card {
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 max-width: 300px;
 margin: auto;
 text-align: center;
 font-family: arial;
}

.price {
 color: grey;
 font-size: 22px;
}

.card button {
 border: none;
 outline: 0;
 padding: 12px;
 color: white;
 background-color: #a5090d;
 text-align: center;
 cursor: pointer;
 width: 100%;
 font-size: 18px;
}

.card button:hover {
 opacity: 0.7;
}
.zebra {
 list-style: none;
 border-left: 10px solid #fff;
 padding: 0;
 font-family: "Lucida Sans";
}
.zebra li {padding: 16px;}
.zebra li:nth-child(odd) {background: #E1F1FF;}
.zebra li:nth-child(even) {background: white;}
}

.kontaktnaya-gesanulad {
 max-width: 975px;
 margin-left: auto;
 margin-right: auto;
 padding: 1em;
}

ul {
 list-style: none;
 padding: 0;
}

.soobsh-cheniye {
 text-align: center;
 color: white;
}
.kigrsam-kidesab {
 box-shadow: 0 0 20px 0 rgba(72, 94, 116, 0.7);
}

.kigrsam-kidesab > * {
 padding: 1em;
}

.stilistika karkasa {
 background: #c9e6ff;
}

.stilistika karkasa h3, .stilistika karkasa ul {
 text-align: center;
 margin: 0 0 1rem 0;
}

.malavasa {
 background: #f9feff;
}

.malavasa form {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 20px;
}

.malavasa form label {
 display: block;
}

.malavasa form p {
 margin: 0;
}

.malavasa form .full {
 grid-column: 1 / 3;
}

.malavasa form button, .malavasa form input, .malavasa form textarea {
 width: 100%;
 padding: 1em;
 border: 1px solid #c9e6ff;
}

.malavasa form button {
 background: #2874b5;
 border: 0;
 text-transform: uppercase;
 font-size: 13px;
 font-weight: bold;
 color: #f3f3f3;
 border: 2px solid #b8c2d8;
 border-radius: 30px;
}

.malavasa form button:hover, .malavasa form button:focus {
 background: #0f2840;
 color: #efe5b1;
 outline: 0;
 transition: background-color 0.5s ease-out;
 cursor:pointer;
}

@media(min-width:680px) {
 .kigrsam-kidesab {
 display: grid;
 grid-template-columns: 1fr 2fr;
 }

 .kigrsam-kidesab > * {
 padding: 2em;
 }

 .compnay-info h3, .stilistika karkasa ul, .soobsh-cheniye {
 text-align: left;
 }
}
/* дизайн подглядела у Эльдорадо и их картинку перевела в CSS */

a.button11 {
 position: relative;
 z-index: 1;
 color: black;
 font-size: 150%;
 font-weight: 700;
 text-decoration: none;
 padding: .25em .5em;
}
a.button11:after {
 content: "Товара"; /* здесь 6 букв */
 position: absolute;
 z-index: -1;
 top: -2px;
 bottom: -2px;
 left: -2px;
 width: calc(100% + 6*(1em*90/135) - 2px*2*2); /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
 text-align: right;
 color: #fff;
 font-size: 90%;
 padding: .25em .5em;
 border-radius: 5px;
 border: 2px solid #c61e40;
 -webkit-transform: skewX(-10deg);
 transform: skewX(-10deg);
 background: linear-gradient(#d4536d, #c61e40) no-repeat 100% 0;
 background-size: calc(6*(1em*90/135) + .5em) 100%;
 box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
 transition: .3s;
}
a.button11:hover:after {
 box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
}
a.button11:active:after {
 background-image: linear-gradient(#c61e40, #d4536d);
}
<!DOCTYPE html>
<!-- Design by foolishdeveloper.com -->
<html lang="en" dir="ltr">
 <head>
 <meta charset="utf-8">
 <title>Image Slider</title>
$AJAX_JS$
 <style media="screen">

body{
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0;
 padding: 0;
 height: 500vh;
 background: #e3f9f6;
}

.slider{
 border-radius: 10px;
 overflow: hidden;
 width: 100%;
 height: 350px;
 border: 1px solid #000000;
 box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6);
}

.slides{
 width: 500%;
 height: 350px;
 display: flex;
}

.slides input{
 display: none;
}

.slide{
 width: 20%;
 transition: 2s;
}

.slide img{
 width: 100%;
 height: 350px;
}

/*css for manual slide navigation*/

.navigation-manual{
 position: absolute;
 display: flex;
 justify-content: center;
 width: 100%;
 margin-top: -40px;
}

.manual-btn{
 border-radius: 10px;
 cursor: pointer;
 transition: 1s;
 border: 3px solid white;
 padding: 5px;
 width: 30px;
}

.manual-btn:not(:last-child){
 margin-right: 40px;
}

.manual-btn:hover{
 background: #c43af3;
}

#radio1:checked ~ .first{
 margin-left: 0;
}

#radio2:checked ~ .first{
 margin-left: -20%;
}

#radio3:checked ~ .first{
 margin-left: -40%;
}

#radio4:checked ~ .first{
 margin-left: -60%;
}

#radio5:checked ~ .first{
 margin-left: -80%;
}


/*css for automatic navigation*/

.navigation-auto{
 position: absolute;
 justify-content: center;
 margin-top: 460px;
 display: flex;
 width: 800px;
}

.navigation-auto div{
 border-radius: 10px;
 transition: 1s;
 border: 3px solid #c43af3;
 padding: 5px;
 width: 30px;
}

.navigation-auto div:not(:last-child){
 margin-right: 40px;
}

#radio1:checked ~ .navigation-auto .auto-btn1{
 background: #c43af3;
}

#radio2:checked ~ .navigation-auto .auto-btn2{
 
 background: #c43af3;
}

#radio3:checked ~ .navigation-auto .auto-btn3{
 background: #c43af3;
}

#radio4:checked ~ .navigation-auto .auto-btn4{
 background: #c43af3;
}

#radio5:checked ~ .navigation-auto .auto-btn5{
 background: #c43af3;
}

.carousel_transition {
 position: relative;
 width: 645px;
 height: 350px;
 overflow: hidden;

 border-radius: 5px;
 box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}
}
/* Контейнер флип-карт - установите ширину и высоту на все, что вы хотите. Мы добавили свойство border, чтобы продемонстрировать, что сам флип выходит из коробки при наведении (удалите перспективу, если вы не хотите 3D-эффект */
.flip-card {
 background-color: transparent;
 width: 292px;
 height: 292px;
 border: 1px solid #fff;
 perspective: 1000px; /* Удалите это, если вы не хотите 3D-эффект */
}

/* Этот контейнер необходим для того чтобы расположить переднюю и заднюю сторону */
.flip-card-inner {
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 transition: transform 0.8s;
 transform-style: preserve-3d;
}

/* Сделайте горизонтальный флип, когда вы перемещаете мышь над контейнером флип-бокса */
.flip-card:hover .flip-card-inner {
 transform: rotateY(180deg);
}

/* Расположите переднюю и заднюю стороны */
.flip-card-front, .flip-card-back {
 position: absolute;
 width: 100%;
 height: 100%;
 backface-visibility: hidden;
}

/* Стиль лицевой стороны (запасной вариант, если изображение отсутствует) */
.flip-card-front {
 background-color: #fff;
 color: black;
}

/* Стиль задней стороны */
.flip-card-back {
 background-color: #000000;
 color: white;
 transform: rotateY(180deg);
}
.bl-scroll { width: 100%; max-height: 225px; /*Высота блока после которой начнется прокрутка*/ display: inline-block; overflow-x: hidden; /*непосредственно прокрутка*/ margin: 0 -3px; padding-top: 1px;}

.ketentlacros {
 width: 1200px;
 margin: 0 auto;
 overflow: auto;
 white-space: nowrap;
 scroll-snap-points-x: repeat(9700%);
 scroll-snap-type: mandatory;
 font-size: 0;
}

.main-news {
 float: left;
 width: 305px;
 margin: 0 27px 27px 0;
 border: 3px solid #efede7;
 background: #fff;
 padding: 4px 0 0 0;
}

 .main-news-left {
 float: left;
 margin: 0 4px 0 4px;
 width: 288px;
 }
 
 .main-news-image {
 width: 288px;
 height: 194px;
 overflow: hidden;
 }
 
 .main-news-image img {
 width: 288px;
 min-height: 194px;
 }
 
 .main-news-right {
 float: left;
 width: 62px;
 }
 
 .main-news-comments {
 width: 62px;
 height: 62px;
 background: #e9c094;
 margin: 0 0 4px 0;
 position: relative;
 color: #533714;
 font-size: 14px;
 text-align: center;
 line-height: 90px;
 overflow: hidden;
 font-weight: bold;
 }
 
 .main-news-comments img {
 position: absolute;
 left: 15px;
 top: 10px;
 }
 
 .main-news-rating {
 width: 62px;
 height: 62px;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0b615), color-stop(1, #ef912d));
 background:-moz-linear-gradient(top, #f0b615 5%, #ef912d 100%);
 background:-webkit-linear-gradient(top, #f0b615 5%, #ef912d 100%);
 background:-o-linear-gradient(top, #f0b615 5%, #ef912d 100%);
 background:-ms-linear-gradient(top, #f0b615 5%, #ef912d 100%);
 background:linear-gradient(to bottom, #f0b615 5%, #ef912d 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b615', endColorstr='#ef912d',GradientType=0);
 background-color:#f0b615;
 margin: 0 0 4px 0;
 line-height: 62px;
 font-size: 26px;
 color: #fff;
 text-align: center;
 font-weight: bold;
 }
 
 .main-news-date {
 width: 62px;
 height: 62px;
 background: #f0ede7;
 position: relative;
 color: #656565;
 font-size: 13px;
 text-align: center;
 line-height: 90px;
 overflow: hidden;
 
 }
 
 .main-news-date img {
 position: absolute;
 left: 21px;
 top: 10px;
 }
 
 .main-news-title {
 border-top: 3px solid #efede7;
 padding: 10px 15px 10px 15px;
 font-size: 20px; 
 color: #2e1a06;
 }
 
 .main-news-title a {
 color: #2e1a06;
 display: block;
 line-height: 22px;
 height: 44px;
 overflow: hidden; 
 }
 
 .main-news-title a:hover {
 color: #000;
 }
 
 .main-news-r {
 border-bottom: 1px #ebebeb solid;
 height: 5px;
 margin: 0 15px 10px 15px;
 }
 
 .main-news-text {
 font-size: 14px;
 line-height: 18px;
 height: 72px;
 overflow: hidden;
 padding: 0 15px;
 color: #252525;
 margin: 0 0 10px 0;
 text-align: justify;
 }

#rss {text-align:center;}
#rss a {font-size:12px;text-transform:uppercase;color:#B22222 !important;}
#rss .descript {font-size:14px;text-align:left;margin:0 5px !important;}
#rss .rss-block {display:inline-block;}
#rss .rss-block-children {
display:block;
float:left;
overflow:hidden;
width:160px;
height:130px;
margin:5px;
border:1px solid #363636;
border-radius:3px;
-moz-box-shadow:0 5px 5px #000;
box-shadow:0 5px 5px #000;
-webkit-box-shadow:0 5px 5px #000;
}
#rss img{
width:150px;
height:150px;
}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.video-container iframe {
 position: absolute;
 top:0;
 left: 0;
 width: 100%;
 height: 100%;
}
.wid_waak_bc {
 width: 100%;
 background: #FFF;
 margin: 20px 0;
 overflow: hidden;
 height: 190px;
 transition:1s;
}
.wid_waak_bc_img {
 width: 30%;
 height: 190px;
 float: left;
 overflow: hidden;
 position: relative;
 background: #FDA649;
 
 transition:1s;
}

.img_num {
 position: absolute;
 z-index: 2;
 color: #FFF;
 font-size: 13px;
 background: rgba(0,0,0,.6);
 padding: 4px 10px;
 bottom: 10px;
 left: 10px;
}
.wid_waak_bc_img img {
 height: 190px;
 width: 100%;
 object-fit: cover;
 transition:1s;
}
.wid_waak_bc_img img:hover {
 margin-left: -30px;
}
.wid_waak_bc_text {
 width: 70%;
 margin-left: 30%;
 padding: 20px;
 transition:1s;
}

.wid_waak_bc_text_name a {
 font-size: 14px;
 font-weight: bold;
 display: block;
 transition:1s;
}

.wid_waak_bc_text_cena {
 font-size: 14px;
 font-weight: bold;
 color: #517EAE;
 padding: 10px 0;
 transition:1s;
}

.wid_waak_bc_text_cat {
 font-size: 14px;
 color: #878787;
}

.wid_waak_bc_text_item {
 padding: 14px 0;
 color: #B5B5B5;
}
.wid_waak_bc_text_item span{
 margin-right: 14px;
}

@media screen and (max-width: 700px) {
 .wid_waak_bc_img {width: 120px;}
 .wid_waak_bc_img img {height: 100px;}
 .wid_waak_bc_text {width: auto;margin-left: 120px;padding: 10px;}
 .wid_waak_bc, .wid_waak_bc_img {height: 100px;}
 .wid_waak_bc_text_name a {font-size: 16px;}
 .wid_waak_bc_text_cena {font-size: 16px;}
 .wid_waak_bc_text_cat {display: none;}
 .wid_waak_bc_text_item {padding: 0px}
 .img_num {font-size: 10px}
}

@media screen and (max-width: 500px) {
 .wid_waak_bc_img {width: 100px;}
 .wid_waak_bc_img img {height: 90px;}
 .wid_waak_bc_text {width: auto;margin-left: 100px;padding: 10px;}
 .wid_waak_bc, .wid_waak_bc_img {height: 90px;}
 .wid_waak_bc_text_name a {font-size: 16px;}
 .wid_waak_bc_text_cena {font-size: 16px;padding: 3px 0;}
 

}

.k-10 img {width: 100%; height: 250px; object-fit: cover;}
#allEntries div[id*="entryID"]{margin:0 2% 20px 0;width:48%;float:left;}
#allEntries div[id*="entryID"]:nth-child(2n){margin:0 0 20px 0;}
#allEntries div[id*="entryID"] {margin-bottom:20px;}
@media only screen and (max-width: 940px) {
#allEntries div[id*="entryID"]{width:100%;margin: 0 4% 20px 0;}
#allEntries div[id*="entryID"]:nth-child(2n){margin: 0 0 20px 0 !important;} 
#allEntries div[id*="entryID"]:nth-child(2n){margin: 0 4% 20px 0;}
}
@media screen and (max-width: 640px) {
#allEntries div[id*="entryID"]{width:auto !important;margin: 0 0 20px 0 !important;float:none !important;}
}
.evid {padding: 10px; background-color: #FFF; border: 1px solid #d2d2d2;}
.eDetali {background: #256dc1;border: 1px solid #fff;padding: 0 10px;font-size: 14px;height: 34px;line-height: 34px;margin-top: 10px;}
.eDetali span {margin-right: 20px;color: #fff;}
.eDetali span a {color: #246fa0;}
.date {background: url(http://zornet.ru/Aben/ABGEA/FT/i_time.png) no-repeat scroll left}
.prosm {background: url(http://zornet.ru/Aben/ABGEA/FT/i_comm.png) no-repeat scroll left }
.comment {background: url(http://zornet.ru/Aben/ABGEA/FT/i_views.png) no-repeat scroll left}
.date,.prosm, .comment {padding-left: 17px !important;}
.eTitless-eMessagess {height: 150px; overflow: hidden;}
.eTitless {padding: 10px 0;}
.eTitless a {text-transform: uppercase; font-size: 16px; color: #444; font-weight: bold; display: block;}
.eMessagess {text-align: justify; height: 90px; overflow: hidden; line-height: 135%; color: #4b4b4b; font-size: 14px;}
.catmen {}
.catmen a {background: #3498db;color: #fff;display: block;font-size: 13px;height: 35px;line-height: 35px;margin: -38px 0 0 0px;padding: 0 15px;position: absolute;width: auto;}
.catmen a:hover {text-decoration:none; background: #26648e;}