@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
.row.flex {
    display: flex;
    flex-wrap: wrap;
}
.nocollapse .collapse {
    display: block !important;
}
body {
	font-family:'Open Sans',sans-serif;
	font-size: 13px;
	margin: 0 auto;
	color: #362309;
	width:100%;
	background-color:#fff;
}

.clear {
	clear: both;
}

.errors {
	color:#d5262d;
}
nav p{
	margin:5px 0;
}
form, fieldset {
	border-width: 0;	
}
a {
	outline:none;
	text-decoration: none;
	color:#6d6468;
}

a:hover{
	text-decoration: none;
	color:#362309;
	cursor:pointer;
}

a:focus{
	outline:none;
}

img {border:0; }

img, a, ul, li{ 
}


h1 {
	font-size:2em;
	padding:0 0 15px 0;
	color:#000;
	text-transform:uppercase;
	margin:0;
}

h2 {
	font-size:18px;
	padding:0px 0 10px 0;
}

h3 {
	font-size:15px;
	font-weight:bold;
	padding:5px 0;
}
#wrapper {
	position:relative;
	height:1200px;
	width:auto;
	margin:0 auto;
	overflow:hidden;
}
#header {
	position:relative;
	top:0px;
	height:339px;
	margin:0 auto;
	background:url(images/top.png) no-repeat center;
	margin-left:-17px;
}

a.logo{
	opacity:0.7;
	transition:all .5s;
	float:left;
	margin-right:20px;
	display:block;		
}

a:hover.logo{
	opacity:1;
	transition:all .5s;
}
.top-intro-capella{
	text-transform:uppercase;
}
.top-intro-capella-mobile{
	display:none;
	text-transform:uppercase;
}





.container-fluid{
	max-width:1300px;
}


	
	
	.dropdown-menu{border-radius:0; border:0;}
	.dropdown-menu > li > a{padding-top:10px; padding-bottom:10px;}

	.navbar-collapse.collapse.in{border-bottom:10px solid #eee;}
	.navbar{
		min-height:0; 
		background:#fff; 
		margin-bottom:0;
		float:right;
		border-radius:0;
		right:10%;
		top:15px!important;
		width:75%;
	}
	.navbar.nav{margin-left:0;}
	.navbar.nav ul{padding-left:0;}
	.navbar-nav{margin:0;}
	.navbar-toggle{
		background:#fff; 
		/*border:2px solid #eee; */
		border-radius:0; 
		position:fixed; 
		z-index:99; 
		right:0; 
		top:8px; 
		padding:12px 10px; 
		margin-right:10.5%;
		display:block;
	}
	.navbar .navbar-toggle .icon-bar{background-color:#333;}

	.nav li a{
		
		color:#333; 
		font-weight:500; 
		font-size:110%;
		padding:5px 10px;
		display:block;
		line-height:18px;
		
		
	}
	.nav li li a{text-transform:none; font-weight:normal; font-size:100%;}
	
	.navbar-nav>li {
		float:none;
		margin:3px 0;
	}
	

	#navbar{
		padding:25px;
		box-shadow:0 0 10px #ccc;
		position:relative;
		background:#fff;
		height:100%;
		max-height: 90vh;
    	overflow-y: auto !important;
	}
	
	#navbar::-webkit-scrollbar {
		width:1px;
	}
	
	#navbar h3{
		padding:10px;
	}
	
	ul.nav > li > a:hover{background-color:#f5f5f5;}

	
	.search{
		margin-top:30px;
	}
	
	.affix{
		top:0px;
		z-index:1000;
			
	}
	.affix + .affspacer{display:block; height:50px;}

	.box-shadow{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175);}

	.container {max-width:1170px; margin:0 12px;}
	.top {
		position:fixed;
		width:100%;
		height:80px;
		top:0;
		z-index:1000;
		background:#fff;
		box-shadow:0px 0px 10px #ccc;
	}
	
	.top  p{
		margin:0;
		line-height:16px;
	}
	.top-intro{
		margin:10px 0;
	}
	
	.top .col-sm-12{padding-left:0; padding-right:0;}
	
	.main {
		margin-top:80px;
		
		padding-bottom:80px;
	}
