@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Passion+One:400");

/*
	Full Motion by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

	
/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


.animate-this .overlay img {
	//vertical-align	: bottom;
	-moz-transition	: all 0.3s ease-in-out;
	-o-transition	: all 0.3s ease-in-out;
	-webkit-transition	: all 0.3s ease-in-out;
	-ms-transition	: all 0.3s ease-in-out;
	transition		: all 0.3s ease-in-out;
}

.animate-this:hover .overlay img {
	-webkit-transform	: scale(1.02);
	-ms-transform	: scale(1.02);
	transform		: scale(1.02);
}

#details {
	background: #EBEBEB;
	position: relative;
	padding: 5rem 0 5rem;
}

@media only screen and (max-width:1280px) {
	#details {
		padding: 4rem 0 4rem;
	}
}

@media only screen and (max-width:736px) {
	#details {
		padding: 1rem 0 1rem;
	}
}

@media only screen and (max-width:480px) {
	#details {
		padding: 1rem 0 1rem;
	}
}

#container-isotope {
	border: 1px solid #666;
	background: #ff0000;

	width: 100%;
	display: table;

	text-align: center;

	//max-width: 1170px;
	margin: 0 auto;
}


/* Box */

	.thumbnails {
		display		: inline-block;

		background	: #222;


		width		: 19.99999%;
		margin		: 1px;
		text-align	: center;
		background	: #fff;
		padding		: 1em;
		border		: 10px solid #ccc;
		border-radius	: 4px;


		-moz-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-o-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: background-color 0.3s ease-in-out, color 0.5s ease-in-out;

		font-weight	: 500;
		color		: #333;
		text-align	: center;
		text-decoration	: none;

		transition		: filter .5s ease-in-out;
		-webkit-filter	: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		-moz-filter	: grayscale(100%);
		filter		: grayscale(100%); /* FF 35+ */


	}

	.thumbnails img {
		border: 10px solid;
	}



	.thumbnails:hover {
		//background-color: #000;

		cursor: hand;

		-moz-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: 0.3s ease-in-out, color 0.5s ease-in-out;

		-webkit-filter	: grayscale(0%);
		-moz-filter	: grayscale(0%);
		filter		: grayscale(0%);

		-webkit-filter	: grayscale(0%) contrast(100%);

		transition		: all 0.3s ease;

		-webkit-filter	: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter		: grayscale(0%); /* FF 35+ */

	}




	.thumbnails-x {

		-moz-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-o-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: background-color 0.3s ease-in-out, color 0.5s ease-in-out;

		-webkit-filter	: grayscale(100%) contrast(100%) sepia(0%);
		-moz-filter	: grayscale(100%);
		filter		: grayscale(100%);

		transition		: all 0.3s ease;

		transition		: filter .5s ease-in-out;
		-webkit-filter	: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter		: grayscale(100%); /* FF 35+ */


	}



	.thumbnails-x:hover {

		cursor: hand;

		-moz-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: 0.3s ease-in-out, color 0.5s ease-in-out;

		-webkit-filter	: grayscale(0%);
		-moz-filter	: grayscale(0%);
		filter		: grayscale(0%);

		-webkit-filter	: grayscale(0%) contrast(100%);

		transition		: all 0.3s ease;

		-webkit-filter	: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter		: grayscale(0%); /* FF 35+ */

	}




	@media screen and (max-width: 1680px) {
		#container-isotope {
			padding	: 0px;
			width: 100%;
			display: table;
		}
	}

	@media screen and (max-width: 1280px) {
		#container-isotope {
			padding	: 0px;
			width: 100%;
			display: table;
		}
	}

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

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

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

		.thumbnails {
			width: 48.55555%;
		}
	}


	.thumbnails2 {
		
		//clear	: both;

		padding		: 1.0em;
		margin		: 0em;
		padding-bottom	: 1.0em;
		margin-bottom	: 0.0em;

		border		: 1px solid #fff;
		//border-radius	: 8px;

		background		: #ffb933;
		display			: -moz-flex;
		display			: -webkit-flex;
		display			: -ms-flex;
		display			: flex;

		-moz-align-items		: stretch;
		-webkit-align-items	: stretch;
		-ms-align-items		: stretch;
		align-items		: stretch;
		-moz-justify-content	: center;
		-webkit-justify-content	: center;
		-ms-justify-content		: center;
		justify-content		: center;
		-moz-flex-wrap		: wrap;
		-webkit-flex-wrap		: wrap;
		-ms-flex-wrap		: wrap;
		flex-wrap			: wrap;


		-moz-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		-o-transition	: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		:all 0.3s ease;
		-webkit-filter	: grayscale(100%) contrast(100%) sepia(0%);

		color		: #ffffff !important;
		font-weight	: 500;
		text-align	: center;
		text-decoration	: none;
	}

	.thumbnails2 img {
		padding		: 0.5em;
		width		: 100%;
		//min-height	: 200px;
	}

	.thumbnails2:hover {
		background-color	: #e35f7d;
		cursor		: hand;
		color		: #000;


		-moz-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-filter	: grayscale(0%) contrast(100%);

	}

	.thumbnails3 {
		
		-webkit-filter: grayscale(0%) contrast(100%) sepia(0%);
		//padding: 0.5em;
		border: 0.5em solid #fff;
		border-radius: 8px;

		//background: #f5e5c9;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;

		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.thumbnails4 {
		
		-webkit-filter	: grayscale(100%) contrast(100%) sepia(0%);
		padding		: 0.5em;
		margin		: 0.1em;
		border		: 1px solid #fff;
		width		: 100%;
		//border-radius	: 6px;

		background	: #f5e5c9;
		display		: -moz-flex;
		display		: -webkit-flex;
		display		: -ms-flex;
		display		: flex;
		float		: left;


		-moz-align-items		: stretch;
		-webkit-align-items	: stretch;
		-ms-align-items		: stretch;
		align-items		: stretch;
		-moz-justify-content	: center;
		-webkit-justify-content	: center;
		-ms-justify-content		: center;
		justify-content		: center;
		-moz-flex-wrap		: wrap;
		-webkit-flex-wrap		: wrap;
		-ms-flex-wrap		: wrap;
		flex-wrap			: wrap;

		-moz-transition		: 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition		: 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition		: 0.3s ease-in-out, color 0.5s ease-in-out;
		transition			: 0.3s ease-in-out, color 0.5s ease-in-out;
	}
	.thumbnails4 img {
		//padding		: 0.2em;
		width		: 100%;
		//min-height	: 200px;
	}


	.thumbnails4:hover {
		cursor		: hand;
		-webkit-filter	: grayscale(0%) contrast(100%);

		-moz-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-webkit-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		-ms-transition	: 0.3s ease-in-out, color 0.5s ease-in-out;
		transition		: 0.3s ease-in-out, color 0.5s ease-in-out;
	}


	.thumbnails3 img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}


	.thumbnails.documentary {
		//background-color: #ffb933;
		color: #ffb933;
	}

	.thumbnails.tvc {
		//background-color: #45b3a8;
		color: #45b3a8;
	}
	.thumbnails.music {
		//background-color: #864a99;
		color: #864a99;
		//font-weight: 800;
	}
	.thumbnails.event {
		//background-color: #1d68bc;
		color: #1d68bc;
		//font-weight: 800;
	}
	.thumbnails.travel {
		//background-color: #668c5c;
		color: #668c5c;
	}
	.thumbnails.promo {
		//background-color: #fd5757;
		color: #fd5757;
	}



	.thumbnails.press {
		background-color: #ffb933;
	}
	.thumbnails.logo {
		background-color: #45b3a8;
	}
	.thumbnails.cd {
		background-color: #864a99;
	}
	.thumbnails.outdoor {
		background-color: #1d68bc;
	}
	.thumbnails.indoor {
		background-color: #668c5c;
	}
	.thumbnails.poster {
		background-color: #fd5757;
	}
	.thumbnails.cover {
		background-color: #ffd75f;
	}

	.thumbnails.website {
		background-color: #ffb933;
	}


