/*!

 * 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, .8);

	-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;

}



#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 3.8;

	color: #fff;

	background-color:#2E334A;

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

	font-family: sans-serif;font-size: var(--font18);

}



#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)

	}

}