@import url("roboto.css");
html, body, div, span, object, h1, h2, h3, p, a, img, strong, var, ul, li, article, nav, section{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, nav, section {
	display: block;}

body {
	line-height: 1;
}

ul {
	list-style: none;
}

body {
	-webkit-text-size-adjust: none;
}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #ffffff;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Typography */

	html {
		font-size: 14pt;
	}

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

			html {
				font-size: 12pt;
			}

		}

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

			html {
				font-size: 11pt;
			}

		}

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

			html {
				font-size: 11pt;
			}

		}

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

			html {
				font-size: 11pt;
			}

		}

	body {
		background-color: #ffffff;
		color: #5b5b5b;
	}

	body{
		font-family: "Roboto", Helvetica, sans-serif;
		font-weight: 300;
		font-size: 1rem;
		line-height: 2.5;
	}

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

			body{
				line-height: 2;
			}

		}

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

			body{
				line-height: 1.75;
			}

		}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	strong{
		font-weight: 400;
	}

	p {
		margin: 0 0 2.5rem 0;
	}

	h1, h2, h3{
		font-weight: 300;
		line-height: 1.5;
		margin: 0 0 1.875rem 0;
	}

		h1.alt, h2.alt, h3.alt{
			margin-bottom: 0.625rem;
		}

		h1 a, h2 a, h3 a{
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 3.5rem;
		line-height: 1.2;
	}

	h2 {
		font-size: 2rem;
		line-height: 1.75;
	}

	h3 {
		font-size: 1.5rem;
	}

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

		h1, h2, h3{
			line-height: 1.5;
			margin: 0 0 1.25rem 0;
		}

		h1 {
			font-size: 3rem;
		}

		h2 {
			font-size: 2rem;
			line-height: 1.4;
		}

	}

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

		h1 {
			font-size: 2.5rem;
		}

		h2 {
			font-size: 1.75rem;
		}

	}

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

		h1 {
			font-size: 2.25rem;
			line-height: 1.3;
		}

		h2 {
			font-size: 1.75rem;
			line-height: 1.5;
		}

		h3 {
			font-size: 1.25rem;
		}

	}

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

		h1 {
			font-size: 2rem;
			line-height: 1.3;
		}

		h2 {
			font-size: 1.5rem;
			line-height: 1.5;
		}

		h3 {
			font-size: 1.25rem;
		}

	}

	a {
		color: #00487d;
	}

	strong{
		color: #000000;
	}

	h1, h2, h3{
		color: #000000;
	}

		h1 a, h2 a, h3 a{
			color: #000000;
		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row {
			margin-top: 0;
			margin-left: -2rem;
		}

			.row > * {
				padding: 0 0 0 2rem;
			}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row {
					margin-top: 0;
					margin-left: -2rem;
				}

					.row > * {
						padding: 0 0 0 2rem;
					}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row {
					margin-top: 0;
					margin-left: -1.5rem;
				}

					.row > * {
						padding: 0 0 0 1.5rem;
					}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row {
					margin-top: 0;
					margin-left: -1.5rem;
				}

					.row > * {
						padding: 0 0 0 1.5rem;
					}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row {
					margin-top: 0;
					margin-left: -1.25rem;
				}

					.row > * {
						padding: 0 0 0 1.25rem;
					}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row {
					margin-top: 0;
					margin-left: -1.25rem;
				}

					.row > * {
						padding: 0 0 0 1.25rem;
					}

		}