/*

	.thumbnails .box {
		margin: 0em 0em 0em 0em;
		padding: 0.0em;
		width: 20%;
		//background:    url(images/film-strip.png) no-repeat;
	}

	@media screen and (max-width: 1280px) {
		.thumbnails .box {
			width: 25%;
		}
		.thumbnails3 img {
			margin-bottom: 30px;
			width: 60%;
		}
	}

	@media screen and (max-width: 480px) {
		.thumbnails .box {
			width: 50%;
		}

	}

*/


/* Box */

	.box {
		border-radius: 0px;

		//margin: 0.1em 0.1em 0.1em 0.1em;

		//margin-bottom: 0.1em;
		//margin-right: 0.1em;
		//margin-left: 0.0em;
		//margin-top: 0.0em;

		//background: #2c2c32;
		text-align: center;

	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
			margin-right: 0;
		}

		.box .image.fit {
			margin: 0;
		}

		.box .image img {
			border-radius: 0px 0px 0 0;
		}

		.box .inner-old {
			padding: 1.0em;
			width: 100% !important;
		}

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

				.box .inner-old {
					padding: 1em;
				}

			}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* Image */





	.image.fit img {
		width: 100%;
	}


/* List */

	ol {
		list-style: decimal;
		margin: 0 0 1em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 1em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				text-align: center;
				padding-left: 0;
				padding-right: 1em;
			}

				ul.icons li a {
					display: block;
					border-radius: 100%;
					margin: 0;
					padding: 0.5em;
					border: solid 1px rgba(144, 144, 144, 0.25);
					color: rgba(144, 144, 144, 0.25);
				}

					ul.icons li a:before {
						font-size: 1.5em;
						display: block;
						width: 1.5em;
						height: 1.5em;
						line-height: 1.5em;
					}

					ul.icons li a:hover {
						background-color: #202024;
						color: #FFF;
					}

				ul.icons li:last-child {
					padding-right: 0;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

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

				ul.actions {
					margin: 0 0 2em 0;
				}

					ul.actions li {
						padding: 1em 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

						ul.actions li:first-child {
							padding-top: 0;
						}

						ul.actions li > * {
							width: 100%;
							margin: 0 !important;
						}

							ul.actions li > *.icon:before {
								margin-left: -2em;
							}

					ul.actions.small li {
						padding: 0.5em 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 400;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 144, 144, 0.075);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #fff;
			font-size: 0.9em;
			font-weight: 400;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}

		table tfoot {
			border-top: solid 2px rgba(144, 144, 144, 0.25);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px rgba(144, 144, 144, 0.25);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #70c7be;
		border-radius: 0px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 100;
		height: 2.85em;
		line-height: 2.95em;
		padding: 0em 0em 0em 0em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: #82cec6;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #5ec0b6;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 0em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			background-color: rgba(255, 255, 255, 0.75) !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #202024 !important;
			cursor: default;
			opacity: 0.25;
		}

		input[type="submit"].style2,
		input[type="reset"].style2,
		input[type="button"].style2,
		button.style2,
		.button.style2 {
			background-color: #ffcc33;
		}

			input[type="submit"].style2:hover,
			input[type="reset"].style2:hover,
			input[type="button"].style2:hover,
			button.style2:hover,
			.button.style2:hover {
				background-color: #cc9900;
			}

			input[type="submit"].style2:active,
			input[type="reset"].style2:active,
			input[type="button"].style2:active,
			button.style2:active,
			.button.style2:active {
				background-color: #6c82c8;
			}

		input[type="submit"].style3,
		input[type="reset"].style3,
		input[type="button"].style3,
		button.style3,
		.button.style3 {
			background-color: #ff6633;
		}

			input[type="submit"].style3:hover,
			input[type="reset"].style3:hover,
			input[type="button"].style3:hover,
			button.style3:hover,
			.button.style3:hover {
				background-color: #cc3300;
			}

			input[type="submit"].style3:active,
			input[type="reset"].style3:active,
			input[type="button"].style3:active,
			button.style3:active,
			.button.style3:active {
				background-color: #8f6bc9;
			}

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

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				padding: 0;
			}

		}

