/* BASE STYLES
============================================================================= */

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
       url('../fonts/Montserrat-Regular.woff') format('woff'),
       url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

html         {
	font-family:'Montserrat';
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding:0;
	-webkit-text-size-adjust: 100%;
}
.page        { 
	bottom:0; 
	/*padding-top:200px;*/
	position:absolute; 
	text-align:center;
	top:0;  
	width:100%; 
}

.main {
	position: relative;
	width:100vw;
	overflow: hidden;
	height:100vh;
}

video {
	-webkit-transform: translate3d(0, 0, 0);
}

body {
	width:100vw;
	cursor: url('../images/cursor_hover.png') 18 10, default;
	margin: 0;
	padding:0;
	overflow-x: hidden;

}

.sampleCursor {
	/*top: calc(50vh - 33px);*/
	top: 52vh;
	right: 20vw;
	width: 49px;
	height: 66px;
	background: url("../images/cursor_hover.png");
	background-size: cover;
	position: fixed;
	z-index: 20;
	display: none;
}

.tempBlock {
	position: fixed;
	background: black;
	width:100vw;
	height:100vh;
	opacity: 0;
	z-index: 100;
	display: none;
}

.animate {
  -webkit-transition: left 0.2s ease-in;
  transition: left 0.2s;
}

h1 {
	font-size: 100px;
	color: #ff0000;
	margin-top: 0px;
	margin-bottom: 50px;
	font-weight: 400;
}

h2 {
	font-size: 76px;
	color: #ff0000;
	margin-top: 0px;
	margin-bottom: 50px;
	font-weight: 400;
}

h3 {
	font-size: 46px;
	color: #ff0000;
	margin-top: 50px;
	line-height: 1.5em;
	font-weight: 400;
}

h4 {
	font-size: 28px;
	color: #ff0000;
	line-height: 1.7em;
	font-weight: 400;
}

p {
	font-size: 28px;
	color: #ff0000;
	line-height: 1.7em;
	font-weight: 400;
}

ul, ol {
	list-style-type: none;
	padding-left: 0px;
	color: #ff0000;
	line-height: 2em;
}

.airwick p {
    font-size: 20px;
}

.athenos p {
	font-size:20px;
}

.idgum p {
	font-size:20px;
}


.bratz p {
	font-size: 20px;
}

.newmuseum p {
    font-size: 20px;
}

.jenlu p {
	font-size: 20px;
}

.illustration p {
	font-size: 20px;
}

#bratzIntro p {
	width: 50%;
}

#bratzIntro h2 {
	margin-left: -4px;
}

#airwickMobile p {
	max-width: 390px;
	color: #ffffff;
	top: 100px;
    position: relative;
}

#airwickMobile h2 {
	color: #ffffff;
	top: 100px;
    position: relative;
}

.athenosMobile p {
	width: 48%;
	max-width: 524px;
	color: #ffffff;
	top: 100px;
    position: relative;
}

.athenosMobile h2 {
	color: #ffffff;
	top: 100px;
    position: relative;
}

.jenluV3Mobile p {
	width: 48%;
	max-width: 524px;
	top: 75px;
    position: relative;
}

.jenluV3Mobile h2 {
	top: 75px;
	max-width: 524px;
    position: relative;
}

.athenosMobileFrame {
    width: 304px;
    height: 620px;
    top: -23px;
    right: 0px;
    background: url(../images/bratz_mobile.png);
    background-size: cover;
    position: absolute;
}

#bratzFashion {
	display: inline-block;
	position: relative;
	float: right;
	width: 100%;
}

#idgumGames {
	width: calc(100vw - 80px);
	max-width: 1200px;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 50px;
	padding-bottom: 86px;
	display: inline-block;
	position: relative;
}

.idgumGames {
	display: inline-block;
	position: relative;
	float: right;
}

#illustrationSlowroastIrl {
	width: calc(100vw - 80px);
	max-width: 1200px;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 90px;
	padding-bottom: 86px;
	display: inline-block;
	position: relative;
}

.illustrationSlowroastIrl {
	display: inline-block;
	position: relative;
	float: right;
}

.airwickSitePagesSpacer {
	height: calc((100vh - 620px) / 2);
}

.bratzFurniture {
	height: 100vh;
	text-align: center;
	background: url("../images/bratz_furniture.jpg") no-repeat center center;
	background-size: cover;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 14px;
}

.bratzFurniture h3 {
	color: #ffffff;
	margin-top: 60px;
	display: inline-block;
}

.bratzStickers {
	text-align: center;
}

.bratzStickersImage {
	width: 100%;
	max-width: 1440px;
	right: 10px;
	position: relative;
	margin-top: -65px;
}

#bratzUI {
	text-align: center;
}

.bratzUiImage {
	width: 100%;
	max-width: 1480px;
	right: 10px;
	position: relative;
}

.bratzStickersStats {
	display: inline-block;
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 154px;
	margin-bottom: 90px;
}

.bratzStickersStat {
	width: 33.33%;
	float:left;
	text-align: center;
	position: relative;
}

.bratzStickersStat p {
	margin-top: 0px;
	top: -10px;
	position: relative;
}

.bratzStickersStat h1 {
	margin-bottom: 0px
}

.idgumStat p {
	margin-top: 0px;
	top: -10px;
	position: relative;
}

.idgumStat h1 {
	margin-bottom: 0px
}

#idgumIrl {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100vw;
}

#illustrationThanksgifing {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100vw;
}

.idgumIrlVideos {
	width:33.33%;
	float: left;
	margin-bottom: -4px;
	position: relative;
}

.idgumIrlDetailsContainer {
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.idgumIrlDetails {
    top: 50vh;
    max-width: 520px;
    width: calc(50% - 60px);
    margin-left: calc(50vw + 20px);
    padding-right: 40px;
    text-align: left;
    position: relative;
    margin-top: -165px;
    -webkit-transform: translate3d(0, 0, 0);
}

#illustrationThanksgifing .idgumIrlDetails {
    margin-top: -190px;
}

.idgumIrlVideo {
    width: 100%;
    float: right;
    margin-bottom: -1px;
}

#bratzSocial p {
	width: 50%;
	max-width: 500px;
}

#bratzSocial h2 {
	width: 63%;
}

.bratzMeetInfo {
	position: absolute;
	top: -21px;
	right: -463px;
	width: 400px;
	
}

.audioPlayer {
	width: 40px;
	float: left;
	height: 40px;
	border-style: solid;
	background: red;
	border-radius: 50%;
	border-color: red;
	border-width: 1px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.audioStatus {
	color: red;
    font-size: 20px;
    float: left;
    top: 8px;
    left: 10px;
    position: relative;
}

.audioPlayStatus {
    display: none;
}

.audioPauseStatus {
}

.audioRightRect {
	background: white;
	width: 20px;
	height: 40px;
	left: -20px;
	position: absolute;
	transform-origin: 100% 50%;
	transform: rotate(0deg);
}

.audioRight {
	left: 20px;
    position: absolute;
    width: 20px;
    height: 40px;
    overflow: hidden;
}

.audioLeftRect {
	background: white;
	width: 20px;
	height: 40px;
	left: 20px;
	position: absolute;
	transform-origin: 0% 50%;
	transform: rotate(0deg);
}

.audioLeft {
	left: 0px;
    position: absolute;
    width: 20px;
    height: 40px;
    overflow: hidden;
}

.audioPause {
	width: 4px;
    height: 13px;
    background: white;
    top: 13px;
    position: absolute;
    left: 14px;
    z-index: 2;
    display: none;
}

.audioPause:after {
	content: '';
    width: 4px;
    height: 13px;
    top: 0px;
    position: absolute;
    left: 8px;
    background: white;
}

.audioPlay {
	display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid white;
    position: absolute;
    z-index: 2;
    left: 16px;
    top: 12px;
}

.audioTopCircle {
	background: red;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	top: 5px;
	left: 5px;
	position: absolute;
	z-index: 1;
}

.newmuseumQuotesInfo {
	position: relative;
    float: left;
    margin-left: 36px;
}

.newmuseumQuotesInfo:before {
	content: '“';
	position: absolute;
	left: -25px;
	font-size: 46px;
	color: #ff0000;
	margin-top: 3px;
}

.newmuseumQuotesInfo h3 {
	width: 600px;
	margin-left: -4px;
	margin-bottom: 14px;
	margin-top: 3px;
	line-height: 1.4em;
}

.newmuseumQuotesInfo p {
	margin-top: 0;
	margin-bottom: 40px;
}

.newmuseumQuotesImage {
	width: 330px;
    float: left;
}

.bratzMeetInfo:before {
	content: '';
	position: absolute;
	top: 21px;
	left: -46px;
    height: 5px;
    width: 33px;
	background: #ffffff;	
}

.bratzMeetInfo h2 {
	width: 400px;
	color: #ffffff;
	margin-left: -4px;
}

.bratzMeetInfo p {
	width: 280px;
	color: #ffffff;
	margin-top: 10px;
}

.bratzFashionInfo {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	left: -382px;
	height: 120px;
	width: 320px;
	display: table;
}

.bratzFashionInfo:before {
	content: '';
	position: absolute;
	top: 57px;
	right: -46px;
    height: 5px;
    width: 33px;
	background: #ff0000;	
}

.bratzFashionInfo p {
	width: 320px;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

.idgumGamesInfo {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	left: -432px;
	height: 120px;
	width: 320px;
	display: table;
}

.idgumGamesInfo:before {
	content: '';
	position: absolute;
	top: 57px;
	right: -46px;
    height: 5px;
    width: 33px;
	background: white;	
}

.idgumGamesInfo p {
	width: 370px;
	text-align: right;
	color: white;
}

.idgumGamesInfo h3 {
	width: 370px;
	text-align: right;
	color: white;
	margin-bottom: 30px;
	margin-top: -74px;
}

.enlarged {
	font-size: 46px;
}

a {
	color: #ff0000;
	text-decoration: none;
	cursor: url('../images/cursor_link.png') 18 10, default;
}

a.prev{
	cursor: url('../images/cursor_prev.png') 18 10, default;
}

a.next{
	cursor: url('../images/cursor_next.png') 18 10, default;
}

.browse {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 10px;
    margin-top: -30px;
}

.browseJustify {
	text-align: justify;
	text-align-last: justify;
	margin-bottom: 0px;
	margin-top: -22px;
}

.browseJustify:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.collabwithLogo {
	fill: #ff0000;
    display: inline-block !important;
    width: 210px;
    height: 24px;
    position: relative;
    margin-top: 24px;
    margin-bottom: 34px;
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 18px;
    padding-left: 34px;
    padding-right: 34px;
	border:4px solid #ff0000;
	transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.collabwithLogo:hover {
	fill: #ffffff;
}

.collabwithLogoSvg {
	position: relative;
	font-size: 24px;
    letter-spacing: -.3px;
    z-index: 1;
    transition: all 0.16s ease-out;
    -webkit-transition: all 0.16s ease-out;
    -moz-transition: all 0.16s ease-out;
    -o-transition: all 0.16s ease-out;
}

.collabwithLogo:hover .buttonBackground {
	height: 100%;
}

.collabwithLogo:hover .collabwithLogoSvg {
	color: white;
}

.contactJen {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 144px;
	text-align: left;
	display: inline-block;
}

.buttonBackground {
	background: #ff0000;
	height: 0%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.container {
	max-width: 768px;
	width: calc(100vw - 48px);
	padding-left: 24px;
	padding-right: 24px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 220px;
	position: relative;
	background: white;
}

#bratzIntro {
	
	max-width: 1200px;
	width: calc(100vw - 80px);
	height: 300vh;
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
	position: relative;
	z-index: 1;
}

#airwickMobile {
	max-width: 1200px;
	width: calc(100vw - 80px);
	height: 300vh;
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
	position: relative;
	z-index: 1;
}

.airwickMobileHolder {
	position: relative;
	display: inline-block;
	width: 100vw;
}

#athenosMobileFull {
	height: 900vh;
	position: relative;
}

#jenluV3MobileFull {
	height: 1300vh;
	position: relative;
}

#jenluV3Mobile .athenosMobileFullHolder {
    z-index: 15;
}

.athenosMobileFullHolder {
	position: absolute;
	width: 100vw;
}

#athenosMobile1 {
	position: relative;
	height: 200vh;
}

#athenosMobile2 {
	position: relative;
	height: 300vh;
}

#athenosMobile3 {
	position: relative;
	height: 400vh;
}

#jenluV3Mobile1 {
	position: relative;
	height: 400vh;
}

#jenluV3Mobile2 {
	position: relative;
	height: 500vh;
}

#jenluV3Mobile3 {
	position: relative;
	height: 400vh;
}

#athenosUI {
	text-align: center;
}

#athenosUIVideo {
    width: 100%;
    -webkit-transform: inherit;
    position: relative;
    float: left;
}

.athenosUIImage {
	max-width: 1200px;
    width: calc(100vw - 80px);
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 90px;
    padding-bottom: 90px;
}

.athenosMobile {
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;	
	z-index: 1;
}

.jenluV3Mobile {
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;	
	z-index: 1;
}

.woodBg {
	background: url('../images/airwick_mobile_bg.jpg') repeat center center;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -2;
	-webkit-transform: translate3d(0, 0, 0);
}

.airwickMobileMenu {
	width: 100%;
}

#bratzFashionSocial {
	max-width: 1200px;
	width: calc(100vw - 80px);
	height: 300vh;
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
	position: relative;
	display: inline-block;
	z-index: -1;
}

.bratzFashionSocialFrame p {
	font-size: 16px;
	color: #ffffff;
	line-height: 1.6em;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 41px;
	margin-top: 4px;
}

.bratzFashionSocialFrame {
	width: 228px;
	float: left;
	margin-right: 64px;
	margin-top: 100px;
	margin-bottom: 100px;
	background: #9754e8;
	border-radius: 0px 0px 8px 8px;
	-webkit-transform: translate3d(0, 0, 0);
}

.bratzFashionSocialContent {
	width: 100%;
	-webkit-transform: inherit;
}

#idgumTumblr {
	max-width: 1200px;
	width: calc(100vw - 80px);
	height: 300vh;
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
	position: relative;
}

.idgumTumblrFrame p {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6em;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
    margin-top: 32px;
}

.idgumTumblrFrame {
	width: 228px;
	float: left;
	margin-right: 64px;
	margin-top: 100px;
	margin-bottom: 100px;
	background: #5286f3;
	border-radius: 0px 0px 8px 8px;
	-webkit-transform: translate3d(0, 0, 0);
}

.idgumTumblrContent {
	width: 100%;
	-webkit-transform: inherit;
}

#bratzCreds {
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 24px;
	padding-bottom: 80px;
	text-align: left;
	position: relative;
	z-index: 1;
	display: inline-block;
}

#bratzCreds h3 {
	margin-bottom: 20px;
}

.appCreds {
	width: calc(50% - 20px);
	float: left;
	margin-right: 40px;
}

.socialCreds {
	width: calc(50% - 20px);
	float: left;
}

.Column3Creds {
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 24px;
    padding-bottom: 60px;
	text-align: left;
	position: relative;
	z-index: 1;
	display: inline-block;
}

.Column3Creds h3 {
	margin-bottom: 20px;
}

.creds1of3 {
	width: calc(33.33% - 30px);
	float: left;
	margin-right: 40px;
}

.creds2of3 {
	width: calc(33.33% - 30px);
	float: left;
	margin-right: 40px;
}

.creds3of3 {
	width: calc(33.33% - 30px);
	float: left;
}

.creds .twoColumn {
	padding-bottom: 20px;
}

#bratzSocial {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.bratzSocialVideos {
	width:33.33%;
	float: right;
	margin-bottom: -4px;
	position: relative;
}

.bratzSocialDetailsContainer {
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

#bratzMeet {
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top:90px;
	padding-bottom:90px;
	text-align: left;
	position: relative;
	z-index: 1;

}

#newmuseumQuotes {
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 180px;
	padding-bottom: 85px;
	text-align: left;
	position: relative;
	z-index: 1;
}

#newmuseumDigital {
	width: calc(100vw - 80px);
	text-align: center;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 60px;
}

.newmuseumDigitalContent {
	margin-bottom: 26px;
    z-index: 1;
    position: relative;
    max-width: 1000px;
    display: inline-block;
    text-align: center;
}

.sparkleBookends {

}

.sparkleBookends:before {
	content: '';
	width: 76px;
	height: 76px;
	position: absolute;
    left: -26px;
    top: 14px;
	background: url(../images/newmuseum_sparkle_1.gif);
	background-size: cover;
}

.sparkleBookends:after {
	content: '';
	width: 78px;
	height: 64px;
	bottom: 38px;
    position: absolute;
    right: -17px;
	background: url(../images/newmuseum_sparkle_2.gif);
	background-size: cover;
}

.newmuseumVoice {
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 459px;
    margin-top: -62px;
}

.newmuseumArrow {
	width: 30px;
    margin-top: -60px;
    margin-bottom: 30px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}

.newmuseumBeforeWeGo {
	max-width: 720px;
    width: 100%;
}

#footer {
	clip: rect(0px, 100vw, 100vh, 0px);
	position: relative;
    bottom: 0px;
}

.footerInner {
	position: relative;
	bottom: 0px;
}

.footerHolder {
}

