@import "http://fonts.googleapis.com/css?family=Noto+Serif:400,100,300,500,700,900,100italic,300italic,400italic,500italic,700italic,900italic&subset=latin,latin-ext,cyrillic";
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,900italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic&subset=latin,cyrillic);


html, body {
    background:#ffffff;
}

a {
	color:#aaa280;
	font-weight:400;
}

a:hover {
	color:#ccc399;
}

.realsite .typo-body2 {
    line-height:20pt;
}

.realsite h1 {
	font-weight:300;
	font-family: 'Playfair Display', serif;
	font-size: 50px;
}

.realsite h2 {
	font-family: 'Ubuntu', serif;
	text-transform:none;
	line-height:18pt;
}

@media screen and (max-width: 670px){
	.realsite h1 {
		font-size:36px;
	}
}

h1:first-child {
	margin-top:0px !important;
}

h2:first-child {
	margin-top:0px !important;
}

h1:last-child {
	margin-bottom:0px !important;
}

h2:last-child {
	margin-bottom:0px !important;
}

.linkbutton {
	margin:5px 0;
}

/*menu*/
.menu {
	border-bottom:1px solid rgba(0,0,0,0);
	font-family: 'Ubuntu', serif;
	letter-spacing:1px;
}

[data-menu-needed] .menu {
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.menu a,
.menu .mainmenu a[data-sel],
.menu .languages a[data-sel] {
	color:#888888;
	
}

.menu a:hover,
.menu .mainmenu a:hover {
	color:#ffffff;	
}

.menu .social a {
	font-size:13pt;
}

.menu a[data-sel]:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:4px;
	background:#ffffff !important;	
}

.menu .bg {
	background:rgba(0,0,0,0.8);
}

[data-menu="1"] .menu .bg {
	opacity:0.8;
}

/*COVER*/

.cover .scdown i {
	color:#ffffff;
}

.cover .mark {
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.05);
}

.cover .mark .table {
	width:100%;
	height:100%;
}

.cover .mark .cell {
	text-align:center;
	vertical-align:bottom;
	padding-bottom:140px;
}

.cover [data-template] {
	display:inline-block;
	min-width:50%;
}

.cover .top {
	font-family: 'Ubuntu', serif;
        xtext-shadow:0 0 20px rgba(0,0,0,0.2);
        xfont-style:italic;
        xtext-transform:none !important;
        xfont-weight:400 !important;
        font-size:100pt;
}

.cover .bottom {
	font-family: 'Playfair Display', serif;
	font-weight:400;
	
        xtext-shadow:0 0 20px rgba(0,0,0,0.2);
}

.cover .line {
    height:2px;
    background:#ffffff;
    width:100px;
    margin:20px auto 30px auto;
    opacity:0;
    transition:opacity 15s;
    display:block;
}

@media screen and (max-width: 1250px){
    .cover .top {
        font-size:70pt;
    }
}

@media screen and (max-width: 940px){
    .cover .mark .cell {
	padding-top:75px;
	padding-bottom:0;
	vertical-align:middle;
    }
}

@media screen and (max-width: 880px){
    .cover .top {
        font-size:50pt;
    }
    .cover .bottom {
        font-size:20px;
    }
}


@media screen and (max-width: 670px){
    .cover .top {
        font-size:30pt;
    }
    .cover .line {
	height:1px;
    }
    .cover .scdown i {
	font-size:35px;
    }
    .cover .scdown a {
	width: 50px;
	left: -25px;
    }
}

@media screen and (max-width: 380px){
    .cover .top {
        font-size:24pt;
    }
    .cover .line {
	margin:10px auto;
    }
}

/*SCHEDULE*/
.schedule {
    font-family: 'Ubuntu', serif;
}

.schedule .role, 
.schedule .place,
.schedule .title,
.schedule .title.long {
    font-family:'Playfair Display', serif;
}

.schedule .dates {
    font-family:'Ubuntu', serif;
    font-weight:700;
    text-transform:uppercase;
}

.schedule .more a {
    font-family:'Ubuntu', serif;
}

.schedule .more a {
	color:#ffffff;
	background:rgba(170,162,128,1);
	transition:background 0.2s;
}

.schedule .more a:hover {
	color:#ffffff;
	background:rgba(204,195,153,1);
}

.schedule .card.pink {
    background:#ebeae5 !important;
}

.schedule .bg.pink {
     background:#f4f3ef !important;
    
}

.schedule .card.blue {
     background:#f4f3ef !important;
    
}

.schedule .bg.blue {
     background:#ebeae5 !important;
    
}
    
.schedule .place {
	font-size:12pt;
	font-weight:100;
}

