/* Paragraph without margin*/
p.nomargin {
    margin: 0 0 0 0;
}

ul.nomargin {
    margin: 0 0 0 0;
}


/* Header logo image */
.image.covid19logo {
    width: 12%
}

.textcenter {
	text-align:center;
}

a.nounderline {
	border-bottom: none;
}

ol.gdpr {
	list-style-type: lower-alpha;
}


	
/* Task 1 Header and Footer */

#headerTask1 {
		padding: 9em 0 9em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #9dc66b 5%, #BACEEC 30%, #0078C9);*/
		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #CCFFCC 20%, #66FF66 60%, #00FF00);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#headerTask1 a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#headerTask1 h1, #headerTask1 h2, #headerTask1 h3, #headerTask1 h4, #headerTask1 h5, #headerTask1 h6, #headerTask1 strong, #headerTask1 b {
			color: #ffffff;
		}

		#headerTask1 headerTask1 p {
			color: #ffffff;
		}

		#headerTask1 headerTask1.major:after {
			background: #ffffff;
		}

		#headerTask1 input[type="submit"],
		#headerTask1 input[type="reset"],
		#headerTask1 input[type="button"],
		#headerTask1 button,
		#headerTask1 .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#headerTask1 input[type="submit"]:hover,
			#headerTask1 input[type="reset"]:hover,
			#headerTask1 input[type="button"]:hover,
			#headerTask1 button:hover,
			#headerTask1 .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#headerTask1 input[type="submit"]:active,
			#headerTask1 input[type="reset"]:active,
			#headerTask1 input[type="button"]:active,
			#headerTask1 button:active,
			#headerTask1 .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#headerTask1 input[type="submit"].special,
			#headerTask1 input[type="reset"].special,
			#headerTask1 input[type="button"].special,
			#headerTask1 button.special,
			#headerTask1 .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#headerTask1 input[type="submit"].special:hover,
				#headerTask1 input[type="reset"].special:hover,
				#headerTask1 input[type="button"].special:hover,
				#headerTask1 button.special:hover,
				#headerTask1 .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#headerTask1 input[type="submit"].special:active,
				#headerTask1 input[type="reset"].special:active,
				#headerTask1 input[type="button"].special:active,
				#headerTask1 button.special:active,
				#headerTask1 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#headerTask1 ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#headerTask1 .icon.major {
			color: #ffffff;
		}

		#headerTask1 h1 {
			margin: 0;
		}

		#headerTask1 p {
			margin: 1em 0 0 0;
		}

		#headerTask1 .actions {
			margin: 2.5em 0 0 0;
			position: relative;
		}

			#headerTask1 .actions:after {
				background: #ffffff;
				content: '';
				height: 100vh;
				left: 50%;
				position: absolute;
				top: 100%;
				width: 1px;
			}

		#headerTask1 .inner {
			-moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
			-webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
			-ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
			transition: transform 1.5s ease, opacity 2s ease;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			position: relative;
			z-index: 1;
		}

			#headerTask1 .inner .actions {
				-moz-transition: -moz-transform 1.25s ease;
				-webkit-transition: -webkit-transform 1.25s ease;
				-ms-transition: -ms-transform 1.25s ease;
				transition: transform 1.25s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}

		#headerTask1:after {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			/*background-image: linear-gradient(45deg, #BACEEC, #0078C9);*/
			background-image: linear-gradient(45deg, #CCFFCC, #66FF66);
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	body.is-loading #headerTask1 .inner {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

		body.is-loading #headerTask1 .inner .actions {
			-moz-transform: translateY(30em);
			-webkit-transform: translateY(30em);
			-ms-transform: translateY(30em);
			transform: translateY(30em);
			opacity: 0;
		}

	body.is-loading #headerTask1:after {
		opacity: 1;
	}