.footer {
	/*width: 1180px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}

.lightBlue {
	background: #e3f7f6;
	text-align: center;
	width: 100vw;
}

.pink {
	background: #f1e1f7;
	text-align: center;
	width: 100vw;
}

.brightBlue {
	background: #0600ff;
	text-align: center;
	width: 100vw;
}

.gray {
	background: #d9e4e9;
	text-align: center;
	width: 100vw;
}

.pinkPale {
	background: #faf4ff;
	text-align: center;
	width: 100vw;
}

.orange {
	background: #ff9c00;
	text-align: center;
	width: 100vw;
}

.red {
	background: red;
	text-align: center;
	width: 100vw;
}

.green {
	background: #78c84c;
	text-align: center;
	width: 100vw;
}

.brightBlue p, .brightBlue h1, .brightBlue h2, .brightBlue h3, .brightBlue h4 {
	color: white;
}

.red p, .red h1, .red h2, .red h3, .red h4 {
	color: white;
}

.green p, .green h1, .green h2, .green h3, .green h4 {
	color: white;
}

.orange p, .orange h1, .orange h2, .orange h3, .orange h4 {
	color: white;
}

.darkBlue {
	background: #29a7e1;
	text-align: center;
	width: 100vw;
}

.neonGreen {
	background: #e2fc4e;
	text-align: center;
}

.purple {
	background: #642dad;
	display: inline-block;
	position: relative;
	width: 100vw;
	vertical-align: bottom;
	z-index: 0;
}

.lightGreen {
	background: #e3edc4;
	display: inline-block;
    position: relative;
    width: 100vw;
    vertical-align: bottom;
    z-index: 0;
}

.athenosLightBlue {
	background: #d6f0ff;
	display: inline-block;
    position: relative;
    width: 100vw;
    vertical-align: bottom;
    z-index: 0;
    text-align: center;
}

.white {
	width: 100vw;
	text-align: center;
	background: white;
}

.aboveFooter
{
	z-index: 1;
    position: relative;
}

#idgumIntro {
    width: calc(100vw - 80px);
    text-align: center;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
    display: inline-block;
}

#idgumStats {
    width: calc(100vw - 80px);
    text-align: center;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
    display: inline-block;
}

.idgumStatsIntro {
	height: 330px;
	width:100%;
	background: url(../images/idgum_confetti.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}

.idgumStatsPile {
	height: 67px;
	width:100%;
	background: url(../images/idgum_confetti.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.idgumStat {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
}

.idgumStatsIntroInner {
    display: inline-block;
    width: 66.6%;
    top: 22%;
    position: relative;
    max-width: 620px;
}

#idgumSteps{
    width: calc(100vw - 80px);
    text-align: center;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 110px;
    display: inline-block;
    position: relative;
}

#idgumStepsBottom{
    text-align: center;
    padding-bottom: 50px;
    display: inline-block;
    height: 650px;
}

#idgumMobile{
	width: calc(100vw - 80px);
	max-width: 1200px;
    text-align: center;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: 10px;
    display: inline-block;
}


.idgumStepsBottomInner {
	display: inline-block;
    overflow: hidden;
    width: 100%;
}

.idgumStepsBottomInner {
    width: 1100px;
}

.idgumGumpack1 {
	width: 444px;
	vertical-align: top;
	margin-top: -550px;
	margin-left: -44px;
	transform-origin: 50% -100%;
}

.idgumGumpack2 {
	width: 514px;
    vertical-align: top;
    margin-left: -523px;
    margin-right: 110px;
    margin-top: -600px;
    transform-origin: 50% -100%;
}

.idgumGumpack3 {
	width: 175px;
	vertical-align: top;
	margin-left: -244px;
	margin-top: -550px;
	transform-origin: 50% -100%;
}

.idgumGumpack4 {
	width: 125px;
	vertical-align: top;
	margin-left: -228px;
	margin-top: -550px;
	transform-origin: 50% -100%;
}

.idgumGumpack5 {
	width: 160px;
    vertical-align: top;
    margin-left: 420px;
    margin-top: -550px;
    transform-origin: 50% -100%;
}

#idgumSteps h4 {
	text-align: left;
	margin-top: 7px;
	margin-bottom: 70px;
	color: white;
}

#idgumSteps h3 {
	color: white;
	margin-top: 35px;
	margin-bottom: 20px;
	z-index: 3;
	position: relative;
}

#idgumSteps p {
	color: white;
	font-size: 16px;
	z-index: 3;
	position: relative;
}

.idgumIntroContent {
    max-width: 810px;
    padding-bottom: 40px;
    z-index: 3;
    position: relative;
    display: inline-block;
}

#idgumIntro h4 {
    text-align: left;
}

.idgumStep {
    width: calc(33% - 30px);
    float: left;
}
.idgumStepSpacer {
    width: 50px;
    height: 60px;
    float: left;
}

.idgumStepImage {
    width: calc(100% - 30px);
    max-width: 285px;
    margin-left: 15px;
    margin-right: 15px;
}

.idgumStepsDetails {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.idgumFish1 {
    position: fixed;
    top: 0px;
    left: calc(100vw - 228px - 90px);
    width: 184px;
    margin-top: -27px;
    margin-right: -92px;
    transform: rotate(90deg);
    z-index: 2;
    display: none;
}

.idgumFish2 {
    position: fixed;
    top: 0px;
    left: 25px;
    width: 184px;
    margin-top: -27px;
    margin-right: -92px;
    transform: rotate(90deg);
    z-index: 2;
    display: none;
}

.idgumFish {
    transform: translate3d(0,0,0);
    width: 100%;
}

.ropeOutro {
    position: absolute;
    left: 100px;
    top: 0px;
    height: 100%;
    z-index: 1;
    display: inline-block;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    /*clip-path: polygon(0% -20%, 100% -20%, 100% -20%, 0% -20%);
    -webkit-clip-path: polygon(0% -20%, 100% -20%, 100% -20%, 0% -20%);*/
    clip: rect(-90px, 28px, -90px, 0px);
}

.ropeDown3 {
    width: 28px;
    margin-top: -108px;
    height: 100%;
    background: url(../images/idgum_rope_tall.png);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: 0% 100%;
    position: relative;
}

.ropeCurve3 {
    width: 72px;
    height: 124px;
    background: url(../images/idgum_rope_curve.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    position: relative;
    float: left;
}

.ropeOver1 {
    width: 100vw;
    height: 28px;
    background: url(../images/idgum_rope_wide.png);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: 0% 0%;
    position: relative;
    float: left;
    margin-top: 93px;
    margin-left: -1px;
    margin-right: -171px;
}

.ropeIntro {
    position: absolute;
    right: 100px;
    display: inline-block;
    top: 0px;
    z-index: 1;
    /*clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);*/
    clip: rect(0px, 144px, 404px, 0px);
}

.ropeDown1 {
    width: 28px;
    height: 160px;
    background: url(../images/idgum_rope_tall.png);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: 0% 100%;
    position: relative;
}

.ropeCurve1 {
    width: 72px;
    height: 124px;
    background: url(../images/idgum_rope_curve.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    position: relative;
    float:left;
}

.ropeCurve2 {
    width: 72px;
    height: 124px;
    background: url(../images/idgum_rope_curve.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    position: relative;
    float: left;
    transform: rotate(180deg);
    margin-top: 95px;
    left: -1px;
}

.ropeDown2 {
    width: 28px;
    height: 430px;
    background: url(../images/idgum_rope_tall.png);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: 0% 100%;
    position: relative;
    float: right;
    clear: both;
    transform: rotate(180deg);
    right: 1px;
}

.idgumMobileFrame {
    width: 22.7%;
    background: white;
    border-radius: 38px;
    position: relative;
    float:left;
}

.idgumMobileImage {
    width: 100%;
    margin-top: 20%;
    margin-bottom: calc(20% - 4px);
}

.idgumMobileSpacer {
    width: 3%;
    height: 60px;
    float: left;
}

#idgumPageImages {
    width: calc(100vw - 80px);
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

.idgumPageImage {
    width: 60vw;
    margin-right: 40px;
    -webkit-transform: translate3d(0, 0, 0);
}

#idgumPageImages .contentHorizontal {
    top: 50vh;
    margin-top: calc(60vw * -.562 / 2);
    width: calc((60vw + 45px) * 7);
    position: relative;
    display: inline-block;
}

.idgumTile {
    width: 33.33vw;
    height: calc(33.33vw * .575);
    overflow: hidden;
    margin-bottom: -4px;
    float: left;
}

.idgumTile:nth-child(1) {
	background: url("../images/idgum_games_grid_1a.gif");
	background-size: cover;
}

.idgumTile:nth-child(2) {
	background: url("../images/idgum_games_grid_2a.gif");
	background-size: cover;
}

.idgumTile:nth-child(3) {
	background: url("../images/idgum_games_grid_3a.gif");
	background-size: cover;
}

.idgumTile:nth-child(4) {
	background: url("../images/idgum_games_grid_4a.gif");
	background-size: cover;
}

.idgumTile:nth-child(5) {
	background: url("../images/idgum_games_grid_5a.gif");
	background-size: cover;
}

.idgumTile:nth-child(6) {
	background: url("../images/idgum_games_grid_6a.gif");
	background-size: cover;
}

.idgumGridImage {
    width: 100%;
    position: relative;
    z-index: 1;
    float:left;
}

.idgumGridFix {
	transform: translate3d(0,0,0);
}

#idgumGrid {
    height: 200vh;
    display: inline-block;
    width: 100vw;
}

#idgumGrid h3 {
    color: #ffffff;
    margin-top: 0px;
    display: inline-block;
}

.idgumGrid {
	top: 50vh;
    position: relative;
	margin-top: calc((33.33vw * 2 * .575 + 168px) / -2);
	left: 0px;
}

.idgumGridInner {
    position: relative;
    display: inline-block;
    width: 100vw;
}

.idgumTile {
    width: 33.33vw;
    height: calc(33.33vw * .575);
    overflow: hidden;
    margin-bottom: -4px;
    float: left;
}

.illustrationTile {
    width: 25vw;
    height: calc(25vw * .75);
    overflow: hidden;
    float: left;
}