@media screen and (max-width: 720px){
	.schedule .place {
		margin-bottom:52px;
	}

	.schedule .title {
		line-height:1.2em;
	}
	.schedule .data {
		margin:0 16px;
	}

	.schedule .more {
	    background: #f4f3ef;
	    margin:0;
	    padding:0 0 30px 0;
	}
	.schedule .more a {
		font-size:14px;
		text-transform:uppercase;
		font-weight:400;
		font-family:'Ubuntu', serif;
		color:#ffffff;
		background:rgba(170,162,128,1);
		transition:background 0.2s;


		width: auto;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
    		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);

		display: block;
		height: 50px;
    		line-height: 50px;
		border: none;
    		text-align: center;
    		cursor: pointer;
    		margin: 0 16px;
	}

	.schedule .more span {
	    display: inline-block;
	    transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    position: relative;
	}

	.schedule .more a:hover {
		color:#ffffff;
		background:rgba(204,195,153,1);
	}
}


/*SCHEDULEMAIN*/
.schedulemain .dates {
    font-family:'Ubuntu';
    font-weight:400;
    color:#000000;
}

.schedulemain .role,
.schedulemain .title,
.schedulemain .place {
    font-family:'Playfair Display', serif;
}

.schedulemain .locbutton {
	border:2px solid rgb(170,162,128);
	font-family:'Ubuntu';
	font-weight:bold;
    	background:#ffffff;
	color:rgb(170,162,128);
	font-size:14px;
	text-transform:uppercase;
	transition:all 0.5s ease;
}

.schedulemain .locbutton:hover {
    	color:#ffffff;
	background:rgb(170,162,128);
}

.schedulemain .card {
	border-color:rgba(170,162,128,0.3);
}

.news .loadnext, 
.schedulemain .loadnext {
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	font-family:'Ubuntu', serif;
	color:#ffffff;
	background:rgba(170,162,128,1);
	transition:background 0.2s;
}

.news .loadnext:hover, 
.schedulemain .loadnext:hover {
	color:#ffffff;
	background:rgba(204,195,153,1);
}




/*SLIDER*/    
.slider .text {
    font-family: 'Roboto', serif;
}
@media screen and (max-width: 720px){
	.block.slider {
		padding:0;
	}		
}

/*NEWS*/

.block.news {
	margin-bottom:60px;
}

.news .card {
	border-top:1px solid rgba(170,162,128,0.3);
}

.news .black div {
    font-family:'Ubuntu';
    font-weight:400;
    color:#000000;
     background:transparent;
     min-width:0;
     padding:0;
}

.news h1 {
    font-family: 'Playfair Display', serif !important;
}

.news .more {
	margin:30px 60px 0 60px;
}

.news .more a {
     font-family: 'Ubuntu', serif;
     color:#ffffff;
	background:rgba(170,162,128,1);
	transition:background 0.2s;
	
}

.news .more a:hover {
	background:rgba(204,195,153,1);
}

.news .more::before {
	background:rgba(170,162,128,0.5);
}


.news .card .showlink {
	display:block;
	height:32px;
	width:32px;
	line-height:32px;
	text-align:center;
	margin:1em 0 1em auto;	
	color:#ffffff;
	font-size:14px;
	font-weight:100;
	cursor:pointer;
	background:rgba(170,162,128,1);
	transition:background 0.2s;
}

.news .card .showlink:hover {
	color:#ffffff;
	background:rgba(204,195,153,1);
}

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

	.block.news {
		margin-bottom:30px;
	}


	.news .card {
		border-top:none;
		padding-bottom:0;
	}
	.news .data .anonce p:first-child {
		margin-top:0;
	}
	.news .more:before {
		display:none;
	}

	.news .bottomcover {
		height:auto;
	}

	.news .more {
	    margin:0;
	    padding:60px 0 0 0;
	}
	.news .more a {
		font-size:14px;
		text-transform:uppercase;
		font-weight:400;
		font-family:'Ubuntu', serif;
		color:#ffffff;
		background:rgba(170,162,128,1);
		transition:background 0.2s;


		width: auto;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
    		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);

		display: block;
		height: 50px;
    		line-height: 50px;
		border: none;
    		text-align: center;
    		cursor: pointer;
    		margin: 0 16px;
	}

	.news .more span {
	    display: inline-block;
	    transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    position: relative;
	}

	.news .more a:hover {
		color:#ffffff;
		background:rgba(204,195,153,1);
	}

}

/*GALLERY*/
.gallery {
	background:#000000;
}
.gallery h1 {
	font-weight:700;
	font-family: 'Ubuntu', serif;
	text-transform:uppercase;
	font-size:37pt;
}

.gallery .cover .bg {
	transition:top 0.5s,left 0.5s,right 0.5s,bottom 0.5s,opacity 0.5s;
}

