* {
	box-sizing : border-box;
	-moz-transition : transform .1s ease, color .5s ease, background-color .5s ease, border .5s ease;
	transition : transform .1s ease, color .5s ease, background-color .5s ease, border .5s ease;
}

html {
	padding : 0;
	margin : 0;
}

body {
	/*font-family : 'Blogger Sans', 'Calibri', 'Arial', 'Sans-Serif';*/
	font-family: 'Noto Sans', sans-serif;
	font-size : 14pt;
	padding : 0;
	margin : 0;
	color : #383838;
	height : 100%;
	background-color : #fff;
	/*background-image : url('../images/back.jpg');*/
	background-position : center top;
	background-repeat : no-repeat;
	background-size : cover;
	background-attachment : fixed;
}

a {
	color : #354782;
	text-decoration : underline;
}

a:hover {
	text-decoration : none;
}

#mainBanner {
	/*display : inline-block;*/
	position : relative;
	width : 100%;
	margin-top: 4rem;
	height: auto;
	min-height: 20rem;
	min-height: 25vw;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    background-color: rgba(0,0,0,0.4);
   
}

#mainBanner #bannerText {
    /*display: block;*/
    text-align: center;
    color: #fff;
    /*font-family: 'Cormorant Garamond', serif;*/
    /*font-family: 'Romul', serif;*/
    font-size: .7em;
	margin-right: 1.5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 1.5em .5em;
	background-color: rgba(0,0,0,0.4);
    width: 30%;



}

#bannerText a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #c70909;
    padding: 0.5rem 1.5rem;
    font-size: 0.8rem;
  
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
}

#bannerText a:hover {
	background-color : #fff;
	color : #ac0838;
}

#mainBanner h2 {
    font-size:6em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    line-height: 1;
}

#mainBanner p {
    font-size: 2em;
    padding: 0;
    line-height:1;
    text-transform: uppercase;
    margin: 0;
}

.splitter {
	padding-top: 1em;
	background-color:#eaeaeb; 
}

body>h2 {
	text-align : center;
	padding : 2rem;
	margin : 0;
	color : #ac0838;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 2.5rem;
}



#smallBanner {
	width : 100%;
	clear : both;
	overflow : hidden;
	background-color : #eaeaeb;
}

#smallBanner .grid1200>div {
    display: inline-block;
	position : relative;
    width: 50%;
    margin: 0;
   /* height: 25vw;*/
    background-color: #eee;
 	background-position : center center;
	background-repeat : no-repeat;
	background-size : cover;
	float : left;
}

.insidenew{
	/* height: 100vh!important; */
	position : relative;
	width : 100%;
	margin-top: 0rem;
	min-height: 15rem !important;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(0,0,0,0.4);
    background-color: rgb(234 234 235);
	/*background-image : url(../images/bgus.jpg)!important;*/
	padding: 6rem 2rem 2rem 2rem;

}

.insidenew h1 {
	font-size: 3rem;
	/*text-align: center;*/
	padding-left: 2rem;
	text-transform: uppercase;
	/*font-weight: normal;*/
}

/*#smallBanner .grid1200>div a {
	position : absolute;
	text-decoration : none;
	color : #fff;
	padding : 2rem;
	width : 100%;
	left : 0;
	bottom : 0;
	background-color : rgba(0,0,0,0.4);
}/**

/*#smallBanner .grid1200>div:hover a {
	background-color : rgba(0,0,0,0.8);
}*/

#smallBanner .grid1200>div a h2 {
	font-size : 2rem;
	font-weight : bold;
	text-transform : uppercase;
	text-decoration : none;
	color : #fff;
	line-height : 1;
	padding-bottom : 1rem;
	margin : 0;
}

#smallBanner .grid1200>div a h2 p {
	font-size : .8rem;
	padding : 0;
	margin : 0;
	line-height : 1;
}

#smallBanner .grid1200>div a p {
	font-size : .8rem;
	padding : 0;
	margin : 0;
	text-transform : uppercase;
	line-height : 1;
}

#smallBanner .grid1200>div a p span {
	color : #ac0838;
	font-weight : bold;
	font-size : 1rem;
}

#mainmenu {
	font-size : 1rem;
	width : 100%;
	z-index : 999;
	text-align : center;
	/*margin : 1vh 0;*/
	position: fixed;
	top: 0;
	left: 0;
	background-color : #fff;
	border-bottom: 1px solid #cacbcf;
}

#mainmenu #logo {
    display: block;
    background-image: url(../images/logo1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 20rem;
    /*height: 20vh;*/
    vertical-align: middle;
    min-height: 4rem;
    

}
/*--------18 апреля начало */

/*--------18 апреля конец */


#mainmenu ul {
    list-style: none;
    padding: 0;
    display: inline-flex;

}

#mainmenu li {
    display: inline-flex;
    padding: 0;
    margin: 0 0rem;
}