.illustrationTile:nth-child(1) {
	background: url("../images/illustration_logos_9.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(2) {
	background: url("../images/illustration_logos_10.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(3) {
	background: url("../images/illustration_logos_11.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(4) {
	background: url("../images/illustration_logos_12.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(5) {
	background: url("../images/illustration_logos_13.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(6) {
	background: url("../images/illustration_logos_14.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(7) {
	background: url("../images/illustration_logos_15.jpg");
	background-size: cover;
}

.illustrationTile:nth-child(8) {
	background: url("../images/illustration_logos_16.jpg");
	background-size: cover;
}

.illustrationGridImage {
    width: 100%;
    height:auto;
    position: relative;
    z-index: 1;
    float:left;
}

.illustrationGridFix {
	transform: translate3d(0,0,0);
}

#illustrationGrid {
    height: 300vh;
    display: inline-block;
    width: 100vw;
}

#illustrationGrid h3 {
    color: #ffffff;
    margin-top: 0px;
    display: inline-block;
}

.illustrationGrid {
	left:0px;
	top: 50vh;
    position: relative;
	margin-top: calc((25vw * 2 * .75 + 168px) / -2);
}

.illustrationGridInner {
    position: relative;
    display: inline-block;
    width: 100vw;
}

.illustrationGrid .blackTint {
	background: black;
    width: 25vw;
    height: calc(25vw * .75);
    position: absolute;
    z-index: 0;
    opacity: .5;
}

.blackTint {
	background: black;
    width: 33.33vw;
    height: calc(33.33vw * .575);
    position: absolute;
    z-index: 0;
    opacity: .5;
}

.bratzFashionImage {
	width: 100%;
	float: right;
}

.bratzFashionImageHolder {
	width: 33.33%;
	float:right;
	clear: right;
	position: relative;
}

.bratzFashionImageHolder:nth-child(2) {
	right: 33.33%;
}

.bratzFashionImageHolder:nth-child(3) {
	right: 66.66%;
}

.bratzFashionImageHolder:nth-child(4) {
	right: 99.99%;
}

.bratzFashionImageHolder:nth-child(5) {
	right: 133.33%;
}

.bratzFashionImageHolder:nth-child(6) {
	right: 166.66%;
}

.bratzFashionImageHolder:nth-child(7) {
	right: 199.99%;
}

.bratzFashionImageHolder:nth-child(8) {
	right: 233.33%;
}

.idgumGamesImage {
	width: 100%;
	float: right;
}

.illustrationSlowroastIrlImage {
	float: right;
	clear: both;
	position: relative;
}

.illustrationSlowroastIrlImage:nth-child(1) {
	width:427px;
}
.illustrationSlowroastIrlImage:nth-child(2) {
	width: 284px;
    margin-right: 457px;
    margin-top: -174px;
}
.illustrationSlowroastIrlImage:nth-child(3) {
	width: 427px;
    margin-right: 314px;
    margin-top: 30px;
}
.illustrationSlowroastIrlImage:nth-child(4) {
	width: 427px;
	margin-right: 771px;
	margin-top: -599px;
}
.illustrationSlowroastIrlImage:nth-child(5) {
	width: 427px;
	margin-right: 771px;
	margin-top: -284px;
}
.illustrationSlowroastIrlImage:nth-child(6) {
	width: 427px;
	margin-right: 1228px;
	margin-top: -285px;
}
.illustrationSlowroastIrlImage:nth-child(7) {
	width: 427px;
	margin-right: 1228px;
	margin-top: 30px;
}
.illustrationSlowroastIrlImage:nth-child(8) {
	width: 640px;
	margin-right: 1685px;
	margin-top: -285px;
}
.illustrationSlowroastIrlImage:nth-child(9) {
	width: 854px;
	margin-right: 2355px;
	margin-top: -285px;
}

.idgumGamesImageHolder {
	width: 600px;
	float:right;
	clear: right;
	position: relative;
	margin-top: 40px;
}

.idgumGamesImageHolder:nth-child(2) {
	margin-right: 300px;
}

.idgumGamesImageHolder:nth-child(3) {
	margin-right: 600px;
}

.idgumGamesImageHolder:nth-child(4) {
	margin-right: 900px;
}

.idgumGamesImageHolder:nth-child(5) {
	margin-right: 1200px;
	margin-left: 430px;
}

.bratzMeetVideoFrame {
	width: 282px;
	height: 622px;
	background: #9754e8;
	border-radius: 38px;
	position: relative;
}

.bratzMeetVideoFrame:nth-child(2) {
	margin-left: calc(346px * 1);
	margin-top: -198px;
}
.bratzMeetVideoFrame:nth-child(3) {
	margin-left: calc(346px * 2);
	margin-top: -198px;
}
.bratzMeetVideoFrame:nth-child(4) {
	margin-left: calc(346px * 3);
	margin-top: -198px;
}
.bratzMeetVideoFrame:nth-child(5) {
	margin-left: calc(346px * 4);
	margin-top: -198px;
}
.bratzMeetVideoFrame:nth-child(6) {
	margin-left: calc(346px * 5);
	margin-top: -198px;
}

.newmuseumQuotesImageFrame {
	width: 100%;
    position: relative;
    display: inline-block;
}

.newmuseumQuotesImageFrame:nth-child(2) {
	margin-left: calc(380px * 1);
    margin-top: 54px;
}
.newmuseumQuotesImageFrame:nth-child(3) {
	margin-left: calc(380px * 2);
	margin-top: 54px;
}
.newmuseumQuotesImageFrame:nth-child(4) {
	margin-left: calc(380px * 3);
	margin-top: 54px;
}
.newmuseumQuotesImageFrame:nth-child(5) {
	margin-left: calc(380px * 4);
	margin-top: 54px;
}

.bratzMeetVideo {
	width: 100%;
	margin-top: 60px;
}

.bratzSocialVideo {
    width: 100%;
    float: right;
    margin-bottom: -1px;
}

.footer p {
	font-size: 16px;
}

/* PAGES
============================================================================= */
.nav {
	position:fixed;
	top:0px;
	z-index: 100;
	width:34px;
}

.logo {
	width: 34px;
	height: 89px;
	background: url("../images/btn_logo.png");
	background-size: cover;
	transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.highLow {
	top: -78px;
	right: 60px;
	width: 196px;
	height: 306px;
	background: url("../images/about_high_low.gif");
	background-size: cover;
	position: absolute;
}

.artForm {
	top: -190px;
	left: -206px;
	width: 385px;
	height: 360px;
	background: url("../images/about_intro.gif");
	background-size: cover;
	position: absolute;
}

.weirdPremium {
	width: 186px;
	height: 63px;
	margin-top: 16px;
	margin-bottom: -20px;
	background: url("../images/about_weird_premium.gif");
	background-size: cover;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.copyright {
	width: 42px;
	height: 42px;
	margin-top: 16px;
	margin-bottom: -14px;
	background: url("../images/copyright_1.gif");
	background-size: cover;
	position: relative;
	display: inline-block;
}

.img404 {
	width: 232px;
	height: 121px;
	top: -1000px;
	left: -1000px;
	background: url("../images/404_1.gif");
	background-size: cover;
	position: absolute;
}

.aboutHand {
	width: 95px;
	height: 109px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 16px;
	left: -125px;
	background: url("../images/about_hand.gif");
	background-size: cover;
	position: relative;
}

.jenEmail {
	width: 58px;
	height: 145px;
	bottom: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -12px;
	margin-bottom: 0px;
	background: url("../images/about_email.gif");
	background-size: cover;
	position: relative;
	display: inline-block;
}

.heart {
	width:20px;
	height: 17px;
	background: url("../images/heart.png");
	background-size: cover;
	left: 16px;
	margin-top: 10px;
	position: relative;
}

.heartShare {
    width: 51px;
    height: 17px;
    background: url(../images/heart_share.png);
    background-size: cover;
    right: 14px;
    margin-bottom: 14px;
    float: right;
    position: relative;
}

.sparkleEmail {
	width: 72px;
	height: 59px;
	margin-left: auto;
	margin-right: auto;
	left: 85px;
	margin-top: 156px;
	margin-bottom: 0px;
	background: url("../images/home_sparkle_3.gif");
	background-size: cover;
	position: relative;
}

.pointingDown {
	width: 128px;
	height: 211px;
	margin-top: 24px;
	margin-bottom: 0px;
	margin-right: 88px;
	background: url("../images/pointing_down.gif");
	background-size: cover;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.luSteez {
	width: 79px;
	height: 103px;
	margin-right: 26px;
	margin-bottom: 14px;
	background: url("../images/about_lu_steez.gif");
	background-size: cover;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
}

.bratzMobile {
	width: 304px;
	height: 620px;
	top: -23px;
	right: 0px;
	background: url("../images/bratz_mobile.png");
	background-size: cover;
	position: absolute;
}

.bratzMobile:before {
	content: '';
	width: 233px;
	height: 203px;
	top: 420px;
	left: -160px;
	background: url("../images/bratz_mobile_cat.gif");
	background-size: cover;
	position: absolute;
	z-index: -1;
	-webkit-transform: translate3d(0, 0, 0);
}

.bratzMobileScreen {
	width: 282px;
	height: 502px;
	position:relative;
	background: url("../images/bratz_app_2.jpg");
	background-size: cover;
	background-position-x: 0%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -251px;
	top: 50%;
	border-radius: 4px;
	border: 3px solid #000000;
	/*transition: background-position-x 0.16s ease-out;
	-webkit-transition: background-position-x 0.16s ease-out;
	-moz-transition: background-position-x 0.16s ease-out;
	-o-transition: background-position-x 0.16s ease-out;*/
}

.airwickMobileFrame {
	width: 347px;
	height: 658px;
	top: -46px;
	right: -19px;
	background: url("../images/airwick_mobile.png");
	background-size: cover;
	position: absolute;
}

.airwickMobileScreen {
	width: 282px;
	height: 502px;
	position:relative;
	background: url("../images/airwick_mobile.jpg");
	background-size: cover;
	background-position-y: 0%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -251px;
	top: 50%;
	border-radius: 4px;
	border: 3px solid #000000;
	/*transition: background-position-x 0.16s ease-out;
	-webkit-transition: background-position-x 0.16s ease-out;
	-moz-transition: background-position-x 0.16s ease-out;
	-o-transition: background-position-x 0.16s ease-out;*/
}

.athenosMobileScreen {
	width: 282px;
	height: 502px;
	position:relative;
	background-position-y: 0%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -251px;
	top: 50%;
	border-radius: 4px;
	border: 3px solid #000000;
}

.athenosMobileScreen1 {
	background: url("../images/athenos_mobile_1.jpg");
	background-size: cover;
}

.athenosMobileScreen2 {
	background: url("../images/athenos_mobile_2.jpg");
	background-size: cover;
}

.athenosMobileScreen3 {
	background: url("../images/athenos_mobile_3.jpg");
	background-size: cover;
}

#jenluV3Mobile .athenosMobileScreen1 {
	background: url("../images/jenlu_v3_2.jpg");
	background-size: cover;
}

#jenluV3Mobile .athenosMobileScreen2 {
	background: url("../images/jenlu_v3_3.jpg");
	background-size: cover;
}

#jenluV3Mobile .athenosMobileScreen3 {
	background: url("../images/jenlu_v3_4.jpg");
	background-size: cover;
}

.bratzMobileMenu {
	height:100%;
}



.contactLine {
	width: 65px;
	height: 23px;
	margin-right: 12px;
	margin-bottom: -4px;
	background: url("../images/contact_line.png");
	background-size: cover;
	position: relative;
	display: inline-block;
}

.contactArrow {
	width: 76px;
	height: 23px;
	margin-left: 12px;
	margin-bottom: -4px;
	background: url("../images/contact_arrow.png");
	background-size: cover;
	position: relative;
	display: inline-block;
}

.hidden {
	display: none;
}

.logo:hover {
	background-position: 34px 0px;
}

.coverBottom {
	position: absolute;
	width:100%;
	bottom: 32px;
}

.arrowDown {
	width: 42px;
	height: 42px;
	background: url("../images/arrow.png");
	background-size: 42px;
	transition: background 0.16s ease-out;
	-webkit-transition: background 0.16s ease-out;
	-moz-transition: background 0.16s ease-out;
	-o-transition: background 0.16s ease-out;
	margin: auto;
	display: inline-block;
    z-index: 1;
	position: relative;
}

.arrowDown:hover {
	background-position: 0px 42px;
}

.arrowRight {
	margin-top: 3px;
	margin-left: -3px;
	width: 40px;
	height: 34px;
	background: url("../images/arrow.png");
	background-size: 34px;
	background-position: 0px 0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.arrowRight:hover {
	background-position: 0px 34px;
}

.arrowLeft {
	margin-top: 3px;
	width: 34px;
	height: 34px;
	background: url("../images/arrow.png");
	background-size: 34px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.arrowLeft:hover {
	background-position: 0px -34px;
}

.intro {
	margin-left: auto;
	margin-right: auto;
	top: 50vh;
	position: relative;
	margin-top: -295px;
	display: inline-block;
	width: calc(100vw - 48px);
	padding-left: 24px;
	padding-right: 24px;
}

.contentLeft {
	top: calc(50vh - 282px);
	max-width: 1200px;
	width: calc(100vw - 80px);
	position: relative;
	display: inline-block;
	z-index: -1;
}

.contentLeftInner {
	-webkit-transform: translate3d(0, 0, 0);
	margin-right: 10px;
}

.contentHorizontal {
	top: 50vh;
	width: calc(292px * 8);
	position: relative;
	margin-top: -366px;
	display: inline-block;
}

.airwick .contentHorizontal {
	top: 0vh;
	margin-top: 60px;
	width: calc(((100vh - 60px) * .76 + 40px) * 5);
	position: relative;
	display: inline-block;
}

.athenos .contentHorizontal {
    top: 0vh;
    margin-top: 60px;
    width: calc(((100vh - 60px) * .515 + 40px) * 6);
    position: relative;
    display: inline-block;
}

.contentHorizontalInner {
	position: relative;
}

.bratzSocialDetails {
	top: 50vh;
	max-width: 1200px;
	width: calc(100vw - 80px);
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
	position: relative;
	margin-top: -165px;
	-webkit-transform: translate3d(0, 0, 0);
}

.contentDiagonal {
	display: inline-block;
	position: relative;
}

.details {
	min-height: 100vh;
	display: inline-block;
	overflow: hidden;
	margin-bottom: -4px;
	margin-top: 100vh;
    position: relative;
    width: 100vw;
}

.sparkleLarge {
	width: 221px;
	height: 47px;
	background: url("../images/home_sparkle_1.gif");
	background-size: cover;
	top: 18%;
	left: 20%;
	position: absolute;
}

.zigzag {
	display: inline-block;
	position: relative;   
}

.zigzag:after {
	content: '';
	height: 5px;
	width: 100%;
	position: absolute;
	background: url("../images/zigzag_underline.png?1");
	background-size: 8px;
	bottom: 0px;
	left: 0;

	-webkit-animation: zigzagPlay 2s infinite linear;
		-moz-animation: zigzagPlay 2s infinite linear;
		 -ms-animation: zigzagPlay 2s infinite linear;
		  -o-animation: zigzagPlay 2s infinite linear;
			 animation: zigzagPlay 2s infinite linear;

	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

.zigzag:hover:after {
		-webkit-animation-play-state: running;
		-moz-animation-play-state: running;
		-o-animation-play-state: running;
		animation-play-state: running;
}

h2 .zigzag:after {
	bottom: -2px;
}


@-webkit-keyframes zigzagPlay {
	 0% { background-position:	0px; }
   100% { background-position:	-96px; }
}

@-moz-keyframes zigzagPlay {
	 0% { background-position:	0px; }
   100% { background-position:	-96px; }
}

@-ms-keyframes zigzagPlay {
	 0% { background-position:	0px; }
   100% { background-position:	-96px; }
}

@-o-keyframes zigzagPlay {
	0% { background-position:	0px; }
   100% { background-position:	-96px; }
}

@keyframes zigzagPlay {
	0% { background-position:	0px; }
   100% { background-position:	-96px; }
}

.sparkleSmall {
	width: 57px;
	height: 50px;
	background: url("../images/home_sparkle_2.gif");
	background-size: cover;
	top: 6%;
	left: 59%;
	position: absolute;
}

.pageView {
	position: relative;
	left: 0%;
}

.holder404 {
	width:100%;
	height:100%;
}


.footerNav .prev{
  opacity: 1;
  width:50%;
	float:left;
  transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.footerNav .next{
  opacity: 1;
  width:50%;
	float:left;
  transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
}

.footerNav:hover .prev, .footerNav:hover .next{
  opacity: .5;
}

.footerNav .prev:hover{
  opacity: 1;
}

.footerNav .next:hover{
  opacity: 1;
}

.footerNav {
	background: #000000;
	display: inline-block;
	/*position: relative;*/
	width: 100vw;
	vertical-align: bottom;
}

.next img, .prev img {
	width: 100%;
	float: left;
}


.show {
	position: fixed;
	z-index: 1;
}

.coverImg {
	position: fixed;
	-webkit-transform: translate3d(0, 0, 0);
}

@-moz-document url-prefix() { 
  .ropeOver1 {
      margin-top: 94px !important;
  }

  .mozInline {
  	display: inline-block;
  	margin-bottom: -5px;
  }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {

	#jenluV2PageImages .contentHorizontalInner {
		margin-top: -125px;
	}

	.twoColumnLinkFix {
		overflow: inherit !important;
	}

	.ropeOver1 {
	    margin-top: 94px !important;
	}

    .airwick .cover {
    	background: url('../images/project_airwick.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .athenos .cover {
    	background: url('../images/project_athenos.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .bratz .cover {
    	background: url('../images/project_bratz.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .idgum .cover {
    	background: url('../images/project_idgum.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .illustration .cover {
    	background: url('../images/project_illustration.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .jenlu .cover {
    	background: url('../images/project_jenlu.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .newmuseum .cover {
    	background: url('../images/project_newmuseum.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .collabwith .cover {
    	background: url('../images/project_collabwith.jpg') no-repeat center center;
    	background-position-y: 0px; 
    }

    .home .cover {
    }

    .coverImg {
    	display: none;
    }
}}



.leftEye {
	width: 29px;
	height: 29px;
	left: 60px;
	top: 227px;
	background: url("../images/eyeball.png");
	background-size: cover;
	position: absolute;
}

.rightEye {
	width: 29px;
	height: 29px;
	left: 109px;
	top: 227px;
	background: url("../images/eyeball.png");
	background-size: cover;
	position: absolute;
}

.cover {
	position: absolute;
	background-size: 1200px;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
	z-index: 3;
	/*background-attachment: fixed !important;*/
	background-position-y: 0px;
	background-position-x: 0px;
	clip-path: inset(0px 0px 0px 0px);
}

.home .cover {
	background: white;
}

.newmuseumIntroContent {
    width: 55%;
    max-width: 600px;
    display: inline-block;
    float: left;
    text-align: left;
}

.newmuseumIntroContentHolder {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#newmuseumIntro {
	width: calc(100vw - 80px);
	text-align: center;
	padding-top: 70px;
	padding-right: 40px;
    padding-left: 40px;
}

#collabwithIntro {
	width: calc(100vw - 80px);
	text-align: center;
	padding-top: 70px;
	padding-right: 40px;
    padding-left: 40px;
    display: inline-block;
}

.newmuseumPayphone {
	width: 38%;
    float: right;
    position: relative;
    margin-top: 10%;
    margin-right: 10px;
}

.collabwithVideo {
    width: 38%;
    float: right;
    position: relative;
    margin-top: 20px;
    margin-right: 10px;
}

.newmuseumStats {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 98px;
	margin-bottom: 118px;
	position: relative;   
	z-index: 1;
	display: inline-block;
}

.newmuseumStatsInner {
    padding-left: 7%;
    padding-right: 7%;
}

.newmuseumStat {
	width: 50%;
	float:left;
	text-align: center;
	position: relative;
	margin-bottom: 12px;
}

.newmuseumStat p {
	margin-top: 0px;
	top: -10px;
	position: relative;
}

.newmuseumStat h1 {
	margin-bottom: 0px
}

#newmuseumCasestudy {
	margin-right: 10px;
	margin-bottom: 86px;
}

#idgumCasestudy {
	margin-right: 10px;
	margin-bottom: 86px;
	z-index: 3;
    position: relative;
}

#idgumCasestudy .playCircle {
	transform: scale(2);
}

#idgumFilm {
	margin-right: 10px;
	margin-bottom: 86px;
	z-index: 3;
    position: relative;
}

#idgumFilm .playCircle {
	transform: scale(2);
}

.newmuseumCasestudyVideo {
	width:100%;
	-webkit-transform: inherit;
}

#newmuseumCasestudy .playCircle {
	transform: scale(2);
}

#newmuseumGrid {
	display: inline-block;
    width: 100vw;
    height: 300vh;
    float: left;
}

.newmuseumGridInner {
	display: inline-block;
    width: 100vw;
    top: 0vh;
    position: relative;
    background: #555555;
    left:0px;
}

.newmuseumTileHolder {
	display: inline-block;
    width: 25vw;
    height: 33.33vh;
    position: relative;
    overflow: hidden;
    float: left;
}

.newmuseumTile {
	width: 100%;
    position: absolute;
    float: left;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
}

.newmuseumTileImageSpacer {
	width: 100%;
	float: left;
}

.newmuseumTileImage {
	width: 25vw;
    height: 33.33vh;
    float: left;
}

.newmuseumTileImage1 {
	background: url(../images/newmuseum_ooh_1.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage2 {
	background: url(../images/newmuseum_ooh_2.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage3 {
	background: url(../images/newmuseum_ooh_3.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage4 {
	background: url(../images/newmuseum_ooh_4.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage5 {
	background: url(../images/newmuseum_ooh_5.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage6 {
	background: url(../images/newmuseum_ooh_6.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage7 {
	background: url(../images/newmuseum_ooh_7.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage8 {
	background: url(../images/newmuseum_ooh_8.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage9 {
	background: url(../images/newmuseum_ooh_9.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage10 {
	background: url(../images/newmuseum_ooh_10.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage11 {
	background: url(../images/newmuseum_ooh_11.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage12 {
	background: url(../images/newmuseum_ooh_12.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage13 {
	background: url(../images/newmuseum_ooh_13.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage14 {
	background: url(../images/newmuseum_ooh_14.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage15 {
	background: url(../images/newmuseum_ooh_15.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage16 {
	background: url(../images/newmuseum_ooh_16.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage17 {
	background: url(../images/newmuseum_ooh_17.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage18 {
	background: url(../images/newmuseum_ooh_18.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage19 {
	background: url(../images/newmuseum_ooh_19.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage20 {
	background: url(../images/newmuseum_ooh_20.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage21 {
	background: url(../images/newmuseum_ooh_21.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage22 {
	background: url(../images/newmuseum_ooh_22.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage23 {
	background: url(../images/newmuseum_ooh_23.jpg) no-repeat center center;
	background-size: cover;
}

.newmuseumTileImage24 {
	background: url(../images/newmuseum_ooh_24.jpg) no-repeat center center;
	background-size: cover;
}

#airwickIntro {
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
}

#airwickOG {
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: left;
	overflow:hidden;
	z-index: 1;
}

#newmuseumHow {
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
	z-index: 1;
}

#newmuseumHow ol {
	font-size: 20px;
    max-width: 484px;
    list-style-type: decimal;
}

#newmuseumHow li {
	margin-bottom: 26px;
	line-height: 1.7em;
	padding-left: 20px;
	margin-left: 28px;
}

.airwickMobileOver {
	z-index: 2;
}

.nowrap {
    white-space: nowrap;
}

#airwickTablet {
	position: relative;
	margin-right: 10px;
    width: 100vw;
    margin-bottom: -5px;
}

#athenosTablet {
    position: absolute;
    margin-right: 10px;
    width: 100vw;
    margin-bottom: -4px;
    bottom: 0px;
}

.athenosTabletHolder {
	min-height: 100vh;
    background-color: #005da3;
    position: relative;
}

#newmuseumTablet {
	position: relative;
	margin-right: 10px;
	margin-bottom: 16px;
}

.airwickTabletImage {
	width:100%;
}

.airwickTabletImageSize {
	width:100%;
	visibility: hidden;
}

.airwickTabletVideo {
	width: 100.1%;
}

.airwickTabletVideoFrame {
	width: 67%;
	margin-left: 50%;
	margin-top: 13.4%;
	height: 57.7%;
	overflow: hidden;
	left: -33.8%;
	position: absolute;
	border-radius: 4px;
	border: 3px solid #000000;
	background: black;
}

.athenosTabletVideoFrame {
    width: 67%;
    margin-left: 50%;
    margin-top: 47.6%;
    height: 37.7%;
    overflow: hidden;
    left: -33.8%;
    position: absolute;
    border-radius: 4px;
    border: 3px solid #000000;
}

.athenosTabletVideoFrame .playCircle {
    transform: scale(2); 
}

.athenosTabletVideoFrame video {
	-webkit-transform: inherit !important;
}

.newmuseumTabletVideoFrame {
	width: 72.5%;
    margin-left: 5.9%;
    margin-top: 5.8%;
    height: 71.7%;
    overflow: hidden;
    position: absolute;
    border-radius: 4px;
    border: 3px solid #000000;
    background: #000000;
}

.airwickSitePages {
	width: calc(100vw - 80px);
    padding-right: 40px;
    padding-left: 40px;
}

.airwickSitePagesDetails {
	margin-left: auto;
    margin-right: auto;
    max-width: 810px;
    padding-top: 84px;
    padding-bottom: 84px;
}

.athenosSitePagesDetails {
    margin-left: auto;
    margin-right: auto;
    max-width: 810px;
    padding-top: 84px;
    padding-bottom: 84px;
}

.athenosSitePagesDetails h3 {
	margin: 0px;
	text-align: left;
}

.airwickIntroContent {
	z-index: 1;
    position: relative;
    max-width: 810px;
    display: inline-block;
    margin-top: 72px;
    width: calc(100vw - 80px);
    padding-right: 40px;
    padding-left: 40px;
}

.athenosIntroContent {
	z-index: 1;
    position: relative;
    max-width: 810px;
    display: inline-block;
    margin-top: 72px;
    width: calc(100vw - 80px);
    padding-right: 40px;
    padding-left: 40px;
}

.athenosIntroContentHolder {
	position: absolute;
	width: 100%;
	text-align: center;
}

.airwickOGContent {
	z-index: 1;
    position: relative;
    display: inline-block;
    top: 50%;
    margin-top: -275px;
    width: calc(50% - 60px);
    max-width: 460px;
    left: calc(50% + 20px);
    padding-right: 40px;
}

.newmuseumHowContent {
	top: 50vh;
    max-width: 1200px;
    width: calc(50vw - 54px);
    position: absolute;
    margin-top: -310px;
    left: calc(50vw + 14px);
    display: inline-block;
    z-index: 1;
    text-align: left;
}

#idgumTumblrIntro {
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
	z-index: 1;
}

.idgumTumblrIntroContent {
	top: 50vh;
    max-width: 1200px;
    width: calc(100vw - 80px);
    position: relative;
	margin-top: -162px;
    display: inline-block;
    z-index: 1;
    text-align: left;
}

.idgumTumblrIntroImage {
    position: absolute;
    right: 0px;
    width: 60vw;
    margin-right: -60vw;
    transform:rotate(60deg);
    border-spacing: 60px;
    top: 50%;
    margin-top: -25vw;
}

.idgumTumblrIntroContent h2, .idgumTumblrIntroContent p{
	width: 40%;
}

.illustrationSlowroastIntro {
	position: absolute;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
}

.illustrationSlowroastIntroContent {
	top: 50vh;
    max-width: 810px;
    width: calc(100vw - 80px);
    position: relative;
    margin-top: -180px;
    display: inline-block;
}

#illustrationPM {
	position: relative;
	width: 100vw;
	text-align: center;
	overflow:hidden;
	z-index: 1;
}

.illustrationPMContent {
    max-width: 1200px;
    width: calc(100vw - 80px);
    min-height: 650px;
    position: relative;
	margin-top: 18vh;
    display: inline-block;
    z-index: 1;
    text-align: left;
}

.illustrationPMImageHolder {
    position: absolute;
    left: 0px;
    width: 50%;
    margin-left: 50%;
    text-align: center;
    top: 0px;
}

.illustrationPMImageHolder p {
	font-size: 16px;
	text-align: center;
	width: 100% !important;
}

.illustrationPMImage {
    margin-top: 0px;
    width: 90%;
    border-radius: 50%;
}

#illustrationIntro {
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
	z-index: 1;
}

.illustrationIntroContent {
	top: 50vh;
    max-width: 1200px;
    width: calc(100vw - 80px);
    position: relative;
	margin-top: -213px;
    display: inline-block;
    z-index: 1;
    text-align: left;
}

.illustrationIntroImage1 {
    position: absolute;
    right: 0px;
    height: 70vh;
    margin-right: 120vw;
    transform: rotate(-60deg);
    border-spacing: 60px;
    top: 50%;
    margin-top: -35vh;
}

.illustrationIntroImage2 {
    position: absolute;
    right: 0px;
    height: 45vh;
    margin-right: 120vw;
    transform: rotate(-60deg);
    border-spacing: 60px;
    top: 50%;
    margin-top: -18vh;
}

.illustrationIntroImage3 {
    position: absolute;
    right: 0px;
    height: 65vh;
    margin-right: 120vw;
    transform: rotate(-60deg);
    border-spacing: 60px;
    top: 50%;
    margin-top: -33vh;
}

.illustrationIntroContent h2, .illustrationIntroContent p{
	width: 46%;
	margin-left: calc(50% + 20px);
}

.illustrationPMContent h2, .illustrationPMContent p{
	width: 43%;
}

#illustrationDecksIntro {
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: center;
	overflow:hidden;
	z-index: 1;
}

.illustrationDecksIntroContent {
	top: 50vh;
    max-width: 1200px;
    width: calc(100vw - 80px);
    position: relative;
	margin-top: -205px;
    display: inline-block;
    z-index: 1;
    text-align: left;
}

.illustrationDecksIntroImage {
    position: absolute;
    right: 0px;
    height: 70vh;
    margin-right: 100vw;
    transform: rotate(-60deg);
    border-spacing: 60px;
    top: 50%;
    margin-top: -35vh;
}

.illustrationDecksIntroContent h2, .illustrationDecksIntroContent p{
	width: 42%;
	margin-left: calc(50% + 20px);
	position: relative;
}

.airwickIntroContent h2 {
	color: #ffffff;
}

.airwickIntroContent h4 {
	color: #ffffff;
}

.athenosIntroContent h2 {
	color: #ffffff;
}

.athenosIntroContent h4 {
	color: #ffffff;
	text-align: left;
}

.airwickOGContent h2 {
	color: #ffffff;
}

.airwickOGContent p {
	color: #ffffff;
	max-width: 450px;
}

.airwickIntroVideoFrame {
	height: 100%;
	position: absolute;
	bottom: 0px;
}

.airwickIntroVideo {
	height: 100%;
	-webkit-transform: inherit;
}

.newmuseumHowVideo {
    width: 100%;
    -webkit-transform: inherit;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: calc(100vw * 1080 / 1920 * -.5);
}


#airwickIntroContinued
{
	padding-right: 40px;
	padding-left: 40px;
}

.airwickIntroTop {
	margin-left: auto;
    margin-right: auto;
    max-width: 810px;
    margin-top: 74px;
    margin-bottom: 84px;
    text-align: left;
}

.newmuseumQuotesIntro {
	width: calc(100vw - 80px);
    text-align: center;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
}

.newmuseumQuotesIntroInner {
	text-align: left;
    max-width: 1200px;
    position: relative;
    display: inline-block;
}

.airwickIntroBottom {
	margin-left: auto;
    margin-right: auto;
    max-width: 810px;
    margin-top: 74px;
    margin-bottom: 84px;
    text-align: left;
}

.twoColumn {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	font-size: 20px;
	color: #ff0000;
	line-height: 1.7em;
	font-weight: 400;
	overflow: hidden;
}

.twoColumn ul {
	margin-top: 0px;
	font-size: 16px;
}

#airwickFilm {
	margin-right: 10px;
}

.airwickFilmVideo {
	width:100%;
	-webkit-transform: inherit;
}

#airwickFilm .playCircle {
	transform: scale(2);
}

.airwickFullPage {
	max-width: 1120px;
    width: calc(100vw - 90px);
    height: 200vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 50px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 1;
}

.athenosFullPage {
	max-width: 1100px;
    width: calc(100vw - 90px);
    height: 200vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 50px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 1;
}

#airwickFullPage2.airwickFullPage {
	height: 300vh;
}

.airwickBrowser {
	max-width: 1120px;
    height: 644px;
    
    margin: auto;
    top: 50vh;
    width: calc(100vw - 90px);
    position: relative;
    margin-top: -322px;
    display: inline-block;
    z-index: -1;
}

.airwickBrowserInner {
	-webkit-transform: translate3d(0, 0, 0);
	background: #bfd69a;
    border-radius: 10px 10px 0px 0px;
}

.athenosBrowserInner {
    -webkit-transform: translate3d(0, 0, 0);
    background: #8bc3e3;
    border-radius: 10px 10px 0px 0px;
}

.airwickPage {
	height: 620px;
    width: 100%;
    top: 24px;
    margin-bottom: 24px;
    position: relative;  
    background-position-y: 0%;
}

#airwickFullPage1 .airwickPage {
	background: url(../images/airwick_desktop_1.jpg) no-repeat;
	background-size: cover;
}

.athenos .airwickPage {
	background: url(../images/athenos_desktop_1.jpg) no-repeat;
	background-size: cover;
}

.athenosSitePagesMore {
	width: calc(100vw - 80px);
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 90px;
    text-align: center;
    display: inline-block;
}

.athenosSitePagesMoreInner {
	max-width: 1100px;
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-right: 10px;
}

.athenosBrowser2 {
    background: #8bc3e3;
    border-radius: 10px 10px 0px 0px;
}

.athenosBrowser3 {
	background: #8bc3e3;
    border-radius: 10px 10px 0px 0px;
}

.athenosBrowser {
    max-width: 1100px;
    height: 644px;
    margin: auto;
    top: 50vh;
    width: calc(100vw - 90px);
    position: relative;
    margin-top: -322px;
    display: inline-block;
    z-index: -1;
 }


.athenosRightColumn {
	width: calc(50% - 15px);
    display: inline-block;
    margin-left: -4px;
    margin-right: -1px;
}

.athenosLeftColumn {
	width: calc(50% - 15px);
	height: 100%;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}

.athenosLeftColumn p {
    margin-left: 17%;
    margin-bottom: 20%;
    margin-right: 10%;
}

.athenosBrowserSmallImage {
	width: 100%;
    top: 24px;
    margin-bottom: 20px;
    position: relative;
}

.athenos404Video {
    width: 100%;
    margin-top: 24px;
    margin-bottom: -4px;
}

.athenos404VideoHolder {
    margin-top: 30px;
}

.athenosDesktopVideo {
	width: 100%;
    margin-bottom: -29px;
	margin-top:-1px
}

#airwickFullPage2 .airwickPage {
	background: url(../images/airwick_desktop_2.jpg) no-repeat;
	background-size: cover;
}

.airwickPageImage {
	height: calc(100vh - 60px);
	margin-right: 40px;
	-webkit-transform: translate3d(0, 0, 0);
}

#airwickPageImages {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: -1;
}

.copy {
	position: relative;
}

section {
	/*position:absolute; 
	width:100vw; 
	height: 100vh;*/
}

.playArrow {
	width: 0px;
	height: 0px;
	border-bottom: 18px solid transparent;
	border-right: 25px solid #ff0000;
	position: absolute;
	left: 14px;
    top: 4px;
}
.playArrow:after {
	content: ' ';
	width: 0px;
	left:0px;
	top:18px;
	height: 0px;
	border-top: 18px solid transparent;
	border-right: 25px solid #ff0000;
	position: absolute;
}
.playArrow:before {
	content: ' ';
	width: 24px;
	left: -15px;
	top: -8px;
	height: 36px;
	border-top: 8px #ff0000 solid;
	border-right: 6px #ff0000 solid;
	border-bottom: 8px #ff0000 solid;
	border-left: 16px #ff0000 solid;
	position: absolute;
}

.videoThumb {
	width: 100%;
	display: inline-block;
	position: relative;
}

.playCircle {
	width: 44px;
	height: 44px;
	border-radius: 42px;
	border: 16px solid #ff0000;
	transition: all 0.16s ease-out;
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -38px;
	top: 50%;
	margin-top: -38px;
	z-index: 2;
}

.videoThumb:hover .playCircle {
	border-radius: 26px;
}

#position1 {
	left: -100vw;
	width: 100vw;
	position: absolute;
}

#position2 {
	left: 0px;
	width: 100vw;
	position: absolute;
}

#position3 {
	left: 100vw;
	width: 100vw;
	position: absolute;
}

#warped {
	position: relative; 
	display: block; 
	width: 579px;
	height: 165px;
	margin: auto;
	top: -100px;
	color: #ff0000;
	-webkit-transform: scale(.95);
}

#warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

#warped span{font-family:'Montserrat';font-size:72px;font-weight:regular;font-style:normal;
line-height:0.65; white-space:pre; overflow:visible; padding:0px;}

#warped .w0 {-moz-transform: rotate(-6.38rad);-webkit-transform: rotate(-6.38rad);-o-transform:
rotate(-6.38rad);-ms-transform: rotate(-6.38rad); transform: rotate(-6.38rad);
width: 53px; height: 46px; left: 15.86px; top: 122.96px;}

#warped .w1 {-moz-transform: rotate(-6.21rad);-webkit-transform: rotate(-6.21rad);-o-transform:
rotate(-6.21rad);-ms-transform: rotate(-6.21rad); transform: rotate(-6.21rad);
width: 20px; height: 46px; left: 69.06px; top: 122.99px;}

#warped .w2 {-moz-transform: rotate(-6.11rad);-webkit-transform: rotate(-6.11rad);-o-transform:
rotate(-6.11rad);-ms-transform: rotate(-6.11rad); transform: rotate(-6.11rad);
width: 41px; height: 46px; left: 89.47px; top: 127.16px;}

#warped .w3 {-moz-transform: rotate(-6.02rad);-webkit-transform: rotate(-6.02rad);-o-transform:
rotate(-6.02rad);-ms-transform: rotate(-6.02rad); transform: rotate(-6.02rad);
width: 47px; height: 46px; left: 129.56px; top: 137.15px;}

#warped .w4 {-moz-transform: rotate(-5.97rad);-webkit-transform: rotate(-5.97rad);-o-transform:
rotate(-5.97rad);-ms-transform: rotate(-5.97rad); transform: rotate(-5.97rad);
width: 20px; height: 46px; left: 176.02px; top: 147.11px;}

#warped .w5 {-moz-transform: rotate(-5.95rad);-webkit-transform: rotate(-5.95rad);-o-transform:
rotate(-5.95rad);-ms-transform: rotate(-5.95rad); transform: rotate(-5.95rad);
width: 20px; height: 46px; left: 195.34px; top: 153.65px;}

#warped .w6 {-moz-transform: rotate(-5.93rad);-webkit-transform: rotate(-5.93rad);-o-transform:
rotate(-5.93rad);-ms-transform: rotate(-5.93rad); transform: rotate(-5.93rad);
width: 45px; height: 46px; left: 213.63px; top: 164.88px;}

#warped .w7 {-moz-transform: rotate(-5.9rad);-webkit-transform: rotate(-5.9rad);-o-transform:
rotate(-5.9rad);-ms-transform: rotate(-5.9rad); transform: rotate(-5.9rad);
width: 41px; height: 46px; left: 257.47px; top: 181.39px;}

#warped .w8 {-moz-transform: rotate(-5.93rad);-webkit-transform: rotate(-5.93rad);-o-transform:
rotate(-5.93rad);-ms-transform: rotate(-5.93rad); transform: rotate(-5.93rad);
width: 30px; height: 46px; left: 296.46px; top: 194.52px;}

#warped .w9 {-moz-transform: rotate(-5.96rad);-webkit-transform: rotate(-5.96rad);-o-transform:
rotate(-5.96rad);-ms-transform: rotate(-5.96rad); transform: rotate(-5.96rad);
width: 20px; height: 46px; left: 325.55px; top: 203.1px;}

#warped .w10 {-moz-transform: rotate(-6.02rad);-webkit-transform: rotate(-6.02rad);-o-transform:
rotate(-6.02rad);-ms-transform: rotate(-6.02rad); transform: rotate(-6.02rad);
width: 47px; height: 46px; left: 344.13px; top: 212.9px;}

#warped .w11 {-moz-transform: rotate(-6.14rad);-webkit-transform: rotate(-6.14rad);-o-transform:
rotate(-6.14rad);-ms-transform: rotate(-6.14rad); transform: rotate(-6.14rad);
width: 47px; height: 46px; left: 390.66px; top: 222.77px;}

#warped .w12 {-moz-transform: rotate(-6.26rad);-webkit-transform: rotate(-6.26rad);-o-transform:
rotate(-6.26rad);-ms-transform: rotate(-6.26rad); transform: rotate(-6.26rad);
width: 20px; height: 46px; left: 438.09px; top: 225.86px;}

#warped .w13 {-moz-transform: rotate(-6.39rad);-webkit-transform: rotate(-6.39rad);-o-transform:
rotate(-6.39rad);-ms-transform: rotate(-6.39rad); transform: rotate(-6.39rad);
width: 47px; height: 46px; left: 458.66px; top: 224.68px;}

#warped .w14 {-moz-transform: rotate(-6.56rad);-webkit-transform: rotate(-6.56rad);-o-transform:
rotate(-6.56rad);-ms-transform: rotate(-6.56rad); transform: rotate(-6.56rad);
width: 28px; height: 46px; left: 505.36px; top: 217.64px;}

.mobileShow {
	display: none;
}

.tabletShow {
	display: none;
}

.loader {
	width: 60px;
	height: 60px;
	background: url("../images/loader.png");
	background-size: cover;
	position: relative;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.centerLoader {
	bottom: -3px;
    position: absolute;
    width: 100%;
    text-align: center;
    display: none;
    z-index: 2;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.bratzMobileCenter {
	position: relative;
	z-index: -1;
	text-align: center;
}

.airwickPageImagesCenter {
	position: relative;
	z-index: -1;
}

.dynamicGraphic {
	width: 400px;
    height: 400px;
    position: absolute;
    top: -22%;
    left: 66.3%;
    z-index: -1;
}

.dynamicGraphicTime {
	font-size: 28px;
    color: #ff0000;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    position: absolute;
    animation: move 60s steps(60) infinite;
    -webkit-transform-origin: 0% 50%;
}

.dynamicGraphicTemp {
	font-size: 28px;
    color: #ff0000;
    top: 50%;
    width:100%;
    margin-top: -17px;
    text-align: center;
    position: absolute;
}

@keyframes move {
  from { -webkit-transform: rotate(-45deg); }
  to   { -webkit-transform: rotate(315deg);  }
}


#jenluIntro {
    width: calc(100vw - 80px);
    text-align: center;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
    display: inline-block;
}

.jenluEvolutionImage {
    width: 118px;
    margin-top: 39px;
    margin-bottom: -40px;
}

#jenluV1 .jenluV3Intro p {
    width: calc(50% - 30px);
    margin-right: 40px;
    text-align: left;
    float: left;
    margin-top: 22px;
}

.jenluV3IntroFix {
    margin-top: 82px !important;
}

.jenluV3IntroImage {
    width: calc(100% - 190px);
    max-width: 655px;
    margin-left: 150px;
    margin-right: 40px;
}

.jenluV3Intro {
    max-width: 1020px;
    display: inline-block;
}

#jenluV3Casestudy {
	margin-top: 90px;
	margin-right: 10px;
	margin-bottom: 86px;
	z-index: 3;
    position: relative;
}

#jenluV3Casestudy .playCircle {
	transform: scale(2);
}

.whiteToGreen {
	width: 100vw;
	text-align: center;
	background: linear-gradient(#ffffff 0%, #c7ffed 50%, #d6b4ec 100%);
}

.greenHold {
	background: #d6b4ec;
	text-align: center;
	width: 100vw;
}

.greenToPink {
	width: 100vw;
	text-align: center;
	background: linear-gradient(#d6b4ec 0%, #e17eec 100%);
}

.whiteToGreen h2, .whiteToGreen p {
	color: red;
}


#jenluV2 {
	width: calc(100vw - 80px);
    text-align: center;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
    display: inline-block;
}

#jenluV2 h4, #jenluV2 h3, #jenluV2 h2, #jenluV2 p, #jenluV2 a {
	color: white;
}

#jenluV2PageImages h4, #jenluV2PageImages h3, #jenluV2PageImages h2, #jenluV2PageImages p, #jenluV2PageImages a {
	color: white;
}

#jenluV2 .zigzag:after, #jenluV2PageImages .zigzag:after {
    background: url(../images/zigzag_underline_white.png);
    background-size: 8px;
}

.lightToPink {
	width: 100vw;
	text-align: center;
	background: linear-gradient(#e17eec 0%, #ff00b4 100%);
}

#jenluV2Casestudy {
    margin-right: 10px;
    z-index: 3;
    position: relative;
}

#jenluV2Casestudy .playCircle {
	transform: scale(2);
}

#jenluV2 .twoColumn {
    max-width: 1020px;
    display: none;
    text-align: left;
    margin-top: 90px;
    margin-bottom: 0px;
}

#jenluV2PageImages .twoColumn {
    max-width: 1020px;
    display: inline-block;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.twoColumnHolder {
	width: calc(100vw - 80px);
	max-width: 1200px;
	text-align: center;
	display: inline-block;
	margin-bottom: 60px;
	transform: translate3d(0,0,0);
}

.pinkHold {
	background: #ff00b4;
	text-align: center;
	width: 100vw;
}

#jenluV2PageImages {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

#jenluV2PageImages .contentHorizontal {
    top: calc(35vh - 234px / 2);
    margin-top: 0px;
    width: calc((30vh / .5638 + 44px) * 6 + (30vh * 1.084 + 44px) * 1);
    position: relative;
    display: inline-block;
}

.jenluV2PageImage {
    height: 30vh;
    margin-right: 40px;
    -webkit-transform: translate3d(0, 0, 0);
}

#illustrationDecks {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

#illustrationDecks .contentHorizontal {
    top: 15vh;
    margin-top: 0px;
    width: calc((70vh / 3.3173 + 40px) * 13);
    position: relative;
    display: inline-block;
}

.illustrationDeck{
    height: 70vh;
    margin-right: 36px;
    float: left;
    -webkit-transform: translate3d(0, 0, 0);
}

#illustrationPMImages {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

#illustrationPMImages .contentHorizontal {
    top: 15vh;
    margin-top: 0px;
    width: calc((70vh / 1.3 + 44px) * 5 + (70vh / .3691 + 44px) + (70vh / .6664 + 44px));
    position: relative;
    display: inline-block;
}

.illustrationPMImageTile{
    height: 70vh;
    margin-right: 44px;
    float: left;
    -webkit-transform: translate3d(0, 0, 0);
}

.illustrationDroga5Image:nth-child(3) {
    margin-right: -40vh;
}

#illustrationDroga5Images {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 200vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

#illustrationDroga5Images .contentHorizontal {
    top: calc(25vh - 130px);
    margin-top: 0px;
    width: calc((50vh / .6566 + 44px) * 3);
    position: relative;
    display: inline-block;
}

#illustrationDroga5Images .contentHorizontalInner {
	display: inline-block;
}

.illustrationDroga5Image {
    height: 50vh;
    margin-right: 44px;
    -webkit-transform: translate3d(0, 0, 0);
    float:left;
}

.illustrationDroga5Image1 {
	transform: scale(1.35);
    z-index: 1;
    position: relative;
    margin-top: -30px;
}

.illustrationDroga5IntroContent {
    max-width: 740px;
    padding-bottom: 60px;
    z-index: 3;
    position: relative;
    display: inline-block;
}

.illustrationDroga5Intro {
	width: calc(100vw - 80px);
	max-width: 1200px;
	position: relative;
	display: inline-block;
	text-align: center;
	transform: translate3d(0,0,0);
}


#illustrationJasonImages {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

#illustrationJasonImages .contentHorizontal {
    top: calc(25vh - 139px);
    margin-top: 0px;
    position: relative;
    display: inline-block;
    width: calc(50vh / .087536);
}

