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


/*galleryNavigation*/

div#galleryNavigation {
	position: relative;
	height: 20px;
}

div.galleryNavigationAbove {
	position: absolute;
	display: block;
	right: 10px;
	top: 125px;
}

div.galleryNavigationAbove img {
	float: right;
	height: 15px;
	width:auto;
	margin: 0px;
	margin-top:4px;
	margin-left: 10px;
	border:none;
}

div.galleryNavigationAbove p {
	display: block;
	width: 220px;
	margin-top: 5px;
	padding: 3px 5px;
	text-align: right;
	font-size: 15px;
	font-weight: normal;
	color: #ff5100;
}

div#galleryNavigation div.galleryNavigationAbove img {
	float: right;
	height: 20px;
	width: auto;
	filter: saturate(4);
	-webkit-filter: saturate(4);
}


/*-----------galleries-----*/    
.galleries {
	min-height: 500px;
	width:auto;
	margin:0 auto;
	margin-top: 30px;
}


.boxed {
	float: left;
	width:18.8%;
	margin: 0.5%;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #6d86a8;
}
 
.vcenter {
   display:inline-block;
	width:100%;
	vertical-align: middle;
}

.clickable {
	position: relative;
	height:240px;
	cursor:pointer;
   margin-left: auto;
   margin-right: auto;
   padding:5px;
}

.propertie { 
	position: absolute;
	left:0px;
	bottom:5px;
	height:25px;
	width:100%;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
	
.propertie p { 
	margin-left:0px;
	text-align: center;
	height:20px;
	width:auto;
	color: #b1b3b4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

.holder {
	height:200px;
	width:220px;
	text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.frame {
	height:200px;
	width:220px;
	display: table-cell;
	vertical-align: middle;
   margin: auto;
}
	
.holder img {
	max-height:100%;
	width:auto;
	max-width:99%;
	margin:auto;
	text-align:center;
	border:2px solid #ece5e5;
}

.gallery {
	margin-top:10px;
}

/*-----------gallery-----    
.gallery {
	margin:0 auto;
}

.gallery .boxed {
	float: left;
	width:23%;
   padding-top:10px;
   padding-left:20px;
   padding-bottom: 10px;
}
 
.gallery .vcenter {
   display:inline-block;
	width:100%;
	vertical-align: middle;
}

.gallery .clickable {
	position: relative;
	height:240px;
	cursor:pointer;
   margin-left: auto;
   margin-right: auto;
   padding:5px;
}

.gallery .propertie { 
	position: absolute;
	left:0px;
	bottom:5px;
	height:25px;
	width:100%;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
	
	.gallery .propertie p { 
	margin-left:0px;
	text-align: center;
	height:17px;
	width:auto;
	color: #b1b3b4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

.gallery .holder {
	height:200px;
	width:220px;
	text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.gallery .frame {
	height:200px;
	width:220px;
	display: table-cell;
	vertical-align: middle;
   margin: auto;
}
	
.gallery .holder img {
	max-height:100%;
	width:auto;
	max-width:99%;
	margin:auto;
	text-align:center;
	border:2px solid #808080;
}
*/ 



/*pagination*/
div.pagination_left {
	display: block;
	float: left;
	margin:10px 30px;
}

div.pagination_left img {
	float: left;
	height: 15px;
	width:auto;
	margin: 0px;
	margin-top:4px;
	border:none;
}

div.pagination_left p {
	float: left;
	margin:0px;
	margin-left:5px;
	padding: 2px 5px;
	font-size: 17px;
	font-weight: bold;
	color: #f60;
}

div.pagination_right {
	display: block;
	float: right;
	margin:10px 30px;
}

div.pagination_right img {
	float: right;
	height: 15px;
	width:auto;
	margin: 0px;
	margin-top:4px;
	border:none;
}

div.pagination_right p {
	float: right;
	margin:0px;
	margin-right: 5px;
	padding: 2px 5px;
	font-size: 17px;
	font-weight: bold;
	color: #f60;
}

      
/*----pics---------*/ 
div.bigpic {
	width:auto;
	padding-top: 20px;
} 

div.bigpic_box {
	position: relative;
	text-align: center;
}

div.bigpic_box img {
	min-height: 500px;
	max-height: 700px;
	width: auto;
	max-width:calc(100% - 4px);
	margin: auto;
	border:2px solid #808080;
}

div.bigpic_box div.bigpic_info {
	padding-left: 0px;
}



/*-------bigpic_pagination-------------*/


div.bigpic_box .pagination_left {
	position: absolute;
	display: flex;
	width:40%;
	height:90%;
	top:0;
	left:0px;
	padding:5px;
	margin-left:0px;
	z-index: 15;
	align-items: center;
}

div.bigpic_box .pagination_left:hover img {
	/*display: block;*/
	border-radius: 3px;
	background-color: rgba(255,255,255,0.0);
}

div.bigpic_box .pagination_left img {
	position: absolute;
	float: left;
	min-height: unset;
	height:50px;
	width:30px;
	padding:30px;
	padding-left: 20px;
	border:none;
	filter: saturate(4);
	-webkit-filter: saturate(4);
}


div.bigpic_box .pagination_left p {
	display: none;
}


div.bigpic_box .pagination_right {
	position: absolute;
	display: flex;
	width:40%;
	height:90%;
	top:0;
	right:0px;
	padding:5px;
	margin-right:0px;
	z-index: 15;
	align-items: center;
	justify-content: flex-end;
}

div.bigpic_box .pagination_right:hover img {
	/*display: block;*/
	border-radius: 3px;
	background-color: rgba(255,255,255,0.0);
}

div.bigpic_box .pagination_right img {
	position: absolute;
	float: right;
	min-height: unset;
	height:50px;
	width:30px;
	padding:30px;
	padding-right: 20px;
	border:none;
	filter: saturate(4);
	-webkit-filter: saturate(4);
}


div.bigpic_box .pagination_right p {
	display: none;
}





@media only screen and (min-width:2561px){

	/*-----------galleries-----*/
	.clickable {
		height:250px;
	}
	
	/*-----------gallery-----
	.gallery .clickable {
		height:205px;
	}*/
	
}


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

		/*-----------galleries-----*/
	.clickable {
		height:205px;
	}

	
		/*-----------gallery-----
	.gallery .clickable {
		height:205px;
	}
*/
	
}

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

}

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

}

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

}

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

}

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

}

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

}

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