/* Form */

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	::-webkit-input-placeholder {
		color: rgba(84, 84, 84, 0.5) !important;
	}

	:-moz-placeholder {
		color: rgba(84, 84, 84, 0.5) !important;
	}

	::-moz-placeholder {
		color: rgba(84, 84, 84, 0.5) !important;
	}

	:-ms-input-placeholder {
		color: rgba(84, 84, 84, 0.5) !important;
	}

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image[data-position] img {
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			-ms-object-fit: cover;
			object-fit: cover;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.image[data-position="top left"] img {
			-moz-object-position: top left;
			-webkit-object-position: top left;
			-ms-object-position: top left;
			object-position: top left;
		}

		.image[data-position="top"] img {
			-moz-object-position: top;
			-webkit-object-position: top;
			-ms-object-position: top;
			object-position: top;
		}

		.image[data-position="top right"] img {
			-moz-object-position: top right;
			-webkit-object-position: top right;
			-ms-object-position: top right;
			object-position: top right;
		}

		.image[data-position="right"] img {
			-moz-object-position: right;
			-webkit-object-position: right;
			-ms-object-position: right;
			object-position: right;
		}

		.image[data-position="bottom right"] img {
			-moz-object-position: bottom right;
			-webkit-object-position: bottom right;
			-ms-object-position: bottom right;
			object-position: bottom right;
		}

		.image[data-position="bottom"] img {
			-moz-object-position: bottom;
			-webkit-object-position: bottom;
			-ms-object-position: bottom;
			object-position: bottom;
		}

		.image[data-position="bottom left"] img {
			-moz-object-position: bottom left;
			-webkit-object-position: bottom left;
			-ms-object-position: bottom left;
			object-position: bottom left;
		}

		.image[data-position="left"] img {
			-moz-object-position: left;
			-webkit-object-position: left;
			-ms-object-position: left;
			object-position: left;
		}

		.image[data-position="center"] img {
			-moz-object-position: center;
			-webkit-object-position: center;
			-ms-object-position: center;
			object-position: center;
		}

		.image[data-position="25% 25%"] img {
			-moz-object-position: 25% 25%;
			-webkit-object-position: 25% 25%;
			-ms-object-position: 25% 25%;
			object-position: 25% 25%;
		}

		.image[data-position="75% 25%"] img {
			-moz-object-position: 75% 25%;
			-webkit-object-position: 75% 25%;
			-ms-object-position: 75% 25%;
			object-position: 75% 25%;
		}

		.image[data-position="75% 75%"] img {
			-moz-object-position: 75% 75%;
			-webkit-object-position: 75% 75%;
			-ms-object-position: 75% 75%;
			object-position: 75% 75%;
		}

		.image[data-position="25% 75%"] img {
			-moz-object-position: 25% 75%;
			-webkit-object-position: 25% 75%;
			-ms-object-position: 25% 75%;
			object-position: 25% 75%;
		}

		.image img {
			display: block;
		}

		.image.fit {
			display: block;
			margin: 0 0 2.5rem 0;
			width: 100%;
		}

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

	a.image {
		overflow: hidden;
	}

		a.image img {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		}

		a.image:hover img {
			-moz-transform: scale(1.075);
			-webkit-transform: scale(1.075);
			-ms-transform: scale(1.075);
			transform: scale(1.075);
		}

/* List */

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

		ul li {
			padding-left: 0.325rem;
		}

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

			ul.alt li {
				border-top: solid 1px;
				padding: 0.75rem 0;
			}

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

				ul.alt li:last-child {
					padding-bottom: 0;
				}

	ul.alt li {
		border-top-color: rgba(144, 144, 144, 0.25);
	}

/* Carousel */

	.carousel {
		margin: 0 0 2.5rem 0;
		position: relative;
	}

		.carousel article {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: -moz-stretch;
			-webkit-align-items: -webkit-stretch;
			-ms-align-items: -ms-stretch;
			align-items: stretch;
			-moz-transform: translateY(0.5em);
			-webkit-transform: translateY(0.5em);
			-ms-transform: translateY(0.5em);
			transform: translateY(0.5em);
			-moz-transition: all 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out;
			transition: all 0.35s ease-in-out;
			background-color: #ffffff;
			margin: 0 auto;
			max-width: 80rem;
			opacity: 0;
			visibility: hidden;
			width: 100%;
		}

			.carousel article.visible {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
				visibility: visible;
			}

			.carousel article .image {
				border-radius: 0;
				display: block;
				width: 100%;
			}

				.carousel article .image img {
					border-radius: 0;
					display: block;
					height: 100%;
					width: 100%;
				}

			.carousel article .content {
				padding: 5.5rem 5rem 3rem 5rem ;
				text-align: left;
			}

		.carousel nav a {
			-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;
			background-image: url("images/snd-arrow.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 5rem;
			color: rgba(0, 0, 0, 0.2);
			cursor: pointer;
			height: 8rem;
			margin-top: -4rem;
			opacity: 0.20;
			position: absolute;
			top: 50%;
			width: 6rem;
			z-index: 99;
		}

			.carousel nav a .label {
				display: none;
			}

			.carousel nav a.previous {
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
				left: 3rem;
			}

			.carousel nav a.next {
				right: 3rem;
			}

			.carousel nav a:hover {
				opacity: 0.50;
			}

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

			.carousel article {
				max-width: calc(100% - 6rem);
			}

				.carousel article .content {
					padding: 7rem 4rem 4.5rem 4rem ;
				}

			.carousel nav {
				bottom: 1rem;
				position: absolute;
				right: 4rem;
			}

				.carousel nav a {
					background-size: 3rem;
					display: inline-block;
					height: 3rem;
					margin-top: 0;
					position: relative;
					top: 50%;
					width: 3rem;
					z-index: 99;
				}

					.carousel nav a.previous {
						left: 0;
					}

					.carousel nav a.next {
						right: 0;
					}

		}

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

			.carousel article {
				max-width: calc(100% - 6rem);
			}

		}

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

			.carousel article .content {
				text-align: center;
			}

			.carousel article .image {
				height: 28rem;
			}

		}

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

			.carousel article {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				display: block !important;
				margin-top: 3rem;
				opacity: 1;
				visibility: visible;
			}

				.carousel article:first-child {
					margin-top: 0;
				}

				.carousel article .content {
					padding: 3rem 2rem 0.5rem 2rem ;
				}

			.carousel nav {
				display: none;
			}

		}

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

			.carousel article {
				margin-top: 2rem;
				max-width: calc(100% - 4rem);
			}

				.carousel article .image {
					height: 18rem;
				}

		}

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

			.carousel article .image {
				height: 9rem;
			}

		}