#illustrationJasonImages .contentHorizontalInner {
	display: inline-block;
}

.illustrationJasonImage {
    height: 50vh;
    -webkit-transform: translate3d(0, 0, 0);
    float:left;
}

.illustrationJasonImage:nth-child(4) {
    margin-left:-1px;
}

.illustrationJasonIntroContent {
    max-width: 810px;
    margin-bottom: -50px;
    z-index: 3;
    position: relative;
    display: inline-block;
}

.illustrationJasonIntro {
	width: calc(100vw - 80px);
	max-width: 1200px;
	position: relative;
	display: inline-block;
	text-align: center;
}

#illustrationMoreImages {
    width: calc(100vw - 80px);
    max-width: 1200px;
    height: 300vh;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    position: relative;
    z-index: 0;
}

#illustrationMoreImages .contentHorizontal {
    top: calc(25vh - 84px);
    margin-top: 0px;
    position: relative;
    display: inline-block;
    width: calc((50vh / .5629 + 44px) * 2 + (50vh + 44px) + (50vh / 1.3158 + 44px) * 3 + (50vh / .8832 + 44px) + (50vh / 1.5203 + 44px));
}

#illustrationMoreImages .contentHorizontalInner {
	display: inline-block;
}

.illustrationMoreImage {
    height: 50vh;
    margin-right: 44px;
    -webkit-transform: translate3d(0, 0, 0);
    float:left;
}