@media only screen and (max-width:1500px) {
		/*-----------galleries-----*/
		.boxed {
		width:248px;
	}
	
	.clickable {
		height:200px;
	}

	.holder {
		width:220px;
	}

	.frame {
		width:220px;
	}
	
	/*-----------gallery----
	.gallery .boxed {
		width:248px;
	}
	
	.gallery .clickable {
		height:200px;
	}

	.gallery .holder {
		width:220px;
	}

	.gallery .frame {
		width:220px;
	}-*/

}

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

}

@media only screen and (max-width:1366px) {
	
	/*-----------galleries-----*/
	.boxed {
		width:223px;
	}
	
	.clickable {
		height:200px;
	}

	.holder {
		width:195px;
	}

	.frame {
		width:195px;
	}
	
	
	/*-----------gallery----
	.gallery .boxed {
		width:223px;
	}
	
	.gallery .clickable {
		height:200px;
	}

	.gallery .holder {
		width:195px;
	}

	.gallery .frame {
		width:195px;
	}
	-*/



}

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

	/*-----------galleries-----*/
	.boxed {
		width:198px;
	}

	.clickable {
		height:190px;
	}

	.holder {
		height:180px;
		width:180px;
	}

	.frame {
		height:180px;
		width:175px;
	}	
	
	/*-----------gallery----
	.gallery .boxed {
		width:198px;
	}

	.gallery .clickable {
		height:190px;
	}

	.gallery .holder {
		height:180px;
		width:180px;
	}

	.gallery .frame {
		height:180px;
		width:175px;
	}
-*/

}

@media only screen and (max-width:1170px) {
	div.galleryNavigationAbove p {
		display: none;
	}	
	
	/*-----------galleries-----*/
	.boxed {
		width:174px;
	}

	.clickable {
		height:175px;
	}

	.holder {
		height:150px;
		width:160px;
	}

	.frame {
		height:150px;
		width:155px;
	}
	
	/*-----------gallery-----
	.gallery .boxed {
		width:174px;
	}

	.gallery .clickable {
		height:175px;
	}

	.gallery .holder {
		height:150px;
		width:160px;
	}

	.gallery .frame {
		height:150px;
		width:155px;
	}*/
	
}

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

		/*-----------galleries-----*/
	.boxed {
		width:221px;
	}

	.clickable {
		height:195px;
	}

	.holder {
		height:190px;
		width:190px;
	}

	.frame {
		height:190px;
		width:190px;
	}
	
	/*-----------gallery-----
	.gallery .boxed {
		width:221px;
	}

	.gallery .clickable {
		height:195px;
	}

	.gallery .holder {
		height:190px;
		width:190px;
	}

	.gallery .frame {
		height:190px;
		width:190px;
	}*/
	

	/*-------bigpic_pagination-------------*/ 


	div.bigpic_box .pagination_left img {
		height:40px;
		width:25px;
	}

	div.bigpic_box .pagination_right img {
		height:40px;
		width:25px;
	}
	
	div.bigpic_box img {
    	min-height: unset;
    	max-height: unset;
		width: calc(100% - 4px);
	}


}

@media only screen and (max-width: 950px) {
	
		/*-----------galleries-----*/
	.boxed {
		width:221px;
	}
	
	
	/*-----------gallery-----
	.gallery .boxed {
		width:221px;
	}*/


	/*----pics---------*/   
	.picture_01 {
   	margin:20px;
	}
	
	.picture_01 img {
		width:85%;
		margin:30px auto;
	}
	.pagination_pics {
		bottom:10px;
	}
	

	
}


