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


.Gallery {
	border-top:1px solid #CCC;
}

.Gallery .Limited {
	margin: 50px auto;
	text-align: center;
}



.Gallery .Limited h2 {
	margin-bottom:30px;
}

.Gallery .Navig {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  font-size: 1.05em;
}

.Gallery .Navig::after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  right:50%;
  bottom:-8px;
  height: 1px;
  background: #b31218;
  transition:all .2s ease-in-out;
}

.Gallery .Navig:hover::after {
  content: '';
  left: 0;
  right:0;
  bottom:-8px;
  transition:all .1s ease-in-out;
}

.Gallery .Navig.Active::after {
  content: '';
  position: absolute;
  display: block;
  left: 0%;
  right:0%;
  bottom:-8px;
  height: 1px;
  background: #b31218;
}




.Gallery .Navig a {
	display: block;
	padding: 0 5px 0 5px;
	color: #585857;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 300;
	transition:all .2s ease-in-out;
}

.Gallery .Navig.Active a {
	font-weight: 500;
}










.BoxGallery {
	display:inline-block;
	float:left;
	position:relative;
	width:33.3%;
	padding-bottom:18%;
	vertical-align:top;
	border:1px solid #FFF;
	box-sizing: border-box;
	background: no-repeat center center #EEE;
	background-size: cover;
}

.Gallery.Small  {
	background-color: #f1f1f1;
	padding: 20px 40px;
}


.Gallery.Small .BoxGallery {
	width:16.6%;
	padding-bottom:14%;
	border:4px solid #f1f1f1;
}


.Gallery.Loaclity .BoxGallery  {
	width:20%;
	padding-bottom:12%;
	border:1px solid #f1f1f1;
}

.Gallery.Visualization .BoxGallery  {
	width:20%;
	padding-bottom:20%;
	border:1px solid #f1f1f1;
}

.Gallery.Visualization a:nth-child(6) .BoxGallery  {
	display: none;
}





@media (max-width: 992px)
{
	.BoxGallery {
		width:33.33%;
		padding-bottom: 20.8%;
		}
		
	.Gallery.Loaclity .BoxGallery  {
		width:33.3%;
		padding-bottom:18%;
		border:1px solid #f1f1f1;
	}
	
	.Gallery.Visualization .BoxGallery  {
		width:33.3%;
		padding-bottom:33.3%;
	}
	
	.Gallery.Visualization a:nth-child(6) .BoxGallery  {
		display:inline-block;
	}

		
		
		
}


@media (max-width: 768px)
{
	.BoxGallery {
		width:50%;
		padding-bottom: 31%;
		}
		
	.Gallery .Navig a {
		margin: 20px 0 0 0;
}

.Gallery.Small  {
	background-color: #f1f1f1;
	padding: 10px 10px;
}


.Gallery.Small .BoxGallery {
	width:33.3%;
	padding-bottom:30%;
}

.Gallery.Loaclity .BoxGallery  {
	width:50%;
	padding-bottom: 31%;
}

.Gallery.Visualization .BoxGallery  {
	width:50%;
	padding-bottom:50%;
}


@media (max-width: 480px)
{

}