/*
	.page-1 .main {
		margin-top:80px;
	}
*/
	.menu2{
		padding:10px 0 30px;
		padding-left:40px!important;
	}
	.menu2-2{
		padding:10px 0 30px;
	}
	
	
	#ajaxSearch_input,
	#username,
	#password{width:100%!important;}
	#forgotpsswd{clear:both;}
	input.button[type="submit"]{display:block;}
	label.checkbox{display:inline-block; margin-left:10px;}
	label, legend{font-weight:400;}
	#ajaxSearch_form { position:relative; }
	#searchClose { display:none !important; }
    #indicator { position:absolute; top:9px; right:12px; z-index:10; opacity:.75; }

	
	.bread{padding:1em 0;}
	.mem1{color:#aaa; text-align:center; padding:1em 0 2em;}

	section.main .container{background-color:#fff; padding-bottom:20px;}
	footer.footer .container-fluid{
		color:#333;
	}
	

	footer.footer li{
		list-style:none;
		margin:10px 0;
	}
	.footer .row div:nth-child(4){
		font-weight:bold;
	}

	section.main ul{/*list-style:none;*/ margin:0 0 1em 0; padding:0;}
	section.main ul li{
		
	}


	.footer{
		text-align:center; 
		padding:0 100px 80px;
	}
	
	.footer p {
		margin:10px 0;
	}
	
	.footer .text-right{text-align:center;}

	/* JOT */
	.jot-comment{padding:5px 10px;}
	.jot-row-author{background-color:#dddddd;}
	.jot-row-alt{background-color:#f9f9f9;}
	.jot-row{background-color:#eeeeee;}
	.jot-row-up{border:1px solid #333!important;}
	.jot-row-up.panel-primary > .panel-heading{background-color:#333!important; border-color:#333!important;}
	.jot-extra{font-size:75%;}
	.jot-poster{font-size:inherit!important;}

	.ditto_summaryPost img{max-width:100%; height:auto; margin:10px 0 5px; display:block;}
	.ditto_summaryPost{padding-top:10px; padding-bottom:15px; border-bottom:1px solid #eee;}

	.event-body{
		margin-bottom:20px;
	}
	.event-body ul{
		margin-left:20px!important;
	}
	.event-text{
		position:relative;
		overflow:hidden;
	}
	.event-text-more {
		height:40px;
		display:none;
		position:relative;
	}
	.event-text-more:hover, .menu2top:hover {
		cursor:pointer;
	}
	.event-text-more span, .menu2top > span{
		line-height:40px;
		color:#949599;
		margin-left:20px;
		font-size:15px;
		float:right;
		white-space:nowrap;
	}
	.menu2top > span{
		margin-left:10px;
	}
	.dropdown-menu>.active>a{
		background:#000;
	}
	.event-text-more:before, .menu2top:before{
		height:40px;
		width:40px;
		display:inline-block;
		background:#949599;
		color:#fff;
		border-radius:50%;
		line-height:40px;
		text-align:center;
		font-size:36px;
	}
	.event-banner img{
		width:100%;
	}
	
	.event-banner-desc{
		background-color:#000;
		color:#fff;
		padding:20px;
		font-size:16px;
	}
	.event-banner-desc p{
		margin:0;
	}
	.event-banner-desc hr{
		margin:0;
	}
	.event-banner-desc h2{
		text-transform:uppercase;
		font-size:2em;
		margin-bottom:0;
		padding-bottom:0;
		margin-top:0;
		line-height:1em;
	}
	.event-video {
		min-height:320px;
		width:100%;
		background-color:#000;
	}
	.event-video iframe{
		width:100%;
		min-height:320px;
	}
	.soclink{
		margin:20px -25px;
	}
	.event-ticket{
		margin:20px 0 0;
	}
	.event-ticket a{
		border-radius:50%;
		background-color:#fe5bc4;
		display:inline-block;
		height:40px;
		width:40px;
		text-align:center;
		line-height:40px;
		color:#000;
		font-size:24px;
	}
	.event-ticket .bileter_performance_buy_button{
		margin-left:-40px;
	}
	.publ .event-ticket{
		display:inline-block;
		margin-left:20px;
	}
	
	.afisha .event-ticket a{
		background-color:#949599;
		transition:all .5s;
		text-indent:-4px;
		font-size:24px;
		padding-top:2px;
	}
	
	.afisha .event-more:hover .event-ticket a{
		background-color:#fe5bc4;
		transition:all .5s;
	}
	
	.event-ad {
		margin:40px 0;
	}
	.event-ad h2{
		text-transform:uppercase;
		font-size:2em;
	}
	
	.event-ad a, .news-item-link a{
		display:block;
		height:40px;
		width:40px;
		text-align:center;
		line-height:38px;
		background-color:#949599;
		border-radius:50%;
		color:#fff;
		padding-left:5px;
		font-size:36px;
		text-decoration:none;
	}
	
	
	.leftmonth a, .rightmonth a{
		line-height:40px;
		font-size:18px;
	}
	
	.leftmonth a:before, .rightmonth a:before{
		display:inline-block;
		height:40px;
		width:40px;
		text-align:center;
		line-height:38px;
		background-color:#949599;
		border-radius:50%;
		color:#fff;
		font-size:36px;
		text-decoration:none;
		float:left;
		margin-right:10px;
	}
	
	
	.event-more{
		padding:0!important;
		overflow:hidden;
		background:#000;
	}
	.afisha-text .event-more{
		background:none;
	}
	.event-more:hover{
		overflow:visible;
	}
	.afisha1 div .event-more:nth-child(odd) {
		clear:both;
	}
	.afisha2 div .event-more:nth-child(odd) {
		clear:none;
	}
	.afisha3 div .event-more:nth-child(3n+3) {
		clear:both;
	}
	.afisha3 div .event-more:nth-child(1), .afisha3 div .event-more:nth-child(2) {
		display:none;
	}
	.afisha3 > div, .afisha1 > div{
		display:flex;
		flex-wrap:wrap;
	}
	
	.event-more img {
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	  filter: grayscale(100%); /* Microsoft Edge and Firefox 35+ */
	  width:100%;
	  transition:all .5s;
	}
	
	.banner .event-more img {
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
	  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */		
	}
	
	.banner-niz .event-more img {
		filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
	  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */		
	}
	

	/* Disable grayscale on hover */
	.event-more:hover img, .event-more:active img, .event-more:focus img{
	  -webkit-filter: grayscale(0);
	  filter: none;
	  transition:all .5s;
	  opacity:1;
	}
	
	.event-more-body{
		color:#fff;
		position:absolute;
		padding:20px;
		top:45%;
		font-size:14px;
		background-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 15%, rgba(0,0,0,0.9) 100%);
		width:100%;
		background-image:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.7) 15%, rgba(0,0,0,0.9) 100%);
		width:100%;
		//text-shadow:2px 2px 10px #000, 2px 2px 10px #000;
		overflow:hidden;
		transition:all .5s;
		min-height:50%;
	}
	
	.afisha .event-more-body{
		position:relative;
		background:#000;
		color:#949599;
	}
	.afisha-text .event-more-body{
		position:relative;
		color:#000;
		background:#fff !important;
	}
	
	.afisha .event-more:hover .event-more-body{
		color:#fff;
		transition:all .5s;
	}
	
	.event-more-body span{
		display:block;
		min-height:20px;
	}
	
	.event-more-date span{
		display:inline;
		transition:all .5s;
	}
	.event-more-date .season{
		margin-left:10px;
		font-size:12px;
	}
	.publ-date .season{
		margin-left:10px;
		font-size:13px;
	}	
	
	.afisha .event-more:hover .event-more-date span{
		color:#fe5bc4;
		transition:all .5s;
	}
	.event-more-name{
		font-size:26px;
		text-transform:uppercase;
		line-height:26px;
		margin:5px 0;
		overflow:hidden;
	}
	
	.rating{
		display:inline-block!important;
		text-align:center;
		position:relative;
		width:40px;
		height:40px;
		background:#fff;
		border-radius:50%;
		line-height:40px;
		margin-top:20px;
	}
	.rating span{
		font-size:24px;
		display:block;
		color:#000;
	}
	
	.event-more-body p{
		margin:0;
	}
	.event-more-desc{
		font-size:12px;
		margin:0 -10px;
		padding:0 10px 10px;
	}
	.event-more-desc p{
		line-height:14px;
	}
	
	.event-more-intro, .event-more-link{
		margin:0 -10px;
		font-size:12px;
		display:block!important;
		transition:all .5s;
		opacity:0;
		line-height:14px;
		padding:10px;
	}
	.event-more-link{
		padding-bottom:20px;
		
	}
	
	.afisha .event-more-intro, .afisha .event-more-link{
		opacity:1;
		transition:none;
	}
	
	
	.event-more:hover .event-more-desc{
		//transition:all .5s;
	}
	
	 .event-more:hover .event-more-body{
		background:rgba(0,0,0,1);
		z-index:10;
		transition:all .5s;
		overflow:visible;
	}
	.event-more:hover  .event-more-intro, .event-more:hover  .event-more-link{
		display:block!important;
		//transition:all .5s;
		opacity:1;
	}
	
	.event-more-link .fa{
		display:inline-block;
		width:40px;
		height:40px;
		border-radius:50%;
		text-align:center;
		line-height:38px;
		background:#fff;
		color:#000;
		padding-left:5px;
		font-size:36px;
	}
	.event-more-link  .event-ticket .fa{
		font-size:24px;
		text-indent:-8px;
		padding-top:1px;
		background-color:#fe5bc4;
	}
	.afisha-text .event-more-link{
		opacity:1;
		padding-bottom:0;
	}
	.afisha-text .event-more-link .fa{
		color:#fff;
		background:#949599;
	}
	
	.afisha-text .event-more:hover .event-more-body{
		background:none;
	}
	
	.event-more-link .event-ticket{
		margin:-40px 0 0 60px;
	}
	
	
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	
	.carousel {
		
		
	}
	.carousel img{
		width:100%;
	}
	.carousel-caption{
		right:0;
		left:0;
		padding-bottom:0;
		bottom:0;
		/*background:rgba(0,0,0,.4);*/
		height:75px;
	}
	.carousel-caption span {
	/*background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 10%, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.45) 90%, transparent 100%);*/
	display:block;
	text-shadow: 1px 1px 15px black, -1px -1px 15px black;
	font-weight:700;
	}
	.carousel-caption h3{
		margin:0;
		padding:10px 0;
		font-weight:normal;
	}
	.carousel-indicators{
		bottom:45px;
	}
	.carousel-control.left,
	.carousel-control.right {
    background-image:none;
	}
	.news-item{
		margin:0 0 30px 0;
		color:#999;
	}
	
	.news-item-date{
		margin:0 0 10px 0;
	}
	
	.news-item-head a{
		font-size:26px;
		color:#999;
		line-height:26px;
		text-transform:uppercase;
	}
	.news-item-link{
		margin:20px 0;
	}
	
	.flatpickr-calendar{
		box-shadow:none;
		margin-bottom:20px;
	}
	
	.flatpickr-months{
		display:none!important;
	}
	
	
	.flatpickr-calendar:before{
		display:none;
	}
	
	.flatpickr-day, .flatpickr-day.prevMonthDay {
		background:#777;
		color:#fff;
		transition:all .3s;
		line-height:38px;
	}
	.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover{
		background:#fff;
		color:#000;
		transition:all .3s;
		border:1px solid #000;
	}
	.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected.prevMonthDay:hover{
		background:#000;
		border-color:#000;
		color:#fff;
	}
	.flatpickr-day.today:hover{
		background:#fff;
		border-color:#000;
		color:#000;
	}
	.flatpickr-day.disabled{
		color:rgba(57,57,57,0.3);
		background:transparent;
	}
	
	#datetimepicker12{
		width:230px;
	}
	
	.flatpickr-month{
		display:none;
	}
	
	.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay{
		opacity:0;
		height:0;
	}
		
	.flatpickr-weekdays{
			position:absolute;
			bottom:-30px;
	}	
	
	.flatpickr-weekday:nth-child(6), .flatpickr-weekday:nth-child(7){
		color:#bd0303;
	}
	
	/* Larger than mobile */
	@media (min-width:320px) {

	}

	/* Larger than phablet */
	@media (max-width:480px) {
		.affix{
			left:0;
		}
	}
	

	
	.flatpickr-calendar.inline{
		margin-top:0px;
	}
	
	#form-quest input, textarea{
		padding:5px;
	}


	/* Larger than tablet */
	@media (min-width:768px){

		.container{margin:0 auto;}
	
	

		.navbar{background:transparent;}
		.navbar.affix{}
		.navbar-collapse.collapse.in{border-bottom:0;}

		.footer{text-align:left; padding-bottom:80px;}
		.footer .text-right{text-align:right;}

		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:15px; padding-right:15px;}
		
		.collapse{
			display:block;
			height:auto!important;
		}
		
	}

	.afisha1{
		padding-right:5px;
	}
	.afisha2{
		padding-right:15px;
	}
	.afisha3{
		padding-right:15px;
	}	
	
	.cal-news{
		padding-left:10px;
		padding-right:5px;
		background:#fff;
	}
	
	.calendar-bg {
		width:100%;
		position:relative;
	}
	.calendar-aspect{
		padding-bottom:calc(100% * 10 / 14);
		position:relative;
	}
	.calendar-aspect>div{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	.news{
		padding-top:0px;
		font-size:14px;
	}
	.news hr:nth-child(n+5){
		display:none;
	}
	.menu2-1-2{
		float:right;
	}	
	



	@media (min-width:1300px) {
		.banner-back{
			position:absolute;
			top:80px;
			width:100%;
			height:333px;
			background:#000;
		}
	}
	
	@media (max-width:1199px) and (min-width:992px) {
		.cal-news{
			padding-left:0px;
			padding-right:15px;
			margin-left:15px;
		}
		.afisha {
			padding-right:0;
		}
		.afisha2, .afisha3 {
			padding-right:15px;
		}		
		.afisha div .event-more:nth-child(n+3){
			display:none;
		}
		.afisha2 div .event-more:nth-child(n+3){
			display:none;
		}
		.afisha3 div .event-more:nth-child(n+3){
			display:block;
		}
		.afisha3 div .event-more:nth-child(3n+3) {
			clear:none;
		}
		.afisha3 div .event-more:nth-child(odd) {
			clear:both;
		}		
		.afisha3 div .event-more:nth-child(1), .afisha3 div .event-more:nth-child(2) {
			display:block;
		}
		.afisha3 > div {
			background:#000;
		}
	}	

	
	@media (max-width:991px) and (min-width:768px){
		.cal-news{
			padding-left:10px;
			padding-right:10px;
		}
		.afisha {
			padding-right:0;
		}
		.afisha2, .afisha3 {
			padding-right:15px;
		}		
		.afisha div .event-more:nth-child(n+3){
			display:none;
		}
		.afisha2 div .event-more:nth-child(n+3){
			display:none;
		}
		.afisha3 div .event-more:nth-child(n+3){
			display:block;
		}
		.afisha3 div .event-more:nth-child(3n+3) {
			clear:none;
		}
		.afisha3 div .event-more:nth-child(odd) {
			clear:both;
		}		
		.afisha3 div .event-more:nth-child(1), .afisha3 div .event-more:nth-child(2) {
			display:block;
		}
		.afisha3 > div {
			background:#000;
		}		
		.footer .row div:nth-child(odd){
			clear:both;
		}
		
		
	}
	
	
	
	@media (max-width:767px) {
		
		.afisha{
			padding:0;
		}
		.afisha3 {
			
		}
		.menu2-1-2{
			float:none;
			
		}
		
		.event-banner img{
			width:100%;
		}
		.event-text{
			height:auto;
		}
		.event-text.collapse.in{
			height:auto;
		}
		.event-text11:before{
			content:"";
			display:block;
			height:70px;
			position:absolute;
			bottom:0px;
			width:100%;
			top:230px;
			background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
		}
		.event-text-more{
			display:inline-block;
		}
		.event-pics img{
			width:100%;
		}
		.banner {
			padding:0;
		/*	display:none;  */
		}
		.banner .event-more-body {position:relative !important;}
		.news{
			padding:40px 15px;
		}
		
		.afisha h1{
			padding-left:15px;
			padding-right:15px;
		}
		.flatpickr-calendar.inline{
			margin:20px auto;
		}
		
		.main h1{
			padding-left:15px;
			padding-right:15px;
		}
		.main >div{
			
			max-width:540px;
		}
		.event-body{
			padding:0 30px;
		}
		.event-body h1{
			padding-left:0;
			padding-right:0;
		}
		.publ{
			padding:0;
			margin-bottom:20px
		}
		.event-more{
			padding-left:0;
			padding-right:0;
		}
		.event-video-pics{
			padding:0;
		}
		.event-more-hash{
			padding:0;
			display:none;
		}
		.event-more-hash.displayxs{
			padding:0;
			display:block;
		}
		.breadrow{
			padding-left:15px;
			padding-right:15px;
		}
		.menu2 {
			padding-left:20px!important;
		}
		.navbar{
			width:100%;
			right:0;
			top:0!important;
		}
		.banner-niz{
			padding:0;
			display:none;
		}
		#navbar{
			position:fixed;
			-webkit-overflow-scrolling: touch;
			touch-action:manipulation;
			overflow:scroll;
			top:75px;
			left:0;
			height:calc(100% - 75px);
		}
		.navbar-toggle{
			right:-15px;
		}
		.footer{
			padding:0 0 80px;
		}
		a.logo{
			margin-right:5px;
		}
		a.logo img{
			width:50px;
			margin-top:10px;
		}
		.top-intro-komm{
			display:none;
		}
		.top-intro-capella{
			display:none;
		}
		.top-intro-capella-mobile{
			display:block;
		}
		.event-more-body{
			top:35%;
			bottom:10%;
		}
		.event-more:hover .event-more-body{
			top:100%;
			bottom:inherit;
		}
		.afisha-news-publ{
			display:flex;
			flex-flow:column wrap;
		}		
		.cal-news{
			order:2;
		}
		
		.event-text-more.collapsed  .fulltext{
			display:block;
		}
		.event-text-more .fulltext{
			display:none;
		}
		
		.event-text-more .shorttext{
			display:block;
		}
		
		.event-text-more.collapsed .shorttext{
			display:none;
		}
		.event-text-more.collapsed:before{
			content:"\f107";
			line-height:42px;
		}
		.event-text-more:before{
			content:"\f106";
			line-height:36px;
		}	
		#upbutton {
			display:none !important;
			opacity:0 !important;
		}
	}
	

	
	.navbar-collapse.collapse{
		display:none!important;
	}

	.navbar-collapse.collapse.in{
		display:block!important;
	}

	.overhid{
		overflow:hidden!important;
		height: 100%;
   		/*width: 100%;
   		position: fixed;*/
	}
.fancybox-container.fancybox-is-open {
	background: url('/assets/images/foto-main/gallery/gallery_view.jpg');
    background-size: cover;
}
.fancybox-bg {
    background: #000 !important;
	/*opacity:.84 !important;*/
}
body.no-scroll {
   height: 100%;
   overflow: hidden !important;
}
.search {
    max-width: 95%;
    margin: 20px auto !important;
}
/*****Carousel fix*****************/
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 418px;
    margin: auto;
    vertical-align: middle;
    position: relative;
    transform: translate(-50%, -50%);
    position: absolute; 
    top: 50%; 
    left: 50%;
}
.item {
    background: #390505;
    height: 418px;
    width: 100%;
}
.carousel.fade{
	opacity: 1;
}
.carousel.fade .item{
	display: block;
	position: absolute;	
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: opacity .5s;
}
.carousel.fade .item.active{
	position: relative;
	opacity: 1;
}
/*****************End of Carousel fix*********************/
#overlay {
  background: rgba(255, 255, 255, 0.9);
  bottom: 0;
  color: black;
  display: none;
  font-size: 20px;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 90px 50px 50px;
  position: fixed;
  right: 0;
  text-shadow: 0 1px 0 rgba(233, 242, 249, 0.5);
  top: 80px;
}

