@font-face {
    font-family: TradeGothic-Cond-Regular;
    src: url(../fonts/TradeGothic_Condensed_18.ttf);
}
@font-face {
    font-family: TradeGothic-Cond-Bold;
    src: url(../fonts/TradeGothic_Condensed_20.ttf);
}


body
{
	background-color: #fff;
	color:#333;
	font-family: "TradeGothic-Cond-Regular";
}

a, a:visited, a:active 
{
	color:#666;
}

a:hover
{
	color:#000;
} 


.ts-24
{
	font-size: 24px;
}

.ts-30
{
	font-size: 30px;
}

.ts-36
{
	font-size: 36px;
	line-height: 40px;
}

.bold{
	font-family: "TradeGothic-Cond-Bold";
}



.carousel-item
{
	height: 100%;
	text-align: center;
	background-color: #222
}

.carousel-item > img
{
	margin-left: auto;
	margin-right: auto;
}


.wrapper 
{
	position: relative;
	width: calc(100vw);
	height:calc(100vh);
	overflow: hidden;
}

.full-screen
{
	position: absolute;
	width: calc(100vw);
	height:calc(100vh);
	top:0;
	left: 0;
}

.closeBtn
{
	position: absolute;
	right:40px;
	top:20px;
	text-align: right;
	width: 50px; 
	height: 50px;
	color:#fff;
	z-index:2;
	font-size: 24px;
	opacity: 0.7

}

.closeBtn:hover
{
	opacity: 1;
}


#biography .closeBtn
{
	position: absolute;
	right:40px;
	top:20px;
	text-align: right;
	width: 50px; 
	height: 50px;
	color:#000;
	z-index:2;
	font-size: 24px;
	opacity: 0.7

}

#biography .closeBtn:hover
{
	opacity: 1;
}



.description-slide
{
	columns: 2;
	column-gap:50px;
	font-size: 24px;
	text-align: left;	
}

.title-slide
{
	font-size: 36px;
	text-align: left
}

.description
{
	color:#fff;
}



a.linkLight, a, a.linkLight:visited, a.linkLight:active
{
	color:#aaa;
}
a.linkLight:hover
{
	color: #fff;
}


.exhiition-list
{
	columns: 3;
	column-gap:30px;
	text-align: left;
	font-size: 18px;	
	line-height: 24px;
}


@media only screen and (min-width: 992px) {
	.img-carousel
	{
		height:100% !important
	}  
}

@media only screen and (max-width: 991px)
{
	.description-slide
	{
		padding: 0px 35px; 
		columns: 1;
		font-size: 14px;
		text-align: left;	
	}
	.title-slide
	{
		padding:0px 35px; 
		font-size: 18px;
		line-height: 22px;
		text-align: left
	}
	.exhiition-list
	{
		padding:0px 35px; 
		columns: 1;
		line-height: 20px;
	}

}

@media only screen and (max-width: 991px)  and (orientation: landscape) {
	.img-carousel
	{
		margin-top: 0px;
	}  
	.carousel-indicators
	{
		display: none;
	}
}

@media only screen and (max-width: 991px) and (orientation: portrait) {
     .img-carousel
	{
		margin-top: calc(50vh - ((100vw / 1.35) / 2));
	}  
	.carousel-indicators
	{
		display: none;
	}
}