/*
Theme Name: Join NEA
Theme URI: http://join.nea.org/
Author: Dewey Digital
Author URI: http://deweysquare.com/
Description: This is the theme for Join NEA
Version: 5000
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,600,600i');

body {
	margin:0;
	padding:0;
	font-family:'Open Sans',Tahoma,Verdana,sans-serif;
	font-size:18px;	
	overflow-x:hidden;
	max-width:100vw;
	line-height:1.5;
	font-weight:400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
}

section {
	width:100vw;
	margin:0 auto;
	box-sizing:border-box;
}

	section .jn-section-content {
		width:100%;
		max-width:1200px;
		margin:0 auto;
	}

.jn-items {
	margin-top:90px;
}

@media( max-width:1200px ) {

	section {
		width:100vw;
	}

		section:first-of-type {
			margin-top:0;
		}

	.jn-items {
		margin-top:10px;
	}

}

/*** CTA buttons ***/

.cta-buttons {
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-wrap:wrap;
}

	.cta-button {
		display:inline-block;
		border:1px solid #ffffff;
		border-radius:5px;
		padding:10px 20px;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-ms-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
		margin:10px;
		font-family:'Open Sans',sans-serif;
		font-weight:600;
		font-size:14px;
		/*text-transform:uppercase;*/
		text-decoration:none;
	}

		.cta-button:hover {
			text-decoration:none !important;
		}

	.cta-button:last-of-type {
		margin-right:0;
	}


/*** Header Section ***/

#jn-header {
	height:90px;
	padding:5px 0;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:10000;
	box-sizing:border-box;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

	#jn-header.jn-header-scrolled {
		box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	}

	.jn-header-contents {
		width:100%;
		max-width:1200px;
		height:80px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}

		.jn-header-logo-image img {
			height:70px;
			width:240px;
			margin-top:5px;
			object-fit:contain;
		}

		.jn-header-submenu {
			flex-grow:1;
			display:flex;
			justify-content:flex-end;
			align-items:center;
			margin-left:40px;
		}

			.jn-header-submenu a {
				/*text-transform:uppercase;*/
				text-decoration:none;
				font-family:'Open Sans',sans-serif;
				font-weight:600;
				font-size:14px;
				margin-right:60px;
			}

				.jn-header-submenu a:hover {
					text-decoration:underline;
				}

	.fixed-cta-button {
		display:none;
	}

@media( max-width:1200px ) {

	#jn-header {
		background:none !important;
		position:relative;
	}

		.jn-header-contents {
			max-width:100%;
		}

	.jn-header-submenu {
		justify-content:flex-end;		
	}

		.jn-header-submenu a.jn-scroll-on-page ,
		.jn-header-submenu a.cta-button {
			display:none;
		}

	#fixed-cta-button {
		position:fixed;
		top:20px;
		right:20px;
		display:block;
		z-index:100000;
		box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	}

}

/*** Hero Image Section ***/