/* Poptrox */

	.poptrox-popup {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		background: #000;
		//box-shadow: 0 0.5em 3em 0 rgba(0, 0, 0, 0.25);
		border-radius: 4px;
		padding: 1em;
		overflow: hidden;
		width: 100%;
	}

		.poptrox-popup .closer {
			//-moz-transition: opacity 0.2s ease-in-out;
			//-webkit-transition: opacity 0.2s ease-in-out;
			//-ms-transition: opacity 0.2s ease-in-out;
			//transition: opacity 0.2s ease-in-out;
			text-decoration: none;
			position: absolute;
			top: .5em;
			right: .5em;
			z-index: 11000;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
			white-space: nowrap;
			text-indent: 2em;
			overflow: hidden;
			width: 2em;
			height: 2em;
			display: block;
			background: #ff0000;
			opacity: 1;
		}

			.poptrox-popup .closer:before {
				content: "\f00d";
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
				display: block;
				position: relative;
				text-indent: 0;
				//border-radius: 100%;
				//box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
				color: #ffffff !important;
				width: 2em;
				height: 2em;
				line-height: 2em;
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
			}

		.poptrox-popup:hover .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			opacity: 1;
		}

		.poptrox-popup:hover .closer:hover {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			opacity: 1.0;
		}

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

			.poptrox-popup {
				padding: 0.1em;
				width: 100%;
				//background: #ff0000;
			}

			.poptrox-popup .closer {
				display: block !important;
			}

		}
		@media screen and (max-width: 480px) {
			.poptrox-popup {
				padding: 0.1em;
				width: 100%;
				//background: #ff0000;
			}
		}


