@charset "UTF-8";
/* CSS Document */

@font-face { font-family: Aroly; src: url('fonts/AROLY.otf');
src: url('fonts/AROLY.eot');
src: url('fonts/AROLY.otf') format('truetype'),
     url('fonts/AROLY.woff') format('woff'),
     url('fonts/AROLY.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal; }
*{
	overflow-x: hidden;
	border: 0;


}

img
{  border: 0;
}

html{

	margin:0;
	padding:0;
	width:100%;
	height:100%;

}

body{

	margin:0;
	padding:0;
	width:100%;
	height:100%;



}

img a {outline : none;border : 0;}

a{

	margin:0;
	padding:0;
	border: 0;

}

a:link, a img {
	text-decoration: none;
	border:none!important;
	margin:0;
	padding:0;
	border: 0;
}

a, a:visited, a:active{

	text-decoration:none;
	border:0;
	color:inherit;
	margin:0;
	padding:0;

}



#posts{

	position:absolute;
	overflow:hidden;

	-webkit-transition:height 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:height 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:height 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:height 0.5s cubic-bezier(1, 0, 0, 1);
	transition:height 0.5s cubic-bezier(1, 0, 0, 1);



}

.postbackcont:hover{

	cursor:pointer !important;
	opacity:0.7 !important;

}

.post-link{

	width:100%;
	height:100%;

}

.postbackcont{

	overflow:hidden;
	position:absolute;
	z-index:3;
	opacity:1;
	margin-left:-500px;

	-webkit-transition:opacity 0.5s, height 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:opacity 0.5s, height 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:opacity 0.5s, height 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:opacity 0.5s, height 0.5s cubic-bezier(1, 0, 0, 1);
	transition:opacity 0.5s, height 0.5s cubic-bezier(1, 0, 0, 1);

}

#photoscont video, #photoscont iframe, #photos iframe{

	width:100%;

}

#photos iframe{

	margin-bottom:50px;

}

#photos video{

	margin-bottom:30px;

}

#bigWhite{

	width:100%;
	height:100%;
	position:fixed;
	background:#FFF;
	z-index:400;

	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;

}

#whitetext{

	text-align:center;
	font-family:Aroly;

	width:600px;
	font-size:60px;
	margin:auto;
	margin-top:300px;

	opacity:0;

	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;

}

#footer{

	position:fixed;
	bottom:-50px;
	opacity:0;
	height:50px;
	background:#FFF;
	width:100%;
	z-index:100;


	-webkit-transition:opacity 2s, bottom 2s cubic-bezier(1, 0, 0, 1);
	-moz-transition:opacity 2s, bottom 2s cubic-bezier(1, 0, 0, 1);
	-ms-transition:opacity 2s, bottom 2s cubic-bezier(1, 0, 0, 1);
	-o-transition:opacity 2s, bottom 2s cubic-bezier(1, 0, 0, 1);
	transition:opacity 2s, bottom 2s cubic-bezier(1, 0, 0, 1);

}

#scrollIcon{

	position:fixed;
	width:30px;
	z-index:90;
	visibility:hidden;
	opacity:0;

	-webkit-transition:opacity 2s, bottom 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:opacity 2s, bottom 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:opacity 2s, bottom 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:opacity 2s, bottom 0.5s cubic-bezier(1, 0, 0, 1);
	transition:opacity 2s, bottom 0.5s cubic-bezier(1, 0, 0, 1);

}

#contactIcon{

	float:left;
	position:absolute;
	height:18px;
	margin-left:16px;
	margin-top:16px;
	display:none;
}

#descIcon{


	float:right;
	height:22px;
	margin-top:100px;
	margin-right:14px;
	display:none;

	-webkit-transition:margin-top 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:margin-top 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:margin-top 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:margin-top 0.5s cubic-bezier(1, 0, 0, 1);
	transition:margin-top 0.5s cubic-bezier(1, 0, 0, 1);
}


#soundIcon{


	position:fixed;
	height:0px;
	width:0px;
	top:2000px;
	visibility:hidden;
	display:none;
	opacity:0;
	z-index:101;

	-webkit-transition:opacity 0.5s, top 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:opacity 0.5s, top 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:opacity 0.5s, top 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:opacity 0.5s, top 0.5s cubic-bezier(1, 0, 0, 1);
	transition:opacity 0.5s, top 0.5s cubic-bezier(1, 0, 0, 1);
}