/* footerTask1 */

	#footerTask1 {
		padding: 6em 0 6em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #0078C9, #BACEEC 50%, #D0E3FF 95%);*/
		background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #CCFFCC, #66FF66 60%, #00FF00 90%);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		text-align: center;
	}

		#footerTask1 a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#footerTask1 h1, #footerTask1 h2, #footerTask1 h3, #footerTask1 h4, #footerTask1 h5, #footerTask1 h6, #footerTask1 strong, #footerTask1 b {
			color: #ffffff;
		}

		#footerTask1 headerTask1 p {
			color: #ffffff;
		}

		#footerTask1 headerTask1.major:after {
			background: #ffffff;
		}

		#footerTask1 input[type="submit"],
		#footerTask1 input[type="reset"],
		#footerTask1 input[type="button"],
		#footerTask1 button,
		#footerTask1 .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#footerTask1 input[type="submit"]:hover,
			#footerTask1 input[type="reset"]:hover,
			#footerTask1 input[type="button"]:hover,
			#footerTask1 button:hover,
			#footerTask1 .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#footerTask1 input[type="submit"]:active,
			#footerTask1 input[type="reset"]:active,
			#footerTask1 input[type="button"]:active,
			#footerTask1 button:active,
			#footerTask1 .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#footerTask1 input[type="submit"].special,
			#footerTask1 input[type="reset"].special,
			#footerTask1 input[type="button"].special,
			#footerTask1 button.special,
			#footerTask1 .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#footerTask1 input[type="submit"].special:hover,
				#footerTask1 input[type="reset"].special:hover,
				#footerTask1 input[type="button"].special:hover,
				#footerTask1 button.special:hover,
				#footerTask1 .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#footerTask1 input[type="submit"].special:active,
				#footerTask1 input[type="reset"].special:active,
				#footerTask1 input[type="button"].special:active,
				#footerTask1 button.special:active,
				#footerTask1 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#footerTask1 ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#footerTask1 .icon.major {
			color: #ffffff;
		}

		#footerTask1 .icons {
			margin: 0;
		}

		#footerTask1 .copyright {
			font-size: 0.8em;
			list-style: none;
			margin: 2em 0 0 0;
			padding: 0;
		}

			#footerTask1 .copyright li {
				border-left: solid 1px;
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding: 0 0 0 1em;
			}

				#footerTask1 .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding: 0;
				}



/* Task 2 Header and Footer */

#headerTask2 {
		padding: 9em 0 9em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #9dc66b 5%, #BACEEC 30%, #0078C9);*/
		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #FFCCCC 5%, #FF6666 30%, #FF0000);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#headerTask2 a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#headerTask2 h1, #headerTask2 h2, #headerTask2 h3, #headerTask2 h4, #headerTask2 h5, #headerTask2 h6, #headerTask2 strong, #headerTask2 b {
			color: #ffffff;
		}

		#headerTask2 header p {
			color: #ffffff;
		}

		#headerTask2 header.major:after {
			background: #ffffff;
		}

		#headerTask2 input[type="submit"],
		#headerTask2 input[type="reset"],
		#headerTask2 input[type="button"],
		#headerTask2 button,
		#headerTask2 .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#headerTask2 input[type="submit"]:hover,
			#headerTask2 input[type="reset"]:hover,
			#headerTask2 input[type="button"]:hover,
			#headerTask2 button:hover,
			#headerTask2 .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#headerTask2 input[type="submit"]:active,
			#headerTask2 input[type="reset"]:active,
			#headerTask2 input[type="button"]:active,
			#headerTask2 button:active,
			#headerTask2 .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#headerTask2 input[type="submit"].special,
			#headerTask2 input[type="reset"].special,
			#headerTask2 input[type="button"].special,
			#headerTask2 button.special,
			#headerTask2 .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#headerTask2 input[type="submit"].special:hover,
				#headerTask2 input[type="reset"].special:hover,
				#headerTask2 input[type="button"].special:hover,
				#headerTask2 button.special:hover,
				#headerTask2 .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#headerTask2 input[type="submit"].special:active,
				#headerTask2 input[type="reset"].special:active,
				#headerTask2 input[type="button"].special:active,
				#headerTask2 button.special:active,
				#headerTask2 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#headerTask2 ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#headerTask2 .icon.major {
			color: #ffffff;
		}

		#headerTask2 h1 {
			margin: 0;
		}

		#headerTask2 p {
			margin: 1em 0 0 0;
		}

		#headerTask2 .actions {
			margin: 2.5em 0 0 0;
			position: relative;
		}

			#headerTask2 .actions:after {
				background: #ffffff;
				content: '';
				height: 100vh;
				left: 50%;
				position: absolute;
				top: 100%;
				width: 1px;
			}

		#headerTask2 .inner {
			-moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
			-webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
			-ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
			transition: transform 1.5s ease, opacity 2s ease;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			position: relative;
			z-index: 1;
		}

			#headerTask2 .inner .actions {
				-moz-transition: -moz-transform 1.25s ease;
				-webkit-transition: -webkit-transform 1.25s ease;
				-ms-transition: -ms-transform 1.25s ease;
				transition: transform 1.25s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}

		#headerTask2:after {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			/*background-image: linear-gradient(45deg, #4fa49a, #4361c2);*/
			background-image: linear-gradient(45deg, #FF6666, #FF0000);
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	body.is-loading #headerTask2 .inner {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

		body.is-loading #headerTask2 .inner .actions {
			-moz-transform: translateY(30em);
			-webkit-transform: translateY(30em);
			-ms-transform: translateY(30em);
			transform: translateY(30em);
			opacity: 0;
		}

	body.is-loading #headerTask2:after {
		opacity: 1;
	}

