/* Research
==================================== */
#research{
	--wt: 50vmin;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100%;
	z-index: 1;
}
@media (orientation: landscape){
	#research{
		--wl: 110vw;
		--wp: 150vw;
	}
}
@media (orientation: portrait){
	#research{
		--wl: 110vh;
		--wp: 150vh;
	}
}

/*Container*/
.track{
	display: contents;
}

/* *{
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
} */

/*Slides*/
.research-wrapper{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 0vw;
	height: 0vw;
	filter: blur(0px);
	-webkit-transition: all var(--speedx2) var(--ease);
			  transition: all var(--speedx2) var(--ease);
	transform-origin: center;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		 -ms-transform: translate3d(-50%, -50%, 0);
			  transform: translate3d(-50%, -50%, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	pointer-events: none;
	z-index: 1;
}

/*First*/
.research-wrapper:first-child{
	width: var(--wt);
	height: var(--wt);
	z-index: 3;
}
.research-wrapper.forward:first-child{
	width: var(--wl);
	height: var(--wl);
	filter: blur(var(--blur));
}
.research-wrapper.backward:first-child{
	width: 0vw;
	height: 0vw;
}

/*Next*/
.research-wrapper:nth-child(2){
	width: 0vw;
	height: 0vw;
	-webkit-transition: none;
			  transition: none;
	z-index: 4;
}
.research-wrapper.forward:nth-child(2){
	width: var(--wt);
	height: var(--wt);
	-webkit-transition: all var(--speedx2) var(--ease);
			  transition: all var(--speedx2) var(--ease);
}

/*Last*/
.research-wrapper:last-child{
	width: var(--wl);
	height: var(--wl);
	filter: blur(var(--blur));
	z-index: 2;
}
.research-wrapper.forward:last-child{
	width: var(--wp);
	height: var(--wp);
}
.research-wrapper.backward:last-child{
	width: var(--wt);
	height: var(--wt);
	filter: blur(0px);
}

/*Prev*/
.research-wrapper:nth-last-child(2){
	width: var(--wp);
	height: var(--wp);
	filter: blur(var(--blur));
	-webkit-transition: none;
			  transition: none;
	z-index: 1;

}
.research-wrapper.backward:nth-last-child(2){
	width: var(--wl);
	height: var(--wl);
	-webkit-transition: all var(--speedx2) var(--ease);
			  transition: all var(--speedx2) var(--ease);
}

/*Rest*/
.research-wrapper:not(:first-child):not(:nth-child(2)):not(:last-child):not(:nth-last-child(2)){
	display: none !important;
}

/*Thumbs*/
.research-wrapper .thumb{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform-origin: center;
	-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		 -ms-transform: translate3d(-50%, -50%, 0);
			  transform: translate3d(-50%, -50%, 0);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.research-wrapper .thumb.vertical{
	height: auto;
}
.research-wrapper .thumb.horizontal{
	width: auto;
}

/*Marquee*/
.marquee-research{
	position: fixed;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	z-index: 2;
}

/*Nav*/
#prev,
#next{
	position: fixed;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 8;
}
#prev{
	left: 0;
	cursor: w-resize;
}
#next{
	right: 0;
	cursor: e-resize
}