/*!
 * CSS template for the New Joiners section
 */


/* = Resets
-----------------------------------------------*/

	/* -- Test ---------- */

	mark{
		background-color:#00FF00;
		display:inline-block;
		padding:0px 5px;
	}


	/* -- Animation ---------- */

		@keyframes entranceAnimate {
			from{ right:-50px; opacity: 0; }
			to  { right:0px; opacity: 1; }
		}
		@-moz-keyframes entranceAnimate {
			from{ right:-50px; opacity: 0; }
			to  { right:0px; opacity: 1; }
		}
		@-webkit-keyframes entranceAnimate {
			from{ right:-50px; opacity: 0; }
			to  { right:0px; opacity: 1; }
		}
		@-ms-keyframes entranceAnimate {
			from{ right:-50px; opacity: 0; }
			to  { right:0px; opacity: 1; }
		}
		@-o-keyframes entranceAnimate {
			from{ right:-50px; opacity: 0; }
			to  { right:0px; opacity: 1; }
		}

	/* -- HTML / Body ---------- */

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


	/* -- Button ---------- */

		button{
			background-color:transparent;

			line-height:1em;

			-webkit-appearance:none;
			-moz-appearance:none;
		}

			button:hover{
			}

			button:focus{
				outline:1px solid rgba(255, 255, 255, 0);
				outline-offset:-4px;
			}

			button:active{
			}


	/* -- Sticky Footer ---------- */

		.body-content{
			min-height:calc(100% - 50px);
			padding-bottom:118px;
			margin-bottom:-118px;
		}

		footer#footer{
			height:118px;
		}

		@media screen and (min-width:340px){
			.body-content{
				padding-bottom:102px;
				margin-bottom:-102px;
			}
			footer#footer{
				height:102px;
			}
		}

		@media screen and (min-width:420px){
			.body-content{
				padding-bottom:86px;
				margin-bottom:-86px;
			}
			footer#footer{
				height:86px;
			}
		}

		@media screen and (min-width:630px){
			.body-content{
				padding-bottom:70px;
				margin-bottom:-70px;
			}
			footer#footer{
				height:70px;
			}
		}

		@media screen and (min-width:1200px){
			.body-content{
				padding-bottom:54px;
				margin-bottom:-54px;
			}
			footer#footer{
				height:54px;
			}
		}


/* = Banner
-----------------------------------------------*/

	.newsjoiners__banner{
		background-color:#483698;
		background-image:url('jetpack-man.svg');
		background-position:center right -25px;
		background-repeat:no-repeat;
		background-size:auto 100%;

		width:100%;
		height:auto;
		min-height:200px;

		display:block;
		position:relative;
		clear:both;

		margin:0px auto;
		padding:30px;
		border:0px none;
	}
	@media screen and (min-width:480px){
		.newsjoiners__banner{
			min-height:300px;
			background-position:center left 95%;
		}
	}

		.newsjoiners__bannertitle{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:10;

			color:#FFFFFF;
			font-size:44px;
			font-weight:100;
			line-height:1;
			letter-spacing:0px;

			-webkit-animation: Loose_Letter 1s 1 ease-out;
			   -moz-animation: Loose_Letter 1s 1 ease-out;
				-ms-animation: Loose_Letter 1s 1 ease-out;
				 -o-animation: Loose_Letter 1s 1 ease-out;
					animation: Loose_Letter 1s 1 ease-out;
		}

			.newsjoiners__bannertitle h1{
			}

		.newsjoiners__bannerimage{
			position:absolute;
			z-index:0;
		}


