@charset "UTF-8";
/* CSS Document */

/*page elements*/
.m-scene .scene_element, .animated {
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.m-scene .scene_element--fadeinright {
	-webkit-animation-name: testerIn;
	animation-name: testerIn;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.m-scene.is-exiting .scene_element {
	-webkit-animation-name: testerOut;
	animation-name: testerOut;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
 @-webkit-keyframes testerIn {
0% {
opacity:1
}
100% {
opacity:1
}
}
@keyframes testerIn {
0% {
opacity:1
}
100% {
opacity:1
}
}
@-webkit-keyframes testerOut {
0% {
opacity:1
}
100% {
opacity:1
}
}
@keyframes testerOut {
0% {
opacity:1
}
100% {
opacity:1
}
}
/*animate loader overlay*/
#loader-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 11;
	opacity: 0;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	top: 0;
	left: 0;
	background-color: #ffffff;
	visibility: hidden;
	-webkit-transition: opacity .0s, visibility .25s;
	-o-transition: opacity .0s, visibility .25s;
	transition: opacity .0s, visibility .25s;
}
#loader-overlay.isOpen {
	opacity: 1;
	-webkit-transition: opacity 1s 0s cubic-bezier(.48, 0, .12, 1);
	-o-transition: opacity 1s 0s cubic-bezier(.48, 0, .12, 1);
	transition: opacity 1s 0s cubic-bezier(.48, 0, .12, 1);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	visibility: visible;
}
#loader-overlay.inBetween {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform .5s 0s cubic-bezier(.48, 0, .12, 1);
	transition: -webkit-transform .5s 0s cubic-bezier(.48, 0, .12, 1);
	-o-transition: transform .5s 0s cubic-bezier(.48, 0, .12, 1);
}

/*animate loader wrap*/
#loader-wrap {
	opacity: 0;
	-webkit-transition: opacity 1s .15s cubic-bezier(.48, 0, .12, 1);
	-o-transition: opacity 1s .15s cubic-bezier(.48, 0, .12, 1);
	transition: opacity 1s .15s cubic-bezier(.48, 0, .12, 1)
}
#loader-wrap.isOpen {
	opacity: 1;
}

/*fancy loader*/
.loader {
	width: 0px;
	height: 1px;
	background: black;
	-webkit-animation: load1 3s infinite ease-in-out;
	animation: load1 3s infinite ease-in-out;
}
@-webkit-keyframes load1 {
 0% {
 width:0px;
}
 100% {
 width:75vw;
}
}
@keyframes load1 {
 0% {
 width:0px;
}
 100% {
 width:75vw;
}
}

/*animate stage entering objs*/
.heroTitle {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
	position: relative;
	opacity: 0;
	-webkit-transform: rotateY(-60deg) skewY(-7deg);
	transform: rotateY(-60deg) skewY(-7deg);
	-webkit-transition: opacity .0s .0s, -webkit-transform .0s .0s;
	transition: opacity .0s .0s, -webkit-transform .0s .0s;
	-o-transition: transform .0s .0s, opacity .0s .0s;
}
.heroTitle.start {
	opacity: 1;
	-webkit-transform: rotateY(0deg) skewY(0deg);
	transform: rotateY(0deg) skewY(0deg);
	-webkit-transition: opacity .5s cubic-bezier(.48, 0, .12, 1), -webkit-transform .5s .0s cubic-bezier(.48, 0, .12, 1);
	transition: opacity .5s cubic-bezier(.48, 0, .12, 1), -webkit-transform .5s .0s cubic-bezier(.48, 0, .12, 1);
	-o-transition: transform .5s .0s cubic-bezier(.48, 0, .12, 1), opacity .5s cubic-bezier(.48, 0, .12, 1);
}

/*animate case study controllers*/
.case-control {
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;
	-webkit-transition: opacity .25s .0s cubic-bezier(.48, 0, .12, 1);
	-o-transition: opacity .25s .0s cubic-bezier(.48, 0, .12, 1);
	transition: opacity .25s .0s cubic-bezier(.48, 0, .12, 1);
}
.case-control.isOpen {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: opacity .25s .25s cubic-bezier(.48, 0, .12, 1), -webkit-transform 1s .65s cubic-bezier(.48, 0, .12, 1);
	transition: opacity .25s .25s cubic-bezier(.48, 0, .12, 1), -webkit-transform 1s .65s cubic-bezier(.48, 0, .12, 1);
	-o-transition: opacity .25s .25s cubic-bezier(.48, 0, .12, 1), transform 1s .65s cubic-bezier(.48, 0, .12, 1);
}

/*animate case description eyebrow*/
.case-desc {
	margin-top: 100vh;
	-webkit-transition: margin-top 1s .65s cubic-bezier(.48, 0, .12, 1);
	-o-transition: margin-top 1s .65s cubic-bezier(.48, 0, .12, 1);
	transition: margin-top 1s .65s cubic-bezier(.48, 0, .12, 1);
}
.case-desc.isOpen {
	margin-top: 90vh;
}