/*
 *  elements
 */

* { padding: 0; margin: 0; }

body {
	font: normal 16px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

body.white {
	background-color: #fff;
}

body.gray {
	background-color: #676767;
}

a img {
	border: none;
}

/*
 *	commons
 */

.wrapper {
	width: 1532px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 0.01em;
}

.times {
	font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
}

.no-right-margin {
	margin-right: 0 !important;
}

.dark {
	background: url(../images/dark.png);
	color: #fff;
}

#viewport {
	position: relative;
	overflow: hidden;
}

/*
 *	top
 */

#top {
	position: relative;
	height: 169px;
}

#top .logo {
	display: block;
	position: absolute;
	left: 0;
	top: 39px;
	width: 645px;
	height: 90px;
	padding: 22px 0 0 131px;
	background: url(../images/logo.png) no-repeat left top;
	text-decoration: none;
}

.gray #top .logo,
.gray #top .department,
.gray #top .special {
	color: #fce5b0;
}

.white #top .logo,
.white #top .department,
.white #top .special {
	color: #9c1006;
}

#top .department {
	display: block;
	position: absolute;
	left: 131px;
	top: 41px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

#top .logo .title {
	display: block;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
}

#theme-switcher {
	display: block;
	position: absolute;
	left: 800px;
	top: 64px;
	width: 65px;
	height: 14px;
	line-height: 14px;
	padding-top: 29px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/switcher.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
}

.white #theme-switcher {
	background-position: left top;
	color: #000;
}

.white #theme-switcher .g {
	display: none;
}

.gray #theme-switcher {
	background-position: right top;
	color: #fff;
}

.gray #theme-switcher .w {
	display: none;
}

#top .links {
	position: absolute;
	left: 912px;
	top: 59px;
	/*width: 180px;*/
}

#top .links .buttons {
	height: 27px;
	margin-bottom: 7px;
}

#top .links .social {
	display: block;
	float: left;
	width: 26px;
	height: 27px;
	margin-right: 5px;
	background: #6a6b6c;
	-webkit-box-shadow: 3px 4px 12px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 3px 4px 12px 0px rgba(0,0,0,0.12);
	box-shadow: 3px 4px 12px 0px rgba(0,0,0,0.12);
}

#top .links .social:hover {
	background: #6996c7 !important;
}

#top .links .social img {
	width: 26px;
	height: 27px;
	object-fit: contain;
	object-position: center;
}

#top form {
	position: relative;
	height: 27px;
	width: 47px;
	margin-right: 24px;
}

#top form div {
	position: absolute;
	right: 0;
	top: 0;
	height: 27px;
	display: flex;
	align-items: center;
	column-gap: 8px;
}

#top form input {
	display: none;
	width: 150px;
	height: 25px;
	padding: 0 6px;
	font-size: 13px;
	border: 1px solid #aba8a8;
	background: #6a6b6c;
}

#top form.hovered input {
	display: block;
}

#top form button {
	display: block;
	float: left;
	width: 47px;
	height: 27px;
	text-align: center;
	font-size: 13px;
	border: 2px solid #aba8a8;
	background: #6a6b6c;
	cursor: pointer;
}

.gray #top form button,
.gray #top form input {
	color: #aba8a8;
}

.white #top form button,
.white #top form input {
	color: #010101;
}

#top .links .languages {
	font-size: 14px;
	line-height: 16px;
}

.gray #top .links .languages {
	color: #fce5b0;
}

.gray #top .links .languages a {
	color: #fce5b0;
}

.gray #top .links .languages a.active {
	color: #fff !important;
	text-decoration: none;
}

.white #top .links .languages {
	color: #000;
}

.white #top .links .languages a {
	color: #93130a;
}

.white #top .links .languages a.active {
	color: #000 !important;
	text-decoration: none;
}

#top .cassa {
	position: absolute;
	left: 1117px;
	top: 54px;
	width: 120px;
	padding-left: 33px;
	background: url(../images/clock.png) no-repeat 0 5px;
	font-size: 14px;
}

.gray #top .cassa {
	color: #fce5b0;
}

.white #top .cassa {
	color: #000;
}

#top .phones {
	position: absolute;
	right: 0;
	top: 37px;
	width: 193px;
	min-height: 65px;
	padding-left: 56px;
	background: url(../images/phone.png) no-repeat 0 16px;
}

#top .phones .header {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 3px;
}

.gray #top .phones .header {
	color: #fff;
}

.white #top .phones .header {
	color: #000;
}

#top .phones .phone {
	font-size: 22px;
}

.gray #top .phones .phone {
	color: #fce5b0;
}

.white #top .phones .phone {
	color: #000;
}

#top .season {
	position: absolute;
	left: 130px;
	top: 124px;
	font-size: 20px;
	font-style: italic;
	color: #93130a;
}

#top .useful-links {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 8px;
}

#top .special {
	display: block;
	/*position: absolute;
	left: 800px;
	top: 124px;*/
	font-size: 20px;
	text-transform: uppercase;
	background: url(../images/eye.png) no-repeat left top;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 40px;
}

.framed #top .special {
	/*left: 300px !important;
	top: 150px !important;*/
}

#top .cabinet {
	display: block;
	/*position: absolute;
	right: 0;
	bottom: 8px;
	width: 249px;*/
	padding: 0 32px;
	margin-left: 24px;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	color: #fce6b1;
	background: #93130a;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
}

/*
 *	menu
 */

#menu {
	/*height: 47px;*/
	padding: 8px 0;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	background: #93130a;
	overflow: hidden;
}

#menu a {
	text-decoration: none;
	color: #fce5b0;
}

#menu a.active {
    color: #fff;
}

#menu span {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 12px;
	font-size: 0.01em;
	vertical-align: text-top;
	background: url(../images/menu-delim.png) no-repeat left top;
}

/*
 *	partners
 */

#partners {
	min-width: 1532px;
	margin: 32px 0 16px;
	background: #fff;
	padding: 10px 0 20px;
	line-height: 60px;
}

#partners .informational {
	float: right;
	width: 750px;
}

#partners .government {
	float: left;
	width: 270px;
}

#partners .general {
	float: left;
	width: 480px;
}

#partners .header {
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 16px;
}

#partners .informational .header {
	text-indent: 20px;
}

