.cursor,
.cursor2,
.cursor3{
		position:fixed;
		border-radius:50%;	
		transform:translateX(-50%) translateY(-50%);
		pointer-events:none;
		left:-100px;
		top:50%
		}
.cursor{
		background-color:#FFF;
		height:0;
		width:0;
		z-index:99999;
		}
.cursor2,.cursor3{
		height:36px;
		width:36px;
		z-index:99998;
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out
		}
.cursor2.hover,
.cursor3.hover{
		-webkit-transform:scale(2) translateX(-25%) translateY(-25%);
		transform:scale(2) translateX(-25%) translateY(-25%);
		border:none
		}
.cursor2{
		border:2px solid #FFF;
		box-shadow:0 0 22px rgba(255, 255, 255, 0.6);
		}
.cursor2.hover{
		background:rgba(255,255,255,.1);
		box-shadow:0 0 12px rgba(255, 255, 255, 0.2);
		}
		
		
		
.section{
		position:relative;
		width:100%;
		display:block;
		overflow:hidden;
		height:100vh;
		background-color:#212121;
		}
		
		
		
.case-study-wrapper{
		position:absolute;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-start;
		align-items:flex-start;
		bottom:15%;
		right:3%;
		width:65%;
		z-index:10;
		margin:0;
		padding:0;
		list-style:none;
		}
.case-study-wrapper .case-study-name{
		width:17vw;
		height:17vw;
		margin:0 0 0 3%;
		}
.case-study-wrapper .case-study-name a{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		list-style:none;
		margin:25px 0;
		width:100%;
		height:100%;
		text-align:center;
		border-radius:150%;
		padding:0;
		font-size:35px;
		font-weight:200;
		line-height:1.2;
		color:#FFF;
		background:rgb(255,255,255,0.2);
		text-decoration:none;
		-webkit-transition:all 300ms linear;
		transition:all 300ms linear; 
		}	
.case-study-wrapper .case-study-name a:hover{
		text-decoration:none;
		}	
.case-study-wrapper .case-study-name.active a{
		color:#FFF;
		background:#5aa345;
		}
.case-study-wrapper .case-study-name a b{
		display:block;
		font-weight:400;
		}		
		
			
.case-study-images{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		margin:0;
		z-index:2;
		}	
.case-study-images li{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		overflow:hidden;
		list-style:none;
		-webkit-transition:all 300ms linear;
		transition:all 300ms linear; 
		}	
.case-study-images li .img-hero-background{
		position:absolute;
		width:100%;
		height:100%;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		top:0;
		left:0;
		overflow:hidden;
		list-style:none;
		opacity:0;
		-webkit-transform:translateY(-30px);
		transform:translateY(-30px);
		-webkit-transition:all 300ms linear;
		transition:all 300ms linear; 
		}
.case-study-images li.show .img-hero-background{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
		} 
.case-study-images li .case-study-title{
		position:absolute;
		top:35%;
		right:3%;
		width:90%;
		display:block;
		opacity:0;
		color:#FFF;
		text-align:right;
		z-index:19;
		font-size:40px;
		font-weight:500;
		line-height:1.1;
		letter-spacing:-1px;
		color:#FFF; 
		-webkit-transition:all 300ms linear;
		transition:all 300ms linear; 
		}
.case-study-images li.show .case-study-title{
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0);
		} 
.case-study-images li .hero-number-back{
		position:absolute;
		top:40%;
		left:4%;
		display:block;
		list-style:none;
		opacity:0;
		font-size:18vw;
		font-weight:900;
		line-height:1;
		color:rgba(255,255,255,0.5);
		z-index:1;
		-webkit-transition:all 300ms linear;
		transition:all 300ms linear; 
		} 
.case-study-images li .hero-number{
		position:absolute;
		bottom:5%;
		right:32%;
		width:40px;
		margin-left:-70px;
		display:block;
		text-align:center;
		list-style:none;
		opacity:0;
		font-size:13px;
		font-weight:300;
		line-height:1;
		color:#FFF;
		z-index:6;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
		-webkit-transition:all 300ms linear;
		transition:all 300ms linear; 
		} 
.case-study-images li .hero-number-fixed{
		position:absolute;
		bottom:5%;
		right:3%;
		margin-left:30px;
		width:40px;
		text-align:center;
		display:block;
		list-style:none;
		font-size:13px;
		font-weight:300;
		line-height:1;
		color:#FFF;
		z-index:6;
		}
.case-study-images li .hero-number-fixed:before{
		position:absolute;
		content:'';
		top:50%;
		left:-60px;
		width:60px;
		height:1px;
		z-index:1;
		background-color:rgba(255,255,255,.4);
		}
.case-study-images li.show .hero-number{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
		} 
.case-study-images li.show .hero-number-back{
		opacity:1;
		} 
.dark-over-hero{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:5;
		background-color:#050505;
		opacity:0.2;
		}
		
.case-study-images li .img-hero-background{
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		}


@media only screen and (max-width:1824px){
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:960px){	
}		
@media only screen and (max-width:768px){

.case-study-images li .case-study-title{
		top:37%;
		left:10% !important;
		right:10% !important;
		width:80% !important;
		text-align:center !important;
		font-size:22px !important;
		}
		
.case-study-wrapper{
		justify-content:center;
		align-content:center;
		align-items:center;
		bottom:20%;
		right:auto !important;
		left:auto !important;
		width:100% !important;
		}
.case-study-wrapper .case-study-name{
		width:40vw;
		height:40vw;
		margin:0 auto;
		}	
		
.case-study-wrapper .case-study-name a{
		font-size:20px;
		letter-spacing:1px;
		}
.case-study-images li .hero-number-back{
		display:none;
		} 
}
@media only screen and (max-width:680px){
}
@media only screen and (max-width:600px){	
}
@media only screen and (max-width:480px){
}