/* The gallery overlay */
#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#111;
	background-color:rgba(54,69,79,0.9);
	overflow:hidden;
	display:none;
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}
/* This class will trigger the animation */
#galleryOverlay.visible{
	opacity:1;
}
#gallerySlider{
	height:100%;
	left:0;
	top:0;
	width:100%;
	white-space: nowrap;
	position:absolute;
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}
#gallerySlider .placeholder img{
border:1px solid #fff;
padding:2px;
}
#gallerySlider .placeholder{
	background: url("images/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}
/* The before element moves the
 * image halfway from the top */
#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}
#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 80%;
	max-width: 80%;
	width: auto !important;
	vertical-align: middle;
}
#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}
@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}
@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}
/* Arrows */
#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('images/arrowws.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	top:50%;
	margin-top:-29px;
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}
#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}
#prevArrow{
	background-position:left top;
	left:40px;
}
#nextArrow{
	background-position:right top;
	right:40px;
}
/* galeria */
.galbox {
  position: relative;
  margin-top: 2px;
  margin-bottom: 31px;
  padding-bottom: 68px;
  overflow: hidden;
}
/*WERSJA 1*/

.galbox .galgall_item {
  position: relative;
  display: block;
  background:#73b9ff;
  height: 98%;/*height i border-radius to opcja do tej galerii*/
  /*border-radius:15px;*/
}
.galbox .galgall_item img {
  width: 100%;
  margin-bottom: -4px;
}
.galbox .galgall_item span {
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/mzoom.png) center -100px no-repeat;
}
.galbox .galgall_item:hover span {
  background-position: center center;
}
.galbox .galgall_item:hover img {
  opacity: 0.7;
}

/*KONIEC WERSJA 1*/
/*---------------*/
/*WERSJA 2*/
/*
.galbox .galgall_item {
	position: relative;
	display: block;
	background: #73b9ff url(images/mzoom.png) center center no-repeat;

}
.galbox .galgall_item img {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	width: 100%;
	margin-bottom: -4px;
}
.galbox .galgall_item:hover img {
	opacity: 0.7;
}
*/
/*KONIEC WERSJA 2*/

.galbox .galbox_bot {
  background-color:rgba(54,69,79,0.9);
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 26px;
  top: 209px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.galbox .galbox_bot .galbox_bot_title {
  padding-left: 18px;
  font-size: 24px;
  line-height: 48px;
  font-weight: 300;
  letter-spacing: -1px;
  margin-bottom: 19px;
}
.galbox .galbox_bot .galbox_bot_title h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 48px;
    margin:1px 0 19px 0;
    padding-left: 10px;
    padding-top: 1px;
    word-spacing: 1px;
}
.galbox .galbox_bot .btn {
  margin-top: 0;
  border-color: #e8e6b9;
  color: #e8e6b9;
  text-decoration: none;
}
.galbox .galbox_bot .btn:hover {
  color: #323045;
  border-color: #ffffff;
}
.btn{font:18px/20px Roboto,sans-serif;color:#323045;border:1px solid #000;display:inline-block;padding:4px 25px 5px;margin-top:16px}
.btn:hover{background-color:#dbdbea;border-color:#eee}
.galbox .galbox_bot:hover {
  top: 0;
}
.galbox .galbox_bot:hover .galbox_bot_title h2{
  color: #e8e6b9;
}
.galspacja_4 {
  width: 370px;
}
.galcontainer:before,
.galcontainer:after {
  display: table;
  content: "";
  line-height: 0;
}
.galcontainer:after {
  clear: both;
}
.galcontainer {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.galcontainer {
  width: 1170px;
}
.galrow:before,
.galrow:after {
  display: table;
  galcontent: "";
  line-height: 0;
}
.galrow:after {
  clear: both;
}
[class*="galspacja_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.galrow {
  margin-left: -30px;
  *zoom: 1;
}
@media only screen and (max-width: 1199px) {
  .galbox .galbox_bot {
    top: 168px;
  }
  .galbox .galbox_bot .galbox_bot_title {
    padding-left: 0;
  }
  /*.galbox p {
    display: none;
  }*/
}
@media (min-width: 980px) and (max-width: 1199px) {
	.galspacja_4 {
    width: 300px;
  }
  .galrow {
    margin-left: -20px;
    *zoom: 1;
  }
  .galrow:before,
  .galrow:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .galrow:after {
    clear: both;
  }
  [class*="galspacja_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .galcontainer {
    width: 940px;
  }
}
@media only screen and (max-width: 979px) {
  .galbox .galbox_bot {
    top: 132px;
  }
  .galbox .galbox_bot .galbox_bot_title {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
	 .galspacja_4 {
    width: 236px;
  }
	 .galcontainer {
    width: 748px;
  }
   .galrow {
    margin-left: -20px;
    *zoom: 1;
  }
  .galrow:before,
  .galrow:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .galrow:after {
    clear: both;
  }
  [class*="galspacja_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .galbox p {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .galbox .galbox_bot {
    top: 237px;
  }
}
@media only screen and (max-width: 479px) {
  .galbox .galbox_bot {
    top: 151px;
  }
  
}
@media (max-width: 767px) {
  .galcontainer {
    width: 420px;
    padding: 0 0px;
  }
  .galrow {
    margin-left: 0;
  }
  [class*="galspacja_"] {
    float: none;
    display: block;
    /*width: 100%;*/
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .galcontainer {
    width: 300px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .galrow {
    margin-left: 0;
  }
  .galbox p {
    display: none;
  }
}