@charset "UTF-8";
	/* CSS Document */
	
	@font-face {
		font-family: "lightFont";
		src: url(/css/fonts/Yantramanav-Thin.ttf);
	}
	
	@font-face {
		font-family: "regularFont";
		src: url(/css/fonts/Yantramanav-Light.ttf);
	}
	
	body {
		font-family: Helvetica, "Trebuchet MS", sans-serif;
		width: 970px;
		margin: auto;
		padding: 0px;
		/*position: relative;*/
		background: #FFFFFF;
	}
	#skipNavigation {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		display: inline-block;
		margin-left: -2000px;
		padding: 10px;
		background-color: #FFFFFF;
		color: #333333;
		text-decoration: none;
		font-size: 14px;
	}
    #logo {
        position: relative;
    }
	#bankLogo a img {
		border: none;
	}
	#banner {
		cursor: pointer;
	}
	#player {
		background: #FFFFFF;
		position: relative;
		top: 0px;
		left: 0px;
		margin: 10px;
		padding: 0px;
		width: 950px;
		height: 510px;
		border: 1px solid #444;
		z-index: 1;
		
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.77);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.77);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.77);
	}
	#breadCrumb {
		display: block;
		width: 950px;
		height: 74px;
		position: absolute;
		top: 0px;
		background: #4D4D4D;
		color: #FFF;
		border-bottom: 1px solid #262626;
	}
	#lessonList {
		display: inline-block;
		width: 200px;
		height: 435px;
		position: absolute;
		top: 75px;
		background: #4D4D4D;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#video {
		position: absolute;
		top: 75px;
		left: 200px;
		width: 750px;
		height: 435px;
		background: #333;
	}
	.closeButton {
		display: none;
	}
	
	#topMenu {
		position: absolute;
		right: 10px;
		top: 90px;
		/* max-width: 950px; */
		z-index: 3;
		background: #FFFFFF;
		padding: 20px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		display: none;
		white-space: nowrap;
		-webkit-animation: fadeIn .2s linear forwards 1;
		animation: fadeIn .2s linear forwards 1;
	}
	.topMenuColumn {
		width: 250px;
		display: inline-block;
		vertical-align: text-top;
		padding: 0px 20px;
		white-space: normal;	
	}
	.topMenuColumn h3 {
		margin: 10px 0px 20px 10px;
	}
	.topMenuColumnScroll {
		max-height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 0;
	}

	.topMenuColumn p {
		margin: 0px;
		padding: 0px;
	}
	.topMenuColumn a:link, .topMenuColumn a:active {
		display: block;
		text-decoration: none;
		margin: 0px; 
		padding: 10px;
		color: #000000;
		font-size: 14px;
	}
	.topMenuColumn a:visited {
		color: #666666;
	}
	.topMenuColumn a:hover {
		text-decoration: underline;
	}
	#menuButton {
		position: absolute;
		right: 10px;
		top: 0px;
		width: 40px;
		height: 40px;
		padding: 10px 10px 30px 10px;
		background: rgba(255, 255, 255, 0.8) url(menuButton.png) no-repeat center 30px;
		background-image: -webkit-image-set(url(menuButton.png) 1x, url(menuButton2x.png) 2x);
		background-image: -moz-image-set(url(menuButton.png) 1x, url(menuButton2x.png) 2x);
		background-image: -o-image-set(url(menuButton.png) 1x, url(menuButton2x.png) 2x);
		background-image: -ms-image-set(url(menuButton.png) 1x, url(menuButton2x.png) 2x);

	}
	#menuButton:hover {
		cursor: pointer;
	}
	#menuBackdrop {
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 1;
	}


	#items h3 {
		width: 100%;
		float: left;
	}
	.item {
		float: left;
		width: 190px;
		margin: 0px;
		padding: 10px;
		text-align: center;
		clear: right;
		height: 135px;
	}
	.item p {
		font-size: 12px;
		color: #666;
		margin: 0px;
		padding: 10px;
		text-align: center;
		width: 170px;
	}
	
	
	#footer {
		float: left;
		font-size: 0.7em;
		overflow: visible;
		padding: 0px 10px;
		width: 950px;
	}
	#footer p {
		margin:0;
	}
	#copyright {
		float:right;
        color: #666666;
	}
	#disclosure {
		float:left;
	}
	
	/**
	 *
	 *	Lesson lists
	 *
	 **/
	#lessonList > div > h3, #lessonList > div > h3:active,
    #lessonList > li > a:link,
    #lessonList > li > a:active,
    #lessonList > li > a:visited {
        font-size: 12px;
        padding: 15px 25px 15px 10px;
        margin: 0px;
        background-color: #4D4D4D;
        color: #DDDDDD;
        border-bottom: solid 1px #262626;
        border-top: solid 1px #262626;
        font-weight: normal;
        display: block;
        text-decoration: none;
	}
	#lessonList > div > h3:hover,
    #lessonList > li > a:hover {
        color: #FFFFFF;
        background-color: #555555;
		cursor: pointer;
	}
    #lessonList li {
        list-style: none;
        list-style-position: inside;
    }
    #lessonList ul h3 {
        font-size: 12px;
        padding: 15px 25px 15px 10px;
        margin: 0px;
        background-color: #262626;
        color: #DDDDDD;
        font-weight: normal;
        display: block;
        text-decoration: none;
        cursor: pointer;
    }
    #lessonList ul h3:hover {
        background-color: #333333;
    }
	.openChapter {
		background-image: url("../../css/images/optimized/chapterOpen.png");
        background-image: -webkit-image-set(url("../../css/images/optimized/chapterOpen.png") 1x, url("../../css/images/optimized/chapterOpen2x.png") 2x);
        background-image: -moz-image-set(url("../../css/images/optimized/chapterOpen.png") 1x, url("../../css/images/optimized/chapterOpen2x.png") 2x);
        background-image: -o-image-set(url("../../css/images/optimized/chapterOpen.png") 1x, url("../../css/images/optimized/chapterOpen2x.png") 2x);
        background-image: -ms-image-set(url("../../css/images/optimized/chapterOpen.png") 1x, url("../../css/images/optimized/chapterOpen2x.png") 2x);
        background-position: 95% center;
    	background-repeat: no-repeat;
	}
    .closedChapter {
        background-image: url("../../css/images/optimized/chapterClosed.png");
        background-image: -webkit-image-set(url("../../css/images/optimized/chapterClosed.png") 1x, url("../../css/images/optimized/chapterClosed2x.png") 2x);
        background-image: -moz-image-set(url("../../css/images/optimized/chapterClosed.png") 1x, url("../../css/images/optimized/chapterClosed2x.png") 2x);
        background-image: -o-image-set(url("../../css/images/optimized/chapterClosed.png") 1x, url("../../css/images/optimized/chapterClosed2x.png") 2x);
        background-image: -ms-image-set(url("../../css/images/optimized/chapterClosed.png") 1x, url("../../css/images/optimized/chapterClosed2x.png") 2x);
        background-position: 95% center;
    	background-repeat: no-repeat;
    }
	.currentChapter {
		
	}
	#lessonList ul {
		margin: 0px;
        padding: 0px;
        border-bottom: solid 2px #333333;
        list-style: none;
	}
	#lessonList ul a:link, #lessonList ul a:active, #lessonList ul a:visited {
        background-image: url("../../css/images/optimized/lessonListVideoIcon.png");
        background-image: -webkit-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-image: -moz-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-image: -o-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-image: -ms-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-repeat: no-repeat;
        background-position: 10px center;
		background-color: #262626;
        padding: 10px 25px 10px 25px;
        margin: 0px;
        display: block;
        color: #CCCCCC;
        text-decoration: none;
        font-size: 12px;
	}
	#lessonList ul a:hover {
		background-color: #333333;
	}
	#lessonList .currentLesson:link, #lessonList .currentLesson:active, #lessonList .currentLesson:visited {
		background-image: url("../../css/images/optimized/lessonListCurrentLesson.png"), url("../../css/images/optimized/lessonListVideoIcon.png");
        background-image: -webkit-image-set(url("../../css/images/optimized/lessonListCurrentLesson.png") 1x, url("../../css/images/optimized/lessonListCurrentLesson2x.png") 2x), -webkit-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-image: -moz-image-set(url("../../css/images/optimized/lessonListCurrentLesson.png") 1x, url("../../css/images/optimized/lessonListCurrentLesson2x.png") 2x), -moz-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-image: -o-image-set(url("../../css/images/optimized/lessonListCurrentLesson.png") 1x, url("../../css/images/optimized/lessonListCurrentLesson2x.png") 2x), -o-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
        background-image: -ms-image-set(url("../../css/images/optimized/lessonListCurrentLesson.png") 1x, url("../../css/images/optimized/lessonListCurrentLesson2x.png") 2x), -ms-image-set(url("../../css/images/optimized/lessonListVideoIcon.png") 1x, url("../../css/images/optimized/lessonListVideoIcon2x.png") 2x);
	    background-position: 95% center, 10px center;
        background-repeat: no-repeat, no-repeat;
    }
	#breadCrumb h1 {
		width: 930px;
		position: absolute;
		font-size: 24px;
		font-family: lightFont, sans-serif;
		letter-spacing: 0.006em;
		left: 20px;
		top: 25px;
		margin: 0px;
		padding: 0px;
		text-shadow: 0px 0px 2px #666666;
		-webkit-animation: fadeIn .5s linear forwards 1;
		animation: fadeIn .5s linear forwards 1;
	}
	#transcript:link, #transcript:active, #transcript:visited {
		position: absolute;
		right: 20px;
		color: #FFFFFF;
		font-family: regularFont;
		top: 30px;
		text-decoration: none;
	}
	
	/**
	 *
	 * Features Typography
	 *
	 **/
	.featuresBody h1, .featuresBody h2, .featuresBody h3, .featuresBody h4, .featuresBody h5, .featuresBody h6,
	.featuresForm h1, .featuresForm h2, .featuresForm h3, .featuresForm h4, .featuresForm h5, .featuresForm h6,
	.confirmation h1, .confirmation h2, .confirmation h3, .confirmation h4, .confirmation h5, .confirmation h6  {
		font-family: lightFont, sans-serif;
		letter-spacing: 0.006em;
		font-size: 24px;
		margin: 0px 0px 10px 0px;
		text-shadow: 0px 0px 2px #f1efec;
		color: #;
	}
	.featuresBody p, .featuresForm p, .confirmation p {
		font-family: regularFont, sans-serif;
		font-size: 19px;
		margin: 0px 0px 0.5em 0px;
		line-height: 1.5em;
	}
	.featuresBody a:link, .featuresBody a:active, .featuresBody a:visited,
	.featuresForm p a:link, .featuresForm p a:active, .featuresForm p a:visited,
	.confirmation p a:link, .confirmation p a:active, .confirmation p a:visited {
		color: # !important;
		text-decoration: underline !important;
		background: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		margin: 0px !important;
		padding: 0px !important;
		width: auto !important;
		font-size: 19px !important;
		
	}
	.featuresBody label, .featuresForm label, .confirmation label, .featuresBody li {
		font-family: regularFont, sans-serif;
		font-size: 19px;
		margin: 0px;
	}
	/**
	 *
	 * Features
	 *
	 **/
	#features {
		position: absolute;
		right: 0px;
		top: 75px;
		left: 0px;
		bottom: 0px;
		background: #f1efec url(/css/version4/featureShadow.png) repeat-x top left;
		z-index: 100;
		display: none;
		-webkit-animation: fadeIn .2s linear forwards 1;
		animation: fadeIn .2s linear forwards 1;
	}
	.featuresBody {
		margin: 50px;
	}
	
	#featureItems {
		position: absolute;
		left: 50px;
		right: 50px;
		bottom: 125px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#featureItems li {
		display: inline-block;
	}
	#features a:link, #features a:active, #features a:visited, .formSubmitButton {
		display: inline-block;
		width: 273.3px;
		margin: 5px;
		padding: 16px 0px;
		
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		
		color: #;
		background: #;
		
		-webkit-box-shadow: 1px 1px 3px 0px #000000;
		-moz-box-shadow: 1px 1px 3px 0px #000000;
		box-shadow: 1px 1px 3px 0px #000000;
		
		background: -moz-linear-gradient(top,  # 0%, # 100%);
		background: -webkit-linear-gradient(top,  # 0%,# 100%);
		background: linear-gradient(to bottom,  # 0%,# 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 );

		-webkit-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}
	#features a:hover, .formSubmitButton:hover, .formSubmitButton:hover {
		cursor: pointer;
		color: #;
		background: #;
		background: -moz-linear-gradient(top,  # 0%, # 100%);
		background: -webkit-linear-gradient(top,  # 0%,# 100%);
		background: linear-gradient(to bottom,  # 0%,# 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 );
	}
	
	.appStoreBadge:link, .appStoreBadge:active, .appStoreBadge:visited, .appStoreBadge:hover {
		border: none !important;
		display: inline !important;
		padding: 0px !important;
		margin: 0px !important;
		background: none !important;
		
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	#featuresOpenButton {
		position: absolute;
		width: auto;
		height: auto;
		right: 20px;
		top: 95px;
		padding: 12px 20px 12px 50px;
		margin: 0px;
		
		background-image: url(open.gif);
		background-image: -webkit-image-set(url(open.gif) 1x, url(open2x.gif) 2x);
		background-image: -moz-image-set(url(open.gif) 1x, url(open2x.gif) 2x);
		background-image: -o-image-set(url(open.gif) 1x, url(open2x.gif) 2x);
		background-image: -ms-image-set(url(open.gif) 1x, url(open2x.gif) 2x);

		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-position: left center;
		
		border-radius: 26px;
		
		z-index: 1;
		display: none;
		cursor: pointer;
		opacity: 0.8;
		
		font-size: 14px;
		
		-webkit-animation: .8s cubic-bezier(0,.53,.38,1) forwards 1 fadeOpenButton;
		animation: .8s cubic-bezier(0,.53,.38,1) forwards 1 fadeOpenButton;
	}
	#featuresCloseButton {
		width: 59px;
		height: 59px;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 5;
		display: block;
		background: no-repeat top center;

		background-image: url(closeButton1x.png);	
		background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	}
	#featuresCloseButton:hover {
		cursor: pointer;
		background: bottom center;
		background-image: url(closeButton1x.png);	
		background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	}
	.featuresForm, .confirmation {
		position: absolute;
		overflow: auto;
		top: 0px;
		right: 0px;
		bottom: 75px;
		left: 0px;
		z-index: 6;
		background: #f1efec url(/css/version4/featureShadow.png) repeat-x top left;
		padding: 50px;
	}
	.featuresForm {
		-webkit-animation: fadeIn .2s linear forwards 1;
		animation: fadeIn .2s linear forwards 1;
	}

	.formCloseButton {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 59px;
		height: 59px;
		z-index: 7;
		display: block;
		
		background: no-repeat top center;
		
		background-image: url(closeButton1x.png);	
		background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	}
	.formCloseButton:hover {
		cursor: pointer;
		background: bottom center;
		background-image: url(closeButton1x.png);	
		background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	}
	
	/**
	 *
	 *	Feature Disclaimer
	 *
	 **/
	.disclaimerCancelButton:link, .disclaimerCancelButton:visited, .disclaimerCancelButton:active {
		width: 100px !important;
		color: #000000 !important;
		background: #cccccc !important;
		background: -moz-linear-gradient(top,  #cccccc 0%, #aaaaaa 100%) !important;
		background: -webkit-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%) !important;
		background: linear-gradient(to bottom,  #cccccc 0%,#aaaaaa 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#aaaaaa',GradientType=0 ) !important;
	}
	.disclaimerCancelButton:hover {
		background: #bbbbbb !important;
		background: -moz-linear-gradient(top,  #bbbbbb 0%, #999999 100%) !important;
		background: -webkit-linear-gradient(top,  #bbbbbb 0%,#999999 100%) !important;
		background: linear-gradient(to bottom,  #bbbbbb 0%,#999999 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#999999',GradientType=0 ) !important;
	}
	/**
	 *
	 *	Feature Lesson Video
	 *
	 **/
	#lessonVideo {
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -375px;
		margin-top: -217px;
		z-index: 102;
		background: #FFFFFF;
		-webkit-animation: fadeIn .2s linear forwards 1;
		animation: fadeIn .2s linear forwards 1;
	}
	#lessonVideoBackdrop {
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background: #000000;
		opacity: 0.8;
		z-index: 101;
		-webkit-animation: fadeBackdrop .2s linear forwards 1;
		animation: fadeBackdrop .2s linear forwards 1;
	}
	#lessonVideoCloseButton {
		width: 59px;
		height: 59px;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -217px;
		margin-left: 315px;
		z-index: 103;
		display: block;
		background: no-repeat top center;

		background-image: url(closeButton1x.png);	
		background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);

	}
	#lessonVideoCloseButton:hover {
		cursor: pointer;
		background: bottom center;
		background-image: url(closeButton1x.png);	
		background-image: -webkit-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -moz-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -o-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
		background-image: -ms-image-set(url(closeButton1x.png) 1x, url(closeButton2x.png) 2x);
	}
	
	/**
	 *
	 *	Social Links
	 *
	 **/
	#socialLinks {
		position: absolute;
		bottom: 0px;
		right: 0px;
		left: 0px;
		height: 75px;
		background: #FFFFFF url(/css/version4/footerShadow.png) repeat-x top left;
	}
	#socialLinks #logo {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 250px;
		height: 75px;
		background: url() no-repeat top left;
	}
	#socialLinks a:link, #socialLinks a:active, #socialLinks a:visited {
		display: inline-block;
		width: auto;
		border: none;
		border-radius: 0px;
		
		padding: 0px !important;
		margin: 20px 0px 20px 10px !important;
		background: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	
	#countDown {
		position: absolute;
		bottom: 100px;
		left: 50px;
		z-index: 1000;
		font-size: 12px;
	}
	
	#pageContent {
		background: #FFFFFF;
		color: #000000;
		padding: 0px;
		margin: 20px 10px;
		opacity: .95;
		float: left;
		width: 950px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
		filter: alpha(opacity=95);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#pageContent:focus {
		outline-color: transparent;
		outline-style: none;
	}
	#homePageCopy {
		padding: 0px 30px 0px 30px;
	}
	#trackingFrame {
		margin: 0px;
		padding: 0px;
		height: 0px;
		width: 0px;
		border-style: none;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	
	@keyframes fadeBackdrop {
		from {
			opacity: 0;
		}
		to {
			opacity: 0.8;
		}
	}
	
	@keyframes fadeOpenButton {
		from {
			opacity: 0;
			transform: translateX(30px);
		}
		to {
			opacity: 0.8;
			transform: translateX(0px;)
		}
	}