#partners a {
	text-decoration: none;
	margin-right: 24px;
}

#partners img {
	vertical-align: middle;
}

/*
 *	footer
 */

#footer {
	min-width: 1532px;
	margin: 16px 0 0;
	padding: 30px 0 16px;
	border-top: 1px solid #5c5959;
}

.gray #footer {
	color: #fff;
}

.gray #footer a {
	color: #fff;
}

.white #footer {
	color: #000;
}

.white #footer a {
	color: #000;
}

#footer .info {
	float: left;
	width: 364px;
	font-size: 13px;
}

#footer .logo {
	margin-bottom: 24px;
}

#footer .logo a {
	display: block;
	width: 212px;
	height: 56px;
	padding: 11px 0 0 96px;
	background: url(../images/footer-logo.png) no-repeat left top;
	text-decoration: none;
}

#footer .social-links {
	display: none;
}

#footer .contacts {
	margin: 24px 0;
}

#footer .typo {
	margin: 24px 0 4px;
}

.gray #footer .typo span {
	color: #fde8b3;
}

.white #footer .typo span {
	color: #9c1006;
}

#footer .counters {
	margin: 4px 0 16px;
}

#footer .more-links {
	margin: 16px 0 0;
	text-align: center;
	padding-right: 16px;
}

#footer .more-links img {
	vertical-align: top;
	max-width: 100%;
}

#footer .developers {
	/*margin: 32px 0 0;*/
}

#footer .column {
	float: left;
	width: 190px;
	margin-left: 4px;
}

#footer .column dt {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 14px;
}

.gray #footer .column dt {
	color: #fce3ae;
}

.white #footer .column dt {
	color: #9d1006;
}

#footer .column dd {
	margin: 14px 0;
	font-size: 13px;
}

#footer .column .last {
	margin-bottom: 24px !important;
}

#footer .link {
	margin: 20px 0;
	font-size: 14px;
	line-height: 18px;
}

#footer .link a {
	padding: 1px 0 1px 25px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
}

.gray #footer .link a {
	color: #fce5b0;
}

.white #footer .link a {
	color: #000;
}

#footer .link.yandex a {
	background-image: url(../images/yndx.png);
}

#footer .link.sitemap a {
	background-image: url(../images/sitemap.png);
}

#footer .clear-mini {
    display: none;
}

/*
 *	breadcrumbs
 */

#breadcrumbs {
	margin: 21px 0 18px;
	font-size: 13px;
}

.gray #breadcrumbs {
	color: #fce6b1;
}

.gray #breadcrumbs a {
	color: #fce6b1;
}

.gray #breadcrumbs span {
	color: #c2c2c2;
}

.white #breadcrumbs {
	color: #000;
}

.white #breadcrumbs a {
	color: #000;
}

.white #breadcrumbs span {
	color: #000;
}

/*
 *	offers
 */

.offers {
	position: relative;
}

.offers .blk {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.offers a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
}

.offers a.list {
 	display: block;
	padding: 60px 0 0;
	height: 114px !important;
	text-align: center;
	background: url(../images/tickets.jpg) no-repeat left -76px;
}

.offers span {
	display: block;
}

.offers .line1 {
	font-size: 20px;
	line-height: 22px;
}

.offers .line2 {
	font-size: 35px;
	line-height: 39px;
	font-weight: bold;
	text-transform: uppercase;
}

.offers .markers {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 528px;
	height: 6px;
	line-height: 6px;
	text-align: right;
}

.offers .markers a {
	display: inline-block;
	width: 6px;
	height: 6px;
	font-size: 0.01em;
	text-decoration: none;
	background-image: url(../images/feat-markers.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	vertical-align: middle;
}

.offers .markers a.active {
	background-position: right bottom;
}

/*
 *	subscribe
 */

.subscribe a {
	display: block;
	padding: 24px 0 0;
	height: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/subscribe.jpg) no-repeat left top;
}

.subscribe span {
	display: block;
}

.subscribe .header {
	font-size: 19px;
	line-height: 23px;
	margin-bottom: 16px;
	color: #fce6b1;
	text-transform: uppercase;
}

.subscribe .brief {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	padding: 0 12px;
}

/*
 *	tickets
 */

.tickets a,
.offers a.tickets {
	display: block;
	width: 100%;
	height: 100%;
	/*
	line-height: 326px;
	*/
	line-height: 184px;
	text-align: center;
	text-decoration: none;
	/*
	color: #fff;
	*/
	color: #93130a;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: bold;
	background: url(../images/tickets2.jpg) no-repeat left top;
	/*
	background: url(../images/tickets.jpg) no-repeat left top;
	*/
}

/*
 *	sidebar
 */

#sidebar {
	float: left;
	width: 368px;
}

#sidebar .dice {
	width: 368px;
	margin-bottom: 20px;
}

#sidebar .dice img {
	max-width: 100%;
}

#sidebar .row1 {
	height: 174px;
}

#sidebar .row2,
#sidebar .row3 {
	height: 368px;
}

/*
 *	sidebar playbill
 */

#sidebar .playbill {
	position: relative;
	background: #000;
	overflow: hidden;
}

#sidebar .playbill .slide,
#sidebar .playbill .image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 194px;
}

#sidebar .all {
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 4px;
}

#sidebar .all a {
	color: #fce6b1;
}

#sidebar .playbill .header {
	position: absolute;
	left: 0;
	top: 194px;
	width: 100%;
	height: 25px;
	background: #181818;
}

#sidebar .playbill .month {
	position: absolute;
	left: 0;
	top: 0;
	width: 113px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 10px;
}

#sidebar .playbill .month a {
	color: #8c8c8c;
	text-decoration: none;
}

#sidebar .playbill .month a.current {
	margin: 0 0.75em;
}

#sidebar .playbill .header table {
	position: absolute;
	right: 0;
	top: 0;
	width: 248px;
	height: 25px;
	border-spacing: 1px 0;
	table-layout: fixed;
}

#sidebar .playbill .header td {
	font-size: 10px;
	color: #8c8c8c;
	text-align: center;
}

#sidebar .playbill .days {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 248px;
	height: 145px;
}

#sidebar .playbill .days table {
	width: 100%;
	border-spacing: 1px 1px;
	table-layout: fixed;
}

