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:#a5090d; 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: #000000;
 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: #cc0605;
}
.deunde-katsan input:checked ~ label,
.kupog-ramsan input:checked ~ label{
 border-radius: 3px 3px 0 0;
 background: #000000;
}
.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: 900vh;
}
.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: #a5090d; #fff;
 width: 215px; #fff;
 border-radius: 10px;
 
 color: #fff;
 
 text-align: center;
 text-shadow: 0 1px 0 #fff;
 
 font-size: 13px;
}

.kategoriya_tematika li a:hover {
text-decoration: none;
background: #000000 !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: 15px solid #a5090d;
 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);
}

.bl-scroll { width: 100%; max-height: 200px; /*Высота блока после которой начнется прокрутка*/ display: inline-block; overflow-x: hidden; /*непосредственно прокрутка*/ margin: 0 -3px; padding-top: 1px;}

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