/* = Content
-----------------------------------------------*/

	.newsjoiners__content{
		width:100%;
		height:auto;

		display:block;
		position:relative;

		font-size:15px;
		line-height:1.3;

		margin:0px auto;
		padding:20px 0px 100px;
		border:0px none;
	}


	/* -- Typography ---------- */
		
		/* Titles */
		.newsjoiners__content h1,
		.newsjoiners__content h2,
		.newsjoiners__content h3{
			width:100%;
			height:auto;
			
			color:#00338D;
			font-family:'KPMG Light';
			font-size:34px;
			font-weight:100;
			line-height:0.9;
			text-align:left;

			margin:15px auto;
			padding:0px;
			border:0px none;
		}

		.newsjoiners__content h3{
			font-size:44px;
		}

		.newsjoiners__content h1 + h1,
		.newsjoiners__content h1 + h2,
		.newsjoiners__content h1 + h3,
		.newsjoiners__content h1 + h4,
		.newsjoiners__content h1 + h5,
		.newsjoiners__content h1 + h6,
		.newsjoiners__content h2 + h1,
		.newsjoiners__content h2 + h2,
		.newsjoiners__content h2 + h3,
		.newsjoiners__content h2 + h4,
		.newsjoiners__content h2 + h5,
		.newsjoiners__content h2 + h6{
		}

		.newsjoiners__content h3 + h1,
		.newsjoiners__content h3 + h2,
		.newsjoiners__content h3 + h3,
		.newsjoiners__content h3 + h4,
		.newsjoiners__content h3 + h5,
		.newsjoiners__content h3 + h6{
			margin-top:-5px;
		}

		.newsjoiners__content h4 + h4,
		.newsjoiners__content h4 + h5,
		.newsjoiners__content h4 + h6,
		.newsjoiners__content h5 + h4,
		.newsjoiners__content h5 + h5,
		.newsjoiners__content h5 + h6,
		.newsjoiners__content h6 + h4,
		.newsjoiners__content h6 + h5,
		.newsjoiners__content h6 + h6{
			margin-top:15px;
		}

		/* Subtitles */
		.newsjoiners__content h4,
		.newsjoiners__content h5, 
		.newsjoiners__content h6{
			color:#00338D;
			font-family:inherit;
			font-size:15px;
			font-style:normal;
			font-weight:bold;
			line-height:1.3;

			margin:30px auto 15px;
			padding:0px;
			border:0px none;

			-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
		}

			.newsjoiners__content h4 span,
			.newsjoiners__content h5 span, 
			.newsjoiners__content h6 span{
				display:block;
				position:relative;
				padding-left:18px;
			}

			.newsjoiners__content h4 span + span,
			.newsjoiners__content h5 span + span, 
			.newsjoiners__content h6 span + span{
				margin-top:5px;
			}

				.newsjoiners__content h4 span::before,
				.newsjoiners__content h5 span::before,
				.newsjoiners__content h6 span::before{
					background-color:#00338D;

					width:4px;
					height:4px;

					display:block;
					position:absolute;
					left:6px;
					top:8px;

					margin:0px auto;
					padding:0px;
					border:0px none;

					-webkit-border-radius:2px;
					   -moz-border-radius:2px;
							border-radius:2px; 

					content:'';
				}


		/* Paragraph */
		.newsjoiners__content p{
			color:inherit;
			font-family:inherit;
			font-size:15px;
			font-style:normal;
			font-weight:normal;
			line-height:1.3;

			margin:15px auto;
			padding:0px;
			border:0px none;

			-webkit-font-smoothing:antialiased;
  			-moz-osx-font-smoothing:grayscale;
		}


	/* -- Lists ---------- */

		.newsjoiners__content ul,
		.newsjoiners__content ol{
			font-size:inherit;
			line-height:inherit;

			margin:12px auto;
			padding:0px 0px 0px 25px;
			border:0px none;
		}

		.newsjoiners__content ul{
			list-style:disc;
		}

		.newsjoiners__content ol{
			list-style:decimal;
		}

			.newsjoiners__content ul li,
			.newsjoiners__content ol li{
				color:inherit;
				font-family:inherit;
				font-size:inherit;
				font-style:normal;
				font-weight:normal;
				line-height:inherit;

				margin:0px auto;
				padding:3px 0px;
			}

			.newsjoiners__content ul li ul,
			.newsjoiners__content ol li ul,
			.newsjoiners__content ul li ol,
			.newsjoiners__content ol li ol{
				margin:5px auto 2px;
			}

		.newsjoiners__content table ul,
		.newsjoiners__content table ol{
			margin:0px auto;
		}

		.newsjoiners__content p + ul,
		.newsjoiners__content p + ol{
			margin-top:-10px;
		}


	/* -- Emphasis ---------- */

		.newsjoiners__content strong,
		.newsjoiners__content b{
			font-style:normal;
			font-weight:bold;
		}

		.newsjoiners__content i,
		.newsjoiners__content em{
			font-style:italic;
			font-weight:normal;
		}

		.newsjoiners__content strong i,
		.newsjoiners__content strong em,
		.newsjoiners__content i strong,
		.newsjoiners__content em strong {
			font-style:italic;
			font-weight:bold;
		}

		.newsjoiners__content .small{
			font-size:0.85em;
			line-height:1.3;
		}


	/* -- Table ---------- */
	
		.newsjoiners__content .table{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:30px auto 15px;
			padding:0px 0px 15px;
			border:0px none;

			overflow-x:auto;
		}

			.newsjoiners__content table{
				background-color:#FFFFFF;

				width:100%;
				min-width:480px;
				height:auto;

				font-size:15px;
				line-height:1.3;

				empty-cells: show;

				border-collapse: collapse;
				border-spacing: 0;
				border:1px solid #cbcbcb;
			}

				.newsjoiners__content thead{
					background-color: #00338D;
					color: #FFFFFF;
					text-align: left;
					vertical-align: bottom;
				}

				.newsjoiners__content tbody{
				}

					.newsjoiners__content td,
					.newsjoiners__content th {
						border-left: 1px solid #cbcbcb;
						border-width: 0 0 0 1px;
						font-size: inherit;
						margin: 0;
						overflow: visible;
						padding: 0.5em 1em;
					}

					.newsjoiners__content td {
						background-color: transparent;
						border-bottom: 1px solid #cbcbcb;
					}

					.newsjoiners__content tbody > tr:last-child > td {
						border-bottom-width: 0;
					}


	/* -- Links ---------- */

		.newsjoiners__content a,
		.newsjoiners__content a:active,
		.newsjoiners__content a:focus,
		.newsjoiners__content a:visited {
			color:#005EB8;
			font-family:inherit;
			outline:none !important;
			text-decoration:underline;

			opacity:1.0;

			-webkit-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
			-moz-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
			-o-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
			transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1); 
		}

			.newsjoiners__content a:hover {
				color:inherit;
				font-family:inherit;
				outline:none !important;
				text-decoration:none;

				opacity:0.5;

				-webkit-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
				-moz-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
				-o-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
				transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1); 
			}