#sidebar .playbill .days td {
	height: 22px;
	background: #323232;
	text-align: center;
	font-size: 13px;
	color: #8c8c8c;
}

#sidebar .playbill .days td.other {
	background: #181818 !important;
}

#sidebar .playbill .days td.current {
	background: #93130a !important;
}

#sidebar .playbill .days a {
	text-decoration: none;
	color: #fff;
}

#sidebar .playbill .days .current a {
	color: #fce5af;
}

#sidebar .playbill .play/*,
#sidebar .playbill .info*/ {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 113px;
	height: 145px;
	/*overflow: hidden;*/
}

#sidebar .playbill .play .date {
	position: absolute;
	left: 0;
	top: -69px;
	width: 125px;
	height: 40px;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
	background: url(../images/dark.png);
}

#sidebar .playbill .play .date a {
	text-decoration: none;
	color: #fff;
}

#sidebar .playbill .play .time {
	/*font-size: 32px;
	line-height: 34px;
	text-align: center;*/
	font-size: 10px;
	color: #fff/*#c33e36*/;
	margin: 6px 0 0 6px;
}

#sidebar .playbill .play .time.single {
	font-size: 32px !important;
	line-height: 34px;
	text-align: center;
	margin: 0 !important;
}

/*
#sidebar .playbill .play .age {
	float: right;
	margin: 14px 0 0;
	width: 29px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(../images/u-red.png) no-repeat left top;
	font-size: 11px;
	color: #fff;
}

#sidebar .playbill .play .detail {
	float: left;
	margin: 6px 0 0 6px;
	width: 78px;
}
*/

#sidebar .playbill .play .title {
	font-size: 11px;
	margin: 0 0 4px 6px;
}

#sidebar .playbill .play .title a {
	color: #fce6b1;
}

#sidebar .playbill .play .kind {
	margin: 6px 0 0 6px;
	font-size: 10px;
	color: #fff;
}

#sidebar .playbill .markers {
	position: absolute;
	right: 8px;
	top: 180px;
	width: 350px;
	height: 6px;
	line-height: 6px;
	text-align: right;
}

#sidebar .playbill .markers a {
	display: inline-block;
	width: 6px;
	height: 6px;
	font-size: 0.01em;
	text-decoration: none;
	background-image: url(../images/feat-markers.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 3px;
	vertical-align: middle;
}

#sidebar .playbill .markers a.active {
	background-position: right bottom;
}

/*
 *	content
 */

#content {
	float: left;
	width: 1144px;
	margin-right: 20px;
}

#content h1 {
	font-size: 35px;
	line-height: 42px;
	font-weight: normal;
	margin-bottom: 1em;
}

.gray #content h1 {
	color: #fce5b0;
}

#play-list #content {
	margin-bottom: 48px
}

/*
 *	content about-top
 */

#content .about-top {
	display: grid;
	grid-template-columns: repeat(2, 562px);
	grid-auto-rows: 368px;
	column-gap: 20px;
	row-gap: 20px;
}

#content .about-top .block {
	display: block;
	position: relative;
	width: 562px;
	height: 368px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#content .about-top .block.history {
	background-image: url(../images/history.jpg);
}

#content .about-top .block.play-history {
	background-image: url(../images/play-history.jpg);
}

#content .about-top .block.photo-archive {
	background-image: url(../images/photo-archive.jpg);
}

#content .about-top .block.archive {
	overflow: hidden;
}

#content .about-top .block.archive.bg {
	background-image: url(../images/img_1819.jpg);
}

#content .about-top .block.archive img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#content .about-top .block.archive .markers {
	display: block;
	position: absolute;
	right: 14px;
	bottom: 72px;
	width: 528px;
	height: 6px;
	line-height: 6px;
	text-align: right;
}

#content .about-top .block.archive .markers i,
#content .about-top .block.archive .markers a {
	display: inline-block;
	width: 6px;
	height: 6px;
	font-size: 0.01em;
	text-decoration: none;
	background-image: url(../images/feat-markers.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 3px;
	vertical-align: middle;
}


#content .about-top .block.archive .markers i.active {
	background-position: right bottom;
}

#content .about-top .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	text-transform: uppercase;
}

#content .about-top .dark {
	color: #fce6b1;
}

/*
 *	content about-links
 */

#content .about-links {
	height: 173px;
	padding: 1px 0 0;
	background: url(../images/about-links.jpg) no-repeat 50% 50%;
	margin-bottom: 20px;
}

#content .about-links ul {
	margin: 20px 0 0 18px;
	padding: 6px 24px;
	width: 270px;
	list-style: none;
	text-transform: uppercase;
}

#content .about-links li {
	margin: 4px 0;
}

#content .about-links a {
	color: #fce6b1;
}

/*
 *	map-holder
 */

#map-holder {
	position: relative;
	width: 100%;
	height: 562px;
}

#map-holder .bg,
#map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#map-holder .bg {
	background: url(../images/map-bg.jpg) no-repeat left top;
}

#map-holder .info {
	position: absolute;
	right: 36px;
	top: 28px;
	width: 357px;
	padding: 16px 16px 4px 21px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(154,143,144,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(154,143,144,0.75);
	box-shadow: 1px 1px 1px 0px rgba(154,143,144,0.75);
}

#map-holder .info p {
	margin: 0 0 1em;
	font-size: 14px;
}

#map-holder .info p.title {
	font-size: 16px !important;
}

#map-holder .info p.cassa {
	font-weight: bold;
	color: #9c1006;
}

#map-holder .info a {
	color: #000;
}

#map-holder .marker {
	position: absolute;
	left: 523px;
	top: 319px;
	width: 79px;
	height: 84px;
	background: url(../images/map-marker.png) no-repeat left top;
}

/*
 *	content portrait
 */

#content .portrait {
	float: left;
	position: relative;
	width: 368px;
	height: 562px;
	margin-bottom: 20px;
}

#content .portrait.not_third {
	margin-right: 20px;
}

#content .portrait .image,
#content .portrait .image a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#content .portrait .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#content .portrait .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
}

#content .portrait a {
	text-transform: uppercase;
	color: #fce6b1;
}

/*
 *	play-list-header
 */

#play-list-header {
	margin: 18px 0 50px;
}

