/* 
 * Boxer v3.3.0 - 2015-04-04 
 * A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library. 
 * http://classic.formstone.it/boxer/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */


.boxer-lock {
  overflow: hidden !important;
}
#boxer-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background: rgba(251,248,242,.9);
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
.boxer-open #boxer-overlay {
  opacity: 0.8;
}
#boxer {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10001;
  background: #fff;
  opacity: 0;
  margin: 0 auto;
  border-radius:10px;
}
#boxer img {
  border-radius:10px 10px 0 0;
  width: auto !important;
  height: auto !important;
}
#boxer * {
  -webkit-transition: none;
          transition: none;
}
#boxer,
#boxer * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
#boxer,
#boxer *,
#boxer *:before,
#boxer *:after {
  box-sizing: border-box;
}
#boxer.fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: inherit !important;
}

#boxer.animating {
  -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
          transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
}
#boxer.animating .boxer-container {
  -webkit-transition: opacity 0.25s linear 0.25s;
          transition: opacity 0.25s linear 0.25s;
}
.boxer-open #boxer {
  opacity: 1;
}
#boxer.loading .boxer-container {
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}


#boxer .boxer-close {
  position: absolute;
  background: #26A291;
  background-size: 100% auto;
  z-index: 1505;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0;
  text-indent: 200%;
  white-space: nowrap;
}

#boxer .boxer-close:before,
#boxer .boxer-close:after {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -12.5px;
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
}
#boxer .boxer-close:before {
  transform: rotate(45deg);
}
#boxer .boxer-close:after {
  transform: rotate(-45deg);
}

.no-opacity #boxer .boxer-close {
  text-indent: -999px;
}
#boxer .boxer-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 105;
  display: block;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
#boxer .boxer-loading:before,
#boxer .boxer-loading:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 110%;
  content: '';
  display: block;
}
#boxer .boxer-loading:before {
  border: 5px solid rgba(51, 51, 51, 0.25);
}
#boxer .boxer-loading:after {
  -webkit-animation: boxer-loading-spin 0.75s linear infinite;
          animation: boxer-loading-spin 0.75s linear infinite;
  border: 5px solid transparent;
  border-top-color: #333333;
}
#boxer.loading .boxer-loading {
  opacity: 1;
}
@-webkit-keyframes boxer-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes boxer-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#boxer .boxer-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1503;
}
#boxer .boxer-content {
  width: 100%;
  height: 100%;
  opacity: 1;
  padding: 0;
  position: relative;
}
#boxer.inline .boxer-content,
#boxer.iframe .boxer-content {
  width: auto;
}
#boxer .boxer-image {
  float: left;
}
#boxer .boxer-video {
  width: 100%;
  height: 100%;
}
#boxer .boxer-iframe {
  width: 100%;
  height: 100%;
  border: none;
  float: left;
  overflow: auto;
}
#boxer .boxer-meta {
  width: 100% !important;
  clear: both;
}
#boxer .boxer-control.disabled {
  opacity: 0;
}
.no-opacity #boxer .boxer-control {
  text-indent: -999px;
}
.no-touch #boxer .boxer-control {
  opacity: 0;
}
.no-touch #boxer:hover .boxer-control {
  opacity: 1;
}
.no-touch #boxer:hover .boxer-control.disabled {
  opacity: 0;
  cursor: default !important;
}
#boxer .boxer-meta {
}
#boxer .boxer-position {
  color: #999999;
  margin: 0;
  display: none;
}
#boxer .boxer-caption {
  width: 100%;
  background: #ffffff;
  color:#004141;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
#boxer .boxer-caption p {
  margin: 0;
}
#boxer .boxer-error p {
  color: #990000;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

#boxer .boxer-control {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  cursor: pointer;
  display: block;
  opacity: 1;
  overflow: hidden;
  text-indent: 200%;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  white-space: nowrap;
  border-radius: 40px;
}

#boxer .boxer-control:before {
  width: 22.5px;
  height: 22.5px;
  border: 2px solid #004141;
  border-width: 0 0 2px 2px;
  content: '';
  position: absolute;
  display: block;
  top: 8.5px;
  right: 0;
  transform: rotate(45deg);
}
#boxer .boxer-control.next {
  transform: scale(-1, 1);
}
#boxer .boxer-position {
  font-size: 12px;
}
#boxer .boxer-error p,
#boxer .boxer-caption p {
  font-size: 17px;
  letter-spacing: .1em;
  line-height: 1.43;
  padding: 27px 1em 30px;
}
#boxer .boxer-close {
  font-size: 21px;
}
#boxer .boxer-control:after {
  transform: rotate(-45deg);
}

/* res */

  #boxer {
    width: 800px;
    height: 534px;
  }
  #boxer .boxer-loading {
    width: 50px;
    height: 50px;
  }
  /*
  #boxer .boxer-caption p {
    padding: .26rem .23rem ;
  }
  */
  #boxer .boxer-control.previous {
    left: -50px;
  }
  #boxer .boxer-control.next {
    right: -50px;
  }
  #boxer.inline {
    padding: 15px;
  }
  #boxer .boxer-close {
    width: 3rem;
    height: 3rem;
    top: -1rem;
    right: -1rem;
    line-height: 35px;
    border-radius: 3rem;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    border: .25rem solid #ffffff;
   }


@media all and (max-width: 999px) {
  #boxer {
    width: calc(800px * .75);
    height: calc(534px * .75);
  }
  #boxer .boxer-loading {
    width: 40px;
    height: 40px;
  }
  #boxer .boxer-close {
    width: 40px;
    height: 40px;
    top: -10px;
    right: -10px;
  }
  /*
    #boxer .boxer-caption p {
      padding: .195rem .1725rem ;
    }
  */
  #boxer .boxer-control.previous {
    top: inherit;
    left: 20px;
    bottom: -72px;
  }

  #boxer .boxer-control.next {
    top: inherit;
    right: 20px;
    bottom: -72px;
  }

  #boxer.inline {
    padding: 22.75px;
  }

  #boxer img {
    margin: 0 !important;
  }
}


@media all and (max-width: 414px) {
  #boxer {
    width: 6.7rem;
    height: 4.472rem;
  }
  #boxer .boxer-caption {
    position: relative;
    bottom: inherit;
  }
  #boxer .boxer-caption p {
    padding: 12px 1em 15px ;
  }
  #boxer .boxer-close {
    width: 32px;
    height: 32px;
    top: -16px;
    right: -16px;
    line-height: 40px;
    font-size: 32px;
  }
  #boxer .boxer-close:before, #boxer .boxer-close:after {
    width: 20px;
    margin-left: -10px;
  }
  #boxer .boxer-control {
    width: 40px;
    height: 40px;
  }
  #boxer .boxer-control:before {
    width: 24px;
    height: 24px;
    border-width: 0 0 3px 3px;
    right: 0;
  }
  #boxer .boxer-control.previous {
    bottom: -72px;
    left: 10px;
  }
  #boxer .boxer-control.next {
    bottom: -72px;
    right: 10px;
  }


}