#soundIcon:hover{

	cursor:pointer;
	opacity:0.5;

}

#logo{

	font-size:20px;
	font-family:Aroly, "arial";
	text-align:center;
	float:left;
	margin-left:20px;
	margin-top:18px;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#cos{


	float:right;
	height:30px;

	margin-top:10px;

  font-size:16px;
	font-family:Aroly, "arial";
	text-align:center;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#cos:hover{

	cursor:pointer;
	opacity:0.5;


}

#buttons{
	margin-left:40px;

	margin-top:20px;
	float:left;


	font-size:16px;
	font-family:Aroly, "arial";
	text-align:center;

}

.button{

	float:left;
	margin-right:50px;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

.button:hover, #logo:hover{

	cursor:pointer;
	opacity:0.5;


}


.posttitle{

	font-size:20px;
	font-family:Aroly, "arial";
	text-align:center;
	position:absolute;
	text-transform:capitalize;
	z-index:10;
	background:#FFF;
	text-align:center;
	width:100%;
	height:100%;
	padding-top:20px;
	opacity:0.7;
	color:#000;
	margin-top:1000px;

	-webkit-transition:margin-top 0.3s cubic-bezier(1, 0, 0, 1);
	-moz-transition:margin-top 0.3s cubic-bezier(1, 0, 0, 1);
	-ms-transition:margin-top 0.3s cubic-bezier(1, 0, 0, 1);
	-o-transition:margin-top 0.3s cubic-bezier(1, 0, 0, 1);
	transition:margin-top 0.3s cubic-bezier(1, 0, 0, 1);

}

.thumbnail-wrapper{

	position:absolute;

}

.postbackimg{

	position:absolute;

	-webkit-transition:margin-left 0.1s;
	-moz-transition:margin-left 0.1s;
	-ms-transition:margin-left 0.1s;
	-o-transition:margin-left 0.1s;
	transition:margin-left 0.1s;

}

a:active, a:visited{

	text-decoration:none;
	color:inherit;


}

#descriptionCont{

	font-family: 'Montserrat', sans-serif;
	background:#FFF;
	font-size:14px;

	position:fixed;

	overflow:scroll;
	overflow-x: hidden;
	z-index:97;


	-webkit-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	transition:top 0.5s cubic-bezier(1, 0, 0, 1);


}

#description{

	opacity:0;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#description img, #description video, #description iframe{

	visibility:hidden;
	display:none;
	height:0;
	position:absolute;


}

#description .date{

	font-weight:bold;
	font-size:16px;

}

#description .desc{

	visibility:hidden;
	display:none;
	height:0;
	position:absolute;

}

#description .leg{

	visibility:hidden;
	display:none;
	height:0;
	position:absolute;

}

#descriptionCont2{

	font-family: 'Montserrat', sans-serif;
	font-size:14px;

	position:fixed;

	overflow:scroll;
	overflow-x: hidden;
	z-index:97;


	-webkit-transition:left 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:left 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:left 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:left 0.5s cubic-bezier(1, 0, 0, 1);
	transition:left 0.5s cubic-bezier(1, 0, 0, 1);


}

#description2{

	opacity:0;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#description2 img, #description2 video, #description2 iframe{

	visibility:hidden;
	display:none;
	volume:0;
	height:0;
	position:absolute;
}

#description2 .date{

	visibility:hidden;
	display:none;
	height:0;
	position:absolute;

}

#description2 .mat{

	visibility:hidden;
	display:none;
	height:0;
	position:absolute;

}

#photosCont{

	font-family: 'Montserrat', sans-serif;

	font-size:14px;
	position:fixed;

	overflow:scroll;
	overflow-x: hidden;
	background:#FFF;


	-webkit-transition:left 0.5s cubic-bezier(1, 0, 0, 1),top 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:left 0.5s cubic-bezier(1, 0, 0, 1),top 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:left 0.5s cubic-bezier(1, 0, 0, 1),top 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:left 0.5s cubic-bezier(1, 0, 0, 1),top 0.5s cubic-bezier(1, 0, 0, 1);
	transition:left 0.5s cubic-bezier(1, 0, 0, 1),top 0.5s cubic-bezier(1, 0, 0, 1);


}

