.animate {-webkit-transition:all 200ms ease;transition:all 200ms ease;position:relative;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;opacity:1 !important;}
.animate-2 {-webkit-transition:all 200ms ease;transition:all 200ms ease;position:relative;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;opacity:1 !important;transition-delay:1s;}

.animate-special {-webkit-animation-name:mainMenuPanelListClose;animation-name:mainMenuPanelListClose;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.on .animate-special {-webkit-animation-name:mainMenuPanelListOpen;animation-name:mainMenuPanelListOpen;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.animate-special-2 {opacity:0;}
.on .animate-special-2 {-webkit-animation-name:mainMenuPanelOpenSocial;animation-name:mainMenuPanelOpenSocial;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:400ms;animation-delay:400ms;}

@-webkit-keyframes move-is-waiting-stripes {0% {background-position:0 0} 100% {background-position:30px 0px}}
@keyframes move-is-waiting-stripes {0% {background-position:0 0} 100% {background-position:30px 0px}}

@-webkit-keyframes spinner {
  0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
  }

  100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
  }

  100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
  }

  100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
  }
}

@keyframes spinner {
  0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
  }

  100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
  }
}








@-webkit-keyframes mainMenuPanelOpen { from {
opacity:0;
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
to { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
}
@keyframes mainMenuPanelOpen { from {
opacity:0;
-webkit-transform:translate3d(0,10px,0);
-ms-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
to { opacity:1; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
}
@-webkit-keyframes mainMenuPanelOpenSocial { from {
opacity:0
}
to { opacity:1 }
}
@keyframes mainMenuPanelOpenSocial { from {
opacity:0
}
to { opacity:1 }
}
@-webkit-keyframes mainMenuPanelListOpen { from {
opacity:.4;
-webkit-transform:translateY(-25%) rotateX(35deg);
transform:translateY(-25%) rotateX(35deg)
}
to { opacity:1; -webkit-transform:translateY(0) rotateX(0); transform:translateY(0) rotateX(0) }
}
@keyframes mainMenuPanelListOpen { from {
opacity:.4;
-webkit-transform:translateY(-25%) rotateX(35deg);
-ms-transform:translateY(-25%) rotateX(35deg);
transform:translateY(-25%) rotateX(35deg)
}
to { opacity:1; -webkit-transform:translateY(0) rotateX(0); -ms-transform:translateY(0) rotateX(0); transform:translateY(0) rotateX(0) }
}
@-webkit-keyframes mainMenuPanelListClose { from {
opacity:1;
-webkit-transform:translateY(0) rotateX(0);
transform:translateY(0) rotateX(0)
}
to { opacity:.4; -webkit-transform:translateY(25%) rotateX(-35deg); transform:translateY(25%) rotateX(-35deg) }
}
@keyframes mainMenuPanelListClose { from {
opacity:1;
-webkit-transform:translateY(0) rotateX(0);
-ms-transform:translateY(0) rotateX(0);
transform:translateY(0) rotateX(0)
}
to { opacity:.4; -webkit-transform:translateY(25%) rotateX(-35deg); -ms-transform:translateY(25%) rotateX(-35deg); transform:translateY(25%) rotateX(-35deg) }
}






@-webkit-keyframes fadeInUp {
  0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);
  }

  100% {opacity:1;-webkit-transform:none;
	transform:none;
  }
}





@-moz-keyframes leftToRight{
	0% { opacity:0; }
	5% { opacity:0; -moz-transform:translateX(-50px); }
	10% { opacity:1; -moz-transform:translateX(0px); }
	25% { opacity:1; -moz-transform:translateX(0px); }
	30% { opacity:0; -moz-transform:translateX(50px); }
	80% { opacity:0; }
	100% { opacity:0; }
}
@-webkit-keyframes leftToRight{
	0% { opacity:0; }
	5% { opacity:0; -webkit-transform:translateX(-50px); }
	10% { opacity:1; -webkit-transform:translateX(0px); }
	25% { opacity:1; -webkit-transform:translateX(0px); }
	30% { opacity:0; -webkit-transform:translateX(50px); }
	80% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes leftToRight{
	0% { opacity:0; }
	5% { opacity:0; -ms-transform:translateX(-50px); }
	10% { opacity:1; -ms-transform:translateX(0px); }
	25% { opacity:1; -ms-transform:translateX(0px); }
	30% { opacity:0; -ms-transform:translateX(50px); }
	80% { opacity:0; }
	100% { opacity:0; }
}







@-webkit-keyframes spin1 {
0% {-webkit-transform:rotate(0deg);}
15% {-webkit-transform:rotate(57.5deg);}
30% {-webkit-transform:rotate(57.5deg) translate(0,-100px);}
30.001% {-webkit-transform:rotate(178deg) translate(0,-100px);}
50% {-webkit-transform:rotate(178deg) translate(0,-100px);}
60% {-webkit-transform:rotate(178deg) translate(0,0);}
80% {-webkit-transform:rotate(269deg) translate(0,0);}
100% {-webkit-transform:rotate(360deg) translate(0,0);}
}

@keyframes spin1 {
0% {transform:rotate(0deg);}
15% {transform:rotate(57.5deg);}
30% {transform:rotate(57.5deg) translate(0,-100px);}
30.001% {transform:rotate(178deg) translate(0,-100px);}
50% {transform:rotate(178deg) translate(0,-100px);}
60% {transform:rotate(178deg) translate(0,0);}
100% {transform:rotate(360deg) translate(0,0);}
}

@-webkit-keyframes spin2 {
0% {-webkit-transform:rotate(-1.5deg) translate(0,-100px);}
15% {-webkit-transform:rotate(-1.5deg) translate(0,0);}
40% {-webkit-transform:rotate(119deg) translate(0,0);}
45%,55% {-webkit-transform:rotate(119deg) translate(0,-100px);}
77.5% {-webkit-transform:rotate(209deg) translate(0,-100px);}
100% {-webkit-transform:rotate(299deg) translate(0,-100px);}
}

@keyframes spin2 {
0% {transform:rotate(-1.5deg) translate(0,-100px);}
15% {transform:rotate(-1.5deg) translate(0,0);}
40% {transform:rotate(119deg);}
45%,55% {transform:rotate(119deg) translate(0,-100px);}
77.5% {transform:rotate(209deg) translate(0,-100px);}
100% {transform:rotate(299deg) translate(0,-100px);}
}

@-webkit-keyframes spin3 {
0% {-webkit-transform:rotate(299deg) translate(0,-100px);}
15% {-webkit-transform:rotate(299deg) translate(0,0);}
40% {-webkit-transform:rotate(57.5deg);}
50%,55% {-webkit-transform:rotate(57.5deg) translate(0,-100px);}
100% {-webkit-transform:rotate(57.5deg) translate(0,-100px);}
}

@keyframes spin3 {
0% {transform:rotate(299deg) translate(0,-100px);}
15% {transform:rotate(299deg) translate(0,0);}
40% {transform:rotate(57.5deg);}
50%,55% {transform:rotate(57.5deg) translate(0,-100px);}
100% {transform:rotate(57.5deg) translate(0,-100px);}
}

@-webkit-keyframes spin4 {
0%,4% {-webkit-transform:rotate(299deg) translate(0,-100px);}
17% {-webkit-transform:rotate(299deg) translate(0,0);}
36% {-webkit-transform:rotate(389deg);}
55% {-webkit-transform:rotate(479deg);}
100%,60% {-webkit-transform:rotate(479deg) translate(0,-100px);}
}

@keyframes spin4 {
0%,4% {transform:rotate(299deg) translate(0,-100px);}
17% {transform:rotate(299deg) translate(0,0);}
36% {transform:rotate(389deg);}
55% {transform:rotate(479deg);}
100%,60% {transform:rotate(479deg) translate(0,-100px);}
}

@-webkit-keyframes spin5 {
0%,4% {-webkit-transform:rotate(299deg) translate(0,-100px);}
19% {-webkit-transform:rotate(299deg) translate(0,0);}
44% {-webkit-transform:rotate(418.5deg);}
70% {-webkit-transform:rotate(538deg) translate(0,0);}
100%,77% {-webkit-transform:rotate(538deg) translate(0,-100px);}
}

@keyframes spin5 {
0%,4% {transform:rotate(299deg) translate(0,-100px);}
19% {transform:rotate(299deg) translate(0,0);}
44% {transform:rotate(418.5deg);}
70% {transform:rotate(538deg) translate(0,0);}
100%,77% {transform:rotate(538deg) translate(0,-100px);}
}

@-webkit-keyframes spin6 {
0%,100% {-webkit-transform:rotate(-1.5deg) translate(0,-100px);}
19%,24%,70%,80% {-webkit-transform:rotate(57.5deg) translate(0,-100px);}
44%,60% {-webkit-transform:rotate(119deg) translate(0,-100px);}
}

@keyframes spin6 {
0%,100% {transform:rotate(-1.5deg) translate(0,-100px);}
19%,24%,70%,80% {transform:rotate(57.5deg) translate(0,-100px);}
44%,60% {transform:rotate(119deg) translate(0,-100px);}
}

@-webkit-keyframes spin7 {
0%,100% {-webkit-transform:rotate(-1.5deg) translate(0,-100px);}
20%,44%,75%,90% {-webkit-transform:rotate(57.5deg) translate(0,-100px);}
30%,65% {-webkit-transform:rotate(119deg) translate(0,-100px);}
}

@keyframes spin7 {
0%,100% {transform:rotate(-1.5deg) translate(0,-100px);}
20%,44%,75%,90% {transform:rotate(57.5deg) translate(0,-100px);}
30%,65% {transform:rotate(119deg) translate(0,-100px);}
}

@-webkit-keyframes spin8 {
0%,100% {-webkit-transform:rotate(-1.5deg) translate(0,-100px);}
20%,44%,75%,90% {-webkit-transform:rotate(-61deg) translate(0,-100px);}
30%,65% {-webkit-transform:rotate(-1.5deg) translate(0,-100px);}
}

@keyframes spin8 {
0%,100% {transform:rotate(-1.5deg) translate(0,-100px);}
20%,44%,75%,90% {transform:rotate(-61deg) translate(0,-100px);}
30%,65% {transform:rotate(-1.5deg) translate(0,-100px);}
}

@-webkit-keyframes spin9 {
0%,55% {-webkit-transform:rotate(119deg) translate(0,-100px);}
100% {-webkit-transform:rotate(299deg) translate(0,-100px);}
}

@keyframes spin9 {
0%,55% {transform:rotate(119deg) translate(0,-100px);}
100% {transform:rotate(299deg) translate(0,-100px);}
}






@-webkit-keyframes clockwise {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}

@-moz-keyframes clockwise {
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}

@-o-keyframes clockwise {
0% {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(360deg);}
}

@keyframes clockwise {
0% {-ms-transform:rotate(0deg);transform:rotate(0deg);}
100% {-ms-transform:rotate(360deg);transform:rotate(360deg);}
}








@-webkit-keyframes counterclockwise {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(-360deg);}
}

@-moz-keyframes counterclockwise {
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(-360deg);}
}

@-o-keyframes counterclockwise {
0% {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(-360deg);}
}

@keyframes counterclockwise {
0% {-ms-transform:rotate(0deg);transform:rotate(0deg);}
100% {-ms-transform:rotate(-360deg);transform:rotate(-360deg);}
}


.bounce {-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}




@keyframes glitch-1 {
  0% {clip:rect(14px,320px,23px,0);}
  6.66667% {clip:rect(22px,320px,92px,0);}
  13.33333% {clip:rect(41px,320px,26px,0);}
  20% {clip:rect(67px,320px,56px,0);}
  26.66667% {clip:rect(27px,320px,41px,0);}
  33.33333% {clip:rect(42px,320px,95px,0);}
  40% {clip:rect(28px,320px,52px,0);}
  46.66667% {clip:rect(74px,320px,39px,0);}
  53.33333% {clip:rect(63px,320px,93px,0);}
  60% {clip:rect(83px,320px,68px,0);}
  66.66667% {clip:rect(27px,320px,43px,0);}
  73.33333% {clip:rect(13px,320px,35px,0);}
  80% {clip:rect(29px,320px,6px,0);}
  86.66667% {clip:rect(34px,320px,14px,0);}
  93.33333% {clip:rect(47px,320px,61px,0);}
  100% {clip:rect(38px,320px,27px,0);}
}

@keyframes glitch-2 {
  0% {clip:rect(30px,320px,95px,0);}
  6.66667% {clip:rect(78px,320px,25px,0);}
  13.33333% {clip:rect(82px,320px,8px,0);}
  20% {clip:rect(81px,320px,6px,0);}
  26.66667% {clip:rect(10px,320px,14px,0);}
  33.33333% {clip:rect(56px,320px,77px,0);}
  40% {clip:rect(44px,320px,6px,0);}
  46.66667% {clip:rect(65px,320px,50px,0);}
  53.33333% {clip:rect(5px,320px,69px,0);}
  60% {clip:rect(56px,320px,82px,0);}
  66.66667% {clip:rect(83px,320px,71px,0);}
  73.33333% {clip:rect(6px,320px,1px,0);}
  80% {clip:rect(97px,320px,10px,0);}
  86.66667% {clip:rect(38px,320px,11px,0);}
  93.33333% {clip:rect(53px,320px,42px,0);}
  100% {clip:rect(21px,320px,13px,0);}
}


/* PRE COMPILE OVERWRITE */
article.work .overlay {
	background-color: rgba(0,0,0,.6) !important;
}
article.work .info .title {
    text-align: left !important;
	padding-bottom: 30px !important;
	 
}
article.work .info .title h2{
	 font-family: 'PN',serif !important;
	font-weight: 400 !important;
}
article.work .info .col.mid{
	vertical-align: bottom !important;
}

@media screen and (max-width: 768px) {
	article.work .info .title h2{
		font-size:24px;
	}
}