#mainmenu ul li a {
    display: block;
    padding: .5rem 1rem;
    /*color: #fff;*/
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
    background-color: transparent;
    /* text-shadow: 2px 2px 4px #000; */
    text-transform: uppercase;
    vertical-align: middle;
    color : #000;
    /* width: 33%; */
}


#mainmenu ul li a:hover {
	background-color: #c70909;
    color: #fff;
}

#layout {
	/*padding : 3rem 0;
	/*background-color : #fff;*/
	/*box-shadow: 0 0 1rem #000;*/
	border-radius : .2rem;
}

.mainpage #layout {
	/*padding : 2rem;*/
	width: 100%;
}

.nohidden {
	overflow : visible!important;
}

/* EVENTS */

.gridTwo {
	clear : both;
	overflow : hidden;
	display : table;
	width : 100%;
}

.gridTwo>div {
	display : table-cell;
	width : 50%;
	vertical-align : top;
	padding : 0rem;
}

#eventsBase section {
	background-color: #fff;
    margin-bottom: 2rem;
    border-top: .3rem solid #ac0838;
    border-bottom: .3rem solid #ac0838;
}

.eventHeader .eventPoster {
	
}

.eventPoster a {
	display : inline-block;
	width : 100%;
	padding : 0;
	margin : 0;
	text-align : center;
	height : 25vw;
	background-color : #000000;
}

.insidepage .eventPoster a {
	height: auto;
}

.eventPoster a img {
	display : inline-block;
	padding : 0;
	margin : 0;
	width : auto;
	height  : 100%;
}

.eventPosterWide {
	display : block;
	height : 25vw;
	background-position : center center;
	background-size : cover;
}

.eventHeader .eventDescription {
	display : block;
	padding : .5rem;
	font-size : .9rem;
}

.eventHeader h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #ac0838;
	text-align : left;
    /* text-align: right; */
}

.eventCalendar {
	border-top : .1rem solid #aaa;
	padding : 0;
	display : block;
	overflow : hidden;
	clear : both;
	text-align : center;
	    background-color: #eee;
}

.eventSubItem {
	display: inline-block;
    width: 24%;
    padding: 0;
    /* float: left; */
}

.eventSubItem>a {
	display: block;
    font-size: 1rem;
    text-decoration: none;
    color: #6f6f6f;
    border-bottom: 1px solid #ac0838;
    padding: .5rem;
}

.eventSubItem>a:hover {
	color: #ac0838;
	/*text-decoration : underline;*/
}

.eventSubItem .eventPlace p {
	padding : 0;
	margin : 0;
	font-size : 1rem;
	display : block;
}

.eventSubItem .eventBuy a {
	display: inline-block;
    padding: .5rem 2rem;
    text-transform: uppercase;
    color: #fff;
    background-color: #ac0838;
    margin-top: 1rem;
    text-decoration: none;
}

.eventSubItem .eventBuy a:hover {
	background-color: #8a060e;
}

.eventSubItem .eventPlace p.eventDate {
	padding : .2rem;
	color : #111;
}

.eventSubItem .eventBuy.disabled a {
	cursor : default;
	text-decoration : none;
	color : #aaa;
	background-color : #ccc;
}


#footer {overflow : hidden; clear : both; padding : 1rem 0; font-size : .9rem; color : #777;}
#footer p {display : inline-block; padding: 0; margin : 0; float : left;}
#footer a {/*display : inline-block; padding: 0; margin : 0; float : right;*/}
#footer .social a i { color : #fff; }