/* Posts */

		.posts-alt article {
			margin-bottom: 5rem;
		}

			.posts-alt article .image {
				margin-bottom: 2.5rem;
			}

/* wrapper */

	.wrapper {
		padding: 8rem 0 5.5rem 0 ;
	}

		.wrapper.style1 {
			background: #f8f8f8;
		}

		.wrapper.style2 {
			background-color: #0d0d0d;
			color: rgba(255, 255, 255, 0.65);
			background: #00487d;
		}

			.wrapper.style2 a {
				color: #00487d;
				color: rgba(255, 255, 255, 0.65);
			}

				.wrapper.style2 a:hover {
					color: #ffffff;
				}

			.wrapper.style2 strong{
				color: #ffffff;
			}

			.wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3{
				color: #ffffff;
			}

				.wrapper.style2 h1 a, .wrapper.style2 h2 a, .wrapper.style2 h3 a{
					color: #ffffff;
				}

			.wrapper.style2 ::-webkit-input-placeholder {
				color: rgba(84, 84, 84, 0.5) !important;
			}

			.wrapper.style2 :-moz-placeholder {
				color: rgba(84, 84, 84, 0.5) !important;
			}

			.wrapper.style2 ::-moz-placeholder {
				color: rgba(84, 84, 84, 0.5) !important;
			}

			.wrapper.style2 :-ms-input-placeholder {
				color: rgba(84, 84, 84, 0.5) !important;
			}

			.wrapper.style2 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

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

			.wrapper {
				padding: 6rem 0 3.5rem 0 ;
			}

		}

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

			.wrapper {
				padding: 5rem 0 2.5rem 0 ;
			}

		}

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

			.wrapper {
				padding: 4rem 0 1.5rem 0 ;
			}

		}

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

			.wrapper {
				padding: 3rem 0 0.5rem 0 ;
			}

		}

/* Inner */

	.inner {
		margin: 0 auto;
		max-width: 80rem;
		width: 80rem;
	}

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

			.inner {
				max-width: calc(100% - 6rem);
			}

		}

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

			.inner {
				max-width: calc(100% - 6rem);
				width: 100%;
			}

		}

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

			.inner {
				max-width: calc(100% - 4rem);
				width: 100%;
			}

		}

