/*!



 * baguetteBox.js



 * @author  feimosi



 * @version 1.1.1



 * @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,.88);

	-webkit-transition: opacity .5s ease;

	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;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);

	-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;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0,0,0,.6);

	font-family: sans-serif;

		font-size: 18px;

    line-height: 50px;

}

#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, -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;

	-webkit-transition: background-color .4s ease;

	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)

}

}