@media (max-width: 1023px) {
	
	
	#banner {
		padding-top : 4rem;
	}
	
	#banner div div {
		width : 100%;
		padding : 1rem;
	}
	
	#infoTiles>div {
		height : auto;
		padding-bottom: 3rem;
	}
	
	section h2 {
		padding-left : 1rem;
		padding-right : 1rem;
	}
	
	#footer>div>.blockHalf {
		padding : 0;
		background-image : none;
	}
	
	
	.gridThree>div:last-of-type {
		width : 100%;
	}
	
	.docload {
		display: block;
		border: 1px solid #ccc;
		padding: 4rem .5rem .5rem .5rem;
		text-decoration: none;
		width: 90%;
		text-align: center;
		float: none;
		background-size : auto 3rem;
		background-position : center .5rem;
		background-repeat : no-repeat;
		height : auto;
		margin : 1% auto;
	}
	
	
	
	#mainmenu {
		margin : 0!important;
		display: block;
		padding: 0rem;
		padding-top : 1rem;
		width: 100%;
		z-index: 1;
		transition : right .5s ease;
	}
	
	#mainmenu ul {
		display : block;
		padding : 0;
		margin: auto;
		overflow-y : auto;
	}
	.social{
		margin: auto;
	}
	#mainmenu ul li {
		/*display : block;
		float : none;
		width : 100%;
		line-height : 1;
		text-align : center;
		/*border-bottom : 1px solid #eee;*/
	}
	
	#mainmenu ul li:first-of-type {
		/*border-top : 1px solid #eee;*/
	}
	
	#mainmenu ul li a {
		vertical-align: middle;
		font-size: 1rem;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		line-height: 1;
		padding: .5rem;
	}
	
	#mainmenu.visible {
		display : inline-block;
		right : 0;
	}
	
	#header {
		padding : 0rem 0;
		position : fixed;
		top : 0;
		right : 0;
		overflow : visible;
		left : 0;
		width : 100%;
		z-index : 9;
		height : 4rem;
		background-color : transparent;
	}

	#header>div.grid1200 {
		padding : .5rem;
		position : relative;
	}
	
	#mainmenu #logo {
		
		position : relative;
		z-index : 1;
	}
	
	#mobileMenuShow {
		display : inline-block;
		font-size : 2rem;
		position : absolute;
		z-index : 2;
		right : 1rem;
		top : 1rem;
	}
	
	#layout {
		margin-top : 0rem!important;
		padding : 0;
	}
	
	#banner {
		height : auto;
	}
	
	#mainBanner #bannerInside {
		 padding : 2rem 0!important;
	}
	
	#bannerInside h1 {
		font-size: 1.5rem!important;
		text-align: center!important;
	}
	
	#containerGalery a {
		width : 100%!important;
	}
	
	.insidepage #mainBanner {
		display: inline-block;
		position: relative;
		width: 100%;
		margin-top: 0rem;
		height: 85vh;
		position: relative;
	}
	
	.insidepage #layout {
		margin-top : 0!important;
	}
	
	.insidepage .eventDetails {
		display: block;
		width: 100%;
		padding: 1rem;
		margin: 0;
		float: none;
		height: auto;
		background-color: #000;
	}
	
	.galerypage #mainBanner, .textpage #mainBanner {
		/*height : auto!important;*/
	}
	
	.eventGalery.withvideo>div, .eventGalery.withvideo>div, .eventGalery a {
		display: block!important;
		width: 100%!important;
		float: none!important;
		margin : 0!important;
		border : 0!important;
		height  :auto!important;
	}
	
	.videoblock iframe {
		border : 0!important;
	}
	
	#infoblock {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		background-color: rgba(255,255,255,1);
		border-top: 1px solid #eee;
		border-left : 0;
		padding: 1rem;
		min-height: auto;
		margin-top : 10rem;
	}
	
	#layout>section {
		padding : .5rem;
	}
	
	#galeryContainer .videoContainer, #galeryContainer .imagesContainer {
		width : 100%!important;
		display  :block!important;
	}
	
	#galeryContainer .imagesContainer a {
		width : 100%!important;
		display : block!important;
		float : none!important;
	}
	
	#footer {
		text-align : center;
	}
	
	#footer p, #footer a {
		float  :none;
	}
	#mainBanner{
		height: auto!important;
	}
	#mainBanner #bannerText {
		margin: 0;
		padding : 1rem;
		width: 100% !important;	
		bottom : 0;
		left : 0;
		/*position : absolute;*/
		background-color : rgba(0,0,0,0.4);
	}
	.payboxnew {
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-end;
	    flex-wrap: wrap;
	    width: 100%;
	    padding-right: 0 !important;
	    margin-bottom: 0;
	}
	#mainBanner h2 {
		font-size : 2rem;
	}
	
	#mainBanner p {
		font-size : 1.5rem;
	}
	
	#smallBanner .grid1200>div {
		display: inline-block;
		width: 50%;
		/*height  :50vh;*/
		float: none;
	}
	
	.gridTwo>div {
		display : block;
		width : 100%;
		
	}

	.eventSubItem {
		display: block;
		width: 100%;
		padding: 0;
		/* float: left; */
}
	
	
	#links {
		display: block;
		float: none;
		width: 100%;
		padding: 1rem;
		text-align: center;
		border-left: 0;
	}
	
	#newsline {
		display: block;
		float: none;
		width: 100%;
		padding: 1rem;
	}
	
	#footer .blockHalf {
		display: block;
		padding-left: 1rem;
		padding-right: 1rem;
		background-image: none;
		clear: both;
		overflow: hidden;
	}
	
	#toTop {
		display : none;
	}
	
	#mainSection>div>div:first-of-type {
		background-color : rgba(255,255,255,0.8);
	}
	
	#mainSection {
		padding : 0;
	}
	
	#mainNav {
		position : relative;
	}
	
	#mainNav .phone {
		display : block;
		text-align : center;
		float : none;
	}
	
	#mainSection>div>div {
		width : 100%;
		margin : 0;
	}
	
	#footer .blockHalf>* {
		padding : 0;
	}
}