
.main-line{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	/*flex-wrap: wrap;*/
	align-items: center;
}

.insidepage #layout h3 {
	margin : 0;
	padding : 1rem 0 .5rem 0;
}
.insidepage #layout p {
	font-size: 1rem;
	margin: 0;
	padding-bottom: .2rem;
}

@media (max-width: 1023px){

.social {
	padding: 1rem 0;
  }}
.social{
	display: flex !important;
    flex-direction: row;
    width: 20em;
    justify-content: flex-end;
    align-items: center;
    padding-right: 2rem;
}

.social a {
	font-size: 1.5rem;
	width : 3rem;
	align-items: center;
	justify-content: center;
    display: inline-flex;
    text-decoration: none;
    padding: .5rem;
    color: #b50616;
    border-radius: .2rem;
    transition: background-color .5s ease, color .5s ease;
}

.social a:hover {
	background-color: #b50616;
}

.social a i {
	color: #b50616;
	transition: background-color .5s ease, color .5s ease;
}

.social a:hover i {
	color : #fff;
}

.bgmy{
	background-size: contain;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	align-items: center;
	box-shadow: 0 0 20px rgba(0,0,0,0.9);
	background-color: #b4b6b9;
	margin-left: 1rem;
	transition: .3s;

}
.bgmy:hover{
		box-shadow: 0 0 19px rgba(255, 255, 255, 1);
		transition: .3s;


}
.icons-youtoube{
	
    background-image: url(../images/yo.png);
   
}
.icons-vk{
	
    background-image: url(../images/v.png);

}
.icons-faceb{
	
    background-image: url(../images/f.png);
  
}
.icons-instagramm{
	
    background-image: url(../images/i.png);
    

}



.payboxnew{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
	width: 100%;
	/*margin-bottom: 3vh;*/
	align-items: flex-end;
	align-items: center;
	background-color: #39373a;

}

.payboxnew #bannerText {
	padding: 1rem;
	font-size: 1rem;
	text-align: center;
	color : #fff;
}

.descriptionmain{
	/*margin-bottom: 1rem;*/
	/*font-family: 'Cormorant Garamond', serif ;*/
	
}
.city{
	margin-bottom: 1rem;
    font-size: 1rem;
}
.placeconsert{
	font-size: 1.2em;

}
.datemainbanner{
	font-size: 1rem;

}
.payboxnew  #bannerText h1 {
	margin-bottom: 0em;
	margin-top: 0;
	font-size: 1.5rem;
}




#layout > section{
	display: flex;
 	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.container{
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
	width: 100% !important;
	margin:auto !important;
	padding: 1% 3%;
	flex-wrap:wrap;

}
.flex-element{
	/*flex-grow: 1;*/
	/*flex-grow: 1;*/
	display: flex !important;
	width: 24% !important;
	flex-direction: column !important;
    margin: 0.5% 0.5%;
	
}

.rub{
    font-size: 0.7em;
    margin-left: 0.5em;
    color: #a2a2a6;

}
.rubinsid{
    margin-left: 0.5em;
    color: #a2a2a6;

}

.flex-element:hover>.img{
	box-shadow:0 0 0 20rem rgba(0, 0, 0, 0.33) inset;
}
.flex-element:hover>.descriptionsnew{
	background-color: #d0cfcf;
}



.img{
	height:25rem;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	background-position: center;

}


.maintext{
	text-transform: uppercase;
	font-size: 0.7em;
}
.textsm{
	color: #a2a2a6;
	font-size: 0.7em;
}



.album{
	font-size: 0.7em;
	display: block;
	margin-bottom: 0.4rem;
	margin-top: 0.4rem;
	text-align: center;

}
.fw-bold{
	font-weight: bold;
}
.ico-date{

	background-image: url(../images/cart.png);
	background-repeat: no-repeat;
	text-align: center;
	width: 40px;
	height: 30px;
	display: inline-block;
	align-self: center;
	flex-grow: 0;
    flex-shrink: 0;

}