#play-list-header span.mobi-disclaimer {
	display: none;
}

#play-list-header .links {
	float: right;
	margin: 9px 6px 0 0;
	font-size: 15px;
	text-align: right;
}

#play-list-header .download {
	margin-right: 1em;
}

.gray #play-list-header .links a {
	color: #fce5b0;
}

.white #play-list-header .links a {
	color: #93130a;
}

.gray #play-list-header .links span {
	color: #fff;
}

#play-list-header h1 {
	float: left;
	width: 194px;
	font-size: 35px;
	line-height: 39px;
	font-weight: normal;
}

.gray #play-list-header h1 {
	color: #fce5b0;
}

.white #play-list-header h1 {
	color: #93130a;
}

#play-list-header .selectors {
	float: left;
	width: 700px;
}

#play-list-header .monthes {
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	margin-bottom: 21px;
}

#play-list-header .monthes a {
	margin-right: 1em;
}

#play-list-header .mobi-kinds {
	display: none;
}

.gray #play-list-header .monthes a {
	color: #fce5b0;
}

.gray #play-list-header .monthes a.active {
        color: #93130a !important;
}

.white #play-list-header .monthes a {
	color: #93130a;
}

.white #play-list-header .monthes a.active {
        color: #000 !important;
}


/*
 *	selector
 */

.selector a {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 14px;
	background: #676767;
	border: 2px solid #aba8a8;
	text-decoration: none;
	font-size: 13px;
	color: #d8d8d8;
	margin-bottom: 0.35em;
}

.selector a.active {
	background: #93130a !important;
	border-color: #93130a !important;
	color: #fce5b0 !important;
}

.selector a.print {
	background: #93130a !important;
	border-color: #93130a !important;
	color: #fff !important;
}

/*
 *	play-list
 */

#play-list {
	float: left;
	width: 1268px;
}

#play-list .play {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #9d9d9d;
}

#play-list .play .date {
	float: left;
	width: 132px;
}

.gray #play-list .play .date {
	color: #fce5b0;
}

.white #play-list .play .date {
	color: #93130a;
}

#play-list .play .date span {
	display: block;
}

#play-list .play .day {
	font-size: 100px;
	line-height: 92px;
}

#play-list .play .month,
#play-list .play .time {
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
}

#play-list .play .weekday {
	font-size: 16px;
	line-height: 18px;
}

.gray #play-list .play .weekday {
	color: #fff;
}

#play-list .poster {
	float: left;
	position: relative;
	width: 237px;
	height: 243px;
}

#play-list .poster .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#play-list .poster .image a {
	display: block;
	width: 100%;
	height: 100%;
}

#play-list .poster .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#play-list .age {
	position: absolute;
	right: 2px;
	bottom: 7px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: url(../images/mini-red.png) no-repeat left top;
	font-size: 17px;
	color: #fff;
}

#play-list .premier {
	position: absolute;
	left: -17px;
	top: 1px;
	width: 84px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	padding: 19px 10px 9px 0;
	background: url(../images/premier.png) no-repeat left top;
	font-size: 14.55px;
	color: #fce5b0;
}

#play-list .detail {
	float: left;
	width: 736px;
	margin-left: 15px;
}

#play-list .info {
	float: left;
	width: 397px;
}

#play-list .band {
	width: 397px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	padding: 14px 0 5px;
	margin-bottom: 10px;
	background: url(../images/band.png) no-repeat left top;
	font-size: 14.55px;
	color: #fce5b0;
}

#play-list h2 {
	margin: 0 0 12px 18px;
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
}

.gray #play-list h2 a {
	color: #fce5b0;
}

.white #play-list h2 a {
	color: #93130a;
}

#play-list .brief {
	margin: 12px 0 12px 18px;
}

.gray #play-list .brief {
	color: #fff;
}

.gray #play-list .brief a {
	color: #fce5b0;
}

.white #play-list .brief a {
	color: #93130a;
}

#play-list .links {
	margin: 0 0 0 18px;
	font-size: 15px;
	line-height: 17px;
}

#play-list .links a {
	margin-right: 1.5em;
}

.gray .links a {
	color: #fce5b0;
}

.white .links a {
	color: #93130a;
}

#play-list .actors {
	margin-left: 403px;
}

#play-list .buy {
	float: left;
	width: 139px;
	margin-top: 52px;
}

#play-list .buy a {
	display: block;
	width: 139px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #9c1006;
	color: #fce6b1;
	font-size: 18px;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(27,21,21,0.39);
	-moz-box-shadow: 1px 1px 2px 0px rgba(27,21,21,0.39);
	box-shadow: 1px 1px 2px 0px rgba(27,21,21,0.39);
	margin-left: 6px;
}

#play-list .progress {
	display: none;
	margin: 30px 0;
	padding: 10px;
	border: 1px solid #9d9d9d;
}

#play-list .wait {
	height: 28px;
	background: url(../images/partial2.gif) no-repeat 50% 50%;
}

#play-list .error {
	display: none;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.gray #play-list .error {
	color: #fff;
}

.gray #play-list .error a {
	color: #fce5b0;
}

.white #play-list .error a {
	color: #93130a;
}

/*
 *	staff
 */

.staff {
	font-size: 16px;
	line-height: 28px;
}

.gray .staff {
	color: #fff;
}

.staff a {
	white-space: nowrap;
}

.gray .staff a {
	color: #fce5b0;
}

.white .staff a {
	color: #93130a;
}

.staff .debut,
.actors .debut {
	display: inline-block;
	vertical-align: middle;
	width: 54px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	padding: 4px 13px 5px 0;
	background: url(../images/debut.png) no-repeat left top;
	font-size: 13px;
	color: #fce5af;
}

/*
 *	pager
 */

.pager {
	margin: 24px 0;
	text-align: center;
}

.pager a {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}

.gray .pager a {
	color: #fce5b0;
}

.white .pager a {
	color: #000;
}

.pager a.active {
	background: #93130a;
	color: #fce5b0 !important;
}

/*
 *	posters
 */

#posters {
	float: left;
	width: 234px;
	margin-left: 28px;
}

.poster {
	margin-bottom: 16px;
}

.poster a,
.poster img {
	display: block;
}

/*
 *	sidemenu
 */

