﻿
.main-gallery {
  background: transparent;
  margin-bottom: 20px;
  counter-reset: gallery-cell;
  height: auto;padding: 0 18px;
}
.main-gallery-albums {
  background: transparent;
  margin-bottom: 20px;
  counter-reset: gallery-cell;
  height: auto;padding: 0 4px;
}
.main-gallery-scoop {
  background: transparent;
  margin-bottom: 20px;
  counter-reset: gallery-cell;
  height: auto;padding: 0 0 0 80px;background: #transparent;width: 100%;
}
.gallery-cell {
  width: 360px; 
  margin-right: 15px;
    margin-left: 115px;
  
  	display: block;
  counter-increment: gallery-cell;
   overflow:hidden;
   padding:0;
}
.gallery-cell-scoop {
  width: 100%; 
  margin-right: 0px;
    margin-left: 0px;
  
  	display: block;
  counter-increment: gallery-cell-scoop;
   overflow:hidden;
   padding:0;
}
.main-gallery figure { 
	display: inline-block;
	position:relative;
	width:100%;
	 height: 540px;
	overflow:hidden; 
}
.main-gallery-albums figure { 
	display: inline-block;
	position:relative;
	width:100%;
	 height: 540px;
	overflow:hidden; 
}
.main-gallery-scoop figure { 
	display: inline-block;
	position:relative;
	width:100%;
	 height: 100px;
	overflow:hidden;
	text-align:left; 
	margin:0;padding-right:0px;
}

@media screen and (max-width: 800px){
.main-gallery-scoop {
  background: transparent;
  margin-bottom: 0px;
  counter-reset: gallery-cell;
  height: 120px;padding: 0 0 10px 10px;background: #transparent;width: 90%;
line-height:20px;
}	
	
.gallery-cell {
  width: 100%; 

  
  
  counter-increment: gallery-cell;
   overflow:hidden;
   padding:0;
}
.main-gallery figure { 
	display: inline-block;
	position:relative;
	width:100%;
	 height: 100%;
	overflow:hidden; 
}	
.main-gallery-albums figure { 
	display: inline-block;
	position:relative;
	width:100%;
	 height: 100%;
	overflow:hidden; 
}

}
.gallery-cell img{
 width:100%;
  overflow:hidden; 
}
.gallery-caption {
  position: absolute;
left:22%;
  z-index: 100;
  font-size:20px;
  font-family:"TheSansLight";
  width:100%;
  padding-bottom: 0px;
  color: #ffffff;
  text-align: left;
  height:auto;
  
}
.main-gallery figcaption h1{
  
  font-size:20px;
  font-family:"TheSans";

  padding-bottom: 0px;
  color: #ECECEC;
  text-align: left;
  height:auto;
  margin-bottom:10px;

}	

.main-gallery figcaption {
position:absolute;
	padding:0px; 
	margin:0px;
	bottom:-145px;
	right:0;
	height:200px;
	left: 0px;
	text-align:left;
	 font-family:"TheSansLight";
	 font-size:20px;
	 font-weight:100;
	transition:all .5s;
	width:370px;
	
	}
	.main-gallery figure:hover figcaption {
		bottom:45px;left:0px;
	height:200px;width:370px;
	background: #111;
	padding:20px; 
	color: #ECECEC;
	display:block;
	text-decoration:none;
	
	opacity:0.9;
}
}
.main-gallery figure:hover figcaption a{
	
	background: transparent;
	padding:2px 5px 0 2px;
	color: #ECECEC;text-decoration:none;
}
.main-gallery figure:hover figcaption a:hover{
	color: #ECECEC;
	background: transparent;
	
	color: #111;text-decoration:none;
}



.main-gallery-albums figcaption h1{
  
  font-size:30px;
  font-family:"TheSans";

  padding-bottom: 0px;
  color: #ECECEC;
  text-align: left;
  height:auto;
  margin-bottom:10px;

}	

.main-gallery-albums figcaption {
	position:absolute;
	padding:0px; 
	margin:0px;
	bottom:-155px;
	right:0;
	height:200px;
	left: 0px;
	text-align:left;
	 font-family:"TheSansLight";
	 font-size:20px;
	 font-weight:100;
	transition:all .5s;
	width:370px;
	}
	.main-gallery-albums figure:hover figcaption {
		bottom:45px;left:0px;
	height:200px;width:370px;
	background: #111;
	padding:20px; 
	color: #ECECEC;
	display:block;
	text-decoration:none;
	
	opacity:0.9;
}
.main-gallery-albums figure:hover figcaption a{
	bottom:0;
	background: transparent;
	padding:2px 5px 0 2px;
	color: #ECECEC;text-decoration:none;
}
.main-gallery-albums figure:hover figcaption a:hover{
	bottom:0;color: #fff;
	background: transparent;
	text-decoration:none;
}

.gallery-caption h1{
   position: absolute;
  left: 3%;
  top: 12%;
  bottom: 30%;
  width:100%;
  z-index: 10;
  font-size:20px;
  font-family:"TheSansLight";
  word-wrap: break-word; 
  padding-bottom: 0px;
  color: #ffffff;
  text-align: left;
  height:auto;
  margin-bottom:10px;

}
.gallery-caption h2{
   position: absolute;
  right: 1%;
  top: 18%;
  bottom: 2%;
  width:100%;
  z-index: 10;
  font-size:14px;
  font-family:"TheSansLight";
  word-wrap: break-word; 
  padding-top: 20px;
  color: #ffffff;
  text-align: left;
  height:auto;
   margin-top:10px;

}
.categorie{ 

background:#CF000F;
padding:10px;
font-size:70%;
font-family:"PraterSerifBold", sans-serif;
color:#ECECEC;
margin:10px 0 0 0;
/*BDC3C7*/

}

.categorie_galerie{ 

background:#CF000F;
padding:5px;
font-size:14px;
  font-family:"TheSans";color:#ECECEC;
margin:3px 0 0 0;
/*BDC3C7*/

}