.ico-place{
	background-image: url(../images/pl.png);
	width: 40px;
	height: 30px;
	background-repeat: no-repeat;
	display: inline-block;
	align-self: center;
	flex-grow: 0;
	flex-shrink: 0;;


}
.ico-rub{
	background-image: url(../images/rub.png);
	width: 40px;
	height: 30px;
	background-repeat: no-repeat;
	display: inline-block;
	align-self: center;
	flex-grow: 0;
    flex-shrink: 0;


}
.flex-element:hover .buttonbilet{
		background-color:#c01515 !important;

}
.flex-element:hover .buttonbilettop{
		visibility: visible;
		opacity: 1;
     transition-delay: 0s;

}
#layout a{
	text-decoration: none;
	cursor: pointer;
}
.buttonbilet{
	background-color:#a2a2a6;
	text-decoration: none;
	color: #fff;
	padding: 0.5rem 2rem;
	font-size: 1rem;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-align: center;

}
.buttonbilettop{
    background-color:#c01515 !important;
	text-decoration: none;
	color: #fff;
	padding: 0.2rem 1.2rem;
	font-size: 0.8rem;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0s linear 0.3s;
	transition: opacity 0.3s, visibility 0s linear 0.3s;

}

.descriptionsnew{
	background-color: #fff;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}




.descriptionsnew h2 {

   font-size:0.9em;
   margin: 0 ;
   padding-top: 0.5em;
   text-align:center;
}

.inlinblok{
	display: inline-block;
}
.dis{
	display: block;
}

.infoBlock {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-grow: 0;
	align-items: flex-start;
}

.infoBlock>div {
	display: inline-flex;
/*	width : 100%;*/
	flex-direction: column;
}

.infoBlock>div+div {
/*	display: none;*/
}

#event_481 .infoBlock>div {
	width : 50%;
}

#event_481 .infoBlock>div+div {
	display: inline-flex;
}

#event_481 {
	width : 49%!important;
}

.blok-info {
	display: flex;
    align-content: center;
    padding: 1rem;
    flex-direction: column;
    /*margin-left: 1em;*/
    /*margin-top: 0.3em;*/
}

.flex-element .blok-info {
	flex-direction: row;
	align-items: center;
}

.flex-element .blok-info+.blok-info {
	padding-top: 0;
}

.flex-element .blok-info i {
	margin-right: .5rem;
}


.fl{
	align-items: center;
}
.title-blok{
	display: flex;
	flex-direction: column;
	padding: 1rem;
	line-height: 1;
	flex-grow: 1;
	justify-content: center;
}

#event_481 .title-blok {
	padding-left: 2rem;
	padding-right: 2rem;
}

.ico-phone{
   background-image: url(../images/phone-ico.png);
   width: 37px;
   height: 36px;
   margin-right: 1em;
   flex-shrink: 0;
}
.ico-mail{
    background-image: url(../images/mail-ico.png);
    width: 37px;
    height: 36px;
    margin-right: 1em;
    flex-shrink: 0;
}
#footer{
    background-color:#39373a;
    height: auto;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
    padding: 2rem 0rem 0 0rem;

}

#footer>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding : 0 1rem;
}

.logofooter{
   background-image: url(../images/logofooter.png);
   background-size: cover;
   width: 188px;
   height: 58px;
   margin-right: 2em;
}

.footedit{
    border-radius: 50%;
    background-size: inherit;
    width: 50px;
    height: 50px;
    background-position: center;
}
.footedit:hover{
	box-shadow: 0 0 20px rgba(249, 249, 249, 0.9);
}
.social.socialfoot{
    margin: 0 0 0 0;
    padding-right: 0;
}
.phonefooter{
    color: #fff;
    display:inline-flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    padding: 1rem;
    /*flex-basis: 14em;*/
}
.emailfooter{
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    /*flex-basis: 14em;*/
    flex-shrink: 0;
    padding: 1rem;
}

.socialfooter {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	padding: 1rem;
}

.socialfooter .social {
	width: auto;
	justify-content: flex-start;
}