/* footerTask2 */

	#footerTask2 {
		padding: 6em 0 6em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #0078C9, #BACEEC 50%, #9dc66b 95%);*/
		background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #FF0000, #FF6666 60%, #FFCCCC 90%);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		text-align: center;
	}

		#footerTask2 a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#footerTask2 h1, #footerTask2 h2, #footerTask2 h3, #footerTask2 h4, #footerTask2 h5, #footerTask2 h6, #footerTask2 strong, #footerTask2 b {
			color: #ffffff;
		}

		#footerTask2 header p {
			color: #ffffff;
		}

		#footerTask2 header.major:after {
			background: #ffffff;
		}

		#footerTask2 input[type="submit"],
		#footerTask2 input[type="reset"],
		#footerTask2 input[type="button"],
		#footerTask2 button,
		#footerTask2 .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#footerTask2 input[type="submit"]:hover,
			#footerTask2 input[type="reset"]:hover,
			#footerTask2 input[type="button"]:hover,
			#footerTask2 button:hover,
			#footerTask2 .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#footerTask2 input[type="submit"]:active,
			#footerTask2 input[type="reset"]:active,
			#footerTask2 input[type="button"]:active,
			#footerTask2 button:active,
			#footerTask2 .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#footerTask2 input[type="submit"].special,
			#footerTask2 input[type="reset"].special,
			#footerTask2 input[type="button"].special,
			#footerTask2 button.special,
			#footerTask2 .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#footerTask2 input[type="submit"].special:hover,
				#footerTask2 input[type="reset"].special:hover,
				#footerTask2 input[type="button"].special:hover,
				#footerTask2 button.special:hover,
				#footerTask2 .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#footerTask2 input[type="submit"].special:active,
				#footerTask2 input[type="reset"].special:active,
				#footerTask2 input[type="button"].special:active,
				#footerTask2 button.special:active,
				#footerTask2 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#footerTask2 ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#footerTask2 .icon.major {
			color: #ffffff;
		}

		#footerTask2 .icons {
			margin: 0;
		}

		#footerTask2 .copyright {
			font-size: 0.8em;
			list-style: none;
			margin: 2em 0 0 0;
			padding: 0;
		}

			#footerTask2 .copyright li {
				border-left: solid 1px;
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding: 0 0 0 1em;
			}

				#footerTask2 .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding: 0;
				}


/* Task 3 Header and Footer */