body.overlay-open #overlay {
  display: block;
}
body::-webkit-scrollbar {
		width:1px;
}

#upbutton {
    background: url('/assets/images/up.png') no-repeat top left;
	background-size: contain;
    height: 40px;
    width: 40px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 9999;
  }
#upbutton:hover {
	box-shadow: 0 0 15px white;
    background-color: rgba(255,255,255,.85);
    border-radius: 50%;
}
footer h3 {
    border-bottom: 1px solid #777;
    margin-bottom: 15px;
    line-height: 2;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 3px !important;
}
/***********Sponsors*************/
.controls {
padding:30px;
}
.btns, .btnp {
padding-bottom:14px;
}
.sppart-wrap {
padding:20px;
margin-bottom:30px;
/*filter:sepia(100%);*/
}
.sppart-wrap:hover {
/*filter:sepia(0%);*/
}
.sppart-img {
text-align:center;
height: 150px;
}
.sppart-img img {
max-height:150px;
max-width:100%;
margin:auto;
}
.sppart-wrap hr {
border-color: #777 !important;
margin-bottom: 10px !important;
}
.sppart-desc {
font-size:x-small;
white-space:pre-wrap;
}
.sppart a {
    text-decoration: none;
}
.sppart-body {
    line-height: 1;
	min-height: 100px;
}