#footer .req {
	display: flex;
	flex-direction: column;
	padding-left: 2rem;
}

#footer>div.dop{
    display: flex !important ;
    flex-direction: row ;
    justify-content: space-between !important;
    /*width: 70%;*/
    margin-top: 2em;
    background-color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

#footer>div.dop a {
	color : #fff;
}

@media (max-width: 712px) { 


 }
 @media (max-width: 712px) { 
.social{
    margin: auto;
}


}

@media (max-width: 1023px){

 .smallscrin{
 	margin: auto;
 }

}
.blokdis{
	display: block;
}
.flexblock{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mrl{
	text-align: center;
}



.flexgalery{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: center;
}

/*//////////О нас/////////////*/
#bannerInside h1{
	color: #c70909 !important;
	background-color: #fff;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.textpage #layout {
    padding: 1em !important;
    margin-bottom: 2em ;
    

}

#layout{
	border-radius: 0 !important;
	margin-bottom: 1em;
}
.newheight{
	background-image: url(../images/bgus.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 30vh;
	min-height: 7rem;
}
.newheight #mainmenu{
	margin: 0 !important;
}
@media (max-width: 996px){
	.newheight{
	/*height: auto;*/
	}
	#layout {
    margin-left: 0;
    margin-right:0;
	}

}



/*/////////////Фотоотчеты///////////////////*/
#containerGalery {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around !important;


}
#containerGalery a{
	margin-bottom: 0.8%;
}



@media (max-width:1024px){
	.img{
		height: calc(100vw / 4 / 4 * 5);
	}
}

@media (max-width:960px){

	.flex-element{
		width: 49% !important;

	}
	.img{
		height: calc(100vw / 2 / 4 * 5);
	}
	.buttonbilettop{
    opacity: 1 !important;
    visibility: visible !important;
    }
}

@media (max-width:480px){

	.flex-element{
		width: 100% !important;
	}

	.flex-element#event_481 {
		width: 100%!important;
	}

	.infoBlock>div {
		flex-direction: column;
    	align-items: center;
    	text-align: center;
	}

	.flex-element .blok-info {
		flex-direction: column;
		width: 100%;
	}

	.img{
		height: calc(100vw / 4 * 5);
	}
	.buttonbilettop{
    opacity: 1 !important;
    visibility: visible !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 0.9rem !important;
    }
    .buttonbilet{
	
	padding: 0.5rem 1.5rem !important;
    font-size: 0.9rem !important;
	

    }

}

@media (max-width: 1023px){
	#containerGalery a {
		width: 32% !important;
	}
	#containerGalery a .galeryImage{
		height: 20em;
	}
}
@media (max-width: 816px){
	#containerGalery a {
		width: 49% !important;
	}
	#containerGalery a .galeryImage{
		
	}
}
@media (max-width: 536px){
	#containerGalery a {
		width: 100% !important;
	}
	#containerGalery a .galeryImage{
		height: 15em !important;
	}
}
	


	/*//////////////Фотоотчеты внутренняя страница////////*/
	#containerGaleryInside{
		width: 100%;
	}
	#galeryContainer .imagesContainer{
		display: flex !important;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;

	}
	@media (max-width: 1023px){
	#galeryContainer .imagesContainer a{

		width: 33% !important;
		}
	}
	@media (max-width: 536px){
	#galeryContainer .imagesContainer a{

		width: 99% !important;
		}
	}
	

@media (max-width: 768px) {
	.main-line { flex-direction: column;  }
	.social {margin: auto; width : 100%; padding: 0; justify-content: center; }
	#mainBanner { margin-top: 9rem; }
	#footer>div { flex-direction: column!important; }
	#footer>div>div { padding-bottom: .5rem; }
	.logofooter{margin-bottom: 1rem;}
	#mainmenu #logo { width: 100%; background-position: center center;}
	#footer{ flex-direction: column; flex-direction: flex-start;}
	.phonefooter { flex-basis: 0; }
	.emailfooter{ flex-basis: 5em; }
	.dop { flex-direction: column; }
}