.illustrationMoreIntroContent {
    max-width: 810px;
    z-index: 3;
    position: relative;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
}

.illustrationMoreIntro {
	width: calc(100vw - 80px);
	max-width: 1200px;
	position: relative;
	display: inline-block;
	text-align: center;
}

#illustrationSlowroast {
    width: 100vw;
    height: 200vh;
    text-align: left;
    position: relative;
    z-index: 0;
}

.illustrationSlowroastImage {
	position: absolute;
	width: 100vw;
	height:100vh;
	-webkit-transform: translate3d(0, 0, 0);
}

.illustrationSlowroastImage1 {
	background: url(../images/illustration_slowroast_1.png);
	background-size: cover;
	top: 0vh;
	opacity: 1;
}

.illustrationSlowroastImage2 {
	background: url(../images/illustration_slowroast_2.png);
	background-size: cover;
	top: 0vh;
	opacity: 0;
}

.illustrationSlowroastImage3 {
	background: url(../images/illustration_slowroast_3.png);
	background-size: cover;
	top: 0vh;
	opacity: 0;
}

.illustrationSlowroastImage4 {
	background: url(../images/illustration_slowroast_4.png);
	background-size: cover;
	top: 0vh;
	opacity: 0;
}

.pinkToOrange {
	width: 100vw;
	text-align: center;
	background: linear-gradient(#ff00b4 0%, #fff327 80%, #ffffff 100%);
}

#jenluV1 {
	width: calc(100vw - 80px);
    text-align: center;
    padding-top: 0px;
    padding-right: 40px;
    padding-left: 40px;
    display: inline-block;
}

#jenluV1 h4, #jenluV1 h3, #jenluV1 h2, #jenluV1 p, #jenluV1 a {
	color: white;
}

#jenluV1 .zigzag:after {
    background: url(../images/zigzag_underline_white.png);
    background-size: 8px;
    transform: translate3d(0,0,0);
}

.jenluV1IntroImage {
    margin-top: 20px;
    margin-bottom: -20px;
    width: calc(50% - 20px);
    float: right;
    max-width: 412px;
}

#jenluV1 .jenluV3Intro {
    margin-top: 0;
    margin-bottom: 60px;
}

#jenluV1 h3 {
	margin-top: 0px;
}

#jenluV1Casestudy {
    margin-right: 10px;
    z-index: 3;
    position: relative;
    margin-top: 90px;
	margin-bottom: 95px;
}

#jenluV1Casestudy .playCircle {
	transform: scale(2);
}

.jenluV1OutroImage {
	position: absolute;
    right: 0px;
    width: 60vw;
    margin-right: calc(-18vw - 40px);
    transform: scale(.5);
    border-spacing: 5px;
    opacity: 0;
    top: -9px;
    margin-top: 0px;
    -webkit-box-shadow: -5px 10px 14px -4px rgba(0,0,0,0.5);
    -moz-box-shadow: -5px 10px 14px -4px rgba(0,0,0,0.5);
    box-shadow: -5px 10px 14px -4px rgba(0,0,0,0.5);
}

.jenluV1Outro {
    position: relative;
}

.jenluV1Images {
	max-width: 1020px;
	display: inline-block;
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	margin-top: calc(10vw - 5vh);
}

.jenluV1Image3 {
    width: 42%;
    float: left;
    margin-left: 2%;
    transform: scale(.5);
    border-spacing: 5px;
    opacity: 0;
}

.jenluV1Image4 {
    width: 40%;
    float: left;
    margin-top: 8%;
    position: relative;
    margin-left: 2%;
    margin-bottom: 1%;
    transform: scale(.5);
    border-spacing: 5px;
    opacity: 0;
}

.jenluV1Image5 {
    width: 39%;
    position: absolute;
    right: 0px;
    margin-top: 22%;
    transform: scale(.5);
    border-spacing: 5px;
    opacity: 0;
    z-index: 1;
}

.illustrationPMImageTileCredits {
    position: relative;
    display: inline-block;
    float: left;
}

.illustrationPMImageTileCredits p {
	position: absolute;
    z-index: 10;
    bottom: -66px;
    font-size: 16px;
}

#collabwithProjects {
    width: calc(100vw - 80px);
    text-align: center;
    padding-right: 40px;
    padding-left: 40px;
    padding-top:70px;
    display: inline-block;
    background: white;
}

.collabwithProject {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    text-align: left;
}

.collabwithProjectImageFeel {
    width: 40%;
    margin-left: 10%;
    position: relative;
}

.collabwithProjectImageFeel5 {
    width: 25%;
    margin-left: 20%;
    position: relative;
}

.collabwithProject h4 {
	margin-top: 2px;
}

.collabwithProject h3 {
	margin-bottom: 0px;
}

#feelThat .collabwithProjectInfo {
	margin-top:-30px;
}

.collabwithProjectInfoRight {
	margin-left:calc(50% + 20px);

}

.collabwithProjectImageSimplify {
    float: right;
    width: 30%;
    margin-right: -1%;
    margin-top: 8%;
}

.collabwithProjectImageSimplify2 {
    float: right;
    width: 30%;
    margin-right: 10%;
    margin-top: -8%;
}

.collabwithProjectImages {
	position: relative;
    display: inline-block;
    width: 100%;
}

#simplifyThat .collabwithProjectInfo {
	margin-top: -122px;
}

.collabwithProjectInfo {
	position: relative;
}

.collabwithProjectImageCache {
    width: 35%;
    margin-left: 5%;
}

#cachemonet .collabwithProjectInfo {
	margin-top: -40px;
}

.collabwithProjectImageResize {
    float: right;
    width: 35%;
    margin-top: -20%;
}

.collabwithProjectImageResize2 {
    float: right;
    width: 15%;
    margin-right: 2%;
    margin-top: -20%;
}

#resizeThat .collabwithProjectInfo {
	margin-top: -34px;
}

.collabwithProjectImageAbc {
    width: 60%;
    margin-left: -5%;
    position: relative;
}

.collabwithProjectImageAbc1 {
    width: 17%;
    margin-left: -2%;
    position: relative;
}

.collabwithProjectImageAbc2 {
    width: 10%;
    margin-left: 14%;
    margin-bottom: -10%;
    position: relative;
}

.collabwithProjectImageThug {
    float: right;
    width: 46%;
    margin-top: 6%;
    margin-right: 10%;
}

.collabwithProjectImageThug1 {
    float: right;
    width: 18%;
    margin-right: 7%;
    margin-top: 1%;
}

.collabwithProjectImageThug2 {
    float: right;
    width: 30%;
    margin-top: -2%;
    margin-right: -2%;
}

#straightThug .collabwithProjectInfo {
	margin-bottom: 9%;
    margin-top: -19%;
}

.collabwithOutro {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    text-align: center;
    padding-top: 110px;
    background: white;
}

.collabwithVr {
    width: 29%;
    margin-top: -5%;
    margin-left: 55%;
    margin-bottom: -5px;
}

#collabwithIntro .newmuseumIntroContent {
    width: 48%;
}

/*Desktop Under 1440*/

@media all and (max-width : 1440px) {

	.newmuseumIntroContentHolder {
	    max-width: 1100px;
	}

	.newmuseumStats {
	    max-width: 1100px;
	}

	#airwickMobile {
		max-width: 1100px;
	}

	.Column3Creds {
		max-width: 1100px;
	}

	.bratzStickersStats {
		max-width: 1100px;
	}

	#bratzIntro {		
		max-width: 1100px;
	}

	#bratzFashionSocial {
		max-width: 1100px;
	}

	#bratzCreds {
		max-width: 1100px;
	}

	#bratzMeet {
		max-width: 1100px;
	}

	.contentLeft {
		max-width: 1100px;
	}

	.bratzSocialDetails {
		max-width: 1100px;
	}

	.newmuseumHowContent {
		max-width: 1100px;
	}

	.newmuseumQuotesIntroInner {
    	max-width: 1100px;
    }

    .athenosMobile {
		max-width: 1100px;
	}

	.jenluV3Mobile {
		max-width: 1100px;
	}

	.idgumTumblrIntroContent {
	    max-width: 1100px;
	}

	#airwickPageImages {
	    max-width: 1100px;
	}

	#idgumGames {
		max-width: 1100px;
	}

	.illustrationIntroContent {
		max-width: 1100px;
	}

	.illustrationPMContent {
		max-width: 1100px;
	}

	#illustrationPMImages {
		max-width: 1100px;
	}

	#illustrationSlowroastIrl {
		max-width: 1100px;
	}

	.illustrationJasonIntro {
		max-width: 1100px;
	}

	#illustrationDecks {
		max-width: 1100px;
	}

	#illustrationDroga5Images {
		max-width: 1100px;
	}

	#illustrationMoreImages {
		max-width: 1100px;
	}

	.twoColumnHolder {
		max-width: 1100px;
	}


	#jenluV2PageImages {
		max-width: 1100px;
	}

}


/*Desktop Under 1200*/

@media all and (max-width : 1200px) {
	
	.intro h3 {
		font-size: 28px;
		margin-top: 30px;
	}

	.intro h1 {
		font-size: 60px;
		margin-bottom: 40px;
	}

	#warped {
		margin-top: 30px;
		-webkit-transform: scale(0.55);
		top: -30px;
	}

	.sparkleSmall {
		width: 37px;
		height: 32px;
		top: 23%;
	}

	.sparkleLarge {
		width: 151px;
		height: 32px;
		top: 33%;
	}

	.dynamicGraphic {
	    left: 61.3%;
	}

}

/*Tablet Wide*/

@media all and (max-width : 1024px) {	

	#airwickTablet .playCircle {
		transform: scale(2);
	}

	#footer {
		position: relative;
	}

	.contentLeftInner {
		margin-right: 0px;
	}

	.bratzMobileCenter {

	}

	.cover {
		background-attachment: inherit !important;
	}

	.coverBottom {
		bottom: 13vh;
	}

	#newmuseumTablet {
	    margin-right: 0px;
	}

	#newmuseumCasestudy {
	    margin-right: 0px;
	}

	.airwickFullPage {
	    width: calc(100vw - 80px);
	}

	.athenosFullPage {
	    width: calc(100vw - 80px);
	}

	.airwickBrowser {
	    width: calc(100vw - 80px);
	}

	.athenosBrowser {
	    width: calc(100vw - 80px);
	 }

	 #idgumCasestudy {
	     margin-right: 0px;
	 }

	 #idgumFilm {
	     margin-right: 0px;
	 }

	 .idgumStepsBottomInner {
	 	transform-origin: 0% 0%;
	     transform: scale(.9);
	 }

	 .tabletShow {
		display: inline !important;
	}

	.tabletHide {
		display: none !important;
	}

	.idgumPageImage {
	    float: left;
	}

	.arrowRight:hover {
		background-position: inherit;
	}

	.arrowLeft:hover {
		background-position: inherit;
	}

	.logo:hover {
		background-position: inherit;
	}

	.arrowDown:hover {
		background-position: inherit;
	}

	.ropeOutro {
	    -webkit-transform: inherit;
	    transform: inherit;
	    padding-bottom: 200px;
	    margin-top: -108px;
	    margin-bottom:-108px;
    }

    .ropeDown3 {
	    margin-top: 0px;
	    /*height: calc(100% - 108px);*/
	}

	#jenluV3Casestudy, #jenluV2Casestudy, #jenluV1Casestudy, #jenluV3Mobile {
		margin-right: 0px;
	}

	.illustrationIntroContent {
		top: inherit;
		margin-top: 70px;
		margin-bottom: 52px;
	}

	#illustrationIntro {
		min-height: 80vh;
		height: inherit;
	}

	#illustrationThanksgifing .idgumIrlDetails {
	    margin-top: -207px;
	}

	#illustrationPMImages .contentHorizontal {
	    top: 15vh;
	    margin-top: 10vh;
	    width: calc((50vh / 1.3 + 40px) * 5 + (50vh / .3691 + 40px) + (50vh / .6664 + 40px));
	}

	.illustrationPMImageTile{
	    height: 50vh;   
	}

	.illustrationPMContent {
	    min-height: inherit;
	}

	.browse {
		max-width: 590px;
		padding-bottom: 30px;
	}

	.browseJustify {
	    font-size: 28px;
	}

	#athenosUI {
	    display: inline-block !important;
	}

	.container {
		margin-top: 330px;
	}

	.artForm {
	    top: -300px;
	    left: 70px;
	    width: 289px;
	    height: 270px;
	}

	.newmuseumHowMobileImage{
	    width: 50%;
	    left: 0px;
	    position: absolute;
	    top: calc(50% - 25vw);
	}

	.newmuseumPayphone {
	    margin-top: 15%;
	}

	.athenosMobile p, .athenosMobile h2 {
	    top: 80px;
	}

	.athenosTabletHolder {
	    min-height: 145vh;
	}

	.newmuseumQuotesInfo h3 {
	    width: 500px;
	    font-size: 36px;
	}

	.jenluV1OutroImage {
	    top: 14vh;
	}

	.illustrationIntroImage3 {
	    transform: rotate(0deg);
	    margin-left: 0px;
	    width: 245px;
	    height: auto;
	    left: 55px;
	    top: 5px;
	    margin-top: 0px;
	}

	.illustrationIntroImage2 {
	    transform: rotate(0deg);
	    margin-left: 0px;
	    width: 290px;
	    height: auto;
	    left: 19px;
	    top: 100px;
	    margin-top: 0px;
	}

	.illustrationIntroImage1 {
	    transform: rotate(0deg);
	    margin-left: 0px;
	    width: 257px;
	    height: auto;
	    left: -12px;
	    top: 0px;
	    margin-top: 0px;
	}

	.mobileIllustrationIntroImagesHolder {
	    width: 290px;
	    position: absolute;
	    height: 346px;
	    transform: scale(1.4);
	    margin-left: 11%;
	    margin-top: 12%;
	    top: 0;
	    left: 0;
	}

	.idgumStepSpacer {
	    width: 48px;
	}



}