section.jn-section-hero .jn-section-content {
	display:flex;
	justify-content:space-between;
	align-items:center;
	overflow-x:hidden;
	overflow-y:hidden;
	height:450px;
}

	.jn-hero-content {
		padding:40px 40px 40px 0;
		min-width:320px;
		width:33%;
		font-size:20px;
	}

		.jn-hero-content h1 {
			font-size:36px;
			font-family:'Open Sans',sans-serif;
			font-weight:600;
			margin-bottom:10px;
			line-height:1.1;
		}

		.jn-hero-content .cta-buttons {
			justify-content:flex-start;
		}

	.jn-hero-image-content {
		width:800px;
		height:450px;
		position:relative;
		flex-shrink:0;
	}

		.jn-hero-image-content img.jn-hero-image {
			width:100%;
			height:100%;
			object-fit:cover;
			object-position:center center;
		}

		.jn-hero-image-content .jn-hero-image-overlay {
			position:absolute;
			bottom:10px;
			width:100%;
			display:flex;
			justify-content:center;
		}

		.jn-hero-image-content .jn-hero-image-overlay-text {
			text-align:center;
			font-size:16px;
			font-weight:bold;
			padding:10px;
		}

			.jn-hero-image-content .jn-hero-image-overlay-text a {
				text-decoration:none;
			}

				.jn-hero-image-content .jn-hero-image-overlay-text a:hover {
					text-decoration:underline;
				}

				.jn-hero-image-overlay-text .jn-hero-image-overlay-arrow {
					display:inline-block;
					height:17px;
					width:17px;
					border-radius:100%;
					position:relative;
					margin-left:10px;
					top:1px;
				}

				.jn-hero-image-overlay-text .jn-hero-image-overlay-arrow:after {
					content:'';
					display:inline-block;
					height:5px;
					width:5px;
					position:absolute;
					top:50%;
					margin-top:-3.5px;
					left:50%;
					margin-left:-5px;
					border-top:2px solid #ffffff;
					border-right:2px solid #ffffff;
					-webkit-transform:rotate(45deg);
					-moz-transform:rotate(45deg);
					-ms-transform:rotate(45deg);
					-o-transform:rotate(45deg);
					transform:rotate(45deg);
				}

@media( max-width:1240px ) {

	.jn-hero-content {
		padding:40px;
	}

}

@media( max-width:1200px ) {

	.jn-hero-content .cta-buttons {
		flex-wrap:wrap;
		justify-content: flex-start;	
	}

	.jn-hero-content .cta-buttons .cta-button {
		min-width:51%;
		margin:10px 0 0;
	}

	.jn-hero-image-content {
		flex-shrink:1;
	}

}

@media( max-width: 800px ) {

	section.jn-section-hero .jn-section-content {
		flex-direction:column-reverse;
		height:auto;
	}

		.jn-hero-content {
			width:90vw;
			margin:0 auto;
			padding:20px 0;
		}

			.jn-hero-content h1 {
				margin:0 0 10px;
			}

			.jn-hero-content .cta-buttons {
				flex-wrap:no-wrap;
				justify-content:center;
			}

				.jn-hero-content .cta-buttons .cta-button {
					min-width:0;
					margin:0 10px 0;
				}

		.jn-hero-image-content {
			height:57vw;
			width:100vw;
			flex-shrink:0;
		}

}

/*** Member Benefits Section ***/

section.jn-section-member_benefits {
	padding:40px;
}

	h2.jn-mb-title {
		font-family:'Open Sans',sans-serif;
		font-weight:600;
		font-size:16px;
		text-transform:uppercase;
		margin:0 0 10px;
	}

	.jn-mb-items {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-bottom:20px;
	}

		.jn-mb-item {
			width:46%;
		}

			.jn-mb-item h3 {
				margin-bottom:5px;
				font-size:28px;
				font-family:'Open Sans',sans-serif;
			}

			.jn-mb-item p:first-of-type {
				margin-top:0;
				padding-top:0;
			}

@media ( max-width: 700px ) {

	.jn-mb-items {
		justify-content:center;
	}

	.jn-mb-item {
		width:100%;
		margin:10px 0;
	}

}

/*** Testimonials Section ***/