#headerTask3 {
		padding: 9em 0 9em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #9dc66b 5%, #BACEEC 30%, #0078C9);*/
		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #EFCCFF 10%, #B266FF 50%, #7F00FF);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#headerTask3 a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#headerTask3 h1, #headerTask3 h2, #headerTask3 h3, #headerTask3 h4, #headerTask3 h5, #headerTask3 h6, #headerTask3 strong, #headerTask3 b {
			color: #ffffff;
		}

		#headerTask3 headerTask3 p {
			color: #ffffff;
		}

		#headerTask3 headerTask3.major:after {
			background: #ffffff;
		}

		#headerTask3 input[type="submit"],
		#headerTask3 input[type="reset"],
		#headerTask3 input[type="button"],
		#headerTask3 button,
		#headerTask3 .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#headerTask3 input[type="submit"]:hover,
			#headerTask3 input[type="reset"]:hover,
			#headerTask3 input[type="button"]:hover,
			#headerTask3 button:hover,
			#headerTask3 .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#headerTask3 input[type="submit"]:active,
			#headerTask3 input[type="reset"]:active,
			#headerTask3 input[type="button"]:active,
			#headerTask3 button:active,
			#headerTask3 .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#headerTask3 input[type="submit"].special,
			#headerTask3 input[type="reset"].special,
			#headerTask3 input[type="button"].special,
			#headerTask3 button.special,
			#headerTask3 .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#headerTask3 input[type="submit"].special:hover,
				#headerTask3 input[type="reset"].special:hover,
				#headerTask3 input[type="button"].special:hover,
				#headerTask3 button.special:hover,
				#headerTask3 .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#headerTask3 input[type="submit"].special:active,
				#headerTask3 input[type="reset"].special:active,
				#headerTask3 input[type="button"].special:active,
				#headerTask3 button.special:active,
				#headerTask3 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#headerTask3 ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#headerTask3 .icon.major {
			color: #ffffff;
		}

		#headerTask3 h1 {
			margin: 0;
		}

		#headerTask3 p {
			margin: 1em 0 0 0;
		}

		#headerTask3 .actions {
			margin: 2.5em 0 0 0;
			position: relative;
		}

			#headerTask3 .actions:after {
				background: #ffffff;
				content: '';
				height: 100vh;
				left: 50%;
				position: absolute;
				top: 100%;
				width: 1px;
			}

		#headerTask3 .inner {
			-moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
			-webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
			-ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
			transition: transform 1.5s ease, opacity 2s ease;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			position: relative;
			z-index: 1;
		}

			#headerTask3 .inner .actions {
				-moz-transition: -moz-transform 1.25s ease;
				-webkit-transition: -webkit-transform 1.25s ease;
				-ms-transition: -ms-transform 1.25s ease;
				transition: transform 1.25s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}

		#headerTask3:after {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			/*background-image: linear-gradient(45deg, #4fa49a, #4361c2);*/
			background-image: linear-gradient(45deg, #EFCCFF, #B266FF);
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	body.is-loading #headerTask3 .inner {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

		body.is-loading #headerTask3 .inner .actions {
			-moz-transform: translateY(30em);
			-webkit-transform: translateY(30em);
			-ms-transform: translateY(30em);
			transform: translateY(30em);
			opacity: 0;
		}

	body.is-loading #headerTask3:after {
		opacity: 1;
	}

