#body-wrapper,.marketing-banner{transition:transform .7s cubic-bezier(.694,0,.335,1)}
.marketing-banner{
	position:relative;
	display:none;
	overflow:hidden;
	z-index:100;
	background-color:#f7f7f7;
	width:100%
	;height:150px
	}
		@media (min-width:1024px){.marketing-banner{height:200px}}
		@media (min-width:1601px){.marketing-banner{height:250px}}
		/*.marketing-banner.is-display-block{display:block; display:}*/
		.marketing-banner .banner-canvas-wrapper{
			position:absolute;
			display:block;
			top:0;
			left:50%;
			width:1980px;
			height:300px;
			-ms-transform:translateX(-50%) scale(.5);
			transform:translateX(-50%) scale(.5);
			-ms-transform-origin:top;
			transform-origin:top
			}
			@media (min-width:1024px){
				.marketing-banner .banner-canvas-wrapper{
					-ms-transform:translateX(-50%) scale(.6666);
					transform:translateX(-50%) scale(.6666)
					}
					}
			@media (min-width:1601px){
				.marketing-banner .banner-canvas-wrapper{
					-ms-transform:translateX(-50%) scale(.8333);
					transform:translateX(-50%) scale(.8333)
					}
					}
		.marketing-banner .banner-canvas{width:100%;height:100%}
		.marketing-banner .banner-text{
			position:absolute;
			display:-ms-flexbox;
			display:flex;-ms-flex-pack:center;
			justify-content:center;
			-ms-flex-align:center;
			align-items:center;
			top:0;
			left:0;
			width:100%;
			height:100%
			}
		.marketing-banner .banner-text p{
			font-family:Gotham SSm,sans-serif;
			font-size:12px;
			line-height:19px;
			margin-top:0;
			max-width:15em
			}
		@media (min-width:1024px){
			.marketing-banner .banner-text p{
				font-family:Gotham SSm,sans-serif;
				font-size:14px;line-height:23px
				}
				}
		@media (min-width:1601px){
			.marketing-banner .banner-text p{
				font-family:Gotham SSm,sans-serif;
				font-size:15px;
				line-height:27px;
				max-width:20em
				}
				}
	.marketing-banner .text-title{
		display:-ms-flexbox;
		display:flex;-ms-flex-direction:column;
		flex-direction:column;
		margin:0;
		margin-right:25px;
		font-family:Gotham,sans-serif;
		font-size:24px;
		letter-spacing:.05em;line-height:1.125em;
		text-transform:none
		}
		@media (min-width:1024px){
			.marketing-banner .text-title{
				font-family:Gotham,sans-serif;
				font-size:32px;
				margin-right:40px
				}
				}
		@media (min-width:1601px){
			.marketing-banner .text-title{
				font-family:Gotham,sans-serif;
				font-size:36px;
				margin-right:60px
				}
				}
	.marketing-banner .text-title span{transition:transform 1s cubic-bezier(.694,0,.335,1)}
	.marketing-banner .text-title span:nth-child(odd){margin-left:1.5ch}
	.marketing-banner .text-title span:first-child{transform:translate3d(-20px,0,0)}
	.marketing-banner .text-title span:nth-child(2){transform:translate3d(-40px,0,0)}
	.marketing-banner .text-title span:nth-child(3){transform:translate3d(-60px,0,0)}
	.marketing-banner.animated .text-title span{-ms-transform:none!important;transform:none!important}
	.marketing-banner .text-paragraph{opacity:0;transition:opacity .7s cubic-bezier(.694,0,.335,1) .5s}
	.marketing-banner.animated .text-paragraph{opacity:1}
	.marketing-banner .learn-more{
		font-family:Gotham SSm,sans-serif;
		font-size:11px;
		line-height:1.45454545em;
		letter-spacing:.13636364em;
		text-transform:uppercase;
		color:#222;
		font-weight:500;
		opacity:.4;
		cursor:pointer;
		display:none;
		border-bottom:1px solid #222;
		opacity:1;
		transition:opacity .3s cubic-bezier(.694,0,.335,1)
		}
	.marketing-banner .learn-more.is-active{opacity:1}
	@media (min-width:1024px){.marketing-banner .learn-more{display:inline-block}}
	.marketing-banner .learn-more:hover{opacity:.6}
	.marketing-banner .exit{position:absolute;top:0;right:0}
	.marketing-banner .www-x{padding:1.5vw}