#galpop-wrapper {

  background-color: rgb(0, 0, 0);

  background-color: rgba(0, 0, 0, .8);

}

#galpop-container {

  border-radius:5px;

  padding:5px;

  background-color:rgb(255, 255, 255);

  background-color:rgba(255, 255, 255, .8);

}

#galpop-wrapper.loaded-ajax #galpop-container,

#galpop-wrapper.loaded-iframe #galpop-container {

  width:70vw;

  height:70vh;

  padding:0;

  border-radius:0;

}

#galpop-wrapper.loaded-iframe iframe {

  width:100%;

  height:70vh;

  border:0;

}

#galpop-wrapper.loaded-ajax #galpop-content {

  padding:10px 20px;

}

#galpop-ajax {

  position:absolute;

  top:0;

  left:0;

  right:0;

  bottom:0;

  opacity:1;

  -o-transition: opacity 0.5s;

  -ms-transition: opacity 0.5s;

  -moz-transition: opacity 0.5s;

  -webkit-transition: opacity 0.5s;

  transition:opacity 0.5s;

  background-image:url("../images/ajax-loader.gif");

  background-repeat:no-repeat;

  background-position:center;

}

#galpop-wrapper.complete #galpop-ajax {

  opacity:0;

}

#galpop-info {

  background-color: rgb(0, 0, 0);

  background-color: rgba(0, 0, 0, .8);

  color:#fff;

  font-size:.8em;

  padding:10px;

  left:0;

  bottom:0;

}

#galpop-close {

  top:-30px;

  right:-30px;

  width:36px;

  height:36px;

  background-image:url("../images/btn-close.png");

  background-repeat:no-repeat;

}
@media (max-width:751px){
  #galpop-close{right:-10px}
}


/* Important to the slider! Be careful when changing these values! */



.lock-scroll {

  overflow: hidden !important;

}

#galpop-wrapper {

  display:none;

  position:fixed;

  top:0;

  left:0;

  right:0;

  bottom:0;

  z-index:100;

}

#galpop-container {

  position:absolute;

  top:50%;

  left:50%;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height:100px;

  width:100px;

  -ms-transform: translate(-50%,-50%);

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  -o-transition: width 0.5s, height 0.5s;

  -ms-transition: width 0.5s, height 0.5s;

  -moz-transition: width 0.5s, height 0.5s;

  -webkit-transition: width 0.5s, height 0.5s;

  transition:width 0.5s, height 0.5s;

  overflow: visible !important;

}

#galpop-prev,

#galpop-next {

  position:absolute;

  top:0;

  bottom:0;

  z-index:5;

  background-repeat:no-repeat;

  outline:none;

}

#galpop-prev {

  left:0;

  right:50%;

}

#galpop-next {

  left:50%;

  right:0;

}

#galpop-prev:hover {

  background-image:url("../images/btn-prev.png");

  background-position:left center;

}

#galpop-next:hover {

  background-image:url("../images/btn-next.png");

  background-position:right center;

}

#galpop-modal {

  position:relative;

}

#galpop-content {

  display:none;

}

#galpop-content img {

  vertical-align:top;

}

#galpop-info {

  position:absolute;

  display:none;

  z-index:15;

}

#galpop-info p {

  margin:0;

}

#galpop-info a {

  color:#fff;

}

#galpop-close {

  position:absolute;

  display:block;

  z-index:10;

}