/* footerTask3 */

	#footerTask3 {
		padding: 6em 0 6em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #0078C9, #BACEEC 50%, #9dc66b 95%);*/
		background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #EFCCFF, #B266FF 60%, #7F00FF 90%);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		text-align: center;
	}

		#footerTask3 a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#footerTask3 h1, #footerTask3 h2, #footerTask3 h3, #footerTask3 h4, #footerTask3 h5, #footerTask3 h6, #footerTask3 strong, #footerTask3 b {
			color: #ffffff;
		}

		#footerTask3 headerTask3 p {
			color: #ffffff;
		}

		#footerTask3 headerTask3.major:after {
			background: #ffffff;
		}

		#footerTask3 input[type="submit"],
		#footerTask3 input[type="reset"],
		#footerTask3 input[type="button"],
		#footerTask3 button,
		#footerTask3 .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#footerTask3 input[type="submit"]:hover,
			#footerTask3 input[type="reset"]:hover,
			#footerTask3 input[type="button"]:hover,
			#footerTask3 button:hover,
			#footerTask3 .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#footerTask3 input[type="submit"]:active,
			#footerTask3 input[type="reset"]:active,
			#footerTask3 input[type="button"]:active,
			#footerTask3 button:active,
			#footerTask3 .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#footerTask3 input[type="submit"].special,
			#footerTask3 input[type="reset"].special,
			#footerTask3 input[type="button"].special,
			#footerTask3 button.special,
			#footerTask3 .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#footerTask3 input[type="submit"].special:hover,
				#footerTask3 input[type="reset"].special:hover,
				#footerTask3 input[type="button"].special:hover,
				#footerTask3 button.special:hover,
				#footerTask3 .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#footerTask3 input[type="submit"].special:active,
				#footerTask3 input[type="reset"].special:active,
				#footerTask3 input[type="button"].special:active,
				#footerTask3 button.special:active,
				#footerTask3 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#footerTask3 ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#footerTask3 .icon.major {
			color: #ffffff;
		}

		#footerTask3 .icons {
			margin: 0;
		}

		#footerTask3 .copyright {
			font-size: 0.8em;
			list-style: none;
			margin: 2em 0 0 0;
			padding: 0;
		}

			#footerTask3 .copyright li {
				border-left: solid 1px;
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding: 0 0 0 1em;
			}

				#footerTask3 .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding: 0;
				}


/* Meetings Header and Footer */

#headerMeetings {
		padding: 9em 0 9em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #9dc66b 5%, #BACEEC 30%, #0078C9);*/
		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #33ffcc 20%, #00cc99 60%, #009973);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#headerMeetings a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#headerMeetings h1, #headerMeetings h2, #headerMeetings h3, #headerMeetings h4, #headerMeetings h5, #headerMeetings h6, #headerMeetings strong, #headerMeetings b {
			color: #ffffff;
		}

		#headerMeetings headerTask1 p {
			color: #ffffff;
		}

		#headerMeetings headerTask1.major:after {
			background: #ffffff;
		}

		#headerMeetings input[type="submit"],
		#headerMeetings input[type="reset"],
		#headerMeetings input[type="button"],
		#headerMeetings button,
		#headerMeetings .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#headerMeetings input[type="submit"]:hover,
			#headerMeetings input[type="reset"]:hover,
			#headerMeetings input[type="button"]:hover,
			#headerMeetings button:hover,
			#headerMeetings .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#headerMeetings input[type="submit"]:active,
			#headerMeetings input[type="reset"]:active,
			#headerMeetings input[type="button"]:active,
			#headerMeetings button:active,
			#headerMeetings .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#headerMeetings input[type="submit"].special,
			#headerMeetings input[type="reset"].special,
			#headerMeetings input[type="button"].special,
			#headerMeetings button.special,
			#headerMeetings .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#headerMeetings input[type="submit"].special:hover,
				#headerMeetings input[type="reset"].special:hover,
				#headerMeetings input[type="button"].special:hover,
				#headerMeetings button.special:hover,
				#headerMeetings .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#headerMeetings input[type="submit"].special:active,
				#headerMeetings input[type="reset"].special:active,
				#headerMeetings input[type="button"].special:active,
				#headerMeetings button.special:active,
				#headerMeetings .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#headerMeetings ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#headerMeetings .icon.major {
			color: #ffffff;
		}

		#headerMeetings h1 {
			margin: 0;
		}

		#headerMeetings p {
			margin: 1em 0 0 0;
		}

		#headerMeetings .actions {
			margin: 2.5em 0 0 0;
			position: relative;
		}

			#headerMeetings .actions:after {
				background: #ffffff;
				content: '';
				height: 100vh;
				left: 50%;
				position: absolute;
				top: 100%;
				width: 1px;
			}

		#headerMeetings .inner {
			-moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
			-webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
			-ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
			transition: transform 1.5s ease, opacity 2s ease;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			position: relative;
			z-index: 1;
		}

			#headerMeetings .inner .actions {
				-moz-transition: -moz-transform 1.25s ease;
				-webkit-transition: -webkit-transform 1.25s ease;
				-ms-transition: -ms-transform 1.25s ease;
				transition: transform 1.25s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}

		#headerMeetings:after {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			/*background-image: linear-gradient(45deg, #BACEEC, #0078C9);*/
			background-image: linear-gradient(45deg, #33ffcc, #00cc99);
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	body.is-loading #headerMeetings .inner {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

		body.is-loading #headerMeetings .inner .actions {
			-moz-transform: translateY(30em);
			-webkit-transform: translateY(30em);
			-ms-transform: translateY(30em);
			transform: translateY(30em);
			opacity: 0;
		}

	body.is-loading #headerMeetings:after {
		opacity: 1;
	}