section.jn-section-testimonials {
	padding:40px;
}

	.jn-test-titlesection {
		text-align:center;
		margin-bottom:40px;
	}

		.jn-test-titlesection h2 {
			margin-top:0;
			margin-bottom:10px;
			font-size:28px;
			font-family:'Open Sans',sans-serif;
		}

		.jn-test-titlesection .jn-test-subhead {
			font-family:'Open Sans',sans-serif;
			max-width:600px;
			margin:0 auto;
		}

	.jn-test-rows {
	}

	.jn-test-row {
		display:flex;
		justify-content:space-between;
		margin-bottom:40px;
	}

		.jn-test-item .jn-test-item-content-text {
			position:relative;
			padding-top:30px;
		}

			.jn-test-item .jn-test-item-content-text:before {
				content:'“';
				font-family:'Impact',sans-serif;
				font-size:144px;
				position:absolute;
				top:-40px;
				left:0;
				opacity:0.5;
			}

			.jn-test-item .jn-test-item-content-text p:last-of-type {
				margin-bottom:0;
			}

		.jn-test-item .jn-test-item-content-credit {
			font-size:14px;
			font-weight:bold;
			margin-top:10px;
		}

		.jn-test-row-three-item .jn-test-item { 
			width:30%;
		}

			.jn-test-row-three-item .jn-test-item .jn-test-item-content {
				font-size:24px;
			}

			.jn-test-row-three-item .jn-test-item img {
				width:100%;
				height:auto;
			}

		.jn-test-row-one-item .jn-test-item {
			display:flex;
			flex-direction:row-reverse;
			align-items:center;
			height:405px;
		}

			.jn-test-row-one-item .jn-test-item .jn-test-item-image {
				width:720px;
				height:100%;
				margin-left:20px;
				flex-shrink:0;
			}

				.jn-test-row-one-item .jn-test-item .jn-test-item-image img {
					width:100%;
					height:100%;
					object-fit:cover;
				}

			.jn-test-row-one-item .jn-test-item .jn-test-item-content {
				flex-grow:1;
				font-size:24px;
				padding:20px 20px 20px 40px;
			}

	.jn-test-item .jn-test-item-image {
		position:relative;
	}

		.jn-test-item .jn-test-item-image a.jn-embed-lightbox {
			position:absolute;
			height:100%;
			width:100%;
			z-index:500;
			top:0;
			left:0;
		}

			.jn-test-item .jn-test-item-image a.jn-embed-lightbox:after {

			}

			.jn-test-item .jn-test-item-image a.jn-embed-lightbox .jn-test-item-image-watch {
				position:absolute;
				right:5%;
				bottom:10px;
				font-size:18px;
				color:#ffffff;
				text-transform:uppercase;
				font-family:'Open Sans',sans-serif;
				font-weight:600;
				display:block;
			}

				.jn-test-item .jn-test-item-image a.jn-embed-lightbox .jn-test-item-image-watch:after {
					content:'';
					display:inline-block;
					height:8px;
					width:8px;
					margin-left:10px;
					margin-bottom:1px;
					border-top:2px solid #ffffff;
					border-right:2px solid #ffffff;
					-webkit-transform:rotate(45deg);
					-moz-transform:rotate(45deg);
					-ms-transform:rotate(45deg);
					-o-transform:rotate(45deg);
					transform:rotate(45deg);
				}

				.jn-test-item .jn-test-item-image a.jn-embed-lightbox:after {
					position:absolute;
					top:50%;
					margin-top:-30px;
					left:50%;
					margin-left:-30px;
					content:'';
					width: 0;
					height: 0;
					border-top: 30px solid transparent;
					border-left: 60px solid rgba(255,255,255,0.5);
					border-bottom: 30px solid transparent;
					-webkit-transition:0.3s;
					-moz-transition:0.3s;
					-ms-transition:0.3s;
					-o-transition:0.3s;
					transition:0.3s;		
				}

				.jn-test-item .jn-test-item-image a.jn-embed-lightbox:hover:after {
					border-left-color:rgba(255,255,255,0.9);
					-webkit-transition:0.3s;
					-moz-transition:0.3s;
					-ms-transition:0.3s;
					-o-transition:0.3s;
					transition:0.3s;		
				}

	.jn-test-row:last-of-type {
		margin-bottom:0;
	}

		.jn-test-row-three-item .jn-test-item .jn-test-item-image a.jn-embed-lightbox .jn-test-item-image-watch {
			display:none;
		}

@media( max-width:1200px ) {

	.jn-test-row-one-item .jn-test-item .jn-test-item-content {
		width:35%;
	}

	.jn-test-row-one-item .jn-test-item .jn-test-item-image {
		width:65%;
	}

}

