/* CSS Document */

body {
	/*background-color:#fff;*/
	background-color: #ffffff;
	}
	
h2 {
	color:#fff;
	}	
	
.gallery {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	postiion: relative;
	margin: -1.5em 0 0 -1.5em;
}

.gallery item {
	-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
	position: relative;
	width: calc(33.33333% - 1.5em);
	margin: 1.5em 0 0 1.5em;
}

	.gallery item > .image {
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		position: relative;
		display: block;
		width: 100%;
		border-radius: 9px;
		overflow: hidden;
	}

		.gallery item > .image img {
			display: block;
			width: 100%;
		}

		.gallery item > .image:before {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
			-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
			-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
			transition: background-color 0.5s ease, opacity 0.5s ease;
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			/*height: auto;*/
			height: 100%;
			opacity: 1.0;
			z-index: 1;
			opacity: 0.8;
		}

		.gallery item > .image:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 0.5s ease;
			-webkit-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			/*height: 100%;*/
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			opacity: 0.25;
			z-index: 2;
		}

		.gallery item > a {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
			-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
			-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
			transition: background-color 0.5s ease, transform 0.5s ease;
			position: absolute;
			top: 5.25em;
			left: 0;
			width: 100%;
			height: auto;
			/*height: 100%;*/
			padding: 1em;
			border-radius: 9px;
			border-bottom: 0;
			color: #ffffff;
			text-align: center;
			text-decoration: none;
			z-index: 3;
		}

			.gallery item > a > :last-child {
				margin: 0;
			}

			.gallery item > a:hover {
				color: #ffffff !important;
			}

			.gallery item > a h2 {
				margin: 0;
			}
				
			.gallery item > a .content {
				-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
				-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
				-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
				transition: max-height 0.5s ease, opacity 0.5s ease;
				width: 100%;
				max-height: 0;
				line-height: 1.25;
				margin-top: 0.5em;
				opacity: 0;
			}

			.gallery item > a .content > :last-child {
				margin-bottom: 0;
			}


			body:not(.is-touch) .gallery item:hover > .image {
				-moz-transform: scale(1.075);
				-webkit-transform: scale(1.075);
				-ms-transform: scale(1.075);
				transform: scale(1.075);
			}

			body:not(.is-touch) .gallery item:hover > .image:before {
				background-color: #13092a;
				/*background: #13092a;
				background: -webkit-linear-gradient(rgba(19,9,42,0), rgba(19,9,42,1));
				background: -o-linear-gradient(rgba(rgba(19,9,42,0), rgba(19,9,42,1));
				background: -moz-linear-gradient(rgba(19,9,42,0), rgba(19,9,42,1));
				background: linear-gradient(rgba(19,9,42,0), rgba(19,9,42,1));*/
				opacity: 0.6;
			}

			body:not(.is-touch) .gallery item:hover > .image:after {
				opacity: 0;
			}

			body:not(.is-touch) .gallery item:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .gallery {
			margin-top: 2em;
			margin-bottom: 4em;
		}

		body.is-loading .gallery item {
			-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0;
		}

		body.is-touch .gallery item .content {
			max-height: 15em;
			opacity: 1;
		}

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

			.gallery {
				margin: -1.25em 0 0 -1.25em;
			}

				.gallery item {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

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

			.gallery {
				margin: -1.5em 0 0 -1.5em;
			}

				.gallery item {
					width: calc(50% - 1.5em);
					margin: 1.5em 0 0 1.5em;
				}

		}

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

			.gallery {
				margin: -1.25em 0 0 -1.25em;
			}

				.gallery item {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.gallery item:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

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

			.gallery {
				margin: 0;
			}

				.gallery item {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}	
	
/*Lightbox*/

.lightbox {
	/* hide the lightbox */
	display: none;
	
	/* basic lightbox styling */
	position: fixed;
	z-index: 10005;
	width: 100%;
	height: auto;
	
	/*width: 90%;
	height: 100%;
	color:#333333;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;*/
	}

.lightbox:target {
    /* show lightbox when it is target */
    display: block;
    outline: none;
}

.lightbox .container{
	position: fixed;
	
	animation: fadeInScale 0.25s ease-in-out;
	transition: opacity 0.5s linear;
	
	/*max-width: 95%;
	height: auto;
	border-radius: 20px;	
	width: auto;
	height: auto;*/
	
	overflow: auto;
	padding: 1%;
	
	top: 1%;
	left: 0;
	bottom: 1.8%;
	right: 0;
	
	background-color:rgba(242,240,250,0.95);
	}
	
@keyframes fadeInScale {
 	0% { transform: scale(0.8); opacity: 0; }
  	100% { transform: scale(1); opacity: 1; }
}

.lightbox .title {
	text-align:center;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.15em;
	margin: 1.2em 0 .46em 0;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	/*color: #86838d;*/
	color: #7b7784;
	}

.lightbox .content {
	text-align: center;
	display: block;
	position: relative;
	margin: 0 0 -3em 0;
	}
	
.lightbox .content:hover .desc	{
	opacity:1;
}

/*.lightbox .content:hover .more	{
	display:none;
}*/
 
/*.lightbox .more,*/
.lightbox .next,
.lightbox .prev,
.lightbox .close {
	display: block;
	text-decoration: none;
	border-bottom: none;
	color: #483c62;
	/*color: #2d2245;*/
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
	font-weight: 700;
	} 

.prev {
	float: left;
	position: relative;
  	top: 0;
	font-size: 1.85em;
  	transform: translateY(-10%);
	margin: -0.15% auto;
	padding-left: 1.55%;
	/* margin-top:-2%; */
	}

.next {
	float: right;
	position: relative;
  	top: 0;
	font-size: 2em;
  	transform: translateY(-10%);
	margin: -0.2% auto; 
	padding-right: 1.55%;
	/* margin-top:-2%; */
	}
	
.close {
	float:right;
	position:relative;
	font-size: 1.4em;
	padding-right: 1.4%;
	margin-top: -0.8em;
	padding-bottom: -1em;
	}
	
/*.more {
	display:block;
	margin:auto;
	position:relative;
	top:0;
	font-size: 2.5em;
	width:30px;
	height:30px;
	transform: translateY(-230%);
	} */
	
.clear {
	display:block;
	clear:both;
	}
	
.lightbox .content .desc {
	display:block;
	/* text-align:center;*/
	z-index:99;
	bottom:0;
	margin: 18px auto;
	padding: 10px 10px 12px 10px;
	max-width:82%;
	height:auto;
	border-radius: 6px;
	background:rgba(33,18,68,0.85);
	color: #ffffff;
	/*color:#e9e7f2;*/
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.2em;
	opacity:0;
	transition: opacity ease-in-out 0.5s;
	}
	
/*.lightbox .content .more {
	display:block;
	text-align:center;
	z-index:99;
	bottom:0;
	margin: auto;
	padding: 15px 0 0 0; 
	max-width:90%;
	background:#FFFFFF;
	/*color:#2d2245;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight:100;
	line-height: 1.25;*/
	/*opacity:1;
	transition: opacity ease-in-out 0.5s;
	}*/
	
/* Video Wrapper to maintain aspect ratio */

.videoWrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin:0 auto;
	}
	
.h_iframe {
	position: relative;
	margin-left: 50%;
	transform: translate(-50%,0); -webkit-transform: translate(-50%,0);
	width: 100%; 
	height: 100%;
	max-width: 960px !important;
	max-height: 540px !important;
	background:#ffffff;
	}
	
.h_iframe .ratio {
	display: block;
	width: 100%;
	height: auto;
	}
	
.h_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	}