/*Tablet Tall*/

@media all and (max-width : 1023px) {	

	h2 {
		font-size: 46px;
	}

	.bratzMobile:before {
		display: none;
	}

	h1 {
		font-size: 80px;
	}

	.dynamicGraphic {
	    top: -48%;
	    left: 48.3%;
	}

	.athenosLeftColumn p {
		margin-left: inherit; 
		margin-bottom: 20%;
		margin-right: 2%;
	}

	.idgumStepsBottomInner {
		transform-origin: 0% 0%;
	    transform: scale(.7);
	}

	#illustrationThanksgifing .idgumIrlDetails {
	    margin-top: -440px;
	}

	#illustrationPMImages .contentHorizontal {
	    top: 15vh;
	    margin-top: 20vh;
	    width: calc((30vh / 1.3 + 40px) * 5 + (30vh / .3691 + 40px) + (30vh / .6664 + 40px));
	}

	.illustrationPMImageTile{
	    height: 30vh;   
	}

	#illustrationJasonImages .contentHorizontal {
	    top: 25vh;
	    margin-top: 5vh;
	    width: calc(40vh / .087536);
	}

	.illustrationJasonImage{
	    height: 40vh;   
	}

	.collabwithProjectInfoRight {
	    margin-left: 40%;
	}

	.collabwithProjectImageResize {
		margin-top: 0px;
	}

	.collabwithProjectImageResize2 {
		margin-top: 0px;
	}

	#bratzIntro p {
	    top: -35px;
	    position: relative;
	}

	#bratzIntro h2 {
	    top: -35px;
	    position: relative;
	}

	.newmuseumIntroContent {
	    width: 100%;
		max-width: inherit;
	}

	.newmuseumPayphone {
	    margin-right: inherit;
	    margin-top: 41px;
	    width: 100%;
	    max-width: 360px;
	    float: none;
	}

	#collabwithIntro .newmuseumIntroContent {
	    width: 100%;
	}

	.collabwithVideo {
	    float: inherit;
	    width: 360px;
	    margin-right: 0px;
	}

	#newmuseumDigital .playCircle {
		transform: scale(2);
	}

	.athenosMobile p, .athenosMobile h2 {
	    top: 60px;
	}

	.athenosTabletHolder {
	    min-height: 100vh;
	}

	.idgumGamesImageHolder {
		margin-right: -500px;
	}

	.idgumGamesImageHolder:nth-child(2) {
		margin-right: 000px;
	}

	.idgumGamesImageHolder:nth-child(3) {
		margin-right: 500px;
	}

	.idgumGamesImageHolder:nth-child(4) {
		margin-right: 1000px;
	}

	.idgumGamesImageHolder:nth-child(5) {
		margin-right: 1500px;
		margin-left: 0px;
	}

	.twoColumnHolder {
		margin-bottom: 30px;
	}

	.jenluV1IntroImage {
	    margin-top: 100px;
	}

	.newmuseumHowMobileImage {
	    width: 50%;
	    position: absolute;
	    top: calc(50% + 30px);
	    left: calc(50% - 25vw);
	}

	.newmuseumHowContent {
	    width: calc(100vw - 80px);
	    left: 40px;
	    margin-top: -390px;
	}

	#newmuseumHow ol {
	    max-width: inherit;
	}

	#airwickMobile p {
		max-width: 340px;
	}

	#illustrationThanksgifing .idgumIrlDetails {
	    margin-top: -250px;
	}

	.newmuseumQuotesInfo h3 {
	    width: 430px;
	}

	#newmuseumQuotes .contentDiagonal {
	    margin-left: -150px;
	}

	.jenluV1OutroImage {
	    top: 23vh;
	}

	.illustrationPMContent h2, .illustrationPMContent p {
	    width: 100%;
	}

	.illustrationPMContent {
	    margin-top: 12vh;
	}

	.illustrationPMImageHolder {
	    position: relative;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 60px;
	    width: 58%;
	}

	.mobileIllustrationIntroImagesHolder {
	    position: relative;
	    margin: auto;
	    margin-top: 9%;
	    margin-bottom: 19%;
	}

	.illustrationIntroContent h2, .illustrationIntroContent p {
	    width: 100%;
	    margin-left: 0;
	}

	.idgumIrlVideos {
		width: 42%;
	}

}


/*Mobile*/

