#baguetteBox-overlay {  display: none;  opacity: 0;  position: fixed;  overflow: hidden;  top: 0;
  left: 0;  width: 100%;  height: 100%;  z-index: 1000000;  background-color: #222;  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;  z-index: 998;  }
  #baguetteBox-overlay.visible {    opacity: 1; }
  #baguetteBox-overlay .full-image {    display: inline-block;    position: relative;    width: 100%;
    height: 100%;    text-align: center; }
    #baguetteBox-overlay .full-image figure {      display: inline;      margin: 0;      height: 100%; }
    #baguetteBox-overlay .full-image img {      display: inline-block;      width: auto;      height: auto;      max-height: 100%;
      max-width: 100%;      vertical-align: middle;      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);           box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {      display: block;      position: absolute;      bottom: 0;
      width: 100%;      text-align: center;      line-height: -6.2;      line-height: 42px;
      white-space: normal;      color: #ccc;      background-color: #000;      background-color: rgba(0, 0, 0, 0.6);
      font-family: sans-serif;      font-size: 1.6rem;      }
    #baguetteBox-overlay .full-image:before {      content: "";      display: inline-block;      height: 50%;
      width: 1px;      margin-right: -1px; }

#baguetteBox-slider {  position: absolute;  left: 0;  top: 0;  height: 100%;
  width: 100%;  white-space: nowrap;  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {    -webkit-animation: bounceFromRight .4s ease-out;            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {    -webkit-animation: bounceFromLeft .4s ease-out;            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {  0% {    margin-left: 0; }
  50% {    margin-left: -30px; }
  100% {    margin-left: 0; } }

@keyframes bounceFromRight {  0% {    margin-left: 0; }
  50% {    margin-left: -30px; }
  100% {    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {  0% {    margin-left: 0; }
  50% {    margin-left: 30px; }
  100% {    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {    margin-left: 0; }
  50% {    margin-left: 30px; }
  100% {    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;  top: calc(50% - 30px);  width: 54px;  height: 82px;  }

.baguetteBox-button {  position: absolute;  cursor: pointer;  outline: none;
  padding: 0;  margin: 0;  border: 0;  -moz-border-radius: 15%;       border-radius: 15%;
  background-color: #323232;  background-color: rgba(50, 50, 50, 0.8);  color: #ddd;
  font: 1.6em sans-serif;  -webkit-transition: background-color .4s ease;  transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {    right: 3%;    }
  .baguetteBox-button#previous-button {    left: 2%; }
  .baguetteBox-button#close-button {    top: 20px;    right: calc(2% + 5px);    width: 40px;    height: 40px;    }
 .baguetteBox-button#close-button svg {     position: absolute;     left: 6px;     top: 4px; }  
 .baguetteBox-button svg{        left: 13px;    top: 18px; } 
.baguetteBox-button#previous-button svg {    position: absolute;    left: 4px;    top: 18px;}
}

.baguetteBox-spinner {  width: 40px;  height: 40px;  display: inline-block;  position: absolute;  top: 50%;
  left: 50%;  margin-top: -20px;  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {  width: 48%;    height: 30%;    -moz-border-radius: 50%;    border-radius: 50%;
    background-color: #fff;    opacity: .6;    position: absolute;    /* top: 282px; */
    top: 600px;    /* bottom: 0; */    left: 0;    right: 0;    margin: 0 auto;
    -webkit-animation: bounce 2s infinite ease-in-out;    animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {  -webkit-animation-delay: -1s;          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {    -webkit-transform: scale(0);   transform: scale(0); }
  50% {    -webkit-transform: scale(1);  transform: scale(1); } 
  }

@keyframes bounce {
  0%, 100% {    -webkit-transform: scale(0);  -moz-transform: scale(0); transform: scale(0); }
  50% {  -webkit-transform: scale(1);  -moz-transform: scale(1);  transform: scale(1); } 
  }