/* Banner */

	#banner {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		padding: 8em 4em 6em 4em;
		min-height: 70vh;
		background-image: url("../../images/banner.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		border-top: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
	}

		#banner .inner-old {
			text-align: center;
			position: relative;
			z-index: 2;
		}

		#banner h1 {
			color: #fff;
			font-size: 5em;
			font-weight: 400;
			font-family: 'Passion One', cursive;
			margin: 0;
		}

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

				#banner h1 {
					font-size: 5em;
				}

			}

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

				#banner h1 {
					font-size: 3em;
				}

			}

		#banner p {
			color: rgba(255, 255, 255, 0.85);
			font-size: 1.5em;
			font-weight: 300;
		}

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

				#banner p {
					font-size: 1.5em;
				}

			}

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

				#banner p {
					font-size: 1.25em;
				}

			}

		#banner a {
			color: rgba(255, 255, 255, 0.75);
			text-decoration: none;
			border-bottom: 1px dotted;
		}

			#banner a:hover {
				color: #FFF;
				border: none;
			}

		#banner .more {
			background-image: url("images/arrow.svg");
			background-position: center 1.35em;
			background-repeat: no-repeat;
			background-size: auto;
			border: 1px solid #fff;
			border-radius: 100%;
			color: rgba(255, 255, 255, 0.75);
			display: block;
			height: 4em;
			text-indent: 4em;
			overflow: hidden;
			white-space: nowrap;
			width: 4em;
			z-index: 2;
			margin: 0 auto 2em auto;
		}

			#banner .more:hover {
				background-color: rgba(255, 255, 255, 0.05);
				border: 1px solid #fff;
				color: #FFF;
			}

		#banner video {
			-moz-transform: translateX(50%) translateY(50%);
			-webkit-transform: translateX(50%) translateY(50%);
			-ms-transform: translateX(50%) translateY(50%);
			transform: translateX(50%) translateY(50%);
			position: absolute;
			bottom: 50%;
			right: 50%;
			width: auto;
			height: auto;
			min-width: 100%;
			min-height: 100%;
			overflow: hidden;
		}

		#banner:before {
			-moz-transition: opacity 3s ease;
			-webkit-transition: opacity 3s ease;
			-ms-transition: opacity 3s ease;
			transition: opacity 3s ease;
			-moz-transition-delay: 1s;
			-webkit-transition-delay: 1s;
			-ms-transition-delay: 1s;
			transition-delay: 1s;
			content: '';
			background-color: #42424f;
			display: block;
			height: 100%;
			left: 0;
			opacity: 0.45;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

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

			#banner video {
				display: none;
			}

		}

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

			#banner br {
				display: none;
			}

		}

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

			#banner {
				min-height: 0;
				padding: 6em 2em 4em 2em;
			}

				#banner br {
					display: none;
				}

		}

		body.is-loading #banner:before {
			opacity: 1;
		}

/* Main */

	#main-old {
		padding: 4em 0 2em 0;
	}

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

			#main-old {
				padding: 3em 0 1em 0;
			}

		}

		#main-old .inner-old {
			width: 90%;
			max-width: 80em;
			margin: 0 auto;
		}

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

				#main-old .inner-old {
					width: 95%;
				}

			}

/* Footer */

	#footer {
		padding: 4em 0 2em 0;
		background-color: #1b1b1f;
		//background-color: #000;
		text-align: center;
	}

		#footer .inner-old {
			width: 50%;
			margin: 0 auto;
		}

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

				#footer .inner-old {
					width: 75%;
				}

			}

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

				#footer .inner-old {
					width: 90%;
				}

			}

		#footer .copyright {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.9em;
			margin: 0 0 2em 0;
			padding: 0;
			text-align: center;
		}

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

			#footer {
				padding: 3em 0 1em 0;
			}

		}