#sidemenu {
	float: left;
	width: 174px;
	margin-right: 20px;
	list-style: none;
	font-size: 18px;
}

.gray #sidemenu {
	color: #b7b7b7;
}

.white #sidemenu {
	color: #000;
}


#sidemenu li {
	margin: 0 0 0.5em;
}

.gray #sidemenu a {
	color: #fce5b0;
}

.white #sidemenu a {
	color: #93130a;
}

/*
 *	center
 */

#center {
	float: left;
	width: 950px;
	margin-right: 20px;
}

#center h1 {
	font-size: 25px;
	line-height: 31px;
	margin-bottom: 0.6em;
	font-weight: normal;
}

.gray #center h1 {
	color: #fff;
}

.white #center h1 {
	color: #93130a;
}

/*
 *	group-header
 */

#group-header {
	margin-bottom: 35px;
}

/*
 *	actor-list
 */

.actor-list {
	margin: 20px 0;
	border-bottom: 2px solid #9d9d9d;
}

.actor-list h2,
.actor-list h1 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 13px;
	font-weight: normal;
}

.gray .actor-list h2,
.gray .actor-list h1 {
	color: #fff;
}

.actor-list .actor {
	float: left;
	width: 174px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.actor-list .image {
	width: 174px;
	height: 300px;
	margin-bottom: 11px;
}

.actor-list .image a {
	display: block;
	width: 174px;
	height: 300px;
}

.actor-list .image a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.actor-list h3 {
	font-size: 17px;
	font-weight: normal;
}

.actor-list a {
	text-decoration: none;
}

.gray .actor-list a {
	color: #fce5b0;
}

.white .actor-list a {
	color: #93130a;
}

.actor-list .title {
	font-size: 15px;
}

.gray .actor-list .title {
	color: #b3b3b3;
}

/*
 *	hero
 */

#hero {
	position: relative;
	width: 100%;
	height: 661px;
	margin-bottom: 20px;
}

#hero .play {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#hero .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 1532px;
	height: 100%;
}

#hero .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 29px 18px 29px 34px;
	width: 1480px;
	font-size: 20px;
}

#hero .markers {
	position: absolute;
	right: 18px;
	top: 18px;
	width: 1412px;
	height: 6px;
	line-height: 6px;
	text-align: right;
}

#hero .markers a {
	display: inline-block;
	width: 6px;
	height: 6px;
	font-size: 0.01em;
	text-decoration: none;
	background-image: url(../images/feat-markers.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 3px;
	vertical-align: middle;
}

#hero .markers a.active {
	background-position: right bottom;
}

/*
 *	visit-dices
 */

#visit-dices {
	position: relative;
	height: 853px;
	margin-bottom: 32px;
}

#visit-dices .block {
	display: block;
	position: absolute;
}

#visit-dices .big {
	width: 562px;
	height: 562px;
	overflow: hidden;
}

#visit-dices .biggest {
	width: 756px;
	height: 562px;
	overflow: hidden;
}

#visit-dices .small {
	width: 368px;
	height: 271px;
}

#visit-dices .block .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 61px;
	line-height: 61px;
	text-align: center;
	text-transform: uppercase;
}

#visit-dices .block .bottom a,
#visit-dices .block span {
	color: #fce6b1;
	text-decoration: underline;
}

/*
 *	visit-dices spectators
 */

#visit-dices .spectators {
	position: absolute;
	right: 0;
	bottom: 0;
}

#visit-dices .spectators .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#visit-dices .spectators .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

#visit-dices .spectators .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 49px;
	padding-top: 12px;
	text-align: center;
}

#visit-dices .spectators .link {
	line-height: 18px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#visit-dices .spectators .link a {
	color: #fce6b1;
}

#visit-dices .spectators .brief {
	font-size: 13px;
	line-height: 15px;
}

#visit-dices .spectators .brief a {
	color: #fff;
}

/*
 *	visit-dices rules
 */

 #visit-dices .rules {
	right: 388px;
	bottom: 0;
	background: url(../images/rules.2.jpg) no-repeat center / cover;
}

/*
 *	visit-dices museum
 */

 #visit-dices .museum {
	left: 0;
	top: 0;
	background: url(../images/museum.jpg) no-repeat center / cover;
}

/*
 *	visit-dices etiquette
 */

 #visit-dices .etiquette {
	right: 0;
	top: 0;
	background: url(../images/etiquette/etiquette-cover.jpg) no-repeat center top / cover;
}

/*
 *	visit-dices tour
 */

#visit-dices .tour {
	left: 388px;
	bottom: 0;
	background: url(../images/tour.2.jpg) no-repeat center / cover;
}

/*
 *	visit-dices hall
 */

#visit-dices .hall {
	left: 0;
	bottom: 0;
	background: url(../images/hall.2.jpg) no-repeat center / cover;
}

/*
 *	content newitem
 */

#content .newitem,
#wide .content .newsitem {
	margin: 27px 0;
	padding-bottom: 25px;
	border-bottom: 2px solid #9d9d9d;
}

#content .newitem .date {
	float: left;
	font-size: 26px;
	font-weight: bold;
}

.gray #content .newitem .date,
.gray #wide .content .newitem .date {
	color: #fce5b0;
}

.white #content .newitem .date,
.white #wide .content .newitem .date {
	color: #93130a;
}

#content .newitem .image {
	float: left;
	width: 232px;
	text-align: center;
}

#content .newitem .info {
	margin-left: 235px;
}

#content .newitem.history .info {
	margin-left: 252px !important;
}

#content .newitem h2,
#wide .content .newitem h2 {
	font-size: 26px;
	line-height: 31px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.gray #content .newitem h2,
.gray #content .newitem h2 a,
.gray #wide .content .newitem h2,
.gray #wide .content .newitem h2 a {
	color: #fce5b0;
}

.white #content .newitem h2,
.white #content .newitem h2 a,
.white #wide .content .newitem h2,
.white #wide .content .newitem h2 a {
	color: #93130a;
}

/*
#content .newitem .lead {
	font-size: 14px;
}
*/

.gray #content .newitem .lead,
.gray #wide .content .newitem .lead {
	color: #fff !important;
}

.gray #content .newitem .lead .important,
.gray #wide .content .newitem .lead .important {
	margin-bottom: 0.75rem;
}