#swipeBox{

	width:100%;
	height:100%;

}

#photos{

	margin-top:-30px;
	margin-bottom:-30px;

}

#photos a{

	display:block;
	padding:0;


}

#photos img{

	width:100%;
	height: auto;
	margin-bottom:40px;

	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	transition:opacity 0.3s;

}

#photos img:hover{


	cursor:pointer;

}

#description a, #description2 a, #centerTextCont a{

	color:#36F;

	-webkit-transition:color 1s, opacity 1s;
	-moz-transition:color 1s, opacity 1s;
	-ms-transition:color 1s, opacity 1s;
	-o-transition:color 1s, opacity 1s;
	transition:color 1s, opacity 1s;

}

#description a:hover, #description2 a:hover, #centerTextCont a:hover{

	color:#000;
	opacity:0.5;
	cursor:pointer;

}

#photos .void{

	display:none;
	visibility:hidden;

}

#centerTextCont{

	position:fixed;
	top:2000px;

	overflow:scroll;
	overflow-x: hidden;
	z-index:50;


	-webkit-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	transition:top 0.5s cubic-bezier(1, 0, 0, 1);


}

#centerTextBio, #centerTextAbout, #centerTextPress{

	font-family: 'Montserrat', sans-serif;
	font-size:14px;

	position:absolute;
	z-index:3;
	opacity:0;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#centerBack{

	height:5000px;
	width:100%;
	position:fixed;
	visibility:hidden;
	z-index:1;
	background:#FFF;
	opacity:0.9;

}

#close, #close2{

	position:absolute;
	height:20px;
	margin-top:3000px;
	display:none;
	z-index:5;

}

#close:hover, #close2:hover{

	cursor:pointer;
	opacity:0.5;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#musicCont{

	position:fixed;
	width:100%;
	height:100%;
	top:2000px;
	visibility:hidden;


	z-index:52;
	overflow:hidden;



	-webkit-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-moz-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-ms-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	-o-transition:top 0.5s cubic-bezier(1, 0, 0, 1);
	transition:top 0.5s cubic-bezier(1, 0, 0, 1);

}

.musicBox{

	width:100%;
	height:50%;
	overflow:hidden;

}

.musicBox:hover{

	cursor:pointer;

}

.musicBoxCont{

	width:100%;
	height:100%;
	overflow:hidden;


}
#musicBottom, #musicTop{

	width:100%;
	height:50%;
	overflow:hidden !important;


}

.musicImg{


	opacity:0.7;

	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;

}

#white{

	opacity:0;
	width:100%;
	height:100%;
	position:fixed;
	visibility:hidden;
	z-index:50;
	background:#FFF;

	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;

}

#white:hover{

	cursor:pointer;
	opacity:0;

}

.musicTitle{

	font-family:Aroly, "arial";
	position:absolute;
	z-index:10;
	font-size:40px;
	color:#FFF;
	margin-left:50px;
	margin-top:50px;

}

#lightBox{

	position:fixed;
	overflow:hidden;
	z-index:98;
	width:100%;
	height:100%;
	opacity:0;
	visibility:hidden;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#lightWhite{

	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	opacity:0.8;
	background-color:#FFF;
	visibility:inherit;

}

#sliderCont{

	height:100%;
	z-index:2;

	-webkit-transition:margin-left 0.3s;
	-moz-transition:margin-left 0.3s;
	-ms-transition:margin-left 0.3s;
	-o-transition:margin-left 0.3s;
	transition:margin-left 0.3s;

}


.slideBox{

	position:absolute;
	float:left;
	width:100%;
	height:100%;
	z-index:3;
	opacity:0;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

.slideImg{

	height:90%;
	margin-top:1%;
	z-index:3;
	position:absolute;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

.slideImg:hover{

	cursor:pointer;


}

.slideButton{

	position:fixed;
	z-index:4;
	height:5%;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

.slideButton:hover{

	cursor:pointer;
	opacity:0.7;

}

#closeSlide{

	position:fixed;
	z-index:4;
	height:20px;
	top:3000px;

	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;

}

#closeSlide:hover{

	cursor:pointer;
	opacity:0.7;

}

#wip{

	width:800px;
	margin:auto;
	margin-top:300px;
	font-size:40px;
	font-family:Aroly, "arial";
	text-align:center;

}