.controls .btn:active {
	box-shadow:none !important;
}
.bold {
	text-shadow: 0 0 0px #000;
}
a:hover, a:active, a:visited, a:focus {
	text-decoration:none !important;
}
/************End of sponsors*************/
.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}
/*******Abonements******/
.abnmt .sppart-img {
    height: auto !important;
	position:relative;
}
.abnmt .abn_body{position:relative;}
.abnmt_buy{
position:absolute;
bottom:195px;
right:50px;
z-index:999;
height:fit-content;
width:fit-content;
} 

.abnmt .sppart-img img {
	max-height:unset !important;
	width:100%;
}
.abnmt .sppart-desc {
font-size:smaller;
}
.abnmt .sppart-desc b {
    font-size: small;
}
.abnmt-img {
text-align:center;
/*height: 150px;*/
}
.abnmt-img img {
/*max-height:150px;*/
max-width:100%;
margin:auto;
}
.abnmt-desc {
font-size:small;
white-space:pre-wrap;
}
.social {
    position: fixed;
    margin-right: 2%;
    right: 15%;
    padding: 12px 10px;
    top: 17px;
}
.social i {
    padding: 0 10px;
    font-size: large;
}
.bottom-social {
    padding: 10px 0;
}
.bottom-social i {
	font-size: x-large;
	padding-right: 15px;
}
.vystavki .event-more-body {
	padding:0;
}
.vys_bot {
    /*position: relative;*/
    bottom: 80px;
    background: rgba(0,0,0,.85);
    color: white;
    width: 100%;
    height: 80px;
}
.vys_bot:hover {
	background: rgba(0,0,0,.99);
}
.vys_bot span.event-more-link {
    float: right;
    color: black;
    margin-top: 10px;
}
.vys_bot a.fa.fa-angle-right {
    color: #000;
    background: #fff;
}
.vys {
    text-transform: none;
    font-weight: 700;
    font-size: inherit;
}
.vys_bot span.event-more-date {
font-size: larger;
padding:15px;
}
.fl {
    padding: 10px 0 20px;
}
.fl>div {
	padding:5px 10px;
	border-right:1px solid #333;
	font-size:medium !important;
	background:#f9f9f9;
}
.fl>div.last {border-right:0;}
.fl>div.active {background:#000;}
.fl>div.active a {color:white;}
.vi-if {position: fixed;/*position:absolute;*/z-index: 9999;border-bottom:1px solid #ccc !important;}
/*.spec{position:fixed;}*/
.specclose {z-index: 999999999;position: sticky;top: 0;}
.mainfield {display:none;}
.viver section.top {
    position: relative !important;
    top: 110px;
	height: 100px;
}
.viver .main {
    margin-top: 110px;
	padding-top: 50px;
}
.viver .top p {
    font-size: inherit !important;
    line-height: initial !important;
}
.viver .navbar-toggle {
    top: 118px;
	margin-right: 19px;
}
.viver span.icon-bar {
    background: #333;
}
.viver div#navbar {
    top: 110px;
    padding-top: 40px;
    max-height: 80vh;
}
i.fa.fa-eye {
    border-right: 1px solid #ccc;
}
iframe.vi-if{
	background:url(/assets/images/access.png);
	background-size: cover;
	background-position: 50% 50%;
}
.viver .event-more a.fa.fa-angle-right {
    display: block;
    width: 50%;
    float: left;
	text-align:left;
}
.viver .event-more span.event-ticket {
    width: 50%;
    float: left;
    display: block;
    margin: 0;
}
.viver .event-more a.fa.fa-angle-right:before {
	content: 'Подробнее';
	font-family:inherit;
	text-decoration:underline;
}
.viver a.bileter_performance_buy_button {display:none;}
.viver .event-more span.event-ticket a {width:100%;}
.viver .event-more span.event-ticket a:before {
	content:'Купить билет';
	text-decoration:underline;
}
.viver .search {
    position: absolute;
    top: -8px;
}
.viver input#ajaxSearch_input {
    height: 100% !important;
    padding: 6px 10px;
}
.viver .news-item-link a:before {
    content: 'ПОДРОБНЕЕ...';
    font-family: inherit;
    text-decoration: underline;
}
.viver section.top>div {
    border-bottom: 1px solid #ccc;
}
.viver #ajaxSearch_form button {border-color:#ccc;}
.viver .sppart-body,
.viver .nav li a
{
    line-height: normal;
}
.viver .row.afisha-news-publ {
    display: flex;
    flex-direction: column;
}
.viver .afisha.afisha1.col-lg-8 {
    width: 100%;
	order: 1;
}
/*
.viver .afisha.afisha1.col-md-5 {
    width: 83.33% !important;
    margin: auto;
}
*/
.viver .vvh {
    display: none;
}
.viver .afisha.afisha3 {
    order: 2;
}
.viver aside.cal-news {
    width: 100% !important;
	order: 3;
}
.viver .calendar-bg {
    display: none !important;
}
.viver .news {
    padding: 25px;
    border-top: 1px solid #eee;
}
.viver .news:before {
    content: 'НОВОСТИ';
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 40px;
    font-size: xx-large;
}
.viver .event-more {
	padding:20px !important;
}
.viver .event-more.col-md-12 {
	width: 50% !important;
}
.viver .event-more-body {
	overflow:unset;
	padding: 20px 0;
}
.viver .afisha3 .event-more.col-lg-4 {
    width: 50% !important;
}
.viver .leftmonth, .viver .rightmonth {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px;
}