@media all and (max-width : 767px) {	

	#newmuseumDigital .playCircle {
		transform: scale(1);
	}

	.dynamicGraphic {
	    top: -52%;
	    left: inherit;
	    right: 0%;
	    width: 210px;
	    height: 210px;
	}

	.dynamicGraphicTemp {
		font-size: 16px;
		margin-top: -9px;
	}

	.dynamicGraphicTime {
		font-size: 16px;
		margin-top: -9px;
	}

	#airwickMobile .contentLeft {
		position: relative;
		display: inline-block;
	}

	h4 {
		line-height: 1.7em;
		font-size: 16px;
	}

	.mobileShow {
		display: inline !important;
	}

	.mobileHide {
		display: none !important;
	}

	.intro h1 {
		font-size: 50px;
	}

	.intro h3 {
		font-size: 16px;
		max-width: 327px;
		margin: auto;
	}



	h2 {
		font-size: 42px;
	}

	.intro {
	    margin-top: -148px;
	    height: 320px;
	}

	h1 {
		font-size: 50px;
	}

	p {
		font-size: 16px;
		margin-left: auto;
		margin-right: auto;
	}

	.enlarged {
		font-size: 26px;
	}

	.highLow {
	    top: 252px;
	    right: inherit;
    	left: 50vw;
	    -webkit-transform: scale(0.7);
	}

	.logo {
		width: 24px;
		height: 62px;
	}

	.mobileOneLine {
		display: inline;
	}

	.container {
		margin-top: 40px;
	}

	.mobileShow.weirdPremium {
		display: inline-block !important;
	}

	.mobileShow.luSteez {
		display: inherit !important;
	}

	.aboutHand {
	    width: 65px;
	    height: 75px;
	    margin-left: -73px;
	    margin-right: inherit;
	    top: inherit;
	    left: -37px;
	    display: inline-block;
	}

	.weirdPremium {
		width: 156px;
		height: 53px;
		margin-bottom: 40px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: inherit;
	}

	.jenEmail {
		width: 43px;
		height: 108px;
		bottom: inherit;
		margin-left: inherit; 
		margin-right: inherit; 
		margin-top: inherit; 
	}

	.luSteez {
		margin-top: -69px;
	    margin-right: 4px;
	    margin-bottom: 7px;
	    width: 69px;
	    height: 89px;
	}

	.footerNav .next {
		width: 100%;
	}

	.footerNav .prev {
		width: 100%;
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#bratzIntro p {
		width: inherit;
		max-width: inherit;
		top: 0px;
	}

	#bratzIntro h2 {
	    top: 0px;
	}

	.bratzMobile {
		position: relative;
		display: inline-block;
		margin-top: 50px;
		margin-bottom: 30px;
		width: 254px;
		height: 518px;
	}

	#bratzIntro {
		width: calc(100vw - 60px);
		height: inherit;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 40px;
	}

	.contentLeft {
		top: inherit;
		margin-top: inherit;
		width: 100%;
	}

	.bratz p {
		font-size: 16px;
	}

	.mobileCenter {
		text-align: center;
	}

	.bratzMobileCenter{
		text-align: center;
	}

	.bratzMobileScreen {
		width: 232px;
		height: 415px;
		margin-top: -212px;
	}

	#bratzMeet {
		width: calc(100vw - 60px);
		height: inherit;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 40px;
		padding-bottom: 52px;
	}

	.bratzMeetMobileFrame {
		margin: auto;
		margin-top: 35px;
		width: 254px;
		height: 556px;
		background: #9754e8;
		border-radius: 30px;
		position: relative;
		overflow: hidden;
		display: inline-block;
	}

	.bratzMeetMobileFrameBack {
		background: inherit;
		overflow: inherit;
		opacity: .5;
		position: absolute;
		margin-left: -254px;
		z-index: -1;
		display: inline-block;
	}

	#bratzMeet h2 {
		color: #ffffff;
	}

	#bratzMeet p {
		color: #ffffff;
	}

	.bratzMeetImage {
		width: 254px;
		float: left;
	}

	.bratzMeetMobileHolder {
		position: relative;
		width: calc((254px + 36px) * 6);
		margin-top: 51px;
	}

	.contentMobileScroll {
		text-align: center;
		display: inline-block !important;
		width:  calc(100vw - 60px);
	}

	.bratz h3 {
		font-size:24px;
		margin-top: 34px;
	}

	.bratz h1 {
		font-size:42px;
	}

	.bratzStickersStats {
		margin-top: 44px;
		margin-bottom:inherit;
	}

	.bratzStickersStats {
		margin-left: 4.25%;
		margin-right: 4.25%;
		z-index: 1;
    	position: relative;
	}

	.bratzStickersStat {
		width: 31%;
	}

	.bratzStickersStat h1 {
		font-size: 48px;
		margin-bottom: 10px;
	}

	.idgumStat h1 {
		font-size: 48px;
		margin-bottom: 10px;
	}

	.bratzStickersImage {
		right: inherit;
		margin-top: 18%;
		transform: scale(1.5);
		margin-bottom: 40%;
	}

	.bratzUiImage {
		right: inherit;
		margin-top: 18%;
		transform: scale(1.5);
		margin-bottom: 33%;
		background: #642dad;
	    padding-right: 20px;
	    padding-left: 5px;
	    padding-top: 10px;
	}

	.bratzSocialDetails {
		width: calc(100vw - 60px);
		height: inherit;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 40px;
		top: inherit;
		margin-top: inherit;
	}

	#bratzSocial p {
    	width: 100%;
    }

    .bratzSocialDetailsContainer {
        position: relative;
        height: inherit;
    }

    .bratzSocialMobileImage {
    	width: 254px;
    	margin-right: 36px;
    	float:left;
    }

    .bratzSocialMobileHolder {
		position: relative;
		width: calc((254px + 36px) * 13);
	}

	.bratzSocialMobile {
		margin: auto;
	    margin-top: 35px;
	    margin-bottom: 54px;
	    width: 254px;
	    display: inline-block !important;
	}

	.bratzSocialMobileBack {
		margin-left: -254px;
	    position: absolute;
		opacity:.5;
	    overflow: inherit;
	}

	#bratzFashionSocial {
	    margin-top: 56px;
    	margin-bottom: 56px;
    	padding-right: 24px;
    	padding-left: 24px;
	    width: 254px;
	    height: inherit;
	    display: inline-block !important;
	    z-index: 2;
	}

	.bratzFashionSocialFrame {
	    margin-right: 36px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    width: 254px;
	}

	.contentHorizontal {
	    top: 0px;
	    margin-top: 0px;
	}

	#bratzCreds {
		width: calc(100vw - 60px);
		height: inherit;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 40px;
		padding-bottom: 36px;
	}

	#bratzCreds h3 {
	    margin-top: 0px;
	}

	.appCreds {
    	width: calc(100vw);
	}

	.socialCreds {
	    width: 100%;
	    margin-top: 20px
	}

	.moreCredits {
		display: none;
	}

	.seeMore {
		margin-top: 10px;
		width: 100%;
		display: inline-block !important;
		text-align: center;

	}

	.seeMore p {
	    margin-bottom: 0px;
	    font-size: 14px !important;
	}

	.seeMoreText {
		display: block;
	}

	.seeLessText {
		display: none;
	}

	#bratzSocial h2 {
	    width: 100%;
	}

	.arrowRight {
		margin-left: -6px;
	}

	.arrowLeft {
		margin-left: -3px;
		margin-top: 0px;
	}

	#airwickOG {
		background: url(../images/mobile_airwick_bg.jpg);
		background-size: cover;
	}

	.airwickIntroContent {
		width: calc(100vw - 60px);
		padding-right: 30px;
		padding-left: 30px;
	}

	#airwickIntro h2 {
		margin-left: auto;
		margin-right: auto;
		max-width: 53vw;
		margin-bottom: 40px;
		margin-top: -12px;
	}

	.airwick h3 {
		margin-top: 34px;
	}

	.creds h3 {
		font-size: 34px;
		margin-top: 0px;
	}

	.creds ul {
		font-size: 14px;
	}

	.twoColumn {
		font-size: 16px;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	#airwickIntroContinued {
	    padding-right: 30px;
	    padding-left: 30px;
	}

	.airwickIntroTop {
	    margin-top: 44px;
	    margin-bottom: 34px;
	}

	.airwickIntroBottom {
	    margin-top: 34px;
	    margin-bottom: 44px;
	}

	#airwickFilm .playCircle {
	    transform: scale(1);
	}

	#airwickTablet .playCircle {
		transform: scale(1);
	}

	#airwickFilm {
    	margin-right: 0px;
	}

	.redLine {
		background: #ff0000;
	    height: 3px;
	    width: 42px;
	    margin: auto;
	    margin-top: 38px;
	    display: block !important;
	    position: relative;
	}

	.airwickTabletVideoFrame {
	    height: 56.8%;
	    width: 67%;
	    border: 2px solid #000000;
	}

	.airwickSitePages {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 10px;
	}

	.airwickSitePagesDetails {
	    padding-top: 34px;
	    padding-bottom: 34px;
	}

	.airwickFullPage {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-bottom: 20px;
	    height: inherit;
	}

	.airwickBrowser {
	    height: inherit;
	    top: inherit;
	    width: calc(100vw - 60px);
	    margin-top: -10px;
	}

	#airwickFullPage2.airwickFullPage {
	    height: inherit;
	}

	.airwickBrowserImage {
		width: 100%;
		float: left;
	}

	.airwickBrowserInner {
		padding-top: 20px;
		margin-top: 20px;
	}

	.airwickPage {
	    height: inherit;
    	background: inherit !important;
    	top: 0px;
    	margin-top: 0px;
    }

    .airwickPageMargins {
    	margin-top:45px;
    }

    #airwickPageImages {
        width: 254px;
        padding-right: inherit;
        padding-left: inherit;
        height: inherit;
        z-index: 2;
        margin-bottom: 50px;
    }

    .airwickPageImage {
        height: inherit;
        width: 254px;
        margin-right: 36px;
        float: left;
        -webkit-transform: inherit;
    }

    .airwick .contentHorizontal {
        margin-top: 0px;
    }

    .airwickMobileScreenScroll {
    	width: 100%;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height: 100%;
	    overflow: scroll;
	    overflow-scrolling: touch;
	    -webkit-overflow-scrolling: touch;
    }



    .airwickMobileScrollImage {
    	width: 100%;  	
    	float: left;
    	position: relative;
    }

    .airwickMobileFrame {
        position: relative;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: -80px;
        width: 294px;
        height: 557px;
        right: 0px;
        top: -129px;
    }

    .airwickMobileScreen {
    	width: 232px;
	    height: 415px;
	    margin-top: -212px;
	    background: #d3d3d3 !important;

    }

    .airwick p {
        font-size: 16px;
    }

    #airwickMobile p {
	    width: inherit;
	    top: 40px;
	}

	#airwickMobile h2 {
	    top: 40px;
	}

	#airwickMobile {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    height: inherit;
	    margin-bottom: -10px;
	}

	.airwickMobileMenu {
	    z-index: 1;
	    position: relative;
	}

	.airwickOGContent {
	    width: calc(100vw - 60px);
	    max-width: inherit;
	    left: inherit;
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-bottom: 30px;m: 30px;
	    position: absolute;
	    bottom: 0px;
	    margin-top: 0px;
	    top: inherit;
	}

	.Column3Creds {
		width: calc(100vw - 60px);
	    height: inherit;
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	    padding-bottom: 36px;
	}

	#airwickCreds h3 {
	    margin-top: 0px;
	}

	.creds1of3 {
	    width: 100%;
	}

	.creds2of3 {
	    width: 100%;
	    margin-top: 20px;
	}

	.creds3of3 {
	    width: 100%;
	    margin-top: 20px;
	}

	*::-webkit-media-controls-start-playback-button {
	  display: none!important;
	  -webkit-appearance: none;
	}

	#newmuseumIntro {
		width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	#collabwithIntro {
		width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	.newmuseumIntroContent {
		width: 100%;
		max-width: inherit;
	}

	#collabwithIntro .newmuseumIntroContent {
	    width: 100%;
	}

	.newmuseumPayphone {
		margin-right: inherit;
		margin-top: 41px;
		width: 100%;
		max-width: 360px;
		float: none;
	}

	.newmuseumStat h1 {
	    margin-bottom: 10px;
	    font-size: 48px;
	}

	.newmuseumStat p {
    	font-size: 16px;
    }

    .newmuseumStat {
        height: 100px;
        margin-bottom: 32px;
    }

    .newmuseumStats {
        margin-top: 35px;
        margin-bottom: 12px;
    }

    #newmuseumCasestudy .playCircle {
        transform: scale(1);
    }

    #newmuseumGrid {
        height: inherit;
        float: inherit;
        text-align: center;
        margin-top: -75px;
    }

    .newmuseumGridMobileImage {
    	width: 254px;
    	margin-right: 36px;
    	float:left;
    }

    .newmuseumGridMobileHolder {
		position: relative;
		width: calc((254px + 36px) * 14);
	}

	.newmuseumGridMobile {
		margin: auto;
	    margin-top: 35px;
	    margin-bottom: 54px;
	    width: 254px;
	    display: inline-block !important;
	}

	.newmuseumGridMobileBack {
		margin-left: -254px;
	    position: absolute;
		opacity:.5;
	    overflow: inherit;
	}

	#newmuseumHow {
		height: inherit;
	}

	.newmuseumHowMobileImage {
		width: calc(100vw - 60px);
    	margin-top: 40px;
    	left: inherit;
    	position: relative;
    	top: inherit;
	}

	#newmuseumHow ol {
		width: inherit;
	}

	.newmuseumHowContent {
	    top: inherit;
        margin-top: 30px;
        margin-bottom: 20px;
        position: relative;
        left: inherit;
        width: calc(100vw - 60px);
	}

	#newmuseumHow ol {
	    font-size: 16px;
	}

	#newmuseumHow li {
	    padding-left: 10px;
	    margin-left: 20px;
	}
	
	.newmuseumQuotesIntro {
	    width: calc(100vw - 60px);
	    padding-top: 40px;
	    padding-right: 30px;
	    padding-left: 30px;
	}

	#newmuseumQuotes {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	    padding-bottom: 34px;
	}

	#newmuseumQuotes .contentDiagonal {
    	display: inherit;
    	max-width: 360px;
	    margin-left: auto;
	    margin-right: auto;
    }

    .newmuseumQuotesImage {
    	width: 100%;
    	margin-bottom: 32px;
    	margin-top: 32px;
    }

    .newmuseumQuotesInfo h3 {
    	width: inherit;
    	font-size: 24px;
    }

    .newmuseumQuotesInfo:before {
        left: -15px;
        font-size: 24px;
    }

    .newmuseumQuotesInfo {
        margin-left: 26px;
        margin-right: 26px;
    }

    .newmuseum p {
        font-size: 16px;
    }

    .newmuseumQuotesInfo p {
        margin-top: -4px;
    }

    .audioStatus {
        font-size: 16px;
        top: 10px;
    }

    .audioPlayerHolder {
    	margin-left: 50%;
    	left: -50px;
    	position: relative;
    }

    .newmuseumQuotesImageFrame {
        margin-left: inherit !important;
    }

    .hearMore {
    	margin-top: 30px;
    	width: 100%;
    	display: inline-block !important;
    	text-align: center;

    }

    .hearMore p {
        margin-bottom: 0px;
        font-size: 14px !important;
    }

    .hearMoreText {
    	display: block;
    }

    .hearLessText {
    	display: none;
    }

    .moreStories {
		display: none;
	}

	h3 {
		font-size: 24px;
	}

	#newmuseumDigital {
	    width: calc(100vw - 60px);
	    padding-top: 40px;
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-bottom: 30px;
	}

	.sparkleBookends:before {
	    background: inherit;
	}

	.sparkleBookends:after {
	    background: inherit;
	}

	.newmuseumTabletVideoFrame {
	    margin-top: 5%;
	}

	.newmuseumDigitalSparkle {
	    width: 65px;
	    display: block !important;
	    position: relative;
	    margin: auto;
	}

	.newmuseumVoice {
	    width: 100%;
	    margin-top: -30px;
	    margin-bottom: 20px;
	}

	.newmuseumDigitalContent h3 {
		margin-top: 18px;
		margin-bottom: 14px;
		max-width: 530px !important;
	}

	#newmuseumTablet {
	    margin-bottom: 10px;
	}

	.athenosIntroContent {
		width: calc(100vw - 60px);
		padding-right: 30px;
		padding-left: 30px;
	}

	.athenosIntroContent h2 {
	    margin-bottom: 40px;
	    margin-top: -12px;
	}

	.athenosTabletHolder {
	    min-height: calc(100vh / 1.8 + 100vw);
	}

	.athenosTabletVideoFrame .playCircle {
	    transform: scale(1);
	}

	.athenosSitePagesDetails {
	    padding-top: 34px;
	    padding-bottom: 34px;
	}

	.athenosFullPage {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-bottom: 20px;
	    height: inherit;
	}

	.athenosBrowser {
	    height: inherit;
	    top: inherit;
	    width: calc(100vw - 60px);
	    margin-top: -10px;
	}

	.athenos p {
        font-size: 16px;
    }

    .jenlu p {
        font-size: 16px;
    }

    .illustration p {
        font-size: 16px;
    }

    .jenlu  .airwickMobileMenu {
        margin-bottom: -32px;
    }

    .jenluEvolutionImage {
        margin-bottom: 0px;
    }

    .jenluV3IntroImage {
        width: calc(100% - 60px);
        max-width: 425px;
        margin-left: 0px;
        margin-right: 0px;
    }

	.athenosBrowserInner {
		padding-top: 20px;
		margin-top: 20px;
	}

	.athenosSitePagesMore {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-bottom: 4px;
	}

	.athenosLeftColumn {
	    width: 100%;
	}

	.athenosLeftColumn p {
	    margin-bottom: -6px;
	}

	.athenosBrowserSmallImage {
	    top: 20px;
	    margin-bottom: 15px;
	}

	.athenosBrowser3 {
	    margin-top: 50px;
	}

	.athenosPageImagesBehind {
	    top: calc((100vw - 120px) * -1.965) !important;
	    margin-bottom: calc((100vw - 120px) * -1.965 + 55px) !important;
	}

	.athenos .contentHorizontal {
	    margin-top: 0px;
	    width: calc((254px + 36px) * 6);
	}

    .athenosMobileFrame {
        position: relative;
        display: inline-block;
        margin-top: 50px;
        margin-bottom: -232px;
        top: -253px;
        width: 254px;
        height: 518px;
    }

    .athenosMobileScreen {
        width: 232px;
        height: 410px;
        margin-top: -212px;
        background: #d3d3d3 !important;
    }

    .athenosMobile {
    	width: calc(100vw - 60px);
    	height: inherit !important;
    	padding-right: 30px;
    	padding-left: 30px;
    	padding-top: 40px;
    	padding-bottom: 52px;
    }

    .athenosMobile h2 {
        top: inherit;
    }

    .athenosMobile p {
        top: inherit;
        width: inherit;
    }

    .jenluV3Mobile {
    	width: calc(100vw - 60px);
    	height: inherit !important;
    	padding-right: 30px;
    	padding-left: 30px;
    	padding-top: 40px;
    	padding-bottom: 52px;
    }

    .jenluV3Mobile h2 {
        top: inherit;
    }

    .jenluV3Mobile p {
        top: inherit;
        width: inherit;
    }

    .athenosMobileFullHolder {
        position: relative;
    }

    #athenosMobile {
    	margin-bottom: -25px;
	}

	.athenosUIImage {
		width: auto;
	    height: calc(100vh - 180px);
	    left: 50%;
	    position: relative;
	    padding-right: 0px;
	    padding-left: 0px;
	    padding-top: 50px;
	    padding-bottom: 0px;
	    margin-left: calc((100vh - 90px) * -.708);
	}

	.idgum p {
		font-size: 16px;
	}

	#idgumIntro {
		width: calc(100vw - 60px);
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.idgumIntroContent {
	    padding-bottom: 10px;
	}

	#jenluV1 .idgumIntroContent {
	    margin-bottom: -23px;
	}

	#idgumCasestudy {
	    margin-bottom: 36px;
	}

	#idgumCasestudy .playCircle {
	    transform: scale(1);
	}

	#idgumSteps {
	    width: calc(100vw - 60px);
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 40px;
		padding-bottom: 66px;
	}

	.idgumStep {
	    width: 100%;
	    float:inherit;
	}

	#idgumSteps h4 {
	    margin-bottom: 0px;
	}

	#idgumSteps p {
	    font-size: 14px;
	}

	.idgumStep:nth-child(1) h3 {
		margin-top: -12px !important;
	}

	.idgumStep:nth-child(3) h3 {
		margin-top: 20px !important;
	}

	.idgumStep:nth-child(5) h3 {
		margin-top: 8px !important;
	}

	.idgumStepSpacer {
	    float: inherit;
	    background: white;
	    height: 3px;
	    width: 42px;
	    margin: auto;
	    margin-top: 33px;
	    display: block !important;
	    position: relative;
	    margin-bottom: 34px;
	}

	.idgumMobileImage {
	    width: 254px;
	    float: left;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}

	.idgumMobileFrame {
	    width: inherit;
	    background: inherit;
	    border-radius: inherit;
	    position: inherit;
	    float: inherit;
	}

	.idgumMobileFrameInner {
		position: relative;
		width: calc((254px + 36px) * 4);
	}

	.idgumMobileFrameOuter {
	    margin: auto;
	    margin-top: 94px;
	    margin-bottom: 54px;
	    width: 254px;
	    display: inline-block !important;
	    overflow: hidden;
	    background: white;
        border-radius: 30px;
        padding-top: 50px;
        padding-bottom: 50px;
	}

	.mobileBrightBlue {
		background: #0600ff;
	}

	.idgumMobileFrameOuterBack {
		margin-left: -254px;
	    position: absolute;
		opacity:.5;
	    overflow: inherit;
	}

	#idgumPageImages {
	    width: 254px;
	    padding-right: inherit;
	    padding-left: inherit;
	    height: inherit;
	    z-index: 1;
	    padding-top: 50px;
	    padding-bottom: 42px;
	}

	#idgumPageImages .contentHorizontal {
	    margin-top: 0px;
	    top: inherit;
	    width: calc((100vw - 60px) * 7);
	}

	.idgumPageImage {
	    width: 254px;
	    float: left;
	    margin-right: 36px;
	}

	#idgumPageImagesBehind {
        top: calc((100vw - 60px) * -.565);
	    margin-top: -4px;
	    margin-bottom: calc((100vw - 60px) * -.565 + 49px);
        width: calc(100vw - 60px);
        padding-right: inherit;
        padding-left: inherit;
        opacity: .5;
        height: inherit;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        position: relative;
        z-index: 0;
        display: block !important
	}

	#idgumPageImagesBehind .contentHorizontal {
	    margin-top: 0px;
	    top: 0px;
	    width: calc((100vw - 60px) * 7);
	}

	.idgumGridDrag {
	    width: 254px;
	    z-index: 1;
	    margin-bottom: -4px;
	    position: relative;
	    display: inline-block !important;
	    padding-bottom: 54px;
	}

	.idgumGridDragBehind {
		overflow: inherit;
		opacity: .5;
		top: calc((100vw - 60px) * -.578);
		margin-bottom: calc((100vw - 60px) * -.578 + 54px);
		z-index: 0;
	}

	.idgumTile {
	    width: 254px;
	    margin-right: 36px;
	    height: inherit;
	    overflow: inherit;
	    margin-bottom: 0px;
	    float: left;
	    background: inherit !important;
	}

	.idgumGridInner {
	    display: block;
	    width: calc((100vw - 60px) * 11);
	}

	.idgumGrid {
	    top: 0px;
	    margin-top: 0px;
	}

	#idgumGrid {
	    height: inherit;
	}

	.idgumFish2 {
	    position: absolute;
	    bottom: -56px;
	    top: inherit;
	    left: inherit;
	    right: 110px;
	    transform: rotate(0deg);
	    display: inherit;
	}

	.idgumGridImage {
		-webkit-transform: translate3d(0, 0, 0);
	}

	.blackTint {
		display: none;
	}

	#idgumStats {
	    width: calc(100vw - 60px);
	    padding-top: 40px;
	    padding-right: 30px;
	    padding-left: 30px;
	}

	.idgumStatsIntro {
		height: 260px;
	    background: url(../images/mobile_idgum_confetti_top.gif);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	}

	.idgumStat p {
		font-size: 16px;
		margin-top: 6px;
	}

	.idgumStat {
	    float: inherit; 
	    display: inline-block;
	    width: 57%;
	}

	.idgumStatsIntroInner {
	    top: 16%;
	}

	.idgumStatsPile {
		margin-top: -20px;
		max-height: 40px;
	    background: url(../images/mobile_idgum_confetti.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center bottom;
	}

	#idgumFilm .playCircle {
	    transform: scale(1);
	}

	#idgumFilm {
	    margin-bottom: 46px;
	}

	.idgumTumblrIntroContent {
	    top: 0px;
	    width: calc(100vw - 60px);
	    margin-top: 40px;
	}

	.idgumTumblrIntroContent h2, .idgumTumblrIntroContent p {
	    width: inherit;
	}

	.idgumTumblrIntroImage {
	    position: relative;
	    width: 110vw;
	    margin-right: -20vw;
	    transform: rotate(0deg);
	    top: inherit;
	    margin-top: 34px;
	}

	#idgumTumblrIntro {
	    height: inherit;
	}

	.idgumCenter {
	    text-align: center;
	}

	#idgumTumblr {
	    margin-top: 56px;
	    margin-bottom: 17px;
	    padding-right: 24px;
	    padding-left: 24px;
	    width: 254px;
	    height: inherit;
	    display: inline-block !important;
	    z-index: 2;
	}

	.idgumTumblrFrame {
	    margin-right: 36px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    width: 254px;
	}

	.idgumIrlDetailsContainer {
	    position: relative;
	    height: inherit;
	}

	.idgumIrlDetails {
	    top: 0px;
	    width: calc(100vw - 60px);
	    display: inline-block;
	    padding-right: 0px;
	    margin-top: 36px;
	    margin-left: inherit;
	}

	#warped {
	    margin-left: -273px;
	    top: 10px;
	    margin-top: -100px;
	    left: calc(50vw - 30px);
	    -webkit-transform: scale(0.38);
	}

	.sparkleLarge {
	    top: 13%;
	    left: 9%;
	}

	.sparkleSmall {
	    top: 8%;
	    left: 81%;
	}

	.artForm {
	    left: 0px;
	    top: 0px;
	    position: relative;
	    width: 278px;
	    height: 263px;
	    background-size: contain;
	    background-repeat: no-repeat;
	}

	.home .container {
	    margin-top: 0px;
	    margin-bottom: 60px;
	}

	.pointingDown {
	    margin-top: 4px;
	}

	.contactLine, .contactArrow{
	    margin-bottom: -7px;
	}

	.sparkleEmail {
	    margin-top: 133px;
	    margin-bottom: -15px;
	}

	.swipeControls {
	    display: inline-block !important;
	    margin-top: 264px;
	    position: relative;
	    margin-left: 7px;
	    transform: scale(.7);
	}

	.swipeControlsVertical .arrowRight {
	    margin-left: 20px;
	    float: left;
	    display: inline-block;
	    position: relative;
	    margin-top: 0px;
	    transform: rotate(0deg);
	}

	.swipeControlsVertical p {
	    top: 0px !important;
	    width: 49px !important;
	    float: left;
	    display: inline-block;
	    color: red !important;
	    margin-top: 2px;
	    margin-bottom: 2px;
	}

	.swipeControlsVertical .arrowLeft {
	    float: left;
	    margin-right: 20px;
	    display: inline-block;
	    transform: rotate(180deg);
	}

	.swipeControlsVertical {
	    display: inherit !important;
	    margin-top: 264px;
	    position: absolute;
	    width: 100%;
	    margin-left: 6px;
	    left: 45px;
	    bottom: 29px;
	    transform: scale(.7);
	}

	.swipeControls .arrowLeft {
	    float: left;
	    margin-right: 20px;
	}

	.swipeControls p {
	    font-size: 14px;
	    margin-top: 5px;
	    float: left;
	}

	.swipeControls .arrowRight {
	    float: left;
	    margin-left: 17px;
	    margin-top: -3px;
	}

	.arrowDown {
	    width: 34px;
	    height: 34px;
	    background-size: 34px;
	}

	.athenos .swipeControlsVertical {
		bottom: 15px;
		margin-left: -8px;
	}

	.jenlu .swipeControlsVertical {
		bottom: 15px;
		margin-left: -8px;
	}

	.newmuseumArrow {
	    margin-top: -20px;
	}

	.ropeOver1 {
	    position: absolute;
	    bottom: -12px;
	    left: 0px;
	    width: calc(100vw - 100px);
	}

	.mobileWideCenter{
		width: 100% !important;
		max-width: 500px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.idgum .cover {
		background: url('../images/project_idgum_mobile.jpg') no-repeat center center;
		background-position-y: 0px; 
	}

	#jenluIntro {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	.jenluV3Intro h4 {
	    width: 100%;
	    margin-right: 0px;
	    margin-top: 0px;
	    float: inherit;
	}

	#jenluV3Casestudy .playCircle, #jenluV2Casestudy .playCircle, #jenluV1Casestudy .playCircle {
	    transform: scale(1);
	}

	#jenluV2 .twoColumn {
	    font-size: 16px;
	    margin-top: 30px;
	    display: inline-block;
	}

	#jenluV2 {
	    width: calc(100vw - 60px);
	    padding-top: 40px;
	    padding-right: 30px;
	    padding-left: 30px;
	}

	.jenluV2PageImage {
	    height: inherit;
	    width: 254px;
	    margin-right: 36px;
	    float: left;
	}

	#jenluV2PageImages .contentHorizontal {
	    top: 0px;
	    width: calc((254px + 36px) * 7);
	}

	#jenluV2PageImages {
	    width: 254px;
	    padding-right: 0px;
	    padding-left: 0px;
	    padding-top: 65px;
	    margin-bottom: 0px;
	    height: inherit;
	    z-index: 1;
	    padding-bottom: 60px;
	}

	#jenluV2PageImagesBehind {
	    width: 254px;
	    padding-right: 0px;
	    padding-left: 0px;
	    overflow: inherit;
	    height: inherit;
	    opacity: .5;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: left;
	    position: relative;
	    z-index: 0;
	    top: -58px;
	    margin-bottom: 0px;
	    display: inline-block !important;
	}

	#jenluV1 {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	}

	#jenluV1 .jenluV3Intro {
	    margin-top: -10px;
	}

	.jenluV1IntroImage {
	    margin-top: 58px;
	    width: 254px;
	    float: inherit;
	}

	#jenluV1Casestudy {
	    margin-bottom: 43px;
	}

	#jenluV1 .jenluV3Intro {
	    margin-bottom: 0px;
	}

	#jenluV1 .jenluV3Intro p {
    	float: inherit;
    }

	.jenluV1OutroImage {
	    position: relative;
	    width: 80vw;
	    margin-right: calc(-18vw - 50px);
	    margin-top: 20px;
	    top: -9px;
	}

	.jenluV1Images {
	    margin-top: 70px;
	    transform: scale(1.32);
	}

	.illustrationIntroContent {
	    margin-top: 0px;
	    margin-bottom: 20px;
	    width: 100%;
	}

	#illustrationIntro {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;    
	    padding-bottom: 40px;
	}

	.mobileIllustrationIntroImagesHolder {
		width: 290px;
	    height: 346px;
	    display: inline-block;
	    width: 290px;
	    margin: auto;
	    transform: scale(1);
	}

	.illustrationIntroImage3 {
	    transform: rotate(0deg);
	    margin-left: 0px;
	    width: 245px;
	    height: auto;
	    left: 55px;
	    top: 5px;
	    margin-top: 0px;
	}

	.illustrationIntroImage2 {
	    transform: rotate(0deg);
	    margin-left: 0px;
	    width: 290px;
	    height: auto;
	    left: 19px;
	    top: 100px;
	    margin-top: 0px;
	}

	.illustrationIntroImage1 {
	    transform: rotate(0deg);
	    margin-left: 0px;
	    width: 257px;
	    height: auto;
	    left: -12px;
	    top: 0px;
	    margin-top: 0px;
	}

	#illustrationGrid {
	    height: inherit;
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	.illustrationGrid {
	    top: inherit;
	    margin-top: inherit;
	}

	.illustrationGridDrag {
	    margin: auto;
	    margin-top: 0px;
	    margin-bottom: 54px;
	    width: 194px;
	    display: inline-block !important;
	}

	.illustrationGridInner {
	    position: relative;
	    width: calc((254px + 36px) * 16);
	}

	.illustrationTile {
	    width: 254px;
	    margin-left: -30px;
	    margin-right: -30px;
	    float: left;
	    height: inherit;
	    mix-blend-mode: multiply;
	}

	.illustrationGridDragBehind {
	    margin-left: -194px;
	    position: absolute;
	    opacity: .5;
	    overflow: inherit;
	}

	.illustrationMoreInterstitial {
	    width: 150vw;
	    margin-left: -25vw;
	    float: left;
	}

	#illustrationThanksgifing {
	    height: inherit;
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	.idgumIrlDetailsContainer {
	    width: 100%;
	}

	#illustrationThanksgifing .idgumIrlDetails {
	    margin-top: 0px;
	}

	#illustrationDroga5Images {
	    height: inherit;
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	}

	.illustrationDroga5Intro {
	    width: calc(100vw - 60px);
	}

	.illustrationDroga5Image1 {
	    transform: scale(1);
	    margin-top: 0px;
	}

	#illustrationDroga5ImagesBehind {
	    height: inherit;
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    opacity: .5;
	    position: relative;
	    top: -172px;    
	    display: inline-block !important;
	}

	#illustrationDroga5ImagesTarget .contentHorizontal {
		width: calc(100vw - 60px);
		text-align: center;
		display: inline-block;
		top: 0px;
	}

	#illustrationDroga5ImagesTarget .contentHorizontalInner {
	    width: 254px;
	    display: inline-block;
	    margin-bottom: 0px;
	}

	#illustrationDroga5ImagesTarget .contentHorizontalInnerFix {
	    width: calc((254px + 36px) * 3);
	}

	.illustrationDroga5Image {
	    height: inherit;
	    width: 254px;
	    margin-right: 36px;
	}

	#illustrationDroga5ImagesTarget {
	    padding-bottom: 50px;
	}

	.illustrationDecksIntroContent {
	    top: 0px;
	    width: calc(100vw - 60px);
	    margin-top: 0px;
	}

	.illustrationDecksIntroImage {
	    position: relative;
        height: auto;
        width: 120vw;
        margin-right: inherit;
        margin-left: -34vw;
        transform: rotate(0deg);
        top: 0px;
        margin-top: -20px;
        right: inherit;
	}

	#illustrationDecksIntro {
	    top: 0px;
	    width: calc(100vw - 60px);
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 40px;
	    margin-top: 0px;
	    height: inherit;
	    overflow: inherit;
	}

	#illustrationDecks {
	    width: 140px;
    	height: inherit;
	    padding-right: 30px;
	    padding-left: 30px;
	}

	#illustrationDecksBehind {
	    width: 140px;
    	height: inherit;
	    padding-right: 30px;
	    padding-left: 30px;
	    margin-left: auto;
        margin-right: auto;
        text-align: left;
        position: relative;
        z-index: 0;
        display: inline-block !important;
        opacity: .5;
        top: -468px;
	}

	.illustrationDeck {
	    height: inherit;
	    width: 140px;
	    margin-left: 10px;
	    margin-right: 26px;
	}

	#illustrationDecks .contentHorizontal {
	    top: 0px;
	    margin-top: 0px;
	    width: calc(176px * 13);
	    position: relative;
	    display: inline-block;
	}

	#illustrationDecksTarget {
	    margin-top: 30px;
	    margin-bottom: 40px;
	}

	.jasonOffset {
	    margin-left: -36px;
	    margin-right: 72px;
	}

	.moreStuffOffset1 {
	    background: black;
	    padding-left: 18px;
	    margin-right: 18px;
	}

	.moreStuffOffset2 {
	    background: black;
	    padding-right: 18px;
	    margin-left: -18px;
	}

	.pmOffset1 {
	    background: url(../images/mobile_illustration_phallicmammary_4a.jpg);
	    padding-left: 54px;
	    margin-right: -18px;
	    background-size: 100% 100%;
	}

	.pmOffset2 {
		padding-left: 18px;
		margin-right: 18px;
	}

	.pmOffset3 {
		padding-right: 18px;
		margin-left: -18px;
	}

	.pmOffset4 {
	    background: url(../images/mobile_illustration_phallicmammary_4d.jpg);
	    padding-right: 54px;
	    margin-left: -54px;
	    background-size: 100% 100%;
	}

	.pmOffset5 {
	    width: 272px;
	    height: 339.73px;
	    margin-right: 18px;
	}
	.pmOffset6 {
	    width: 272px;
	    height: 339.73px;
	    margin-left: -18px;
	}

	#illustrationJasonImages {
	    width: calc(100vw - 60px);
	    height: inherit;
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	#illustrationJasonImages .contentHorizontal {
	    top: 0px;
	    margin-top: 0px;
	    width: 100%
	}

	#illustrationJasonImages .bratzSocialMobile {
	    margin-top: 54px;
	}

	#illustrationJasonImages .bratzSocialMobileHolder {
	    position: relative;
	    width: calc((254px + 36px) * 7);
	}

	#illustrationSlowroast {
	    height: inherit;
	    width: calc(100vw - 60px);
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 40px;
	}

	.illustrationSlowroastIntro {
	    position: relative;
	    width: inherit;
	    height: inherit;
	}

	.illustrationSlowroastIntroContent {
	    top: 0px;
	    margin-top: 0px;
	    width: 100%;
	}

	#illustrationSlowroast .bratzSocialMobileHolder {
	    position: relative;
	    width: calc((254px + 36px) * 16);
	}

	#illustrationMonsterSquad {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 40px;
	}

	#illustrationMonsterSquad h2 {
	    margin-bottom: 0px;
	}

	#illustrationPM {
	    width: calc(100vw - 60px);
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 40px;
	}

	.illustrationPMContent {
	    width: 100%;
	    margin-top: 0px;
	}

	.illustrationPMImageHolder {
	    position: relative;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0px;
	    width: 90%;
	    max-width: 280px;
	}

	.illustrationPMImageHolder p {
		font-size: 16px;
	}

	.illustrationPMImage {
	    margin-top: 20px;
	}

	#illustrationMoreImages {
	    width: calc(100vw - 60px);
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 40px;
	    height: inherit;
	}

	#illustrationMoreImages .contentHorizontal {
	    top: 0px;
	    width: 100%;
	}

	#illustrationMoreImages h2 {
		margin-bottom: 0px;
	}

	.zigzag:after {
	    content: '';
	    height: 4px;
	    background-size: 7px;
	    bottom: -1px;
	}

	.jenluV1OutroImage {
	    transform: scale(1);
	    opacity: 1;
	}

	.jenluV1Image3 {
	    transform: scale(1);
	    opacity: 1;
	}

	.jenluV1Image4 {
	    transform: scale(1);
	    opacity: 1;
	}

	.jenluV1Image5 {
	    transform: scale(1);
	    opacity: 1;
	}

	.jenluV3IntroFix {
	    margin-top: 22px !important;
	}

	#jenluV2PageImages .contentHorizontalInner {
		margin-top: 0px;
	}

	.loader {
	    width: 50px;
	    height: 50px;
	}

	.collabwithVideo {
	    float: inherit;
	    width: 240px;
	    margin-right: 0px;
	}

	#simplifyThat .collabwithProjectInfo {
	    margin-top: -72px;
	}

	.collabwithProjectImageSimplify2 {
	    margin-top: -4%;
	    width: 35%;
	    margin-right: 3%;
	}

	.collabwithProjectImageFeel {
	    width: 50%;
	}

	.collabwithProjectImageFeel5 {
	    margin-left: 10%;
	}

	#feelThat .collabwithProjectInfo {
	    margin-top: -40px;
	}

	.collabwithProjectImageSimplify {
	    width: 35%;
	}

	#collabwithProjects {
	    width: calc(100vw - 60px);
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 30px;
	}

	.collabwithProjectInfoRight {
	    margin-left: 32%;
	}

	.collabwithProjectImageCache {
	    width: 45%;
	}

	.collabwithProjectImageResize {
	    width: 47%;
	    margin-right: 10%;
	}

	.collabwithProjectImageAbc {
	    width: 75%;
	    margin-left: 0%;
	    position: relative;
	}

	.collabwithProjectImageThug2 {
	    margin-top: 8%;
	}

	.collabwithProjectImageThug {
	    width: 56%;
	}

	.collabwithProjectImageThug1 {
	    width: 23%;
	    margin-right: 3%;
	}

	#straightThug .collabwithProjectInfo {
	    margin-bottom: -15%;
	    margin-top: -39%;
	}

	.collabwithOutro h2 {
	    font-size: 36px;
	}

	.collabwithVr {
	    width: 45%;
	    margin-left: 45%;

	}

	#jenluV3Casestudy {
	    margin-top: 23px;
	    margin-bottom: 12px;
	}

	.browseJustify {
		font-size: 16px;
		margin-top: 0px;
	}

	.browse {
		max-width: 327px;
		margin-top: -16px;
    	padding-bottom: 26px;
	}

	.illustrationPMMobileCred {
		position: relative;
		display: inline-block;
		float: left;
		left: 0px;
		top: 336px;
		margin-bottom: -50px;
		width: 0px;
		text-align: left;
		white-space: nowrap;
	}

	.woodBg {
		height: 100%;
	}
}