@media( max-width:800px ) {

	.jn-test-row-three-item {
		flex-wrap:wrap;
		justify-content:center;
	}

		.jn-test-row-three-item .jn-test-item {
			width:100%;
			display:flex;
			justify-content:space-between;
			margin-bottom:10px;
		}

			.jn-test-row-three-item .jn-test-item-image {
				width:200px;
				max-width:30%;
				height:auto;
				margin-right:10px;
				flex-grow:1;
				flex-shrink:0;
			}

	.jn-test-row-one-item .jn-test-item {
		flex-direction:column;
		height:auto;
	}

		.jn-test-row-one-item .jn-test-item .jn-test-item-image {
			width:calc(100vw - 80px);
			height:40vw;
			margin:0;
		}

		.jn-test-row-one-item .jn-test-item .jn-test-item-content {
			width:100%;
			height:auto;
		}

			.jn-test-row-one-item .jn-test-item .jn-test-item-content-text:before {
				opacity:0.25;
				top:-30px;
				left:20px;
				margin:0;
				line-height:1;
			}

			.jn-test-row-one-item .jn-test-item .jn-test-item-content-text {
				padding:0 20px;
			}

			.jn-test-row-one-item .jn-test-item .jn-test-item-content-credit {
				padding:0 20px;
			}

}

/*** CTA Block ***/

section.jn-section-cta_block {
	padding:60px 0;
}

	section.jn-section-cta_block h2 {
		text-align:center;
		width:85vw;
		max-width:600px;
		margin:0 auto 20px;
		font-size:28px;
		font-family:'Open Sans',sans-serif;
		font-weight:600;
	}

	section.jn-section-cta_block .jn-cta-text {
		width:85vw;
		max-width:600px;
		margin:0 auto 40px;
		font-size:20px;
		text-align:center;
	}

@media( max-width:800px ) {
}

/*** Image Gallery ***/

section.jn-section-image_gallery {
	padding:40px;
}

	.jn-img-head-section {
		width:100%;
		max-width:800px;
		margin:0 auto 40px;
		text-align:center;
	}

		.jn-img-head-section h3 {
			font-family:'Open Sans',sans-serif;
			font-weight:600;
			font-size:28px;
			margin:0 auto 10px;
		}

		.jn-img-head-section .jn-img-subhead {
			font-size:20px;
		}

	.jn-img-gallery-section {
		position:relative;
		height:510px;
	}

		.jn-img-gallery-items {
			width:100%;
			height:100%;
		}

		.jn-img-gallery-item {
			position:absolute;
			opacity:0;
			z-index:-1000;
			margin:0 40px;
			display:flex;
			justify-content:space-between;
			align-items:center;
			-webkit-transition:opacity 1.7s;
			-moz-transition:opacity 1.7s;
			-ms-transition:opacity 1.7s;
			-o-transition:opacity 1.7s;
			transition:opacity 1.7s;
		}

			.jn-img-gallery-item-active {
				opacity:1;
				z-index:1;
				-webkit-transition:opacity 0.7s;
				-moz-transition:opacity 0.7s;
				-ms-transition:opacity 0.7s;
				-o-transition:opacity 0.7s;
				transition:opacity 0.7s;
			}

			.jn-img-gallery-item img {
				width:680px;
				height:510px;
				/*object-fit:cover;*/
				object-fit:contain;
				background:#222;
			}

			.jn-img-gallery-item .jn-img-gallery-item-caption {
				padding:20px;
			}

			.jn-img-gallery-item .jn-img-gallery-item-caption p {
				font-size:20px;
			}

	.jn-img-gallery-control {
		display:block;
		position:absolute;
		z-index:2;
		top:50%;
		margin-top:-20px;
		height:40px;
		width:40px;
		padding:0;
		border-radius:100%;
		background:#888888;
		opacity:0.5;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-ms-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		-o-user-select:none;
		user-select:none;
		cursor:pointer;
	}

		.jn-img-gallery-control:after {
			content:'';
			height:12px;
			width:12px;
			position:absolute;
			left:50%;
			top:50%;
			margin-top:-8px;
			border-top:4px solid #ffffff;
			border-left:4px solid #ffffff;
			-webkit-user-select:none;
			-moz-user-select:none;
			-ms-user-select:none;
			-o-user-select:none;
			user-select:none;
			cursor:pointer;
		}

		.jn-img-gallery-control:hover {
			opacity:1;
		}

		.jn-img-gallery-prev {
			left:-40px;
		}

			.jn-img-gallery-prev:after {
				margin-left:-5px;
				-webkit-transform:rotate(315deg);
				-moz-transform:rotate(315deg);
				-ms-transform:rotate(315deg);
				-o-transform:rotate(315deg);
				transform:rotate(315deg);
			}

		.jn-img-gallery-next {
			right:-40px;
		}

			.jn-img-gallery-next:after {
				margin-left:-10px;
				-webkit-transform:rotate(135deg);
				-moz-transform:rotate(135deg);
				-ms-transform:rotate(135deg);
				-o-transform:rotate(135deg);
				transform:rotate(135deg);
			}