/* = Decision Tree
-----------------------------------------------*/


	/* -- Decision Tree ----------- */
	
		.decisionTree{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto;
			padding:0px;
			border:0px none;

			overflow-x:hidden;
			overflow-y:hidden;
		}

		.decisionTree::after{
			display:block;
			clear:both;
			content:'';
		}


			/* -- Title / Back Button ---------- */

				.btnBack,
				.btnReset{
					margin-top:0px !important;
					padding-top:54px !important;
				}

					.btnBack::before,
					.btnReset::before{
						width:300px;
						height:24px;

						display:block;
						position:absolute;
						top:10px;
						z-index:0;

						color:#666666;
						font-family:Arial, Helvetica, sans-serif;
						font-size:15px;
						line-height:24px;
						text-align:left;

						margin:0px auto;
						padding:0px;
						border:0px none;

						cursor:pointer;
					}

					.btnBack::before{
						left:20px;
						content:'Back';
					}

					.btnReset::before{
						left:23px;
						content:'Start again';
					}

					.btnBack::after{
						background:rgba(255, 255, 255, 0.25);

						width:9px;
						height:9px;

						display:block;
						position:absolute;
						top:22px;
						left:5px;
						z-index:10;

						margin:0px auto;
						padding:0px;
						border:0px none;

						border-left:3px solid #43B02A;
						border-top:3px solid #43B02A;

						-webkit-transform:translateY(-50%) rotate(-45deg);
						   -moz-transform:translateY(-50%) rotate(-45deg);
							-ms-transform:translateY(-50%) rotate(-45deg);
							 -o-transform:translateY(-50%) rotate(-45deg);
								transform:translateY(-50%) rotate(-45deg);

						content:'';
					}

					.btnReset::after{
						background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlJlZnJlc2giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MzguNSA0MzguNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUgNDM4LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNDRCMDQ5O30KPC9zdHlsZT4KPHBhdGggaWQ9IlJlZnJlc2hfMV8iIGNsYXNzPSJzdDAiIGQ9Ik0wLDM2LjVsMCwxMjcuOWMwLDQuOSwxLjgsOS4yLDUuNCwxMi44YzMuNiwzLjYsNy45LDUuNCwxMi44LDUuNGgxMjcuOQoJYzgsMCwxMy42LTMuOCwxNi45LTExLjRjMy4yLTcuNCwxLjktMTQtNC0xOS43bC0zOS40LTM5LjRjMjguMi0yNi4xLDYxLjQtMzkuMSw5OS42LTM5LjFjMTkuOCwwLDM4LjcsMy45LDU2LjcsMTEuNgoJYzE4LDcuNywzMy41LDE4LjEsNDYuNywzMS4zYzEzLjEsMTMuMSwyMy42LDI4LjcsMzEuMyw0Ni43YzcuNywxOCwxMS42LDM2LjksMTEuNiw1Ni43YzAsMTkuOC0zLjksMzguNy0xMS42LDU2LjcKCWMtNy43LDE4LTE4LjEsMzMuNS0zMS4zLDQ2LjdjLTEzLjEsMTMuMS0yOC43LDIzLjYtNDYuNywzMS4zYy0xOCw3LjctMzYuOSwxMS42LTU2LjcsMTEuNmMtMjIuNywwLTQ0LjEtNC45LTY0LjItMTQuOAoJYy0yMC4yLTkuOS0zNy4yLTIzLjktNTEuMS00MmMtMS4zLTEuOS0zLjUtMy02LjYtMy40Yy0yLjcsMC01LDAuOS03LjEsMi42bC0zOS4xLDM5LjRjLTEuNywxLjUtMi42LDMuNS0yLjcsNS45CgljLTAuMSwyLjQsMC42LDQuNSwyLjEsNi40YzIwLjgsMjUuMSw0NS45LDQ0LjYsNzUuNCw1OC40YzI5LjUsMTMuOCw2MC42LDIwLjcsOTMuNCwyMC43YzI5LjcsMCw1OC4xLTUuOCw4NS4xLTE3LjQKCWMyNy0xMS42LDUwLjMtMjcuMiw3MC00Ni44YzE5LjYtMTkuNiwzNS4yLTQyLjksNDYuOC03MGMxMS42LTI3LDE3LjQtNTUuNCwxNy40LTg1LjFjMC0yOS43LTUuOC01OC4xLTE3LjQtODUuMQoJYy0xMS42LTI3LTI3LjItNTAuMy00Ni44LTY5LjljLTE5LjYtMTkuNi00Mi45LTM1LjItNzAtNDYuOEMyNzcuMyw1LjgsMjQ5LDAsMjE5LjMsMGMtMjgsMC01NS4xLDUuMy04MS4yLDE1LjgKCWMtMjYuMiwxMC42LTQ5LjQsMjUuNS02OS44LDQ0LjdMMzEuMSwyMy43Yy01LjUtNS45LTEyLjItNy4yLTIwLTRDMy43LDIyLjksMCwyOC42LDAsMzYuNXoiLz4KPC9zdmc+Cg==');
						background-position:center center;
						background-repeat:no-repeat;
						background-size:16px 16px;

						width:16px;
						height:16px;

						display:block;
						position:absolute;
						top:13px;
						left:0px;
						z-index:10;

						margin:0px auto;
						padding:0px;
						border:0px none;

						content:'';
					}

						.btnBack::before,
						.btnBack:hover::before,
						.btnBack:hover::after,
						.btnReset::before,
						.btnReset:hover::before,
						.btnReset:hover::after{
							opacity:1.0;

							-webkit-transition:opacity 150ms ease-in-out;
							   -moz-transition:opacity 150ms ease-in-out;
								-ms-transition:opacity 150ms ease-in-out;
								 -o-transition:opacity 150ms ease-in-out;
									transition:opacity 150ms ease-in-out;
						}

						.btnBack:hover::before,
						.btnBack:hover::after,
						.btnReset:hover::before,
						.btnReset:hover::after{
							opacity:0.75;
						}


			/* -- btnNextLevel / btnResults Button ---------- */
			
				.decisionTree button{
					background-repeat:no-repeat;
					background-size:45px 45px;
					background-position:center left 15px;

					width:100%;
					height:auto;
					min-height:70px;

					display:block;
					position:relative;
					float:left;
					clear:both;

					color:#FFFFFF;
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					font-weight:bold;
					line-height:1.1;
					text-align:left;

					margin:15px auto 0px;
					padding:5px 25px 5px 75px;
					border:0px none;

					-webkit-border-radius:3px;
					   -moz-border-radius:3px;
							border-radius:3px; 
				}

				.decisionTree button,
				.decisionTree button:hover{
					opacity:1.0;

					-webkit-transition:opacity 150ms ease-in-out;
					   -moz-transition:opacity 150ms ease-in-out;
						-ms-transition:opacity 150ms ease-in-out;
						 -o-transition:opacity 150ms ease-in-out;
							transition:opacity 150ms ease-in-out;
				}

				.decisionTree button:hover{
					opacity:0.75;
				}
			
				.decisionTree button.nextLevel--Graduate,
				.decisionTree .divNextLevel--Graduate button{
					background-color:#00338D;
					background-image:url('/content/dam/kpmgsites/uk/images/2020/07/kpmg-trainees/icon-Graduate.svg');
				}

				
				.decisionTree button.nextLevel--Apprenticeship,
				.decisionTree .divNextLevel--Apprenticeship button{
					background-color:#1E49E2;
					background-image:url('/content/dam/kpmgsites/uk/images/2020/07/kpmg-trainees/icon-Apprenticeship.svg');
				}

					.decisionTree button span{
						display:block;
						font-weight:normal;
						padding-top:2px;
					}


			/* -- divNextLevel --------- */
			
				.divNextLevel{
					width:100%;
					height:auto;

					display:none;
					position:relative;
					float:left;
					clear:both;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.divNextLevel.jsRouteActive{
					display:block;
				}

					.divNextLevel::after{
						display:block;
						clear:both;
						content:'';
					}


/* = Results
-----------------------------------------------*/


	/* -- Results ----------- */

		.finalScreen,
		.divResult{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto;
			padding:0px;
			border:0px none;

			overflow-x:hidden;
			overflow-y:hidden;
		}

		.divResult{
			display:none;
		}

		.finalScreen::after,
		.divResult::after{
			display:block;
			clear:both;
			content:'';
		}


	/* -- Accordion ---------- */

		.resultAccordion{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			float:left;
			clear:both;

			margin:15px auto 0px;
			padding:0px 2px 2px 0px;
			border:0px none;
		}

			.resultAccordionHeading{
				background-color:#FFFFFF;

				width:100%;
				height:auto;

				display:block;
				position:relative;

				color:#00338D;
				font-family:inherit;
				font-size:15px;
				font-style:normal;
				font-weight:bold;
				line-height:20px;
				text-align:left;

				margin:0px auto;
				padding:20px 56px 20px 20px;
				border:1px solid #CCCCCC;

				-webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.10);
				   -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.10);
						box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.10);

				-webkit-transition:background-color 150ms ease-in-out;
				   -moz-transition:background-color 150ms ease-in-out;
					-ms-transition:background-color 150ms ease-in-out;
					 -o-transition:background-color 150ms ease-in-out;
						transition:background-color 150ms ease-in-out;
			}

			.resultAccordionHeading:hover{
			}

				.resultAccordionHeading::before,
				.resultAccordionHeading::after{
					background-color:#00338D;

					display:block;
					position:absolute;

					margin:0px auto;
					padding:0px;
					border:0px none;

					content:'';

					-webkit-transition:transform 250ms ease-in-out;
					   -moz-transition:transform 250ms ease-in-out;
						-ms-transition:transform 250ms ease-in-out;
						 -o-transition:transform 250ms ease-in-out;
							transition:transform 250ms ease-in-out;

					-webkit-transform:rotate(0deg);
					   -moz-transform:rotate(0deg);
						-ms-transform:rotate(0deg);
						 -o-transform:rotate(0deg);
							transform:rotate(0deg);

					-webkit-transform-origin:center center;
					   -moz-transform-origin:center center;
						-ms-transform-origin:center center;
						 -o-transform-origin:center center;
							transform-origin:center center;
				}

				.resultAccordionHeading::before{
					width:16px;
					height:2px;
					right:20px;
					top:29px;
				}

				.resultAccordionHeading::after{
					width:2px;
					height:16px;
					right:27px;
					top:22px;
				}

				.resultAccordionHeading.jsAccordionActive::before{
					-webkit-transform:rotate(180deg);
					   -moz-transform:rotate(180deg);
						-ms-transform:rotate(180deg);
						 -o-transform:rotate(180deg);
							transform:rotate(180deg);
				}

				.resultAccordionHeading.jsAccordionActive::after{
					-webkit-transform:rotate(90deg);
					   -moz-transform:rotate(90deg);
						-ms-transform:rotate(90deg);
						 -o-transform:rotate(90deg);
							transform:rotate(90deg);
				}

			.resultAccordionContent{
				background-color:#F9F9F9;

				width:100%;
				height:auto;

				display:none;
				position:relative;

				margin:0px auto;
				padding:5px 20px 15px;
				border:1px solid #CCCCCC;
				border-top:0px none;

				-webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.10);
				   -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.10);
						box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.10);
			}


/* = Show / Hide
-----------------------------------------------*/

	/* Show / Hide */
	.decisionTree button.nextLevel,
	.decisionTree button.prevLevel,
	.decisionTree button,
	.decisionTree h1,
	.decisionTree h2,
	.decisionTree h3,
	.decisionTree h4,
	.decisionTree h5,
	.decisionTree h6,
	.decisionTree p,
	.decisionTree ul,
	.decisionTree ol{
		display:none;
	}

	.jsLevelActive button.nextLevel,
	.jsLevelActive button.prevLevel,
	.jsLevelActive button,
	.jsLevelActive h1,
	.jsLevelActive h2,
	.jsLevelActive h3,
	.jsLevelActive h4,
	.jsLevelActive h5,
	.jsLevelActive h6,
	.jsLevelActive p,
	.jsLevelActive ul,
	.jsLevelActive ol{
		display:block;   
		-webkit-animation:entranceAnimate 500ms;
		   -moz-animation:entranceAnimate 500ms;
			-ms-animation:entranceAnimate 500ms;
			 -o-animation:entranceAnimate 500ms;
				animation:entranceAnimate 500ms;
	}