@media only screen and (max-width: 820px) {
	
	div#galleryNavigation {
    	position: unset;
		height: auto;
	}
	
	div.galleryNavigationAbove {
    	right: 30px;
    	top: 20px;
	}
	
	.galleries {
		margin-top:;
	}
	
		/*-----------galleries-----*/
	.boxed {
		width:29.5%;
	}

	.clickable {
		height: 190px;
	}

	.holder {
		height:180px;
		width:180px;
	}

	.frame {
		height:180px;
		width:180px;
	}
	
	.propertie p { 
		padding-top:0px;
	}
	
	
	/*-----------gallery----
	.gallery .boxed {
		width:29.5%;
	}

	.gallery .clickable {
		height: 190px;
	}

	.gallery .holder {
		height:180px;
		width:180px;
	}

	.gallery .frame {
		height:180px;
		width:180px;
	}
	
	.gallery .propertie p { 
		padding-top:0px;
	}
-*/
}

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

		/*-----------galleries-----*/
	.boxed {
		width:32%;
	}

	.clickable {
		height:190px;
	}

	.holder {
		height:170px;
		width:150px;
	}

	.frame {
		height:170px;
		width:150px;
	}
	
	
	/*-----------gallery-----
	.gallery .boxed {
		width:29%;
	}

	.gallery .clickable {
		height:190px;
	}

	.gallery .holder {
		height:170px;
		width:150px;
	}

	.gallery .frame {
		height:170px;
		width:150px;
	}*/

	
}

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

	/*-----------galleries-----*/
	
	.boxed {
		width:48%;
	}

	.clickable {
		height:205px;
	}

	.holder {
		height:200px;
		width:200px;
	}

	.frame {
		height:200px;
		width:200px;
	}
	
	
	
	/*-----------gallery----
	.gallery .boxed {
		width:43.5%;
	}

	.gallery .clickable {
		height:205px;
	}

	.gallery .holder {
		height:200px;
		width:200px;
	}

	.gallery .frame {
		height:200px;
		width:200px;
	}
	-*/
		
	
	
/*----pagination_pics---------*/   
	.pagination_pics {
		bottom:20px;
		width:94%;
		padding:3%;
	}

.pagination_pics div.pagination_left {
		height:30px;
		width:30px;
		padding-bottom:10px;
	}

.pagination_pics div.pagination_right {
		height:30px;
		width:30px;
		padding-bottom:10px;
	}


}

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

	
	/*-----------gallery-----

	.gallery .clickable {
		height:190px;
	}

	.gallery .holder {
		height:180px;
		width:180px;
	}

	.gallery .frame {
		height:180px;
		width:180px;
	}*/

}

@media only screen and (max-width: 500px) {
	/*-----------galleries-----*/

	
	/*-----------gallery-----
	.gallery .boxed {
		width:43%;
	}
	
	.gallery .clickable {
		height:180px;
	}

	.gallery .holder {
		height:160px;
		width:150px;
	}

	.gallery .frame {
		height:160px;
		width:150px;
	}	*/

}

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

		/*-----------galleries-----*/
	.boxed {
		width: calc(100% - 4px);
   	padding: 20px 0px;
   	margin-bottom: 10px;
	}

	.propertie { 
		position:unset;
		margin-top:2px;
	}
	
	.clickable {
		height:auto;
	}

	.holder {
		height:auto;
		width:300px;
	}

	.frame {
		display: block;
		height:auto;
		width:300px;
	}
	
	/*-----------gallery-----	
	.gallery .boxed {
		width:100%;
   	padding: 0px;
   	margin-bottom: 10px;
	}

	.gallery .propertie { 
		position:unset;
		margin-top:2px;
	}
	
	.gallery .clickable {
		height:auto;
	}

	.gallery .holder {
		height:auto;
		width:300px;
	}

	.gallery .frame {
		height:auto;
		width:300px;
	}*/
	
		
	
	/*------bigpic_pagination---------*/
	div.bigpic_box .pagination_left img {
		height:30px;
		width:20px;
	}

	div.bigpic_box .pagination_right img {
		height:30px;
		width:20px;
	}

	
}



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

		      
	/*----big_pics---------*/ 
	.bigpic {
		width:auto;
		margin:0px;
		padding:0px;
	} 



}

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

/*-----------galleries-----*/
	.clickable {
		height:auto;
	}

	.holder {
		height:auto;
		width:250px;
	}

	.frame {
		height:auto;
		width:250px;
	}
	
	/*-----------gallery-----	
	
	.gallery .clickable {
		height:auto;
	}

	.gallery .holder {
		height:auto;
		width:250px;
	}

	.gallery .frame {
		height:auto;
		width:250px;
	}*/

	/*------bigpic_pagination---------*/
	div.bigpic_box .pagination_left img {
		height:30px;
		width:20px;
		padding-left:10px;
	}

	div.bigpic_box .pagination_right img {
		height:30px;
		width:20px;
		padding-right:10px;
	}


}

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

	/*-----------galleries-----*/
	.clickable {
		height:auto;
	}

	.holder {
		height:auto;
		width:260px;
	}

	.frame {
		height:auto;
		width:260px;
	}

	/*-----------gallery-----
	.gallery .clickable {
		height:auto;
	}

	.gallery .holder {
		height:auto;
		width:260px;
	}

	.gallery .frame {
		height:auto;
		width:260px;
	}*/


}