@keyframes fadeIn {
		    from {opacity:0;}
			  to {opacity:1;}
	    }
	    @keyframes rotate {
		    from {opacity:0;transform: translate3d(-10vw,-5vh,0) rotate(15deg);}
			  to {opacity:1;transform: translate3d(0,0,0) rotate(0deg);}
	    }
	   	@keyframes drop {
		    from {transform: translate3d(0,-100%,0) rotate(120deg);}
			  to {transform: translate3d(0,0,0) rotate(40deg);}
	    }
	   	@keyframes magnify {
		    from {transform:translate3d(0,0,0) scale(1);}
			  to {transform:translate3d(0,0,0) scale(1.3);}
	    }
		* {
		    box-sizing:border-box;
		}
		body,
		html,
		.main-wrapper {
			color:whitesmoke;
			font-family: 'Special Elite', cursive;
			font-size:1.7vw;
			animation: fadeIn 1.5s .5s;
			animation-fill-mode:backwards;
			-webkit-font-smoothing: antialiased;
    	}
		.clear {
			clear:both;
		}
		a {
			color:whitesmoke;
			outline:none;
			text-decoration:none;
			transition:all .2s;
		}
		a:hover {
			color:#ff392e;
		}
		li {
			margin-right:2.2vw;
			list-style-type:none;
			transform: scale(1);
			transition:all .7s;
		}
		li.active {
			transform: scale(1.3);
		}
		li:nth-of-type(5).active {
			transform: scale(1);
		}

		/*-------------------------------*/

		.body-color-1,
		.body-color-2,
		.body-color-3,
		.body-color-4,
		.body-color-5 {
			position:absolute;
			width:100%;
			height:100%;
			opacity:0;
			background:rgba(255,255,255,.96);
			/*background:#444;*/
			transition:all .35s .35s;
		}
		.body-color-1,
		.slide2 .body-color-2,
		.slide3 .body-color-3,
		.slide4 .body-color-4,
		.slide5 .body-color-5 {
			opacity:1;
			transition:all .7s;
		}
		.body-color-1 {
			transition:all .35s .35s;
		}
		.slide2 .body-color-1,
		.slide3 .body-color-1,
		.slide4 .body-color-1,
		.slide5 .body-color-1{
			opacity:0;
		}
		.body-color-2 {
			background:rgba(0,31,63,.9);
		}
		.body-color-3 {
			background:rgba(133,22,20,.9);	
		}
		.body-color-4 {
			background:rgba(255,255,0,.9);
		}
		.body-color-5 {
			background:rgba(10,10,10,.95);
		}

		/*-------------------------------*/

		.header-nav {
			position:fixed;
			width:36vw;
			height:100vh;
			top:7vh;
			left:38vw;
			z-index:500;
			margin:0!important;
			padding:0!important;
			font-size:2.5vw;
			line-height:2.7;
			list-style-type:none;
			text-transform:uppercase;
			pointer-events:none;
			transition:all .7s ease-in;
			transform-origin:center center;
			transform: translate3d(-14vw,-1vh,0) scale(1) rotate(-4deg);
			pointer-events:none;
		}
		/*.header-nav span {
			display:inline-block;
			transition:all .1s;
			transform:translate3d(0,0,0) scale(1.3);
			animation: magnify .2s 1.2s;
			animation-fill-mode:backwards;
		}*/
		.slide2 .header-nav span,
		.slide3 .header-nav span,
		.slide4 .header-nav span,
		.slide5 .header-nav span {
			transform:translate3d(0,0,0) scale(1);
		}
		.header-nav a {
			/*font-family: 'Chelsea Market', cursive;*/
			color:#111;
			text-align:left;
			pointer-events:auto;
			transition:all .7s, color .2s
		}
		.header-nav a:hover,
		.slide2 .header-nav a:hover,
		.slide3 .header-nav a:hover,
		.slide4 .header-nav a:hover,
		.slide5 .header-nav a:hover {
			color:#ff392e;
		}
		.header-nav li {
			/*margin-right:1vw;*/
			transform-origin:left center;
		}
		/*.header-nav li:nth-of-type(1) {
			transform: translate3d(0,0,0) scale(1) rotate(0deg);
		}*/
		.header-nav li:nth-of-type(1) {
			transform: translate3d(13.5vw,0,0);
		}
		.header-nav li:nth-of-type(2) {
			transform: translate3d(0,-6%,0);
		}
		.header-nav li:nth-of-type(3) {
			transform: translate3d(20vw,-107%,0);
		}
		.header-nav li:nth-of-type(4) {
			transform: translate3d(40vw,-208%,0);
		}
		.header-nav li:nth-of-type(5) {
			transform: translate3d(60vw,-309%,0);
			opacity:0;
		}
		.header-nav li:nth-of-type(1) {
			background-color:transparent;
			-webkit-clip-path: none;
			        clip-path: none;
			transition: all .7s;
		}
		.slide2 .header-nav li,
		.slide3 .header-nav li,
		.slide4 .header-nav li,
		.slide5 .header-nav li {
			transform: translate3d(0,0,0);
		}
		.slide2 .header-nav li:nth-of-type(1),
		.slide3 .header-nav li:nth-of-type(1),
		.slide4 .header-nav li:nth-of-type(1),
		.slide5 .header-nav li:nth-of-type(1) {
			background:whitesmoke;
						-webkit-clip-path: polygon(0 18%, 65% 0, 78% 80%, 3% 85%);
			        clip-path: polygon(0 18%, 65% 0, 78% 80%, 3% 85%);
		}
		.slide4 .header-nav li:nth-of-type(1) {
			background:#111;
		}
		.slide2 .header-nav li:nth-of-type(5),
		.slide3 .header-nav li:nth-of-type(5),
		.slide4 .header-nav li:nth-of-type(5),
		.slide5 .header-nav li:nth-of-type(5) {
			opacity:1;
		}
		.slide2 .header-nav {
			transform: translate3d(29vw,32vh,0) scale(0.45) rotate(20deg);
		}
		.slide3 .header-nav {
			transform: translate3d(29vw,34vh,0) scale(0.45) rotate(31deg);
		}
		.slide4 .header-nav {
			transform: translate3d(36vw,27vh,0) scale(0.45) rotate(-5deg);
		}
		.slide2 .header-nav a,
		.slide3 .header-nav a,
		.slide5 .header-nav a {
			color:whitesmoke;
		}
		.slide4 .header-nav a {
			color:#111;
		}
		.slide5 .header-nav {
			transform: translate3d(36vw,24vh,0) scale(0.45) rotate(-10deg);
		}
		.name {
			display:inline-block;
			font-family: 'Chelsea Market', cursive;
			white-space:nowrap;
			line-height:1;
			color:#ff1d58!important;
			/*color:#ff0028!important;*/
			/*text-shadow: 1px 1px #222, -1px -1px #222;*/
			transition:all .7s;
			transform: translate3d(0,0,0) scale(2.4) rotate(0deg);
		}
		.slide2 .header-nav .name,
		.slide3 .header-nav .name,
		.slide4 .header-nav .name,
		.slide5 .header-nav .name {
			transform: translate3d(0,0,0) scale(1) rotate(-2deg);
		}
		.contact {
			position:relative;
			display:inline!important;
			left:-9px;
			border:2px solid transparent;
			padding:10px 5px 3px;
		}
		.slide5 .contact {
			border:3px solid whitesmoke;
		}
		.nav-rotator {
			position:absolute;
			width:25%;
			height:43%;
			bottom:-10vh;
			right:0;
			transition: all .7s ease-out;
			-moz-transform:translate3d(1000px,0,0) rotate(0deg)!important;
			 -ms-transform:translate3d(1000px,0,0) rotate(0deg)!important;
			     transform: rotate(0deg) translate3d(0,100%,0);
			background:whitesmoke;
			-webkit-clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 
				67% 32%, 50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
		            clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 
				67% 32%, 50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
		}
		.slide2 .nav-rotator {
			transform: rotate(0deg) translate3d(0,0,0);
		}
		.slide3 .nav-rotator {
			transform: rotate(0deg) translate3d(0,12%,0);
		}
		.slide4 .nav-rotator {
			transform: rotate(-10deg) translate3d(0,26%,0);
		}
		.slide5 .nav-rotator {
			transform: rotate(-14deg) translate3d(0,33%,0);
		}
		.nav-rotator-inner {
			position:absolute;
			top:5px;
			right:0px;
			bottom:0px;
			left:5px;
			background:url(https://samschectman.s3.us-east-005.dream.io/zwartevilt.png);
			-webkit-clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 
				67% 32%, 50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
		            clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 
				67% 32%, 50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
		}
		.staircase-wrapper {
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:-3vw;
			transition:.7s;
			transform: translate3d(0,0,0) rotate(0deg);
			animation: rotate .7s 1.5s;
			animation-fill-mode:backwards;
		}
		.browser .staircase-wrapper {
			display:none;
		}
		.slide2 .staircase-wrapper {
			transform: translate3d(0,0,0) rotate(-90deg);
		}
		.upper-corner-staircase {display:none;
			position:absolute;
			width:50%;
			height:30%;
			top:-15%;
			left:-5%;
			background:#111;
			transform:rotate(180deg);
			-webkit-clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 67% 32%, 
				50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
			        clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 67% 32%, 
				50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
		}
		.upper-corner-staircase-inner {
			position:absolute;
			top:3px;
			left:3px;
			right:0;
			bottom:0;
			background:whitesmoke;
			-webkit-clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 67% 32%, 
				50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
			        clip-path: polygon(16% 83%, 100% 84%, 100% 1%, 82% 0, 83% 17%, 67% 18%, 67% 32%, 
				50% 32%, 50% 47%, 35% 48%, 32% 64%, 16% 63%, 17% 74%);
		}
		.figure {
			position:absolute;
			width:5vw;
			height:10vw;
			top:47.5%;
			background:url(https://samschectman.s3.us-east-005.dream.io/_walkingman3.png);
			background-size:100%;
			background-repeat:no-repeat;
			transform:rotate(180deg);
		}

		/*-------------------------------*/

		.wrapper-right .home,
		.wrapper-left .home,
		.wrapper-right .home .ms-tableCell,
		.wrapper-left .home .ms-tableCell {
			pointer-events:none;
		}

		.wrapper-left .dir {
			background:whitesmoke;
			-webkit-clip-path: polygon(100% 0, 74% 100%, 0 86%, 0 13%);
			        clip-path: polygon(100% 0, 74% 100%, 0 86%, 0 13%);
		}
		.dir-inner {
			position:absolute;
			top:2px;
			right:2px;
			bottom:2px;
			left:0;
			overflow:hidden;
			background:url(https://samschectman.s3.us-east-005.dream.io/_agency.jpg);
			background-size:100%;
			-webkit-clip-path: polygon(100% 0, 74% 100%, 0 86%, 0 13%);
			        clip-path: polygon(100% 0, 74% 100%, 0 86%, 0 13%);
			-webkit-filter:saturate(1.3) brightness(1.2) contrast(.9);
					filter:saturate(1.3) brightness(1.2) contrast(.9);
		}
		.wrapper-right .prod {
			width:120%;
			left:-20%;
			background:whitesmoke;
			z-index:2;
			-webkit-clip-path: polygon(11% 0, 100% 13%, 50% 100%, 0 100%);
			        clip-path: polygon(11% 0, 100% 13%, 50% 100%, 0 100%);
		}
  		.prod-inner {
  			position:absolute;
  			top:2px;
			right:2px;
			bottom:2px;
			left:2px;
			background:url(https://samschectman.s3.us-east-005.dream.io/_bestwishes.jpg);
			background-size:cover;
			background-position: center;
			z-index:2;
			-webkit-clip-path: polygon(11% 0, 100% 13%, 50% 100%, 0 100%);
			        clip-path: polygon(11% 0, 100% 13%, 50% 100%, 0 100%);
			-webkit-filter: saturate(1.5) brightness(1.2);
  					filter: saturate(1.5) brightness(1.2);
  		} 
		.wrapper-left .asstdir {
			color:whitesmoke;
			background:whitesmoke;
			-webkit-clip-path: polygon(0 0, 96% 0, 100% 100%, 3% 94%);
			        clip-path: polygon(0 0, 94% 0, 100% 95%, 2% 100%);
		}
		.asstdir-inner {
			position:absolute;
			color:whitesmoke;
			background:#111;
			top:2px;
			right:2px;
			bottom:2px;
			left:2px;
			-webkit-clip-path: polygon(0 0, 96% 0, 100% 100%, 3% 94%);
			        clip-path: polygon(0 0, 94% 0, 100% 95%, 2% 100%);
			background:#111;
			width:100%;
			height:100%;
			display:block!important;
			z-index:500!important;
		}

		/*-------------------------------*/

		.section-header {
			color:#ff392e;
			font-size:6.5vw;
			font-family: 'Chelsea Market', cursive;
			margin:0 0 1vh;
		}
		.media-type-header {
			font-size:2.2vw;
			margin:.5em 0;
			text-decoration:underline;
		}

		.director-text,
		.producer-text {
			width:100%;
			height:auto;
			padding:8vh 5%;
		}

		/*-------------------------------*/

		.director-text {
			opacity:0;
			padding-left:10%;
			transform-origin:top left;
			transform:translate3d(0,-12.5vh,0) rotate(50deg);
			transition: all .7s;
		}
		.slide2 .director-text {
			opacity:1;
			transform: translate3d(0,-12.5vh,0) rotate(13deg);
		}
		.dir .section-header,
		.dir a:hover {
			color:#1e71c8;
		}
		.dir ul {
			width:120%;
			margin-top:0;
			margin-bottom:0.75em;
			padding:0;
			float:left;
		}
		.dir ul li {
			float:left;
			transition: opacity .4s;
		}
		.dir ul li:nth-of-type(1) {
			list-style-type:none;
		}
		.dir ul li:nth-of-type(4) {
			list-style-type:none;
			font-size:.9vw;
			line-height:2;
			margin-left:-1vw;
			opacity:0;
		}
		.dir ul li:nth-of-type(3):hover ~ li {
			opacity:1;
		}
		.dir p:nth-of-type(2) {
			font-size:2.5vw;
			margin:0.25em 0 0.5em;
		}
		.dir p:nth-of-type(3),
		.dir p:nth-of-type(4)  {
			width:70%;
			text-align:justify;
			font-size:1vw;
			line-height:1.1;
		}
		.dir span {
			text-decoration:underline;
		}
		.laurels {
			width:40%;
			margin: -0.25em 0 .25em 0;
			float:left;
			/*-webkit-filter:drop-shadow(1px 1px black);*/
		}
		/*-------------------------------*/

		.producer-text {
			opacity:0;
			position:relative;
			text-align:right;
			right:14%;
			transform: translate3d(0,-6vh,0) rotate(50deg);
			transition: all .7s
		}
		.slide3 .producer-text {
			opacity:1;
			transform: translate3d(0,-6vh,0) rotate(7deg);
		}
		.prod .section-header {
			font-size:6.5vw;
			/*color:#1e71c8;*/
		}
		.prod ul {
			width:120%;
			float:right;
			margin-top:0;
		}
		.prod ul li {
			float:right;
			cursor:pointer;
			transition: opacity .4s;
		}
		.prod ul li:nth-of-type(1) {
			margin-right:0;
		}
		.prod ul li:nth-of-type(2) {
			list-style-type:none;
		}
		.prod ul li:nth-of-type(4) {
			list-style-type:none;
			font-size:.9vw;
			line-height:1.7;
			margin-right:1vw;
			opacity:0;
		}
		.prod ul li:nth-of-type(3):hover ~ li {
			opacity:1;
		}
		.prod p:nth-of-type(2) {
			font-size:2.5vw;
			margin:0.25em 0 0.5em;
		}
		.prod p:nth-of-type(3),
		.prod p:nth-of-type(4) {
			width:72%;
			float:right;
			text-align:justify;
			font-size:1.04vw;
			line-height:1.1;
		}
		.prod span {
			text-decoration:underline;
		}
		.laurels2 {
			width:20%;
			float:right;
		}		

        /*-------------------------------*/

        .ad-text-left {
        	width:100%;
        	height:100%;
        	padding:9% 0 0 9%;
        	transform: translate3d(0,0,0) rotate(-2deg);
        }
		.ad-text-right {
			opacity:0;
			width:100%;
        	height:100%;
			padding:2% 0 0 4%;
			overflow-x:visible;
			color:#111;
			transition: .7s;
			transform: translate3d(0,4vh,0) rotate(20deg);
		}
		.slide4 .ad-text-right {
			opacity:1;;
			transform: translate3d(0,4vh,0) rotate(-2deg);
		}
        .ad-text-left.browser,
        .ad-text-right.browser,
        .slide4 .ad-text-right.browser {
        	transform: translate3d(0,0,0) rotate(0deg);
        }
		.ad-text-right .section-header {
			margin-left:2%;
			margin-top:-1%;
			margin-bottom:8%;
			color:#111;
			font-size:4.5vw;
			line-height:.5;				
		}
		.ad-text-right .section-header span {
			display:inline-block;
			position:relative;
			margin-left:18%;
			font-size:1.8vw;
		}
		.ad-credit {
			display:inline-block;
			position:relative;
			width:17%;
			margin:0 5% 3em 0;
			font-size:.8vw;
			font-weight:300;
			line-height:1.1;
			text-align:center;
		}

		.short-credit {
			top:-2em;
		}

		/*-------------------------------*/

		.slide5 .wrapper-right {
			pointer-events:none;
		}
		.about-text {
			width:100%;
			position:relative;
			left:25%;
			opacity:0;
			font-size:1.8vw;
			text-align:left;
			line-height:1.3;
			transform: translate3d(-2vw,-2vw,0) rotate(10deg);
			transition:.7s;
		}
		.slide5 .about-text {
			opacity:1;
			transform: translate3d(-2vw,-2vw,0) rotate(-10deg);
		}
		.about-text span {
			display:inline-block;
			position:relative;
			width:100%;
			top:1em;
			left:5vw;
			font-size:2.6vw;
			text-align:right;
		}
		.blurred {
			position:absolute;
			width:42%;
			top:17%;
			left:128%;
			opacity:.7;
			-webkit-filter:blur(3px);
			        filter:blur(3px);
		}
		.magnifying-glass {
			position:absolute;
			width:100%;
			height:50%;
			top:0;
			transform: translate3d(0,0,0) rotate(90deg);

			transition: all .7s;
		}
		.slide5 .magnifying-glass {
			transform: translate3d(0,0,0) rotate(0deg);
		}
		.stem {
			position:absolute;
			width:100%;
			height:30%;
			top:-1%;
		}
		.stem-seg-1 {
			position:absolute;
			width:10px;
			height:75%;
			left:60%;
			border-bottom-right-radius:30%;
			transform:rotate(-14deg);
			background:whitesmoke;
		}
		.stem-seg-2 {
			position:absolute;
			width:10px;
			height:52%;
			top:66%;
			left:59.5%;
			border-top-left-radius:50%;
			border-top-right-radius:30%;
			transform:rotate(26deg);
			background:whitesmoke;
		}
		.circle {
			position:absolute;
			width:44%;
			padding-top:44%;
			top:30%;
			left:28%;
			border-radius:50%;
			border:8px solid whitesmoke;
			overflow:hidden;
		}
		.inner-img {
			position:absolute;
			width:100%;
			padding-top:100%;
			top:0;
			left:0;
			bottom:0;
			opacity:0;
			border-radius:50%;
			background:url(https://samschectman.s3.us-east-005.dream.io/Schectman_Sam.jpg);
			-webkit-filter:brightness(1.3);
			        filter:brightness(1.3);
			background-size:120%;
		}
		.slide5 .inner-img {
			transition:all .2s .5s;
			opacity:1;
		}
		.top-mag {
			width:20%;
			height:30%;
			top:-9%;
			left:64%;
			z-index:600;
			transform:translate3d(0,0,0) rotate(40deg);
			transition:all .7s;
			pointer-events:none;
			animation: drop .4s 1s;
			animation-fill-mode:backwards;
			display:none;
		}
		.slide2 .top-mag,
		.slide3 .top-mag,
		.slide4 .top-mag,
		.slide5 .top-mag {
			transform:translate3d(0,-400%,0) rotate(120deg);
		}
		.top-mag .stem-seg-1,
		.top-mag .stem-seg-2 {
			width:5px;
			background:whitesmoke;
			box-shadow:2px 2px 5px #222;
		}
		.top-mag .stem-seg-2 {
			height:50%;
		}
		.top-mag .circle {
			box-shadow:2px 2px 5px #222;
			/*background:whitesmoke;*/
			z-index:600;
			border:9px solid whitesmoke;
		}
		.bottom-border {
			position:absolute;
			width:90vw;
			height:50vh;
			bottom:-2vh;
			left:10vw;
			background:#111;
			-webkit-clip-path: polygon(3% 88%, 100% 94%, 100% 100%, 0 100%);
			        clip-path: polygon(3% 88%, 100% 94%, 100% 100%, 0 100%);
		}
		.bottom-border-inner {
			position:absolute;
			top:25px;
			right:0;
			bottom:0;
			left:3px;
			text-align:center;
			background:whitesmoke;
			-webkit-clip-path: polygon(3% 88%, 100% 94%, 100% 100%, 0 100%);
			        clip-path: polygon(3% 88%, 100% 94%, 100% 100%, 0 100%);
		}
		.bottom-border p {
			position:absolute;
			top:calc(44.5vh - 25px);
			left:6vh;
			font-family: 'Chelsea Market', cursive;
			color:#111;
			font-size:.85vw;
			transform:translate3d(0,0,0) rotate(1deg);
		}

		/*-------for Microsoft and Firefox browsers-----------*/

		.browser.slide2 .header-nav,
		.browser.slide3 .header-nav,
		.browser.slide4 .header-nav,
		.browser.slide5 .header-nav {
			transform: translate3d(39vw,30vh,0) scale(0.45) rotate(0deg);
		}
		.browser .header-nav li:nth-of-type(1) {
			background-color:transparent!important;
		}
		.browser.slide2 .name,
		.browser.slide3 .name,
		.browser.slide4 .name,
		.browser.slide5 .name {
			transform: translate3d(-15px,0,0) scale(1) rotate(0deg);
		}
		/*.browser .nav-rotator {
			display:none;
		}*/
		.browser .director-text,
		.slide2.browser .director-text {
			transform:translate3d(0,-4vh,0) rotate(0deg)!important;
		}
		.browser .producer-text,
		.slide3.browser .producer-text {
			transform:translate3d(5vw,-4vh,0) rotate(0deg)!important;
		}
		.browser .ad-text-left {
        	transform: translate3d(0,0,0) rotate(0deg);
        }
        .browser .ad-text-right,
        .slide4.browser .ad-text-right {
        	transform: translate3d(1vw,5vh,0) rotate(0deg);
        }
 		.browser .wrapper-right .prod {
			width:72%;
			left:0;
		} 
		.browser .prod-inner {
			background-size:125%;
		}
		.browser .about-text,
		.slide5.browser .about-text {
			transform: translate3d(-2vw,0,0) rotate(0deg);
		}
		.browser .bottom-border {
			background:#ff392e;
			transform:translate3d(0,48vh,0) rotate(0deg);
		}
		/*(for Safari)*/
		.header-nav.browser a {
			transition:all .7s, color .7s
		}
		.header-nav.browser li:nth-of-type(1) {
			-webkit-clip-path:none;
			        clip-path:none;
			transition: all .7s, transform .7s;
		}
		.slide2 .header-nav.browser li:nth-of-type(1),
		.slide3 .header-nav.browser li:nth-of-type(1),
		.slide4 .header-nav.browser li:nth-of-type(1),
		.slide5 .header-nav.browser li:nth-of-type(1) {
			background:transparent;
			-webkit-clip-path:none;
			        clip-path:none;
		}
		.news-wrapper {
			width: 103.5vw;
			height: 80vh;
			position: absolute;
			z-index:1;
			bottom:-1%;
			left:-1.75vw;
			margin: 0 auto;	
			pointer-events:none;	
		}
		.news-header {
			position:relative;
			width:50%;
			height:10%;
			top:13%;
			left:-1%;
			padding-top:.2em; 
			padding-left:2em;
			color:#111;
			font-size:1.8vw;
			background-color:whitesmoke;
			border-top:2px solid #111;
			box-shadow:-2px -2px 3px #666;
			transform-origin:top -50%;
			transform:translate3d(0,0,0) rotate(3deg);
		}
		.news-footer {
			position:relative;
			width:50%;
			height:4%;
			z-index:-1;
			left:51%;
			bottom:4%;
			padding-right: 2.8em;
			padding-bottom:.2em;
			color:#111;
			font-size:1.5vw;
			text-align:right;
			background-color:whitesmoke;
			border-bottom:2px solid #111;
			box-shadow:2px 2px 3px #666;
			transform:translate3d(0,0,0) rotate(3deg);
			transition: all .7s;
			pointer-events:auto;
		}
		.slide2 .news-header {
			transform:translate3d(0,300%,0) rotate(0deg);	
		}
		.slide2 .news-footer {
			transform:translate3d(0,-400%,0) rotate(0deg);	
		}
		.news-footer a {
			display:inline-block;
			width:auto;
			height:auto;
			position:relative;
			bottom:0;
			z-index:5;
			color:#111;
		}
		.news-footer a:hover {
			color:#ff392e;
		}
		.da-slider{
			width: 100%;
			height: 80%;
			position: relative;
			overflow: hidden;
			background:#222;
			border-top: 3px solid #111;
			border-bottom: 2px solid #111;
			box-shadow:2px 2px 3px #666;
			transform: translate3d(0,0,0) rotate(-4deg);
			transition: background-position 1.4s ease-in-out 0.3s;
			pointer-events:auto;
		}
		.da-slide{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			text-align: left;
		}

		.da-slide-current{
			z-index: 1000;
		}
		.da-slider-fb .da-slide{
			left: 100%;
		}
		.da-slider-fb  .da-slide.da-slide-current{
			left: 0px;
		}
		.da-slide h2,
		.da-slide p,
		.da-slide .da-link,
		.da-slide .da-img{
			position: absolute;
			opacity: 0;
			left: 110%;
		}
		.da-slider-fb .da-slide h2,
		.da-slider-fb .da-slide p,
		.da-slider-fb .da-slide .da-link{
			left: 10%;
			opacity: 1;
		}
		.da-slider-fb .da-slide .da-img{
			left: 60%;
			opacity: 1;
		}
		.da-slide h2{
			position:relative;
			color: whitesmoke;
			font-size: 5vw;
			width: 50%;
			top: 0px;
			z-index: 10;
			margin:.4em auto -.4em 0;
			white-space:nowrap;
			font-family: 'Chelsea Market', cursive;
			text-transform:uppercase;
			text-shadow: 0 0 10px #111, 0 0 5px #111;
			font-weight: 700;
		}
		.da-slide p{
			position:relative;
			width: 40%;
			white-space:nowrap;
			color: whitesmoke;
			font-size: 2vw;
			font-family: 'Chelsea Market', cursive;
			line-height:1.2;
			font-weight: bold;
			text-shadow: 0 0 10px #111, 0 0 5px #111;
		}
		.da-slide .da-img{
			/*text-align: center;*/
			width: 100%;
			top: 0px;
			/*height: 256px;
			line-height: 320px;*/
			left: 110%; /*60%*/
		}
		.da-slide .da-img img{
			width:100%;
		}
		.da-slide .adj-one img {
			width:150%;
			resize: vertical;
  			overflow: auto;
  			transform:translateY(-38%) translateX(-15%) rotate(-10deg)
		}
		.da-slide .adj-two img {
			resize: vertical;
  			overflow: auto;
  			transform:translateY(0)
		}
		.da-slide .da-link{
			box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
			color: #fff;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
			border: 2px solid rgba(255,255,255,0.8);
			padding: 8px 20px 2px;
			font-size: 1.6vw;
			white-space:nowrap;
			line-height: 1.2;
			text-align: center;
			background: rgba(35,35,35,0.5);
		}
		.da-slide .da-link:hover{
			background: rgba(35,35,35,0.6);
		}
		.da-dots{
			display:flex;
			justify-content: space-between;
			width: 100%;
			position: absolute;
			text-align: center;
			left: 0px;
			bottom:0;
			z-index: 2000;
			-moz-user-select: none;
			-webkit-user-select: none;
		}
		.da-dots span{
			position: relative;
			width:25%;
			height: 24px;
			background: rgba(0,0,0,.4);
			cursor: pointer;
			border-top:1px solid whitesmoke;
			border-right:1px solid whitesmoke;
			border-left:1px solid whitesmoke;
		}
		.da-dots span:after{ 
			position:absolute;
			width:100%;
			left:0;
			padding:2px;
			line-height:24px;
			white-space:nowrap;
			font-size:12px;
			text-align:center;
		}
		.da-dots span:nth-of-type(1):after,
		.da-dots span:nth-of-type(1).da-dots-current:after{ 
			content:'FALLEN ORDER';
		}
		.da-dots span:nth-of-type(2):after,
		.da-dots span:nth-of-type(2).da-dots-current:after{ 
			content:'MORTAL ENGINES';
		}
		.da-dots span:nth-of-type(3):after,
		.da-dots span:nth-of-type(3).da-dots-current:after{ 
			content:'X-WING EXP.';
		}
		.da-dots span:nth-of-type(4):after,
		.da-dots span:nth-of-type(4).da-dots-current:after{ 
			content:'ANTHEM';
			text-indent:-.35em;
		}
		.da-dots span:nth-of-type(5):after,
		.da-dots span:nth-of-type(5).da-dots-current:after{ 
			content:'MACDONALD\'S';
			text-indent:-.5em;
		}
		.da-dots span:nth-of-type(6):after,
		.da-dots span:nth-of-type(6).da-dots-current:after{ 
			content:'BATTLEFRONT II';
			text-indent:-.75em;
		}
		.da-dots span:nth-of-type(7):after,
		.da-dots span:nth-of-type(7).da-dots-current:after{ 
			content:'STRAY';
			text-indent:-.75em;
		}
		.da-dots span:nth-of-type(8):after,
		.da-dots span:nth-of-type(8).da-dots-current:after{ 
			content:'TITANFALL 2';
			text-indent:-.25em;
		}

		.da-dots span:nth-of-type(9):after,
		.da-dots span:nth-of-type(9).da-dots-current:after{ 
			content:'GAP X MARVEL';
		}
		.da-dots span:nth-of-type(10):after,
		.da-dots span:nth-of-type(10).da-dots-current:after{ 
			content:'STOUFFER\'S';
			text-indent:-3em;
		}

		.da-dots span.da-dots-current:after{
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			color:#111;
			background: rgba(255,255,255,.7);
			background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
		}
		.da-arrows{
			-moz-user-select: none;
			-webkit-user-select: none;
		}
		.da-arrows span{
			position: absolute;
			top: 50%;
			width: 3vw;
			cursor: pointer;
			z-index: 2000;
			opacity: 0;
			transition:all .2s;
		}
		.da-arrows span img {
			width:100%;
		}
		.da-slider:hover .da-arrows span{
			opacity: .8;
		}
		.da-slider:hover .da-arrows span:hover{
			opacity: 1;
		}
		.da-arrows span.da-arrows-prev{
			left: 3vw;
		}
		.da-arrows span.da-arrows-next{
			right: 3vw;
		}
		.da-slide-current h2,
		.da-slide-current p,
		.da-slide-current .da-link{
			left: 10%;
			opacity: 1;
		}
		.da-slide-current .da-img{
			left: 0%;
			opacity: 1;
		}
		/* Animation classes and animations */

		/* Slide in from the right*/
		.da-slide-fromright h2{
			animation: fromRightAnim1 0.6s ease-in 0.8s both;
		}
		.da-slide-fromright p{
			animation: fromRightAnim2 0.6s ease-in 0.8s both;
		}
		.da-slide-fromright .da-link{
			animation: fromRightAnim3 0.4s ease-in 1.2s both;
		}
		.da-slide-fromright .da-img{
			animation: fromRightAnim4 0.6s ease-in 0.8s both;
		}
		@keyframes fromRightAnim1{
			0%{ left: 110%; opacity: 0; }
			100%{ left: 10%; opacity: 1; }
		}
		@keyframes fromRightAnim2{
			0%{ left: 110%; opacity: 0; }
			100%{ left: 10%; opacity: 1; }
		}
		@keyframes fromRightAnim3{
			0%{ left: 110%; opacity: 0; }
			1%{ left: 10%; opacity: 0; }
			100%{ left: 10%; opacity: 1; }
		}
		@keyframes fromRightAnim4{
			0%{ left: 110%; opacity: 0; }
			100%{ left: 0%; opacity: 1; }
		}
		/* Slide in from the left*/
		.da-slide-fromleft h2{
			animation: fromLeftAnim1 0.6s ease-in 0.6s both;
		}
		.da-slide-fromleft p{
			animation: fromLeftAnim2 0.6s ease-in 0.6s both;
		}
		.da-slide-fromleft .da-link{
			animation: fromLeftAnim3 0.4s ease-in 1.2s both;
		}
		.da-slide-fromleft .da-img{
			animation: fromLeftAnim4 0.6s ease-in 0.6s both;
		}
		@keyframes fromLeftAnim1{
			0%{ left: -110%; opacity: 0; }
			100%{ left: 10%; opacity: 1; }
		}
		@keyframes fromLeftAnim2{
			0%{ left: -110%; opacity: 0; }
			100%{ left: 10%; opacity: 1; }
		}
		@keyframes fromLeftAnim3{
			0%{ left: -110%; opacity: 0; }
			1%{ left: 10%; opacity: 0; }
			100%{ left: 10%; opacity: 1; }
		}
		@keyframes fromLeftAnim4{
			0%{ left: -110%; opacity: 0; }
			100%{ left: 0%; opacity: 1; }
		}
		/* Slide out to the right */
		.da-slide-toright h2{
			animation: toRightAnim1 0.6s ease-in 0.6s both;
		}
		.da-slide-toright p{
			animation: toRightAnim2 0.6s ease-in 0.3s both;
		}
		.da-slide-toright .da-link{
			animation: toRightAnim3 0.4s ease-in both;
		}
		.da-slide-toright .da-img{
			animation: toRightAnim4 0.6s ease-in both;
		}
		@keyframes toRightAnim1{
			0%{ left: 10%;  opacity: 1; }
			100%{ left: 100%; opacity: 0; }
		}
		@keyframes toRightAnim2{
			0%{ left: 10%;  opacity: 1; }
			100%{ left: 100%; opacity: 0; }
		}
		@keyframes toRightAnim3{
			0%{ left: 10%;  opacity: 1; }
			99%{ left: 10%; opacity: 0; }
			100%{ left: 100%; opacity: 0; }
		}
		@keyframes toRightAnim4{
			0%{ left: 0%;  opacity: 1; }
			30%{ left: 55%;  opacity: 1; }
			100%{ left: 100%; opacity: 0; }
		}
		/* Slide out to the left*/
		.da-slide-toleft h2{
			animation: toLeftAnim1 0.6s ease-in both;
		}
		.da-slide-toleft p{
			animation: toLeftAnim2 0.6s ease-in 0.3s both;
		}
		.da-slide-toleft .da-link{
			animation: toLeftAnim3 0.4s ease-in both;
		}
		.da-slide-toleft .da-img{
			animation: toLeftAnim4 0.6s ease-in 0.6s both;
		}
		@keyframes toLeftAnim1{
			0%{ left: 10%;  opacity: 1; }
			30%{ left: 15%;  opacity: 1; }
			100%{ left: -50%; opacity: 0; }
		}
		@keyframes toLeftAnim2{
			0%{ left: 10%;  opacity: 1; }
			30%{ left: 15%;  opacity: 1; }
			100%{ left: -50%; opacity: 0; }
		}
		@keyframes toLeftAnim3{
			0%{ left: 10%;  opacity: 1; }
			99%{ left: 10%; opacity: 0; }
			100%{ left: -50%; opacity: 0; }
		}
		@keyframes toLeftAnim4{
			0%{ left: 0%;  opacity: 1; }
			40%{ left: 10%;  opacity: 1; }
			90%{ left: 0%;  opacity: 0; }
			100%{ left: -50%; opacity: 0; }
		}

		/*-------------------------------*/

		@media only screen and (max-device-width: 1024px) {
			li {
				list-style-type:none;}
			.header-nav {
				top:4vh;
				transform: translate3d(-19vw,32vh,0) scale(1.6) rotate(0deg);
				/*transform:translate3d(-28vw,32vh,0) scale(1.6) rotate(4deg);*/}
			.slide2 .header-nav {
				transform:translate3d(24vw,46vh,0) scale(.8) rotate(8deg);}
			.slide3 .header-nav {
				transform: translate3d(24vw,50vh,0) scale(.8) rotate(12deg);}
			.slide4 .header-nav {
				transform: translate3d(34vw,44vh,0) scale(0.8) rotate(-4deg);}
			.slide5 .header-nav {
				transform: translate3d(40vw,42vh,0) scale(0.8) rotate(-11deg);}
			.header-nav span {
				transform:translate3d(0,0,0) scale(1);
				animation:none;}
			.header-nav li:nth-of-type(1) {
				background-color:transparent;}
			.name {
				font-size:6.25vw;
				transform: translate3d(-17vw,20%,0) scale(1) rotate(0deg);}
			.slide2 .header-nav .name,
			.slide3 .header-nav .name,
			.slide4 .header-nav .name,
			.slide5 .header-nav .name{
				transform: translate3d(-17vw,25%,0) scale(.4) rotate(-2deg);}
			.slide5 .contact {
				border:none;}
			.top-mag {
				display:none;}
			.news-wrapper {
				width:105vw;
				left:-3vw;
				bottom:-12vh;}
			.da-slider {
				height:38vh;
			    transform: translate3d(0, 0, 0) rotate(0deg);}
			.da-slide .da-img,
			.da-slide img {
				height:100%!important
			}
			.news-header {
				top:3%;
				width:25%;
				padding-top:.5em; 
				padding-left:2em;
				font-size:4vw;
				background-color:transparent;
				border-top:2px solid #111;
				box-shadow:none;
				transform:translate3d(0,0,0) rotate(0deg);}
			.news-footer {
				bottom:-4%;
				left:61%;
				width:40%;
				padding-right: 1.5em;
				padding-bottom:1.2em;
				font-size:4vw;
				background-color:transparent;
				border-bottom:2px solid #111;
				box-shadow:none;
				transform:translate3d(0,0,0) rotate(0deg);}
			.da-slide h2 {
				font-size:6vw;}
			.da-slide p {
				width:42%;
				font-size:3vw;}
			.da-slide .da-link{
				padding: 8px 12px 4px;
				font-size:3vw;
			}
			.da-dots {
				width:96%;
				left:2%;
			}
			.da-dots span:after{ 
				position:absolute;
				width:100%;
				left:0;
				padding:2px 0;
				line-height:24px;
				white-space:nowrap;
				font-size:1.4vw;
				text-align:center;}
			.da-arrows span.da-arrows-prev{
				left: 5vw;}
			.dir-inner {
				background-size:160%;
				background-position:30% 0;}
			.prod-inner {
				background-size:750%!important;
				background-position:55% 80%;
				background-repeat: no-repeat!important;}
			.director-text,
			.producer-text {
				font-size:2.9vw;}
			.slide2 .director-text {
				transform: translate3d(-2vw,-14vh,0) rotate(7deg);}
			.slide3 .producer-text {
				transform: translate3d(0,-7vh,0) rotate(3deg);}
			.director-text .section-header {
				font-size:7.5vw;}
			.producer-text .section-header {
				font-size:6.8vw;}
			.dir p:nth-of-type(3),
			.dir p:nth-of-type(4),
			.prod p:nth-of-type(3),
			.prod p:nth-of-type(4) {
				width:90%;
				font-size:1.4vw;
				line-height:1.2;}
			.prod p:nth-of-type(3),
			.prod p:nth-of-type(4) {
				width:80%;}			
			.director-text ul,
			.producer-text ul {
				font-size:2.2vw;
				margin-bottom:.75em;}
			.producer-text ul {
				margin-bottom:1em;}
			.dir p:nth-of-type(2),
			.prod p:nth-of-type(2) {
				font-size:2.8vw;}
			.dir ul li:nth-of-type(4),
			.prod ul li:nth-of-type(4) {
				display:none;}
			.ad-text-right .section-header {
				font-size:4.5vw;
				margin-left:0;
				margin-bottom:15%;}
			.ad-text-left {
        		padding:10% 0 0 12%;}
			.ad-text-right {
				padding:3% 0 0 8%;}
			.about-text {
				text-align:left;
				font-size:2.5vw;}
			.about-text span {
				top:1vh;
				left:1vw;
				font-size:3.4vw;}
			.bottom-border p {
				font-size:1.6vw;
				transform:translate3d(0,0,0) rotate(2.5deg);}
			.upper-corner-staircase {
				width:50%;
				height:20%;
				top:-10%;
				left:0;}
		}
		@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
			.header-nav {
				transform: translate3d(-14vw,-1vh,0) scale(1) rotate(-4deg);
			}
			.slide2 .header-nav {
				transform:translate3d(34vw,20vh,0) scale(.4) rotate(8deg);}
			.slide3 .header-nav {
				transform: translate3d(34vw,24vh,0) scale(.4) rotate(12deg);}
			.slide4 .header-nav {
				transform: translate3d(34vw,30vh,0) scale(.4) rotate(-4deg);}
			.slide5 .header-nav {
				transform: translate3d(37vw,27vh,0) scale(.4) rotate(-11deg);}
			.news-wrapper {
				width:102.75vw;
				left:-1.375vw;
				bottom:-10vh;}
			.da-slider {
				height:55vh;}
			.news-header {
				top:8%;
				padding-top:.1em; 
				padding-left:1.5em;
				font-size:3.8vw;
				background-color:transparent;
				border-top:2px solid #111;
				box-shadow:none;
				transform:translate3d(0,0,0) rotate(3deg);}
			.news-footer {
				bottom:2%;
				padding-right:2em;
				padding-bottom:1em;
				font-size:2.6vw;
				background-color:transparent;
				border-bottom:2px solid #111;
				box-shadow:none;
				transform:translate3d(0,0,0) rotate(3deg);}
			.da-slide p {
				width:42%;
				font-size:2.5vw;}
			.da-slide:nth-of-type(6) p {
				font-size:2vw;}
			.da-slide:nth-of-type(5) h2 {
				font-size:5.5vw;}
			.dir-inner {
				background-size:100%;
				background-position:30% 0;}
			.prod-inner {
				background-size:100%;
				background-position:20% 0;}
			.slide2 .director-text {
				transform: translate3d(-1vw,-11vh,0) rotate(14deg);}
			.dir p:nth-of-type(3),
			.dir p:nth-of-type(4) {
				width:80%;}
		}
		@media only screen and (max-device-width: 600px) {
			.da-dots span{
				height: 14px;
			}
			.da-dots span:after{ 
				padding:2px 0 0;
				line-height:14px;
			}
			.nav-rotator {
				display:none;}
			.wrapper-right .dir {
				font-size:2vw;}
			.wrapper-left .prod {
				font-size:2vw;}
			.director-text {
				padding-left:5%;}
			.dir p:nth-of-type(3),
			.dir p:nth-of-type(4),
			.prod p:nth-of-type(3),
			.prod p:nth-of-type(4) {
				width:80%;
				font-size:1.6vw;
				line-height:1.2;}
			.ad-text-right {
				padding-left:10%;
			}
			.ad-credit {
				width:43%;
				height:9%;
				margin-bottom:1em;
				font-size:1.5vw;
				font-weight:500;
				text-align:center;}
			.about {
				width:100%;}
			.about-text {
				text-align:left;
				font-size:2.8vw;}

			.bottom-border p {
				font-size:2vw;}
			.stem-seg-1,
			.stem-seg-2 {
				width:3px;}
			.circle {
				border:2px solid whitesmoke;}
		}
		@media only screen and (orientation:portrait) {
			.da-dots span:after{ 
				font-size:1.2vw;
			}
			.da-slide .adj-one img {
			width:125%;
			transform:translateY(0)!important;}
			.da-slide .adj-two img {
			width:110%;
			transform:translateY(0%)!important;}
			.da-slide .adj-three img {
			width:120%}
			.da-slide .adj-five img {
			width:155%;
			top:-20%!important;}
			.da-slide .adj-six img {
			width:135%;}
			.da-slide .adj-seven img {
			width:110%;}
			.mcD-fontsize-mobile {
				font-size:4vw!important;
			}
			.slide2 .director-text {
			opacity:1;
			transform: translate3d(0,-12.5vh,0) rotate(5deg);}
			.director-text img:nth-of-type(2) {
			width:58%!important;
			-webkit-filter: blur(0)!important;
 					filter: blur(0)!important;}
 			.producer-text img:nth-of-type(3) {
			-webkit-filter: blur(0)!important;
 					filter: blur(0)!important;}
 			.short-credit {
 				top:0;}
 			.ad-text-left {
 				padding-top:20%}
 			.ad-text-left,
 			.ad-text-right {
 				padding-left:5%;}
 			.ad-text-right .section-header {
 				font-size:5vw;
 				margin-left:2%;}
 			.director-text img:nth-of-type(2) {
				display:none;}
		}