/*Mobile Wide*/

@media all and (max-width : 767px) and (min-width : 415px){

	.intro h3 {
		max-width: inherit;
	}

	.bratzStickersImage {
	    margin-top: -5%;
	    transform: scale(1);
	    margin-bottom: 13%;
	}

	.bratzUiImage {
	    margin-top: -13%;
	    transform: scale(1);
	    margin-bottom: -1%;
	}

	#bratzSocial {
	    text-align: left;
	}

	.bratzSocialMobile {
	    margin-left: 30px;
	    left: 0px;
	}

	.bratzMobileCenter {
	    text-align: left;
	}

	#bratzFashionSocial {
	    padding-left: 30px;

	}

	.bratzSocialMobileBack {
	    opacity: 1;
	}

	#airwickIntro h2 {
	    max-width: inherit;
	}

	#airwickOG {
	    background: url(../images/airwick_bg.jpg);
	    background-size: cover;
	}

	.athenosUIImage {
	    left: 0px !important;
	    margin-left: inherit;
	    width: calc(100vw - 80px);
	    height: inherit;
	}

	.footerNav .prev, .footerNav .next {
	    width: 50%;
	}

	#airwickPageImages {
	    width: calc(100vw - 60px);
	    margin-left: 30px;
	    margin-right: 30px;
	}

	.airwick .contentHorizontal {
	    width: calc(390px * 5);
	}

	#airwickPageImagesBehind {
	    top: -479px;
        margin-bottom: -422px;
        width: 360px;
	}

	.airwickBrowser {
	    width: 420px;
	}

	.airwickFullPage {
	    text-align: center;
	}

	.athenosBrowser {
	    width: 420px;
	}

	.athenosFullPage {
	    text-align: center;
	}

	.athenosLeftColumn p {
	    text-align: left;
	}

	.athenosBrowser3 {
	    width: 420px;    
	    display: inline-block;
	}

	.athenosDesktopGif {
	    display: inline-block !important;
	}

	.athenos404Gif {
	    display: inline-block !important;
	}

	.athenosLeftColumn {
	    text-align: center;
	}

	.athenosSitePagesMoreInner {
	    text-align: center;
	}

	.athenos .contentHorizontal {
	    width: calc(390px * 6);
	}

	.athenosPageImagesBehind {
	    top: -706px !important;
	    margin-bottom: -650px !important;
	}

	.newmuseumHowMobileImage {
	    width: 360px;
	}

	.newmuseumVoice {
	    width: 45vw;
	}

	.mobileWideHide {
		display: none !important;
	}

	.mobileWideShow {
		display: inline !important;
	}

	.idgumTumblrIntroImage {
	    width: 400px;
	    margin-right: inherit;
	}

	.jenluV1Images {
	    margin-top: 70px;
	    transform: scale(1);
	}

	.illustrationMoreInterstitial {
	    margin-left: 0px !important;
	    width: 100vw;
	}

	.mobileWideUncenter {
		text-align: left;
		margin-left: -30px;
	}

	#illustrationMoreImages .mobileWideUncenter {
    	margin-left: 0px;
	}

	.mobileWideLeft {
		text-align: left;
	}

	#illustrationDecksTarget {
		width: 176px;
		margin-left: 0px;
		left: 0px;
	}

	#illustrationDecksBehind {
		display: none;
	}

	#illustrationDecks {
		overflow: inherit;
	}

	.illustrationGridDragBehind {
		display: none !important;
	}

	.illustrationGridDrag {
		overflow: inherit;
		margin-left: 0px;
		left: 0px;
	}

	.illustrationGridFix {
	    text-align: left;
	}

	.illustrationGridFix h2 {
	    text-align: center;
	}

	.newmuseumGridMobileBack {
		display: none !important;
	}

	.newmuseumGridMobile {
	    overflow: inherit;
	    margin-left: 30px;
	    margin-right: 30px;
	    left: 0px;
	    width: calc(100vw - 60px);
	}

	#illustrationMoreImages .bratzSocialMobile {
	    margin-left: 0px;
	}

	#illustrationThanksgifing .newmuseumGridMobile {
	    margin-left: 0px;
	    margin-right: 0px;
	}

	#illustrationDroga5ImagesBehind {
	    opacity: 0;
	}

	#illustrationDroga5ImagesTarget .contentHorizontalInner {
	    margin-left: 0px;
		left: 0px;
		overflow: inherit;
	}

	#illustrationDroga5ImagesTarget .contentHorizontal {
		text-align: left;
	}

	.illustrationDecksIntroImage {
	    width: calc(100vw - 170px);
	    margin-left: 0px;
	    top: 0px;
	    margin-top: 0px;
	}

	.intro {
	    margin-top: -128px;
	}

	.intro h3 {
	    margin-top: -20px;
	}

	.dynamicGraphic {
	    transform: scale(.68);
	    top: -30%;
	    right: 10%;
	}

	.idgumGridDragBehind {
	    top: calc((100vw - 60px) * -.577);
	    margin-bottom: calc((100vw - 60px) * -.577 + 54px);
	}

	#idgumPageImages {
	    width: calc(100vw - 60px);
	}

	.idgumGridDrag {
		width: calc(100vw - 60px);
	}

	#idgumPageImagesBehind {
	    top: calc((100vw - 60px) * -.5635);
	    margin-bottom: calc((100vw - 60px) * -.5635 + 49px);

	}

	#idgumTumblr {
	    padding-right: 0px;
	    padding-left: 0px;
	    margin-left: 30px;
	    margin-right: 30px;
	    width: calc(100vw - 60px);
	}

	.athenosTabletHolder {
	    min-height: calc(100vh / 4 + 100vw);
	}

	.collabwithProjectInfoRight {
	    margin-left: 42%;
	}

	#straightThug .collabwithProjectInfo {
	    margin-bottom: 8%;
	    margin-top: -33%;
	}

	.collabwithProjectImageThug {
	    margin-right: 2%;
	}

	#jenluV2PageImages {
	    width: calc(100vw - 60px);
	}

}