/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

@media all {
	.featherlight {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2147483647;
		text-align: center;
		white-space: nowrap;
		cursor: pointer;
		background: #333;
		background: rgba(0, 0, 0, 0)
	}

	.featherlight:last-of-type {
		background: rgba(0, 0, 0, .8)
	}

	.featherlight:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -.25em
	}

	.featherlight .featherlight-content {
		position: relative;
		text-align: left;
		vertical-align: middle;
		display: inline-block;
		min-width: 30%;
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;
		cursor: auto;
		white-space: normal
	}

	.featherlight .featherlight-inner {
		display: block
	}

	.featherlight .featherlight-close-icon {
		position: absolute;
		z-index: 999999999999999;
		top: -50px;
		right: -50px;
		width: 30px;
		height: 31px;
		cursor: pointer;
		text-align: center;
		font-size: 36px;
		background: url(../images/lightbox-close1.png) no-repeat center / 100%;
		color: #fff;
		background: #0000
	}

	.featherlight .featherlight-image {
		width: 100%;
		max-width: 770px;
		max-height: 443px;
	}

	.featherlight-iframe .featherlight-content {
		border-bottom: 0;
		padding: 0
	}

	.featherlight iframe {
		border: 0
	}
}

@media only screen and (max-width:1024px) {
	.featherlight .featherlight-content {
		margin-left: 10px;
		margin-right: 10px;
		max-height: 70%;
		padding: 0;
	}
}

@media all {

	.featherlight-next,
	.featherlight-previous {
		display: block;
		position: absolute;
		top: 25px;
		right: 25px;
		bottom: 0;
		left: 80%;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background: rgba(0, 0, 0, 0)
	}

	.featherlight-previous {
		left: 25px;
		right: 80%
	}

	.featherlight-next span,
	.featherlight-previous span {
		display: block;
		position: absolute;
		top: 50%;
		left: -93%;
		width: 40%;
		text-align: center;
		font-size: 17px;
		line-height: 80px;
		margin-top: -40px;
		text-shadow: 0 0 5px #fff;
		color: #fff;
		font-style: normal;
		font-weight: 400
	}

	.featherlight-next span {
		right: -93%;
		left: auto
	}

	.featherlight-next:hover span,
	.featherlight-previous:hover span {
		display: inline-block
	}

	.featherlight-loading .featherlight-next,
	.featherlight-loading .featherlight-previous {
		display: block
	}
}

@media only screen and (max-device-width:1024px) {

	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: 0 0
	}

	.featherlight-next span,
	.featherlight-previous span {
		display: block
	}
}

@media only screen and (max-width:1024px) {

	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%
	}

	.featherlight-previous {
		left: 10px;
		right: 85%
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: -30px;
		font-size: 0
	}
}

/* .featherlight-previous span {
	background: url(../images/leftarrow.svg) no-repeat center;
}
.featherlight-next span {
	background: url(../images/lightbox-arrow22.png) no-repeat center;
} */



.featherlight-previous span {
	background: url(../images/leftarrow.svg) no-repeat center;
	width: 48px;
	height: 49px;
	background-size: 55px;
}

.featherlight-next span {
	background: url(../images/rightarrow.svg) no-repeat center;
	width: 48px;
	height: 49px;
	background-size: 55px;

}

@media only screen and (max-width:767px) {
	.featherlight .featherlight-content {
		max-height: 60%;
	}
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
	.featherlight-previous span {
		left: -70%;
        background-size: 36px;
	}

	.featherlight-next span {
		right: -70%;
        background-size: 36px;
	}

	.featherlight .featherlight-close-icon {
		top: -35px;
        right: -1%;
        font-size: 22px;
	}
	.featherlight .featherlight-image {
		padding: 0 25px 0;
	}
}

@media screen and (min-width:481px) and (max-width:600px) {
	.featherlight-previous span {
		left: -70%;
        background-size: 36px;
	}

	.featherlight-next span {
		right: -70%;
        background-size: 36px;
	}

	.featherlight .featherlight-close-icon {
		top: -35px;
        right: -1%;
        font-size: 22px;
	}
	.featherlight .featherlight-image {
		padding: 0 25px 0;
	}
}

@media screen and (min-width:601px) and (max-width:767px) {
	.featherlight-previous span {
		left: -70%;
        background-size: 36px;
	}

	.featherlight-next span {
		right: -70%;
        background-size: 36px;
	}

	.featherlight .featherlight-close-icon {
		top: -35px;
        right: -1%;
        font-size: 22px;
	}
	.featherlight .featherlight-image {
		padding: 0 25px 0;
	}
}

@media screen and (min-width:768px) and (max-width:900px) {
	.featherlight-previous span {
		left: -55%;
		background-size: 36px;
	}

	.featherlight-next span {
		right: -75%;
		background-size: 36px;
	}

	.featherlight .featherlight-close-icon {
		top: -31px;
		right: 2%;
		font-size: 22px;
	}
}

@media screen and (min-width:901px) and (max-width:1024px) {
	.featherlight-previous span {
		left: -55%;
		background-size: 36px;
	}

	.featherlight-next span {
		right: -75%;
		background-size: 36px;
	}

	.featherlight .featherlight-close-icon {
		top: -31px;
		right: 2%;
		font-size: 22px;
	}
}

@media screen and (min-width:1025px) and (max-width:1240) {
	.featherlight-previous span {
		left: 5%;
	}

	.featherlight-next span {
		right: 5%;
	}

	.featherlight .featherlight-close-icon {
		top: -42px;
		right: 3%;
	}
}