/* footerTask1 */

	#footerMeetings {
		padding: 6em 0 6em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #0078C9, #BACEEC 50%, #D0E3FF 95%);*/
		background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #33ffcc, #00cc99 60%, #00FF00 90%);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		text-align: center;
	}

		#footerMeetings a {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

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

		#footerMeetings h1, #footerMeetings h2, #footerMeetings h3, #footerMeetings h4, #footerMeetings h5, #footerMeetings h6, #footerMeetings strong, #footerMeetings b {
			color: #ffffff;
		}

		#footerMeetings headerTask1 p {
			color: #ffffff;
		}

		#footerMeetings headerTask1.major:after {
			background: #ffffff;
		}

		#footerMeetings input[type="submit"],
		#footerMeetings input[type="reset"],
		#footerMeetings input[type="button"],
		#footerMeetings button,
		#footerMeetings .button {
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #ffffff !important;
		}

			#footerMeetings input[type="submit"]:hover,
			#footerMeetings input[type="reset"]:hover,
			#footerMeetings input[type="button"]:hover,
			#footerMeetings button:hover,
			#footerMeetings .button:hover {
				background-color: rgba(255, 255, 255, 0.125);
			}

			#footerMeetings input[type="submit"]:active,
			#footerMeetings input[type="reset"]:active,
			#footerMeetings input[type="button"]:active,
			#footerMeetings button:active,
			#footerMeetings .button:active {
				background-color: rgba(255, 255, 255, 0.25);
			}

			#footerMeetings input[type="submit"].special,
			#footerMeetings input[type="reset"].special,
			#footerMeetings input[type="button"].special,
			#footerMeetings button.special,
			#footerMeetings .button.special {
				background-color: #ffffff;
				box-shadow: inset 0 0 0 1px #ffffff !important;
				color: #4686a0 !important;
			}

				#footerMeetings input[type="submit"].special:hover,
				#footerMeetings input[type="reset"].special:hover,
				#footerMeetings input[type="button"].special:hover,
				#footerMeetings button.special:hover,
				#footerMeetings .button.special:hover {
					background-color: rgba(255, 255, 255, 0.125) !important;
					color: #ffffff !important;
				}

				#footerMeetings input[type="submit"].special:active,
				#footerMeetings input[type="reset"].special:active,
				#footerMeetings input[type="button"].special:active,
				#footerMeetings button.special:active,
				#footerMeetings .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		#footerMeetings ul.major-icons li .icon {
			border-color: #ffffff;
		}

		#footerMeetings .icon.major {
			color: #ffffff;
		}

		#footerMeetings .icons {
			margin: 0;
		}

		#footerMeetings .copyright {
			font-size: 0.8em;
			list-style: none;
			margin: 2em 0 0 0;
			padding: 0;
		}

			#footerMeetings .copyright li {
				border-left: solid 1px;
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding: 0 0 0 1em;
			}

				#footerMeetings .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding: 0;
				}










a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;
  height: 400px;

  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}

/* Color Highlight for keyboard navigation */

a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}