@media( max-width:1200px ) {

	.jn-img-gallery-item img {
		max-width:60%;
	}

}

@media( max-width:800px ) {

	.jn-img-gallery-items {
		height:75vw;
	}

	.jn-img-gallery-item {
		width:100%;
		height:100%;
		margin:0;
		flex-direction:column;
		justify-content:center;
		padding:0;
	}

	.jn-img-gallery-item img {
		height:60vw;
		width:90vw;
		max-width:100%;
		margin:0;
		object-fit:contain;
		object-position:top center;
	}

	.jn-img-gallery-item .jn-img-gallery-item-caption {
		height:auto;
		padding:20px;
	}

}

/*** Learn More ***/

section.jn-section-learn_more {
	padding:40px;
	margin-bottom:0px;
}

	.jn-lm-head-section {
		text-align:center;
		max-width:800px;
		margin:0 auto 20px;
	}

		.jn-lm-head-section h3 {
			font-family:'Open Sans',sans-serif;
			font-weight:600;
			font-size:28px;
			margin-top:0;
		}

	.jn-section-learn_more .cta-button {
		text-align:center;
		/*padding:5px 30px;*/
	}

@media ( max-width:700px ) {

	.jn-section-learn_more .cta-buttons {
		flex-wrap:wrap;
	}

	.jn-section-learn_more .cta-button {
		width:45%;
		margin:10px 2%;
	}

}

/*** Social Buttons ***/

section.jn-section-social_links {
	padding:40px;
}

	.jn-sl-container {
		text-align:center;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	}

		.jn-sl-intro-text {
			display:inline-block;
			font-family:'Open Sans',sans-serif;
			font-weight:700;
			font-size:14px;
			text-transform:uppercase;
			width:auto;
			margin-right:30px;
		}

		a.jn-sl-social-icon {
			display:inline-block;
			height:30px;
			width:30px;
			margin-right:15px;
			border:2px solid rgba(255,255,255,0);
			border-radius:100%;
			-webkit-transition:0.3s;
			-moz-transition:0.3s;
			-ms-transition:0.3s;
			-o-transition:0.3s;
			transition:0.3s;
			flex-grow:0;
			flex-shrink:0;
		}

			a.jn-sl-social-icon:hover {
				border-color:rgba(255,255,255,1);
			}

			a.jn-sl-social-icon:last-of-type {
				margin-right:0;
			}

			a.jn-sl-social-icon img {
				height:30px;
				width:30px;
			}

@media( max-width:800px ) {

	.jn-sl-intro-text {
		width:100%;
		margin:0 0 10px;
	}

}

/*** Footer ***/

