/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 1001;

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background-color: rgba(0, 0, 0, 0.8);
		  background-image: url(../images/lightbox-preloader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */

		/* dimensions: handling small or empty content */
		min-width: 5%;

		/* dimensions: handling large content */

		/* styling */
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font: Arial, sans-serif;
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
	}
}


/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
.featherlight-next,
.featherlight-previous {
	display: block;
	position: absolute;
	z-index: 10;
	height: 40px;
	width: 40px;
	top: 50%;
	right: 17px;
	cursor: pointer;
	/* preventing text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* IE9 hack, otherwise navigation doesn't appear */
}
.featherlight-previous:hover span {
	color: #000;
	background: #fff;
	-webkit-animation: .3s ease 0s normal forwards 1 running toLeftFromRight;
	animation: .3s ease 0s normal forwards 1 running toLeftFromRight;
}

.no-touch .featherlight-previous:hover span {
	-webkit-animation: toLeftFromRight .3s forwards;
	animation: toLeftFromRight .3s forwards;
}

.featherlight-next:hover span {
	color: #000;
	background: #fff;
	-webkit-animation: .3s ease 0s normal forwards 1 running toRightFromLeft;
	animation: .3s ease 0s normal forwards 1 running toRightFromLeft;
}

.no-touch .featherlight-next:hover span {
	-webkit-animation: toRightFromLeft .3s forwards;
	animation: toRightFromLeft .3s forwards;
}
.featherlight-next>span,
.featherlight-previous>span{
	position: relative;
	line-height: 0;
	font-size:0;
	transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	display: block;
	background: rgba(0, 0, 0, .2);
	color: #fff;
}
.featherlight-previous {
	left: 17px;
	right: auto;
}
.featherlight-next>span:before,
.featherlight-previous>span:before{
	content:'\e605';
	font-family: 'icomoon';
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	line-height: 40px;
}
.featherlight-next>span:before{
	content:' \e606';
}



/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
	display:none;
}
@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
		transform: translate(-100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
		transform: translate(100%);
	}

	51% {
		opacity: 1;
	}
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@-webkit-keyframes rotateOutLeft {
	100% {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
	}
}

@keyframes rotateOutLeft {
	100% {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
}

@-webkit-keyframes rotateOutRight {
	100% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
	}
}

@keyframes rotateOutRight {
	100% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}
}

@-webkit-keyframes rotateInRight {
	0% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: rotateY(0deg);
	}
}

@keyframes rotateInRight {
	0% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

@-webkit-keyframes rotateInLeft {
	0% {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: rotateY(0deg);
	}
}

@keyframes rotateInLeft {
	0% {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}