.viver * {box-shadow:none !important;}
.viver .logo>img {display:none !important;}
.viver .banner, 
.viver .banner-niz,
.viver a#dLabel1
{display:none;}


/*a.red::after{
content: "Новый сезон!";
color:red;
font-size:xx-small;
position:absolute;
top:4px;
right:0px;
text-transform:uppercase;
font-weight:600;
}*/
a.red {color:red !important;}

/**TEMP FOR SALE**/
@media screen and (max-width:768px){
	.page-2109 #temphide {display:none;}
	.text-xs-center {text-align:center;}
	
	span.tele2on:after {
    content: "Специальное предложение от Tele2";
    color: white;
    right: -72px;
    position: relative;
	font-size: 10px;
	line-height: 1.3;
}
	
}

/*
#sponsors>div>div:nth-child(-n+13) .abnmt_buy a.fa-rub
{
    background: red;
}

#sponsors>div>div:nth-child(-n+13) .abnmt_buy a.fa-rub:before
{
    content: '50%';
    color: white;
    font-weight: 900;
    font-size: initial;
    font-family: arial;
    position: relative;
    top: -2px;
}
*/

.btn-subscribe {
    border: 2px solid #333;
    color: #333;
    font-weight: 600;
}

.btn-subscribe:hover, .btn-subscribe:active {
    border: 2px solid #333;
    color: #FFF;
	background:#333;
}
.page-2241 .bileter_mini_afisha {
    border: 0 !important;
    padding: 10px 0 !important;
	text-align: center;
}
.page-2241 .bileter_mini_afisha span {
	font-size: 10pt !important;
}

