.imgContainer img {
	border: 0 none;
	width: 100%;
	height:100%;
        object-fit: cover;
}

#wrap {
	box-sizing: border-box;
	margin: 20px auto;
	width: 100%;
    display: inline-block;
	
	position: relative;

}
.button {
	width: 200px;
	display: block;
	text-align: center;
	padding: 5px;
	color: #000;
	background: #ccc fixed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -o-linear-gradient(top, #fff, #ccc);
	border-top: solid 1px #bbb;
	border-right: solid 1px #aaa;
	border-left: solid 1px #999;
	border-bottom: solid 1px #888;
	text-shadow: #fff -1px 1px 1px;
	-moz-box-shadow: 0px 1px 3px #ccc;
	-webkit-box-shadow: 0px 1px 3px #ccc;
	box-shadow: 0px 1px 3px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}
.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#fff));
	background: -moz-linear-gradient(top, #dedede, #fff);
	background: -o-linear-gradient(top, #dedede, #fff);
	text-decoration: none
}
/* this demo specifc styles */
.imgContainer {
  width: 31%;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin: 10px 20px 10px 0;
  float: left;
  border: solid 1px #999;
  display: block;
}
.imgContainer:hover{

 -webkit-box-shadow: -3px 3px 10px 1px #777;
    -moz-box-shadow: -3px 3px 10px 1px #777;
         box-shadow: -3px 3px 10px 1px #777;
         
}
#galleryTab {
  margin: 10px 5px 20px 0;
  width: 100%;
    display: inline-block;
    text-align:center;
}
.galleryWrap {
  padding: 0 0 30px;
}
.filter {
  border: 1px solid #ccc;
  color: #333333;
  float: left;
  font-size: 12px;
  margin: 0 12px 0 0;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    
         float:left;
         border-radius: 0;
    font-size: 13px;
    color: #333;
    padding: 6px 20px;
    background: rgb(251,250,250);
    background: -moz-linear-gradient(top,rgba(251,250,250,1) 0%,rgba(237,236,233,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(251,250,250,1)),color-stop(100%,rgba(237,236,233,1)));
    background: -webkit-linear-gradient(top,rgba(251,250,250,1) 0%,rgba(237,236,233,1) 100%);
    background: -o-linear-gradient(top,rgba(251,250,250,1) 0%,rgba(237,236,233,1) 100%);
    background: -ms-linear-gradient(top,rgba(251,250,250,1) 0%,rgba(237,236,233,1) 100%);
    background: linear-gradient(to bottom,rgba(251,250,250,1) 0%,rgba(237,236,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfafa',endColorstr='#edece9',GradientType=0 );
    margin-right: 5px;

    font-weight: 600;
    border-radius: 3px;
}
.filter:hover {
  background-color: #004274;


  border-bottom: solid 1px #aaa;
  border-left: solid 1px #aaa;
}
.filter.active {
  background: #004274 !important;
  border: 1px solid #ccc;
  color: #fff;
  cursor: default;

 -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;  
}
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}
.imgWrap{
    height:245px;
}