/*
 *	top-block
 */

#top-block {
	position: relative;
	width: 100%;
	height: 562px;
	margin-bottom: 36px;
	overflow: hidden;
}

#top-block .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#top-block h1.dark {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1500px;
	padding: 12px 16px 16px;
	font-size: 25px;
	font-weight: normal;
}

#top-block .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#top-block .info {
	margin-left: 508px;
	margin-right: 200px;
	padding-top: 28px;
	min-height: 88px;
}

#top-block .info h1 {
	font-size: 35px;
	line-height: 41px;
	font-weight: normal;
	color: #fce5b0;
}

#top-block .kind {
	font-size: 14px;
	line-height: 18px;
}

#top-block .right {
	float: right;
	width: 159px;
	margin: 26px 32px 0 0;
}

#top-block .right a {
	display: block;
	width: 159px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	background: #93130a;
	color: #fce5b0;
	font-size: 19px;
	margin-bottom: 9px;
}

#top-block .age {
	float: right;
	width: 40px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #93130a;
	color: #fce5b0;
	font-size: 13px;
}

#top-block .date {
	float: left;
	color: #fce5b0;
	font-size: 50px;
	font-weight: bold;
	line-height: 58px;
	margin-left: 25px;
}

#top-block .date a {
	display: none;
	width: 159px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	background: #93130a;
	color: #fce5b0;
	font-size: 19px;
}

/*
 *	text
 */

.text {
	font-size: 16px;
	line-height: 24px;
}

.gray .text {
	color: #fff;
}

.text p {
	margin: 1em 0;
	text-align: justify;
}

.text ul, .text ol {
	margin: 1em 0;
	padding: 0 0 0 1.2em;
}

.gray .text a {
	color: #fce5b0;
}

.white .text a {
	color: #93130a;
}

.text h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 1em 0;
}

.text h2:first-of-type {
	margin-top: 0;
}

.text h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 1em 0;
}

.gray .text .important,
.gray .text .important a {
	color: #fce5b0;
}

.white .text .important,
.white .text .important a {
	color: #93130a;
}

.text .big {
    font-size: 24px !important;
}

/*
 *	wide
 */

#wide {
	margin-bottom: 76px;
}

#wide h1 {
	font-size: 35px;
	line-height: 41px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.gray #wide h1 {
	color: #fce5b0;
}

/*
 *	wide content
 */

#wide .content {
	float: right;
	width: 1144px;
}

#wide .content.nosidebar {
	float: none !important;
	width: 100% !important;
}

#wide .nosidebar .yashare-auto-init {
	margin-bottom: 20px;
}

#wide .content .date {
	font-size: 13px;
	line-height: /*15px*/29px;
	/*margin-bottom: 1em;*/
	color: #b5b5b5;
}

#wide .content .lead,
#content .lead {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 1.5em;
	text-align: justify;
}

.gray #wide .content .lead,
.gray #content .lead {
	color: #fce5b0;
}

.white #wide .content .lead,
.white #content .lead {
	color: #93130a;
}

.gray #wide .content .lead a,
.gray #content .lead a {
	color: #fce5b0;
}

.white #wide .content .lead a,
.white #content .lead a {
	color: #93130a;
}

#wide .menu {
	padding-top: 20px;
	border-top: 2px solid #9d9d9d;
	margin-bottom: 20px
}

.menu .left {
	float: left;
}

.menu .right {
	float: right;
}

/*
 *	wide sidebar
 */

#wide .sidebar {
	float: left;
	width: 368px;
}

/*
 *	wide sidebar share-links
 */

#wide .sidebar .share-links {
	margin-bottom: 13px;
}

/*
 *	wide sidebar video
 */

#wide .sidebar .video {
	display: block;
	position: relative;
	width: 368px;
	height: 174px;
	text-decoration: none;
	margin-bottom: 20px;
	overflow: hidden;
}

#wide .sidebar .video .image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#wide .sidebar .video .play {
	display: block;
	position: absolute;
	left: 164px;
	top: 60px;
	width: 56px;
	height: 64px;
	background: url(../images/play.png) no-repeat left top;
}

#wide .sidebar .video-embed {
	margin-top: 2rem;
	position: relative;
  	padding-bottom: 56.25%;
  	height: 0;
}

#wide .sidebar .video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
 *	gallery
 */

.gallery {
	margin-top: 2rem;
}

.gallery a,
.gallery img {
	display: block;
	width: 174px;
	height: 174px;
}

.gallery .left {
	float: left;
}

.gallery .right {
	margin: 0 0 20px 194px;
}

/*
 *	repertory-header
 */

#repertory-header {
	height: 41px;
	margin-bottom: 20px;
}

#repertory-header h1 {
	float: left;
	font-size: 35px;
	line-height: 41px;
	font-weight: normal;
	margin-bottom: 0 !important;
}

.gray #repertory-header h1 {
	color: #fce5b0;
}

.white #repertory-header h1 {
	color: #93130a;
}

#repertory-header .selector {
	margin-left: 360px;
	padding-top: 9px;
}

/*
 *	content spactacle
 */

#content .spactacle {
	float: left;
	position: relative;
	width: 368px;
	height: 562px;
	margin-bottom: 20px;
}

#content .spactacle.not_third {
	margin-right: 20px;
}

#content .spactacle .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#content .spactacle .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#content .spactacle .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 47px;
	padding-top: 9px;
	text-align: center;
}

#content .spactacle h2 {
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 2px;
}

#content .spactacle h2 a {
	color: #fce5b0;
}

#content .spactacle .kind{
	font-size: 14px;
	line-height: 16px;
}

/*
 *	content spactacle
 */

#spectacle {
	margin-bottom: 30px;
}

#spectacle .info {
	float: left;
	width: 315px;
}

#spectacle .info h4 {
	margin-bottom: 6px;
}

.gray #spectacle .info h4 {
	color: #fff;
}

#spectacle .info ul {
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1rem;
}

#spectacle .info li {
	margin-bottom: 6px;
}

.gray #spectacle .info a {
	color: #fce5b0;
}

.white #spectacle .info a {
	color: #93130a;
}

#spectacle .info p {
	font-size: 14px;
	margin-bottom: 4px;
}

.gray #spectacle .info p {
	color: #fff;
}