.page-2241 div.bileter_mini_afisha:nth-child(even) {
   /* background: #fefefe;*/
	/*border-bottom: 1px solid #eee;*/
}
.page-2241 div#bileter_mini_afisha_show_all {
    background: #fff;
    border: 1px solid #000 !important;
    border-radius: 5px;
    font-weight: 600;
}
.page-2241 span.bileter_mini_afisha_buy_more {
    border-color: #000;
    background: #fff;
    color: #333;
	white-space: nowrap;
	font-size: 10pt !important;
}

/*****************Temporary disable buy button on main concert hall abonements**************************/
#sponsors .abnmt_buy,
#partners .abnmt_buy
{
    display: none;
}

/***********************************************/
.py-5 {padding-top:3rem; padding-bottom:3rem;}
.pb-20 {padding-bottom:20px;}
.btn-pink {
    background-color: #fe5bc4;
	color:white;
	font-weight:bold;
}
span.tckt {
    display: inline-table;
    background: #fe5bc4;
    width: fit-content;
    padding: 0px 10px;
    font-size: 14px !important;
    border-radius: 5px;
}
.iet a {
    background-color: transparent;
    padding: 0;
}

span.tele2on {
    display: flex;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #fe5bc4;
	background-size: cover;
    position: relative;
    right: 0;
    top: 0;
    margin: -40px 0 0 120px;
    justify-content: center;
    align-items: center;
}
span.tele2on:before {
	content: "\f06b";
    font: normal normal normal 26px/1 FontAwesome !important;
    color: #000;
	position: absolute;
}
.color-yellow {color: yellow;}
.color-gray {color: #ccc;}
.large {font-size: large;}