#jn-footer {
	padding:40px;
	margin-top:40px;
}

	.jn-footer-container {
		display:flex;
		justify-content:space-between;
		align-items:stretch;
		width:100%;
		max-width:1200px;
		margin:0 auto;
	}

		.jn-footer-logo img {
			height:80px;
			width:240px;
			object-fit:contain;
		}

		.jn-footer-content {
			display:flex;
			flex-direction:column;
			height:100%;
			align-items:flex-start;
			justify-content:center;
			flex-grow:1;
		}

			.jn-footer-content h2 {
				font-family:'Open Sans',sans-serif;
				margin:0 0 10px;
				font-weight:600;
				font-size:20px;
				line-height:1;
			}

			.jn-footer-submenu {
				flex-grow:1;
				display:flex;
				justify-content:space-between;
				align-items:baseline;
			}

				.jn-footer-submenu a {
					text-decoration:none;
					font-family:'Open Sans',sans-serif;
					font-weight:600;
					margin-right:40px;
					font-size:14px;
				}

					.jn-footer-submenu a:hover {
						text-decoration:underline;
					}

				.jn-footer-submenu a.cta-button {
					margin-top:-8px;
					margin-right:0;
					padding:5px 20px;
				}

			.jn-footer-links {
				font-family:'Open Sans',sans-serif;
				font-weight:600;
				font-size:12px;
				margin-top:-10px;
			}

				.jn-footer-links a ,
				.jn-footer-links span {
					margin-right:20px;
				}

					.jn-footer-links a:hover {
					}

@media( max-width:1200px ) {

	#jn-footer {
		width:100vw;
		box-sizing:border-box;
	}

	.jn-footer-submenu {
		justify-content:flex-end;		
		margin-bottom:10px;
	}

		.jn-footer-submenu a.jn-scroll-on-page {
			display:none;
		}

		.jn-footer-submenu a.cta-button {
			margin-right:20px;
		}

}

@media( max-width: 800px ) {

	.jn-footer-container {
		flex-wrap:wrap;
	}

		.jn-footer-logo ,
		.jn-footer-content {
			width:100%;
			text-align:center;
		}

		.jn-footer-submenu {
			justify-content:center;
			margin-top:20px;
			width:100%;
		}

		.jn-footer-links {
			width:100%;
		}

		.jn-footer-links a ,
		.jn-footer-links span {
			display:block;
			text-align:center;
			margin:5px 0;
		}

}

/*** Video Overlay ***/

.jn-overlay {
    position:fixed;
    height:100vh;
    width:100vw;
    top:0;
    left:0;
    display:none;
    opacity:0;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,0.3);
    z-index:10001;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -ms-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

	.jn-overlay.jn-overlay-active {
		opacity:1;
		display:flex;
	}

    .jn-overlay .jn-overlay-contents {
        width:auto;
        height:auto;
        position:relative;
        z-index:10001;
        width:auto;
        max-width:90vw;
    }

    	.jn-overlay .jn-overlay-contents-embed {
	        padding:20px;
	        background-color:#e8e8e8;
	        background-image:url( 'images/spinner.gif' );
	        background-position:center center;
	        background-size:64px 64px;
	        background-repeat:no-repeat;
    	}

    .jn-overlay .jn-overlay-close {
        position:absolute;
        bottom:calc(100% + 20px);
        left:calc(100% + 20px );
        cursor:pointer;
        width:20px;
        height:20px;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        -o-user-select:none;
        user-select:none;
    }

    	.jn-overlay-close .jn-overlay-close-x-1 ,
    	.jn-overlay-close .jn-overlay-close-x-2 {
    		position:absolute;
    		top:0;
    		left:0;
    		width:28px;
    		height:28px;
    		border-right:2px solid #ffffff;
    	}

    		.jn-overlay-close .jn-overlay-close-x-1 {
    			-webkit-transform:rotate(45deg);
    			-moz-transform:rotate(45deg);
    			-ms-transform:rotate(45deg);
    			-o-transform:rotate(45deg);
    			transform:rotate(45deg);
    			left:-20px;
    		}

    		.jn-overlay-close .jn-overlay-close-x-2 {
    			-webkit-transform:rotate(135deg);
    			-moz-transform:rotate(135deg);
    			-ms-transform:rotate(135deg);
    			-o-transform:rotate(135deg);
    			transform:rotate(135deg);
    		}

/*** Animate Appearance ***/

.jn-animate-appear {
	margin-top:30px;
	opacity:0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

	.jn-animate-appear.revealed {
		margin-top:0;
		opacity:1;
	}