#spectacle .actors {
	float: left;
	width: 500px;
	margin-left: 73px;
}

#spectacle .other {
	float: left;
	width: 500px;
	margin-left: 40px;
}

/*
 *	center sidebar
 */

#center .sidebar {
	float: left;
	width: 368px;
}

#center .sidebar .image {
	width: 368px;
	height: 562px;
	margin-bottom: 20px;
}

#center .sidebar .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#center .sidebar h3 {
	font-size: 25px;
	line-height: 31px;
	margin-bottom: 0.5em;
	font-weight: normal;
}

.gray #center .sidebar h3 {
	color: #fff;
}

#center .sidebar dl {
	margin-bottom: 20px;
	border-bottom: 2px solid #9d9d9d;
}

#center .sidebar dt {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 2px;
}

.gray #center .sidebar dt {
	color: #fff;
}

#center .sidebar dd {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 24px;
}

.gray #center .sidebar a {
	color: #fce5b0;
}

.white #center .sidebar a {
	color: #93130a;
}

#center .sidebar ul {
	list-style: none;
	font-size: 15px;
}

#center .sidebar li {
	margin-bottom: 1em;
}

/*
 *	center text
 */

#center .text {
	margin-left: 388px;
}

/*
 *	content sidebar
 */

#content .sidebar {
	float: left;
	width: 368px;
}

/*
 *	content with-gallery
 */

#content .with-gallery {
	margin-left: 388px;
}

/*
 *	auditorium
 */

.auditorium {
	text-align: center;
}

/*
 *	mediacontent
 */

#mediacontent {
	float: left;
	width: 1164px;
}

#mediacontent h1 {
	font-size: 25px;
	line-height: 31px;
	margin-bottom: 0.6em;
	font-weight: normal;
}

.gray #mediacontent h1 {
	color: #fff;
}

.white #mediacontent h1 {
	color: #93130a;
}

/*
 *	mediaobj
 */

.mediaobj {
	float: left;
	position: relative;
	width: 368px;
	height: 368px;
	margin: 0 20px 20px 0;
	overflow: hidden
}

.mediaobj .image {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
}

.mediaobj .image.photo {
	left: 0;
	width: 100%;
}

.mediaobj .image.video {
	left: -62px;
	width: 492px;
}

.mediaobj .image a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.mediaobj .image img {
	height: 100%;
}

.mediaobj .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px 8px 15px 27px;
	width: 333px;
	min-height: 80px;
}

.mediaobj .date {
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 8px;
	color: #fdebb5;
}

.mediaobj .link a {
	color: #fff;
	text-decoration: none;
}

/*
 *	mediaobj
 */

.flat-gallery {
}

.flat-gallery h3 {
	clear: both;
	margin-top: 32px;
	margin-bottom: 16px;
}

.gray .flat-gallery h3 {
	color: #fff;
}

.white .flat-gallery h3 {
	color: #93130a;
}

.flat-gallery a {
    display: block;
    float: left;
    width: 174px;
    height: 174px;
    margin: 0 20px 20px 0;
}

.grid-gallery {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px 20px;
	margin-bottom: 40px;
}

.grid-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*
 *	content form
 */

#content form,
#wide .content form {
	margin: 24px 0;
}

#content fieldset,
#wide .content fieldset {
	padding: 8px 0 8px 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

#content legend,
#wide .content legend {
	font-size: 20px;
	font-weight: bold;
	padding: 0 8px;
}

.gray #content legend,
.gray #wide .content legend {
	color: #fce5b0;
}

#content .row,
#wide .content .row {
	margin: 12px 0;
}

#content .row .cell,
#wide .content .row .cell {
	float: left;
	width: 540px;
	margin-right: 12px;
}

#content .row.address,
#wide .content .row.address {
	display: none;
}

#content .row label,
#wide .content .row label {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	height: 22px;
	line-height: 22px;
}

#content .row.checkbox label,
#wide .content .row.checkbox label {
	margin-left: 24px;
}

.gray #content .row label,
.gray #wide .content .row label {
	color: #fce5b0;
}

#content .row.input input,
#wide .content .row.input input,
#content .row.formset input.title {
	height: 32px;
	width: 518px;
	padding: 0 10px;
	line-height: 32px;
	border: 1px solid #666;
	font-size: 18px;
}

#content .row.input input,
#wide .content .row.input input {
	display: block;
}

#content .row.checkbox input,
#wide .content .row.checkbox input {
	display: block;
	float: left;
	margin-top: 4px;
}

#content .row.input select,
#wide .content .row.input select {
	display: block;
	height: 34px;
	width: 540px;
	line-height: 32px;
	border: 1px solid #666;
	font-size: 18px;
}

#content .row.textarea ul,
#wide .content .row.textarea ul {
	list-style: none;
}

#content .row.textarea li,
#wide .content .row.textarea li {
	float: left;
	margin-right: 12px;
}

#content .row.textarea textarea,
#wide .content .row.textarea textarea {
	display: block;
	height: 200px;
	width: 800px;
	padding: 4px 10px;
	border: 1px solid #666;
	font-size: 18px;
}

#content .submit,
#wide .content .submit {
	margin: 12px 0;
}

#content .submit button,
#wide .content .submit button {
	height: 36px;
	width: 132px;
	font-size: 18px;
}

#content .errorlist,
#wide .content .errorlist {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

#content .form-error,
#wide .content .form-error {
	padding: 6px;
	margin-right: 20px;
}

/*
 *	feedbacks
 */

.feedbacks {
	margin: 27px 0;
}

.feedbacks dt {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0.3em;
}

.gray .feedbacks dt {
	color: #fce5b0;
}

.gray .feedbacks dt a {
	color: #fce5b0;
}

.white .feedbacks dt a {
	color: #93130a;
}


.feedbacks dd {
	font-size: 20px;
}

.gray .feedbacks dd {
	color: #fff;
}

.feedbacks dd.bordered {
	margin-bottom: 27px !important;
	padding-bottom: 25px;
	border-bottom: 2px solid #9D9D9D;
}

.feedbacks p {
	margin: 0 0 1em;
	text-align: justify;
}

.feedbacks .answer {
	padding-left: 60px;
}

/*
 *  sitemap
 */

#sitemap {
    margin: 1em 0;
}