.gallery .cover:hover .bg {
	opacity:1;
}

.gallery .cover .text {
	opacity:1;
	transition:opacity 0.5s;
}

.gallery .cover:hover .text {
	opacity:0;
}

.galleryscreen > a {
	color:#888888;
}

.galleryscreen > a:hover {
	color:#ffffff;
}

@media screen and (max-width: 720px){
	.gallery h1 {
		font-size:26pt;
		line-height:1.2em;
	}
}

@media screen and (max-width: 414px){
	.galleryscreenmenu .cell {
		font-size:9pt;
	}

	.galleryscreen a.close {
		right:3px;
		top:6px;
	}

	.galleryscreen a.close i {
		left:42px;
		bottom:42px;
		line-height:30px;
	}

	.galleryscreen a.close i:before {
		width:30px;
		margin:0;
	}
	
	.galleryscreen a.next {
		width:30px;
		top:auto;
		height:72px;
		bottom:0px;		
		z-index:1004;
	}

	.galleryscreen a.prev {
		width:30px;
		top:auto;
		height:72px;
		bottom:0px;		
		z-index:1004;
	}

	.galleryscreenmenu {
		width:auto;
		left:30px;
		right:30px;
	}
	.galleryscreen a.prev i::before {
		width:30px;
		margin:0;
	}
	.galleryscreen a.next i::before {
		width:30px;
		margin:0;
	}
	.galleryscreenmenu .container {
		padding:0 10px;
	}
        .galleryscreen .viewport {
		left:18px;
		right:18px;
	}
	
}

/*CITE*/
.block.cite .article {
    font-size:16pt;
	line-height:26pt;
	text-shadow:0 0 20px rgba(0,0,0,0.4);
}

.block.cite .src {
	font-size:12pt;
	font-family: 'Playfair Display', serif;
	font-weight:100;
	margin:0 18px;
}

.block.cite .mid {
	margin:20px auto;
	background:rgba(170,162,128,1);
}

.block.imgstr {
    margin:66px 0;
}

@media screen and (max-width: 720px){
	.block.cite .article {
		margin:0 18px;
	}
	.block.imgstr {
	    margin:0;
	}
}

@media screen and (max-width: 670px){
	.block.cite .article {
		font-size:14pt;
		line-height:1.6em;
	}
}

/*Welcome*/
.welcome {
    background:#f4f3ef;
}

.welcome .article {
	font-size:12pt;
	font-family: 'Playfair Display', serif;
	font-weight:100;
}

.welcome .roundimg {
	width:240px;	
	height:240px;	
	border-radius:120px;
        background-color:#f0efeb;
}

.welcome h3 {
    font-weight:400;
    font-size:16pt;
    font-family: 'Playfair Display', serif;
}

.welcome .linkbutton {
	border:2px solid #35579a;
	font-family:'Ubuntu';
	font-weight:bold;
    	background:#f4f3ef;
	color:#35579a;
	font-size:14px;
	text-transform:uppercase;
	transition:all 0.5s ease;
}

.welcome .linkbutton:hover {
	color:#ffffff;
	background:#35579a;
}

@media screen and (max-width: 720px){
	.welcome h3 {
	    font-weight:300;
	    font-size: 14pt;
	    line-height: 1.6em;
	    font-family: 'Playfair Display', serif;
	}
}


/*FOOTER*/
.footer {
    background:#ebeae5;
    height:74px;
}
.footer .columner {
    margin:0 60px;
    line-height:74px;
    font-weight:400;
    font-size:10pt;
    text-align:center;
    color:#000000;
}

.footer.dark {
    background:#000000;
}
.footer.dark .columner {
    color:#ffffff;
}


/*IMGSTR*/

.imgstr a {
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	font-family:'Ubuntu', serif;
	color:#ffffff;
	background:rgba(170,162,128,1);
	transition:background 0.2s;
	display:inline-block;
	line-height:50px;
	height:50px;
	padding:0 16px;
}

.imgstr a:hover {
	color:#ffffff;
	background:rgba(204,195,153,1);
}

.block.cite .article 
     {font-family: 'Playfair Display', serif;}


@media screen and (max-width: 720px){
	.realsite .typo-body2 {
		font-size:12pt;
		line-height:18pt;
	}
}

/*CD/DVD Slider*/

.slider .postbuttons a {
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	font-family:'Ubuntu', serif;
	color:#ffffff;
	background:rgba(170,162,128,1);
	transition:background 0.2s;
	display:inline-block;
	line-height:50px;
	height:50px;
	padding:0 16px;
	margin-right:24px;
}

.slider .postbuttons a:hover {
	color:#ffffff;
	background:rgba(204,195,153,1);
}