@font-face {
    font-family: 'Evolventa';
    src: url('Evolventa-Regular.woff2') format('woff2'),
        url('Evolventa-Regular.woff') format('woff'),
        url('Evolventa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Evolventa';
    src: url('Evolventa-Bold.woff2') format('woff2'),
        url('Evolventa-Bold.woff') format('woff'),
        url('Evolventa-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.item-page a {color: #900;}
.sitebvi {padding-right: 10px;text-align: right;text-transform: uppercase;font-size: 14px!important;}

.shapka {
clear: both;
padding: 0px;
margin: 0px;
background-color: #fff;
border-bottom-style: solid;
border-width: 2px;
border-color: #990000;
color: #990000;
line-height: normal;
}

.yacheyki:after {content: "";display: table;clear: both;}
.yach50 {float: left;width: 50%;}

#reklamniy .container .djslider-loader {margin: 20px auto;}
#reklamniy .container {padding: 0 !important;}
#reklamniy{
background-image: url(/images/ng-shapka.png);
background-repeat: no-repeat;
background-position: top;
background-size: 100%;
}
.kol {
	display: block;
	float:left;
}

.dopstyle {height: 2em;overflow: hidden;}
.dopstyle h3, .dopstyle h4, .dopstyle a {color: #666!important;margin: 0;}
.dopstyle h3 {font-size: 1.3em;}
.dopstyle img {-webkit-filter: opacity(20%);filter: opacity(20%);}

.gruppa:before,
.gruppa:after { content:""; display:table; }
.gruppa:after { clear:both;}
.gruppa { zoom:1; /* For IE 6/7 */ }

.gover {
width: 68.5%;
padding: 10px;
font-size: 0.6em;
color: #000;
}

.sezon {
color: #990000;
background-color: #FFF;
line-height: 120%;
font-weight: 700;
display: table-cell;
text-align: center;
padding: 10px 5px 0 5px;
font-size: 0.9em;
border-radius: 5px;
border: 1px solid #888;
}

.sezonyear {font-size: 2em;}
.knopulki {display: table;float: right;}
.socpoza {display: table-row;}

.gover a, .gover a:active, .gover a:visited {color: #990000; text-decoration: none;}
.gover a:hover {color: #990000; text-decoration: underline;}
.gover img {float: left;height: 100% !important;width: auto !important;}

.socialochka a {color: #990000;}
.socialochka a:hover {text-decoration: none !important;color: #FF4081;}
.socialochka {padding-right: 10px;display: table-cell;vertical-align: bottom;}

.socialochka fa:hover {color: #990000; text-decoration: underline;}
.socialochka .fa-inverse, .sotsik .fa-inverse {color: #fff !important;}

.socialochka ul {list-style: none;padding: 0;margin: 0;}
.socialochka ul li {display: inline-block;margin: 0;}

.chrono_credits {visibility: hidden !important; height: 0px !important;}

.clear { clear: both; height: 1px; overflow: hidden; }

.djslider-in ul li img {
 display: block !important;
}

.volna {
	webkit-animation: rainbowv 2s linear 2s infinite;
	animation: rainbowv 2s linear 2s infinite;
}

@-webkit-keyframes rainbowv {
	0% {background: #800000;}
	50% {background: #ff0000;color: #fff;}
	100% {background: #800000;}
}

@keyframes rainbowv {
	0% {background: #800000;}
	50% {background: #ff0000;color: #fff;}
	100% {background: #800000;}
} 

.svolna a {
	color: #fff !important;
	webkit-animation: rainbows 2s linear 2s infinite;
	animation: rainbows 2s linear 2s infinite;
}

@-webkit-keyframes rainbows {
	0% {background: #ccc;}
	50% {background: #333;}
	100% {background: #ccc}
}

@keyframes rainbows {
	0% {background: #ccc;}
	50% {background: #333;}
	100% {background: #ccc;}
} 

.prodan {color: #ffffff;background: #999999;}

.ramka1 {
width: 33%;
float: left;
color: #FFFFFF;
}
.ramka1a {
padding: 1em;
display: block;
}

.ramka1:hover {
color: #FC0;
}

.ramka2 img {
padding: 0;
width: 100%;
}

.ramka3 {
padding: 0.5em;
background-color: #DD4B32;
margin: 1em 0 1em 0;
line-height: 120%;
color: #000;
}

.ramka1:hover .ramka3 {
background-color: #990000;
color: #ffffff;
}

.ramka4 {
display: table;
text-align: center; 
 height: 3em;
 width: 100%; 
}
.ramka4 p {
display: table-cell;
vertical-align: middle;
}

.fotka {
width: 40%;
float: left;
border: 1em solid #900; 
margin-right: 2em;
max-width: 300px;
}

.fotka-right {
width: 40%;
float: right;
border: 1em solid #900; 
margin-left: 1em;
max-width: 300px;
}

.ramka1:hover img {
 -webkit-filter: none;
 filter: none;
}

.video-wrapper {
 position: relative;
 padding-bottom: 51%;
 padding-top: 30px;
 height: 0;
 margin-bottom: 30px;
}
.video-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.social a {color: #fff;}
.social {font-size: 1.6em; margin-top: 10px;}
.social li {display: inline-block; float: left; margin-right: 10px;}

.contakty img {
 -webkit-filter: none;
 filter: none;
}
.help-block {
 line-height: 120%;
 font-size: 0.8em;
 margin-top: 0px !important;
}
.control-label {
 vertical-align: middle !important;
}
.gcore-label-left {
 min-width: 30% !important;
 max-width: 30% !important;
}
.chronoform {
 min-height: 0;
}
.hcc {
 font-size: 1em !important;
}

.afisha {
overflow: hidden;
width: 100%;
border: 1px solid #800000;
line-height: normal;
margin-bottom: 20px;
}
.af_date {
margin: 1.5%;
float: left;
text-align: center;
width: 20%;
position: relative;
}
.af_date img {
position: absolute;
left: 0px;
top: 0px;
}
.af_chislo, .af_mesjac {
margin: 0;
padding: 0;
width: 100%;
 display: inline-block;
}
.af_mesjac {
color: #FFFFFF;
background-color: blue;
font-size: 1.6em;
padding-top: 5px;
padding-bottom: 5px;
}
.af_chislo {
font-weight: 700;
color: #FFFFFF;
background-color: red;
font-size: 6em;
}
.af_text {
margin: 1.5%;
 margin-left: 23%;
}
.af_text p {
padding: 3px;
}
.af_opis {
width: 100%;
height: 100%;
overflow: hidden;
}

.fittext__dash{padding: 0 20px;text-align: center;cursor: pointer; color: #ffcc00; text-decoration: none; height: 30px; line-height: 30px; background: #800000; display: inline-block;}
.fittext__dash:hover{color: white !important; text-decoration: none; background: #CC6600;}

.slide-desc-bg-default {
 background: none !important;
}
.slide-title { margin-bottom: 0 !important; }
.slide-text { font-size: 1.2em; line-height: normal; }
.slide-desc-text-default {
 text-shadow: black 2px 1px 1px, black -1px -1px 1px, 
 black -1px 2px 1px, black 2px -1px 1px, 
 black 3px 3px 1px;
}
.wefavor a, .wefavor a:hover {
color: #600 !important;
text-decoration: none !important;
}

.accordion {
 border: 1px solid white;
 padding: 0 10px;
 margin: 0 auto;
 list-style: none outside;
}

.accordion > * + * { border-top: 1px solid white; }

.accordion-item-hd {
 display: block;
 padding: 15px 30px 15px 0;
 position: relative;
 cursor: pointer;
 font-size: 18px;
 font-weight: bold;
}

.accordion-item-input:checked ~ .accordion-item-bd {
 max-height: 1000px;
 padding-top: 15px;
 margin-bottom: 15px;
 -webkit-transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
 transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
}

.accordion-item-input:checked ~ .accordion-item-hd > .accordion-item-hd-cta {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}

.accordion-item-hd-cta {
 display: block;
 width: 30px;
 position: absolute;
 top: calc(50% - 6px );
 /*minus half font-size*/
 right: 0;
 pointer-events: none;
 -webkit-transition: -webkit-transform .3s ease;
 transition: transform .3s ease;
 -webkit-transform: rotate(-180deg);
 -ms-transform: rotate(-180deg);
 transform: rotate(-180deg);
 text-align: center;
 font-size: 12px;
 line-height: 1;
}

.accordion-item-bd {
 max-height: 0;
 margin-bottom: 0;
 overflow: hidden;
 -webkit-transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
 transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
}

.accordion-item-input {
 clip: rect(0 0 0 0);
 width: 1px;
 height: 1px;
 margin: -1;
 overflow: hidden;
 position: absolute;
 left: -9999px;
}
.netfiltr {
 -webkit-filter: none !important;
 filter: none !important;
}

.page-header { padding-top: 30px; }
.page-header h2 { color: #990000; }

#back-to-top {
 z-index: 999;
 position: fixed;
 right: 20px;
 top: auto;
}
#back-to-top.affix {
 bottom: 40px;
}
#back-to-top a {
 outline: none;
}
#back-to-top i {
 font-size: 28px;
}
.dvadcatpyatka, .pyatdesyat {
 width: 100%;
 position: relative;
}
.dvadcatpyatka ul, .pyatdesyat ul {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 100%;
}
.dvadcatpyatka li, .pyatdesyat li {
 display: inline-block;
 vertical-align: top;
 position: relative;
 margin-bottom: 10px;
 padding: 1%;
}
.dvadcatpyatka li {
 width: 30%;
}
.pyatdesyat li {
 width: 47%;
}
.dvadcatpyatka img, .pyatdesyat img { display: inline !important; width: 100%; height: auto; }
.dvadcatpyatka p, .pyatdesyat {text-align: center;margin-top: 10px;}
.ramochka {
 padding: 10px;
 background-color: #DD4B32;
 margin: 10px 0;
 line-height: 120%;
 color: #000;
}
.ramka0 {color: #FFFFFF; background-color: #900; }
.ramka0 img { padding: 1em; }
.dvadcatpyatka li:hover img {transform: scale(1.05);}
.dvadcatpyatka li:hover .ramka0 { background-color: #DD4B32; }
.dvadcatpyatka li:hover .ramochka { background-color: #900; color: #fff;}
.dvadcatpyatka li a:hover { text-decoration: none; }
.ramochka div {
 display: table;
 text-align: center;
 height: 3.1em;
 width: 100%;
 overflow: hidden;
}
.ramochka div p {
 display: table-cell;
 vertical-align: middle;
 line-height: 100%;
}

.artimg {
 height: auto;
 width: 100%;
}

.afishki img {width: 100%;}
.afishki ul {margin:0 !important; overflow: hidden; padding: 0; list-style: none; height: 100%;}
.afishki li {float: left; margin: 0 0 0 1%; width: 16.8%; padding: 1%;}
.afishki li:hover .a_kupit {display: block;}
.afishki h5 {margin-top: 10px;text-align: center; font-weight: 700; color: #000;}
.afishki .article-separator {display: none;}
.afishki a {text-decoration: none;display: block;position: relative;margin-top: 11px;}
.afishki hr {margin: 5px 0;}
.vykhodnoj {color: #900 !important;}

#s5_right_column_wrap_inner {
 padding-left: 20px;
 padding-top: 20px;
}
.module_round_box {
 padding: 20px;
}
.module_round_box .s5_mod_h3_outer {
 background: #900;
 color: #FFFFFF;
 padding-left: 20px;
 padding-right: 20px;
 margin-left: -20px;
 margin-right: -20px;
 margin-top: -20px;
 margin-bottom: 20px;
}

#socfixed { position: relative; left: 100%; }
.socik { position: fixed; top: 1%; margin-left: 20px; text-align: center; font-size: 0.7em; line-height: normal;}
.socik a {color: #000000;}
.likes-block_left {display: none;}
.socik .likes-block_left {display: inherit;}

.sociki {text-align: center; width: 100%;}
.sociki .fa-inverse {color: #fff !important;}
.sociki a {text-decoration: none;}

.bronik label {display: inline !important;}
.bronik input[type="radio"] {margin:0 !important;}
.bronik .gcore-sub-label {font-size: 80%;}
.bronik #fin-soglasie {line-height: normal;margin-bottom: 10px;}

#podpiska .btn-primary {background-color: #757575;border-color: #BDBDBD;}

.a_chislo {
float: left;
width: 30%;
font-size: 2.6em;
font-weight: 700;
color: #900;
line-height: normal;
}

.a_dalshe {margin-left: 30%;display: block;}
.a_dalshe p {margin: 0;padding: 0;line-height: normal;}
.a_mesyac {font-size: 1.2em;font-weight: 700;color: #000;}
.a_den {font-size: 0.80em;font-weight: 700;color: #333;}
.a_kupit {
	position: absolute;
	display: none;
	background-color: #CC0000;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 700;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

.ruchka:hover {cursor: pointer;}
.a_kupit:hover {background-color: #006633;color: #FFFFFF;}

/* скрываем чекбоксы и блоки с содержанием */
.hide {
 display: none; 
}
.hide + label ~ div{
 display: none;
}
/* оформляем текст label */
.hide + label {
 cursor: pointer;
 display: inline-block; 
}
/* вид текста label при активном переключателе */
.hide:checked + label {
 display: none;
}
/* когда чекбокс активен показываем блоки с содержанием */
.hide:checked + label + div {
 display: block; 
}

.levkol {width: 39%; float: left;}
.pravkol {margin-left: 40%;}
.opisanie {color: #990000; font-size: 1.2em;margin-bottom: 15px;line-height: 180%;}

.nachalo ul {
list-style: none;
padding: 0;
margin: 0;
}

.nachalo ul li {
 display: inline-block;
 margin: 0 10px 0 0;
}

.nachalo {
background-color: red;
color: white;
padding: 10px;
margin-bottom: 10px;
}

.cenz {
margin-left: 10px;
font-weight: 700;
color: white;
background-color: red;
padding: 5px;
border-radius: 5px;
}

.oprosnik {
margin-left: -20px;
padding-right: 15px;
}

.korzina {display: block;position: absolute;right: 10px;top: 0;}

.perfomancesPage {position:relative;}
.perfomanceBlock {color:#252525;position:relative;width: 100%;display: inline-block;border: 1px solid #999;position:relative;}
.perfomanceLink {width: 90%; float: left;}
.perfomanceBlock img {width: 27.5%;float:left;margin-right:1%;}
.perfomanceBlock h4 {color:#990000;padding: 10px 0;font-size: 1.5em;}
.perfomanceBlock span {color:#777;margin-right:1%;}
.perfomanceBlock p {padding: 0;margin: 0;}
.perfomanceBlock h5 {color: red; font-weight: 700;}
.perfomanceLeft {text-align: right;position: absolute;right: 9%;left: 0;}
.perfomanceLeft h4 {color:grey;}
.perfomanceBlock:hover {cursor:pointer;background:bisque;}
.orderTicketButton {margin-right: 0px; float: right;width: 7.9%;}
.orderTicketButton img {width: 100%;}
.orderTicketButton img:hover {-webkit-filter: hue-rotate(150deg);filter: hue-rotate(150deg);}


.polovinka {
 width: 100%;
 position: relative;
}
.polovinka ul {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 100%;
}
.polovinka li {
 display: inline-block;
 width: 360px;
 vertical-align: top;
 position: relative;
 margin-bottom: 10px;
 padding: 5px;
}
.polovinkaBlock img {display: inline !important; width: 100%; height: auto;}
.polovinkaBlock:hover {cursor:pointer;background:#990000;color:#f6f2ec;}
.polovinkaBlock:hover div,.polovinkaBlock:hover h3,.polovinkaBlock:hover span {color:#f6f2ec;}

.spektakli p {padding: 0;line-height: 140%;margin-bottom: 5px;}
.spektakli h3 {font-size: 1.6em;}
.spektakli .clearfix::after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.a_datel {width: 60%;float: left;}
.a_dater {margin-left: 61%;}
.spektakli h3, .spektakli h4 {margin: 0 0 10px 0;}
.a_img img {width: 100%;}

@media (max-width: 1024px) {
 .af_chislo {font-size: 5em;}
 .af_mesjac {font-size: 1.3em;}
 .af_text p {font-size: 0.9em;}
 .af_text h4 {font-size: 1.4em;}
 .slide-text {font-size: 1.0em;}
 .a_chislo {font-size: 2.4em !important;}
 .a_mesyac {font-size: 1.1em !important;}
 .a_den {font-size: 0.74em !important;}
 .afishki h5 {font-size: 88% !important;}
 #s5_search_wrap {margin-left: 20px; margin-right: 10px;}
 #s5_nav li a {font-size: 0.8em;}
 #mainnav .nav > li > a {font-size: 13px;}
 .sitebvi {font-size: 12px!important;}
 .gover {width: 60%;}
 .perfomanceBlock h4 {padding: 6px 0 !important;}
 .perfomanceBlock h5 {margin: 0;}
 .perfomanceBlock p {line-height: 140%;font-size: 0.9em !important;}
}

@media (min-width: 768px) and (max-width: 979px) {
 p {line-height: normal;}
 .af_chislo {font-size: 5em;}
 .af_date {width: 25%;}
 .af_text {margin-left: 28%;}
 .af_mesjac {font-size: 1.2em;}
 .af_text p {font-size: 0.8em;}
 .af_text h4 {font-size: 1.3em;}
 .slide-text {font-size: 0.9em;}
 .a_chislo {font-size: 1.8em !important;}
 .a_mesyac {font-size: 0.9em !important;}
 .a_den {font-size: 0.5em !important;}
 .afishki h5 {font-size: 77% !important;}
 .gover {width: 57%;}
 .spektakli .a_kogda h3, .spektakli .a_kogda p {font-size: 77% !important;}
 .spektakli h4 {margin: 10px 0 10px 0;}
 .sitebvi {font-size: 9px!important;}
 .perfomanceBlock h4 {padding: 5px 0 !important;font-size: 1.3em !important;}
 .perfomanceBlock h5 {margin: 0;}
 .perfomanceBlock p {font-size: 0.9em !important;}
 .socialochka .fa-stack {width: 1.5em;height: 1.5em;line-height: 1.5em;}
 .socialochka .fa-stack-2x {font-size: 1.5em;}
}

@media (max-width: 960px) {
 .perfomanceBlock h4 {margin: 5px 0;padding: 0;font-size: 1.1em !important;}
 .perfomanceBlock h5 {font-size: 1em !important;padding: 0;margin: 0;}
 .perfomanceBlock p {font-size: 0.7em !important;}
 .artist-wrapper {width: 50% !important;}
 .socialochka .fa-stack {width: 1.5em;height: 1.5em;line-height: 1.5em;}
 .socialochka .fa-stack-2x {font-size: 1.5em;}
 .sitebvi {font-size: 9px!important;}
 .fa-inverse::before {font-size: 0.9em !important;}
 .korzina {right: 0;}
}

@media (max-width: 767px) {
 #socfixed {display:none;} 
 .gover {width: 57%;}
 .dvadcatpyatka li {width: 47%;}
 .mosru {text-align: center;}
 .spektakli h4 {margin: 10px 0 10px 0;}
 .sitebvi {font-size: 8px!important;}
 .fa-inverse::before {font-size: 0.8em !important;} 
}

@media (max-width: 640px) {
 .a_chislo {font-size: 1.4em !important;}
 .a_mesyac {font-size: 0.7em !important;}
 .a_den {font-size: 0.4em !important;}
 .afishki h5 {font-size: 60% !important;}
 .skryt {display:none;}
 .spektakli h4 {margin: 10px 0 10px 0;}
 .levkol {width: 100% !important; float: none !important;}
 .pravkol {margin-left: 0 !important;}
 .gover {width: 100%;}
 .shapka-cont { flex-flow: column nowrap; justify-content: center; align-items: center!important;}
 .shapka-box {margin-top: 10px;}
 .sezon {font-size: 0.6em;}
 .yach50 {width: 100%;}
}

@media (max-width: 480px) {
 .afishki, .skritiy {display: none;}
 .dvadcatpyatka li, .pyatdesyat li { width: 100%; padding: 0;}
 .artist-wrapper {width: 100% !important;}
 #reklamniy .container .djslider-loader {margin: 10px auto;}
 .fotka, .fotka-right {width: 100%;margin: 0;max-width: 480px;}
 .korzina {right: 0;}
 .spektakli .fittext__dash {padding: 0;width: 100%;}
}

.blspektakl {width: 98%;display: block;margin-bottom: 20px;padding: 1%;border-top-style: dotted; border-width: 1px; border-color: #990000;}

.sp_blmr {width: 95%;}

.sp_bl2 img {max-width: 34%!important;float: left;margin-right: 2%;}

.sp_lev {text-align: right;margin-right: 10px;}

.sp_vremya, .sp_den, .sp_dlina, .sp_bil_st, .nalichie {color: #333;}
.sp_date {font-weight: 700;}
.sp_new {font-weight: 700;color:#990000;}

.sp_bloki {overflow: hidden;}
.sp_bloki DIV {float: left;}
.sp_bl1 {width: 30%;}
.sp_bl2 {width: 70%;}
.sp_ris {position: relative;display: block;}
.prodanoimg {margin: 0;position: absolute;left: 0; animation-name: blink; animation-timing-function: ease; animation-duration: 2s; animation-iteration-count: infinite;}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.pushka, .qrcode2021 {margin: 0;position: absolute;left: 0;top: 0;}

.artist-wrapper {
	display: block;
	width: 33.333%;
	float: left;
	transition: width .2s;
	margin-bottom: 20px;
}

.artist {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 0;
}
.artists {
	list-style: none;
	margin: 0;
	padding: 0;
}
.artist-photo {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}
.artist-photo img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	transition: transform .4s ease-out;
	border-bottom-style: outset;
	border-width: 3px;
	border-color: #CC0000;
}
.artist:hover .artist-photo img {
	transform: scale(1.05);
}

.artist-wrapper p {text-align: center;font-weight: 700;}
.mod_accessibility {text-align: center;line-height: normal;}
.new-anons-left {
	float: left;
	width: 40%;
	height: 40px;
	display: block;
}
.new-anons-right {
	width: 40%;
	height: 40px;
	margin-left: 59%;
	display: block;
}
.pull-left {margin-bottom: 20px;}

.page-header:before {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
}

.festival {background-color: #fff0f5;border: none!important;}

.kupito .kupit_on a {width: 200px;text-align: center;color: #ffcc00;}
.kupit_on a {color: #ffcc00;}

#contakty {background-color: #757575;color: #ffffff;}
#contakty .module-title {color: #ffffff;}
#podpiska {background-color: #BDBDBD;color: #212121;}
#podpiska .acymailing_module_form td {padding: 0 10px;}
#kroshka .container {padding:10px 0;color: #4b453e;background-color: #e3e3e3;}
#kroshka .breadcrumb {margin: 0;font-weight: unset;}
#kroshka ul {
 list-style-position:inside;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis; 
}
#kroshka {background-color: #e3e3e3;}
#kroshka .breadcrumb .pathway, #mainnav .nav > li > a {font-weight: unset;}
#kroshka .breadcrumb > li {text-shadow: none;}
#kroshka .breadcrumb > .active, #kroshka .breadcrumb .pathway {color: #000;}
.item-page .item-image {width: 100%; margin: 0 0 30px 0;}
.item-page .page-header h2 {font-size: 2em;}
#kroshka a {color: #4b453e;}
#kroshka a:hover {color: #000;}
#footer {
 border-top: 1px solid #212121;
 color: #FFCDD2;
 font-size: 12px;
 background-color: #212121;
}
#footer .nav {text-align: left;}
#footer .nav > li > a {color: #FFCDD2;}
#footer .nav > li > a:hover {color: #fff;}
.item-image {max-height: unset;}
.item-image img {width: 100%;}
#back-to-top .btn {background-color: #900;color: #fff;padding: 4px 12px;}

.shapka-cont {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}
.shapka-box {
 flex: 0 1 auto;
}

.otkryv {
  display: flex;
  justify-content: center;
}

.otkryv details {
  width: 100%;
}

.otkryv summary {
  cursor: pointer;
  padding: 15px;
  margin-bottom: 20px;
}

h1 {font-size: 1.5em;}
h2, .item-page .page-header h2, .items-row .item .item-title {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;color: #666666;}
h6 {font-size: 1em;}