.gray #sitemap {
    color: #fff;
}

#sitemap, #sitemap ul {
    padding: 0 0 0 1.2em;
}

#sitemap li {
    margin: 0.2em 0;
}

.gray #sitemap a {
	color: #fde8b3;
}

.white #sitemap a {
	color: #9c1006;
}

/*
 *  dias
 */

.dias {
	float: left;
	width: 352px;
	margin: 6px 24px 12px 0;
	padding: 6px;
	border: 2px solid #9D9D9D;
}

.dias ul {
	list-style: none;
}

.dias li {
	margin: 4px 0;
}

.gray .dias a {
	color: #fde8b3;
}

.white .dias a {
	color: #9c1006;
}

.dias label {
	display: block;
	margin-bottom: 4px;
}

.gray .dias label {
	color: #fff;
}

.dias input {
	display: block;
	height: 32px;
	width: 330px;
	padding: 0 10px;
	line-height: 32px;
	border: 1px solid #666;
	font-size: 18px;
}

.dias button {
	height: 32px;
	width: 100px;
	font-size: 16px;
	color: #fce6b1;
	background: #93130a;
	border: none;
	cursor: pointer;
}

.dias form {
	margin: 0 0 6px !important;
}

/*
 *	content found
 */

#content .found {
	margin: 27px 0;
	padding-bottom: 25px;
	border-bottom: 2px solid #9d9d9d;
}

#content .found .image {
	float: left;
	width: 232px;
	text-align: center;
}

#content .found .image img {
	max-width: 232px;
}

#content .found.with-image .info {
	margin-left: 252px !important;
}

#content .found h2 {
	font-size: 26px;
	line-height: 31px;
	font-weight: normal;
	margin-bottom: 0.25em;
}

.gray #content .found h2 a {
	color: #fce5b0;
}

.white #content .found h2 a {
	color: #93130a;
}

.gray #content .found .lead {
	color: #fff !important;
}

#content .found .date {
	font-size: 14px;
	margin-bottom: 0.5em;
}

.gray #content .found .date {
	color: #fce5b0;
}

.white #content .found .date {
	color: #93130a;
}

.theatre2019 {
  margin-top: 2rem;
  text-align: center;
}

.theatre2019 img {
  width: 200px;
}

/*
 *	search-form
 */

#content .search-form {
	margin: 1rem 0;
}

#content .search-form input,
#content .search-form select {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.gray #content .search-form label {
	color: #fce5b0;
}

#content .search-form button {
	height: 32px;
	width: 100px;
	font-size: 16px;
	color: #fce6b1;
	background: #93130a;
	border: none;
	cursor: pointer;
}

/*
 *	archive-play-list
 */

.archive-play-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.archive-play-list .play {
	width: 368px;
	height: 368px;
	position: relative;
}

.archive-play-list .play .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.archive-play-list .play .image img {
	vertical-align: top;
	width: 100%;
	height: 100%;
}

.archive-play-list .play .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
}

.archive-play-list .play .bottom a {
	font-size: 16px;
	line-height: 18px;
	color: #fce5b0;
	display: inline-block;
	vertical-align: middle;
}

/*
 * scrollup
 */

.scrollup {
  width:40px;
  height:40px;
  line-height: 40px;
  position:fixed;
  bottom:50px;
  right:100px;
  outline: none;
  background-color: #93130a;
  text-align: center;
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), visibility 1s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 9999;
  border-radius: 50%;
}

.scrollup.scrolled-down {
  opacity: 0.75;
  visibility: visible;
}

.scrollup span {
	font-size: 40px
}

/*
 *	mobile-top
 */

.mobile-top,
.mobile-top-down,
.mobile-top-up,
.mobile-home,
.mobile-newsitems,
.mobile-performances,
.mobile-featured,
.mobi-flat-gallery,
.mobile-partners,
.mobi-pager,
.mobi-actor-events,
.mobi-all-events,
.mobi-caption {
	display: none;
}

.nosidebar .ya-share2 {
	padding-bottom: 2rem;
}

.nosidebar .share-with-heading {
	display: flex;
	align-items: center;
	column-gap: 2rem;
	padding-bottom: 2rem;
}

.nosidebar .share-with-heading .ya-share2 {
	padding-bottom: 0;
}

.nosidebar .share-with-heading .heading {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #9c1006;
	color: #fce6b1;
	font-size: 18px;
	text-decoration: none;
	box-shadow: 1px 1px 2px 0px rgba(27,21,21,0.39);
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 6px;
}

.sidebar .share-with-heading {
	display: flex;
	align-items: center;
	column-gap: 2rem;
}

.sidebar .share-with-heading .heading {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #9c1006;
	color: #fce6b1;
	font-size: 18px;
	text-decoration: none;
	box-shadow: 1px 1px 2px 0px rgba(27,21,21,0.39);
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 6px;
}

/*
 * ournet
 */

 .main-disclaimer {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(252, 229, 176, 0.5);
	z-index: 99999;
}

.main-disclaimer .viewport {
	position: relative;
}

.main-disclaimer a {
	display: block;
}

.main-disclaimer img {
	max-width: 80vw;
	max-height: 80vh;
	display: block;
}

.main-disclaimer img.mobile {
	display: none;
}

@media screen and (max-width: 768px) {

	.main-disclaimer img.desktop {
		display: none;
	}

	.main-disclaimer img.mobile {
		display: block;
	}

}

.main-disclaimer span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,0.5) url(../images/times.svg) no-repeat center / 60% 60%;
	cursor: pointer;
}

.main-disclaimer .ok {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0.5rem 0;
}

.main-disclaimer .ok a {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 200px;
	max-width: 100%;
	text-align: center;
	font-size: 1.5rem;
	background: #93130a;
	color: #fff;
	text-decoration: none;
}

.index-links {
	margin-top: 32px;
	margin-bottom: 16px;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

.index-links .line {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.index-links .line:last-of-type {
	margin-bottom: 0;
}

.index-links a {
	display: block;
	margin-right: 5rem;
}

.index-links a:last-of-type {
	margin-right: 0;
}

.index-links img {
	display: block;
}

.candle {
    padding: 0;
    text-align: center;
}

.candle img {
	transform: translate(-284px, -121px);
}

.mobi-inline {
	display: none !important;
}