/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.3.2
 * @url https://github.com/feimosi/baguetteBox.js
 */#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,.8); transition: opacity .5s ease }
#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,.6); box-shadow: 0 0 8px rgba(0,0,0,.6) }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0,0,0,.6); font-family: sans-serif }
#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; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -moz-transform .4s ease; transition: left .4s ease, 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 }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px }
.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50,50,50,.5); color: #ddd; font: 1.6em sans-serif; transition: background-color .4s ease }
.baguetteBox-button:hover { background-color: rgba(50,50,50,.9) }
.baguetteBox-button#next-button { right: 2% }
.baguetteBox-button#previous-button { left: 2% }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px }
.baguetteBox-button svg { position: absolute; left: 0; top: 0 }
.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out }
.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s }
@-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
}
}
@-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)
}