/* Banner */

	#banner {
		background-color: #0d0d0d;
		color: rgba(255, 255, 255, 0.65);
		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;
	}

		#banner a {
			color: #00487d;
			color: rgba(255, 255, 255, 0.65);
		}

			#banner a:hover {
				color: #ffffff;
			}

		#banner strong{
			color: #ffffff;
		}

		#banner h1, #banner h2, #banner h3{
			color: #ffffff;
		}

			#banner h1 a, #banner h2 a, #banner h3 a{
				color: #ffffff;
			}

		#banner ::-webkit-input-placeholder {
			color: rgba(84, 84, 84, 0.5) !important;
		}

		#banner :-moz-placeholder {
			color: rgba(84, 84, 84, 0.5) !important;
		}

		#banner ::-moz-placeholder {
			color: rgba(84, 84, 84, 0.5) !important;
		}

		#banner :-ms-input-placeholder {
			color: rgba(84, 84, 84, 0.5) !important;
		}

		#banner ul.alt li {
			border-top-color: rgba(255, 255, 255, 0.25);
		}

		#banner > article {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-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;
			padding: 8rem 4rem 5.5rem 4rem ;
			color: #000000;
			cursor: default;
			overflow: hidden;
			position: relative;
			text-align: center;
		}

			#banner > article:before {
				-moz-transition: opacity 2.25s ease;
				-webkit-transition: opacity 2.25s ease;
				-ms-transition: opacity 2.25s ease;
				transition: opacity 2.25s ease;
				background-color: #000000;
				content: '';
				height: 100%;
				left: 0;
				opacity: 0.25;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1;
			}

			#banner > article:nth-child(1):before {
				-moz-transition-delay: 0s;
				-webkit-transition-delay: 0s;
				-ms-transition-delay: 0s;
				transition-delay: 0s;
				background-color: black;
			}

			#banner > article:nth-child(2):before {
				-moz-transition-delay: 0.375s;
				-webkit-transition-delay: 0.375s;
				-ms-transition-delay: 0.375s;
				transition-delay: 0.375s;
				background-color: black;
			}

			#banner > article:nth-child(3):before {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
				background-color: black;
			}

			#banner > article:nth-child(4):before {
				-moz-transition-delay: 1.125s;
				-webkit-transition-delay: 1.125s;
				-ms-transition-delay: 1.125s;
				transition-delay: 1.125s;
				background-color: black;
			}

			#banner > article:nth-child(5):before {
				-moz-transition-delay: 1.5s;
				-webkit-transition-delay: 1.5s;
				-ms-transition-delay: 1.5s;
				transition-delay: 1.5s;
				background-color: black;
			}

			#banner > article:nth-child(6):before {
				-moz-transition-delay: 1.875s;
				-webkit-transition-delay: 1.875s;
				-ms-transition-delay: 1.875s;
				transition-delay: 1.875s;
				background-color: black;
			}

			#banner > article:nth-child(7):before {
				-moz-transition-delay: 2.25s;
				-webkit-transition-delay: 2.25s;
				-ms-transition-delay: 2.25s;
				transition-delay: 2.25s;
				background-color: black;
			}

			#banner > article:nth-child(8):before {
				-moz-transition-delay: 2.625s;
				-webkit-transition-delay: 2.625s;
				-ms-transition-delay: 2.625s;
				transition-delay: 2.625s;
				background-color: black;
			}

			#banner > article:nth-child(9):before {
				-moz-transition-delay: 3s;
				-webkit-transition-delay: 3s;
				-ms-transition-delay: 3s;
				transition-delay: 3s;
				background-color: black;
			}

			#banner > article:nth-child(10):before {
				-moz-transition-delay: 3.375s;
				-webkit-transition-delay: 3.375s;
				-ms-transition-delay: 3.375s;
				transition-delay: 3.375s;
				background-color: black;
			}

			#banner > article > .image {
				-moz-transition: -moz-transform 0.2s ease;
				-webkit-transition: -webkit-transform 0.2s ease;
				-ms-transition: -ms-transform 0.2s ease;
				transition: transform 0.2s ease;
				border-radius: 0;
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

			#banner > article .content {
				max-width: 80%;
				position: relative;
				text-align: center;
				z-index: 2;
			}

			#banner > article h1, #banner > article h2, #banner > article h3 {
				font-weight: 300;
			}

			#banner > article h1 {
				margin-bottom: 2rem;
			}

			#banner > article h2 {
				margin-bottom: 3rem;
			}

			#banner > article ul {
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			}

			#banner > article.full {
				min-height: 65vh;
				width: 100%;
			}

				#banner > article.full .content {
					width: 50rem;
				}

				@media screen and (min-width: 1281px) and (max-width: 1680px) {

					#banner > article.full {
						min-height: 70vh;
					}

				}

			#banner > article.half {
				min-height: 50vh;
				width: 50%;
			}

				#banner > article.half .content {
					width: 25rem;
				}

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

			#banner > article {
				padding: 6rem 2rem 3.5rem 2rem ;
			}

				#banner > article.full {
					min-height: 55vh;
				}

				#banner > article.half {
					min-height: 35vh;
				}

		}

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

			#banner > article {
				padding: 4rem 1rem 1.5rem 1rem ;
			}

				#banner > article.full {
					min-height: 0;
				}

				#banner > article.half {
					min-height: 0;
				}

		}

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

			#banner {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				#banner > article {
					padding: 4rem 2rem 1.5rem 2rem ;
				}

					#banner > article.full {
						width: 100%;
					}

						#banner > article.full h2 {
							font-size: 1.75rem;
						}

						#banner > article.full .content {
							max-width: 100%;
							width: 100%;
						}

					#banner > article.half {
						width: 100%;
					}

						#banner > article.half .content {
							width: 100%;
							max-width: 100%;
						}

		}

/* Nav Panel */

	#wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}