@background-color: #fffefb;
//@font-1: "proxima-nova";

@font-1: "aktiv-grotesk", sans-serif;


@white: #FFF;
@grey-dark: #2C2C2C;
@grey-mid: #666;
@grey-light: #ccc;


//@hight-light-1: #FB073A;

@hight-light-1: #2C2C2C;

html{
	background-color: @background-color;
	font-size: 12px;
	font-family: @font-1;
	overflow-x: hidden;
}

body{
	background-color: @background-color;
	font-family: @font-1;
	
	cursor: url('/wp-content/themes/silo_base/img/mouse_circle.png') 0 0, auto;

	transition: all ease-in-out .25s;
	//opacity: 0;
	overflow-x: hidden;
}




h1, h2, h3, h4, h5, h6{
	font-family: @font-1;
}

p{
	font-size: 1.3rem;
}



.sticky-holder{
	position: sticky !important;
	top: 0rem;
}

.off-canvas-wrapper{
	overflow-x: visible !important;
}

.grid-holder{
	//display: none;
}



html{
background-color: #0a0a0a;
	color: #fefefe;
	*{
		color: #fefefe;
	}
	
	.off-canvas-content{
		background-color: #0a0a0a;
		color: #fefefe !important;
		*{
			color: #fefefe !important;
		}
	}
}






.dark-mode{
	background-color: #fefefe;;
	color: #0a0a0a;
	*{
		color: #0a0a0a;
	}
	
	.off-canvas-content{
		background-color: #fefefe;
		color: #0a0a0a !important;
		*{
			color: #0a0a0a !important;
		}
	}

}



.archive-btn{
	display: inline-block;
	width: 100%;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-right: 1rem;
	
}

.archive-thumb{
	//pointer-events: none;
}


#logo-full-light{
	display: block;
}

#logo-full-dark{
	display: none;
}


#logo-foot-light{
	display: block;
}

#logo-foot-dark{
	display: none;
}





.switch {
    position: fixed;
	bottom: 1rem;
	left: 1.5rem;
    display: inline-block;
    width: 40px;
    height: 20px;
	z-index: 99;
	margin-bottom: 0rem;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}


.contact-row{
	h4{
		text-transform: uppercase;
	}
}


.slider-2:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider-2 {
    background-color: #2c2c2c;
}

input:checked + .slider-2:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}










/* The only rule that matters */
#video-background {
/*  making the video fullscreen  */
  
/*
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
*/

   position: absolute;
	  top: 50%;
	  left: 50%;
	  min-width: 100%;
	  min-height: 100%;
	  width: auto;
	  height: auto;
	  z-index: -100;
	  transform: translate(-50%, -50%);
	  overflow: hidden;


}









.email-link{
	font-size: 1.3rem;
	//line-height: 3rem;
	font-weight: 700;
	text-transform: uppercase;
	//color: @grey-mid !important;
	padding-bottom: 0rem;
}

#top-line{
	position: fixed;
	top:0rem;
	width: 100%;
	z-index: 99999;
	//border-top: solid 2px #000;
}

.vertical-img-holder{
	max-width: none;
}



#mc_embed_signup
{	background:transparent; 
	clear:left; 
	font:14px sofia-pro,sans-serif; 
	width:100%;
}


#mc-embedded-subscribe-form{
	text-align: left !important;
}


#mc_embed_signup .button{

	color: @grey-mid !important;
	border: 1px solid #CCC !important;
	background-color:transparent !important;
	border-radius: 0px !important;
}

#mce-EMAIL{
	color: @grey-mid !important;
	border: 1px solid #CCC !important;
	background-color: @white !important;
	border-radius: 0px !important;
}


a:hover{
	color: @hight-light-1 !important;
}

p{

	a{
		color: @hight-light-1 !important;
	}
}

.title-holder{
	padding-top: 0rem;
	padding-left: 2rem;
}


.off-canvas-content{
	background-color: @background-color;
	padding-right: 0rem;
	//padding-left: 1rem;
	box-shadow: none;
}
/* HOLDER 8*/
.grad-back{
	

background: #c2e59c; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #c2e59c , #64b3f4); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #c2e59c , #64b3f4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
}

.row{
	//max-width: 95rem;
	//padding-top: 6rem;
}

.row-full{
	max-width: none;
	width: 100%;
}


.row-full-pad{
	max-width: none;
	width: 100%;
	/*padding-left: 1rem;
	padding-right: 1rem;*/
}

.single-hero-img{
	width: 100%;
	max-width: none;
}

.single-hero{
	padding-top: 7rem;
}

.projects-back{
	color: @grey-dark !important;
	background:transparent !important;
	font-size: 1.3rem  !important;
}

/* SLIDER */

.orbit-slide{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	height: 100vh !important;
	width: 100% !important;
	max-height: none !important;
}

.section{
	padding-top: 1rem;
	padding-bottom: 1rem;
}


.thumbnail{
	border: none !important;
}

.small-title{
	font-size: 1rem;
	padding-top: .2rem;
	padding-bottom: 1rem;
	text-transform: uppercase;
}

.excerpt{
	font-size: 1rem;
}



.sub-menu{
	ul{
		margin-left: 0rem;
		margin-right: 0rem;
	}

	li{
		list-style: none;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	a{
		padding-top: 0rem;
		padding-bottom: 0rem;
	}
}


.thumbnail-wide{
	width: 100%;
	height: 25vh;
	transition: all ease-in-out .25s;
	img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	
}



.thumbnail-large{
	width: 100%;
	max-height: 50rem;
	transition: all ease-in-out .25s;
	img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	
}






.large-logo-1{
	padding-top: 8rem;
	width: 100%;
	img{
		width: 100%;
	}
}





/* VIDEO */
.video-cont{
	height: 100vh;
	width: 100%;
	position: relative;
	top:0rem;
	z-index: 9999;
	overflow: hidden;
	margin-bottom: 24rem;
	background-color: @grey-dark;
	/*video{
	   position: absolute;
	  top: 50%;
	  left: 50%;
	  min-width: 100%;
	  min-height: 100%;
	  width: auto;
	  height: auto;
	  z-index: -100;
	  transform: translate(-50%, -50%);
	  overflow: hidden;
	}*/
	
}


.center-content{
	text-align: center;
}



.dummy{
	font-size: 4rem;
	color:green;
}


.circle-thumb{
	//border-radius: 50%;
}

.caps{
	text-transform: uppercase;
}

.bold{
	font-weight: 700;
}


.hero-cont{
	margin-top: 5rem;
}

.no-pad-top{
	padding-top: 4rem;
}

.call-out-cont{
	
	p{
		color: @grey-mid;
		font-size: 1.6rem;
		line-height: 2.3rem;
		text-align: justify;
		font-style: italic;
	}
	
	//padding-bottom: 1rem;
	//padding-top: 4rem;

}

.pad-top-big{
	padding-bottom: 8rem;
}

.pad-pottom-big{
	padding-bottom: 8rem;
}


.logo-header{
	max-width: 6rem;
}


.no-pad{
	padding: 0rem !important;
}


.no-pad-width{
	padding-left: 0rem !important;
	padding-right: 0rem !important
}


.no-pad-left{
	padding-left: 0rem !important;
}


.no-pad-right{
	padding-right: 0rem !important;
}

.full-back{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.half-height{
	height: 60vh;
}

.menu-group{

padding-top: 1rem;
	.button{
		color: @grey-dark;
		font-weight: 700;
		background-color: transparent !important;
		//text-decoration: underline;
	}

	.button:hover{
		opacity: .5;
	}
}

 
.menu-cont{
	position: fixed;
	top: 0rem;
	width: 50%;
	background-color: @background-color;
	.row{
		//padding-top: 0rem !important;
	}
}

.contact-row{
	padding-top: 1rem;

	p{
		color: @grey-mid;
	}


}


.grid-holder-2{
	padding-left: 1rem;
	padding-right: 1rem;
}

.row-header{
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem;
	padding-left: 0rem;
	margin-left: 0rem;
	
}

.row-footer{
	max-width: none;
	width: 100%;
	margin-left: 0rem !important;
	margin-right: 0rem !important;
	padding-top: 3rem;
	padding-bottom: 1rem;

	a{
		display: inline-block;
		color: @grey-dark;
	}

	*{
		text-transform: uppercase;
		color: @grey-dark;
	}
}

.foot-headline{
	padding-bottom: .5rem;
	font-size: 2rem;
	color: @grey-mid;
}

.address-holder{
	color: @grey-mid;
	font-weight: 700;
	a{
		color: @grey-mid !important;
	}
}

input{
	box-shadow: none !important;
	border: solid 1px @grey-light !important;
	background-color: transparent !important;
}

textarea{
	box-shadow: none !important;
	border: solid 1px @grey-light !important;
	background-color: transparent !important;
}




.foot-blurb{
	//font-weight: 300;
}



.slide-cover-1{
	width: 100%;
	height: 80vh !important;

	img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}



.footer-group{

	//color: @grey-mid;
	.button{
	background-color: transparent !important;
	padding-left: 0rem;
	font-size: 1rem;
	padding-top: 0rem;
	//color: @grey-mid;
	}
	
}


.footer-group-2{

	//color: @grey-mid;
	.button{
	background-color: transparent !important;
	padding-left: 0rem;
	font-size: 1rem;
	padding-top: 0rem;
	color: @grey-mid;
	}
	
}


*:focus {
    outline: none !important;
}


.thumb-link{
display: block;
color: @grey-dark;
text-align: center;
width: 100%;

//-webkit-transition: width 1s; /* Safari */
//transition: width 1s;

	.thumbnail{
	-webkit-transition: -webkit-filter .25s; /* Safari */
	transition: filter .25s;
	
	-webkit-transition: padding .25s; /* Safari */
	transition: padding .25s;    	
	z-index: 1;
	// -webkit-filter: grayscale(100%);
	// filter: grayscale(100%);
	//border-radius: 50%;
	box-shadow: none;
	//background-color: @grey-mid;
	}

	.small-title{
	-webkit-transition: opacity .25s; /* Safari */
	transition: opacity .25s;

	//font-size: .75rem;
	text-align: left;
	opacity: 1;
	}

	padding-bottom: 2rem;
}

.archive-row{
	transition: all ease-in-out .25s;
}

.archive-row:hover{

	
	cursor: url('/wp-content/themes/silo_base/img/mouse_plus.png') 32 32, auto;
	background-color: @grey-dark;
	color: @white;
	*{
		color: @white;
	}
}


#clock{
	color: @grey-dark;
}

.project-sticky{
	position: sticky;
	top: 6rem;
}


// a:hover{
// 	cursor: url('/wp-content/themes/silo_base/img/mouse_plus_dark.png') 32 32, auto;
// }

.thumb-link:hover{

	cursor: url('/wp-content/themes/silo_base/img/mouse_plus.png') 32 32, auto;

	
	.thumbnail-wide{
		-webkit-filter: brightness(.5);
		filter: brightness(.5);
		padding: .25rem;
	}

	.thumbnail-large{
		-webkit-filter: brightness(.5);
		filter: brightness(.5);
		padding: .25rem;
	}

	.small-title{
	opacity: 1;
	color: @grey-dark;
	}

}


.post-cat{
	float: left;
}

.post-date{
	float: right;
}



.thumb-link-2{
display: block;
color: @grey-dark;
text-align: center;
	.thumbnail{
	-webkit-transition: -webkit-filter 1s; /* Safari */
	transition: filter 1s;
	    	
	z-index: 1;
	// -webkit-filter: grayscale(100%);
	// filter: grayscale(100%);
	//border-radius: 50%;

	}

	.small-title{
	-webkit-transition: opacity 1s; /* Safari */
	transition: opacity 1s;

	font-size: .75rem;
	text-align: left;
	opacity: 1;
	}

	padding-bottom: 2rem;
}

.people{
	text-align: left;
	p{
		text-align: left;
		font-size: .75rem;
	}
	padding-bottom: 2rem;
}


.thumbnail:focus, .thumbnail:hover{
	box-shadow: none !important;
}


.blurb{
	font-size: 1.8rem;
}



.max-row{
	max-width: 95rem;

	padding-top: 8rem;
	padding-bottom: 0rem;
}


.max-row-2{
	max-width: 95rem;
}


.video-logo{
position: absolute;
width: 12rem;
top: 26%;
left: 20%;
z-index: 9999999;
	img{
		//max-width: 12rem;	
	}
	
}

.menu-cont-2{
	position: fixed;
	top:0rem;
	z-index: 999999;
	width: 50%;
	background-color: @background-color;
	height: 17vh;
	opacity: 0;
	transition: top 0.2s ease-in-out;

	
}

.reveal-overlay{
	z-index: 91005;
}


#form-message{
	min-height: 12rem;
}

.submit-button{
	background: transparent !important;
	outline: @grey-light solid 1px !important;
	color: @grey-dark;
	font-size: 1.3rem;
}


.revel-form{
	h1{
		font-size: 2rem !important;
	}
}


.footer-logo{
	display: inline-block;
	max-width: 22rem;
	margin-bottom: 2rem;
}


.home-copy{
position: absolute;
top: 50%;
left: 33%;

	p{
		font-size: 2rem;
    line-height: 2.3rem;
    //text-align: justify;
    color: @white;
    max-width: 66%;
	}
	
}

#enter-btn{
	//position: absolute;
	//top: 70%;
	//left: 33%;
	//font-weight: 700;
	padding-top: 4rem;
	color: @white;
}


.copyright{
	padding-left: 2rem;
	padding-left: 0rem;
	//color: @grey-mid;
}

.sub-group-1{
 padding-top: 1rem !important;
 top: 5.2rem;
 font-weight: 300;
 position: absolute;
 left: 18.6%;
 opacity: 0;
 a{
 	color: @grey-mid !important;
 	font-weight: 300 !important;
 }

 .sub-start{
 	padding-right: 3px !important;
 }

}


#cboxCurrent{
	
	color: @grey-dark;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.3rem;
}


.detail-holder-1{
	margin-top: 3rem;
	*{
		font-size: 1.3rem;
	}
}


.image-row{
	padding-top: 2rem !important;
}


.image-row-vert{
	padding-top: 0rem !important;
}

.img-column{
	padding-left: 2.4rem;
	
	a{
		margin-bottom: 2rem;
		display: block;
	}
}

.zero-pad{
	padding-top: 0rem !important;
}

.vert-pad{
	padding-bottom: 2rem;

	img{
		width: 100%;
	}
}

.one-pad{
	padding-top: 1rem !important;

}

.tag-holder{
	text-align: right;
	a{
		color: @grey-mid !important;
	}
	
}



.social-group{
	font-size: 1rem;

	a{
		color: @grey-mid !important;
		padding-right: .5rem;
	}

	a:hover{
		color: @hight-light-1;
	}

}




.single-left{
	text-align: right;
	padding-right: 2rem;
	*{
		text-align: right;
	}
}

.sub-group-2{
 padding-top: 1rem !important;
 top: 5.2rem;
 font-weight: 300;
 position: absolute;
 left: 34.6%;
 opacity: 0;
 a{
 	color: @grey-mid !important;
 	font-weight: 300 !important;
 }

 .sub-start{
 	padding-right: 2px !important;
 }

}


 #map{
       width: 100%;
       height: 500px;
}

#contact-content{
	padding-top: 13rem;
}


.sub-group-3{
 padding-top: 1rem !important;
 top: 5.2rem;
 font-weight: 300;
 position: absolute;
 left: 52.7%;
 width: 100%;
 opacity: 0;
 a{
 	color: @grey-mid !important;
 	font-weight: 300 !important;
 }

 .sub-start{
 	padding-right: 3px !important;
 }

}
  
#work-btn:active{

	.sub-group-1{
		opacity: 0;
	}
}

.content-holder{
	padding-top: 0rem;
	padding-left: 2.4rem;

	.row{
		padding-top: 0rem !important;
	}

	a{
		color: @hight-light-1;
	}
}

.copy-holder{
	color: @grey-dark;

	p{
		padding-left: 0rem;
		padding-bottom: 3rem;
		color: @grey-dark;
	}

	a{
		color: @grey-dark;
		text-decoration: underline;
	}

	a:hover{
		color: @hight-light-1;
	}
}

.single-copy-holder{
	padding-top: 4rem;

	.row{
		max-width: none !important;
	}
}

.grid-section{
	padding-top: 10rem;

	.column{
		padding-bottom: 3rem;
	}
}


.filter-menu{
	margin-bottom: 3rem;
	.button{
		background: transparent;
		text-transform: uppercase;
		color: @grey-dark;
		text-align: left;
		//font-weight: 700;
		font-size: 2rem;
		padding-left: 0rem;
	}
}

// Dev test
.archive-row{
	position: relative;
	border-bottom: solid 1px @grey-dark;
	
	*{
		font-size: 2rem;
		color: @grey-dark;
	}

	.thumb-holder{
		position: relative;
	}

	.thumb-preview{
		position: absolute;
		bottom: 0rem;
		right: 12rem;
		transition: all ease-in-out .25s;	
		opacity: 0;
		display: none;
	}

	.archive-btn:hover{


		.thumb-preview{
			//top: -20rem;
			//left: 0rem;
			//bottom: 0rem;
			display: block;
			opacity: 1;
			
			
		}
	}

}


.archive-section{
	h2{
		font-size: 2rem;
		//font-weight: 700;
	}
}


.menu-a{
	font-size: 1.3rem !important;
}

.footer-name{
	font-weight: 700;
	//padding-top: 1.5rem;
	font-size: 1.5rem;
	color: @grey-dark;
	padding-left: 0rem;
	text-transform: uppercase;
	text-align: justify;
}


.about-content{
 text-align: left;
 p{
 	text-align: left;
 }
}

.footer-name-2{
	font-weight: 700;
	//padding-top: 1.5rem;
	font-size: 1.36rem;
	line-height: 1rem;
	color: @grey-dark;
	padding-left: 2rem;
	text-transform: uppercase;
	text-align: justify;
}

.about-content-holder{
	padding-top: 10rem;
	font-size: 2rem;
    line-height: 3rem;
	color: @grey-dark;
	*{
		font-size: 2rem;
		line-height: 3rem;
		color: @grey-dark;
	}
}


.headline-cat-projhome{
	text-align: left;
	font-size: 10rem;
	line-height: 12rem;
	//font-weight: 700;
	text-transform: uppercase;
}


.headline-cat-blog{
	text-align: right;
	font-size: 2rem;
	font-weight: 700;
}


.blog-headline{
	text-align: right;
	font-size: 2rem;
	font-weight: 700;
	font-style: italic;
}

.blog-date{
	text-align: right;
}


.content-holder{
	//display: none;
}




header {
    background: transparent;
    height: auto;
    position: fixed;
    top: 0;
    left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-left: 0rem;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 99;

	*{
		color: @grey-dark;
	}

    .menu-l{
		width: 115px;
		float: left;
		text-align: left;
	}

	.menu-r{
		position: relative;
		width: 442px;
		float: left;
		min-width: 442px;
	}

	.menu-logo{
		max-width: 8rem;
	    padding-top: 1rem;
	    padding-left: 1rem;

	}

	.menu-btn{
		color: @grey-dark;
		display: block;
		padding-top: 2.3rem;
	}


}

.nav-up {
    top: -19vh;;
}


.trans{
	background: transparent !important;
}

.news-left{
	text-align: right;
    padding-top: 0rem;
    font-weight: 700;
    font-size: 1.3rem;
}


.news-right{
	//text-align: left;
}

.news-headline{
	text-align: left;
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase;
}

#news-content{

padding-top: 20rem;

}


#home-back{
	display: block;
}



.menu-row{
	max-width: none;
	padding-top: 1rem;

	.right-menu{
		text-align: right;
		float: right;
		padding-right: 0rem;
		font-size: 2rem;
		line-height: 3rem;
		font-weight: 700;
		text-transform: uppercase;
		*{
			font-size: 2rem;
			line-height: 3rem;
			font-weight: 700;
			text-transform: uppercase;
		}
	}

	*{
		font-size: 1.5rem;
	}

	.menu-item{
		text-align: left;
		margin-top: 0rem;
		font-size: 2rem;
		font-weight: 700;
		text-transform: uppercase;
		*{
			text-align: left;
		margin-top: 0rem;
		font-size: 2rem;
		font-weight: 700;
		text-transform: uppercase;
		}
	}
}


.feat-circle{
	width: 1rem;
	height: 1rem;
	background-color: @grey-dark;
	border-radius: 1rem;
	margin-right: 1rem;
	margin-bottom: .3rem;
	display: inline-block;
}


.right-menu{
	text-align: right;
	float: right;
}


.menu-row-dark{
	max-width: none;
	padding-top: 1rem;
	padding-left: 0.5rem;
	padding-right: 1.5rem;
	.right-menu{
		text-align: right;
		float: right;
	}

	// *{
	// 	font-size: 1.5rem;
	// }

	.menu-item{
		text-align: left;
		margin-top: 0rem;
		font-size: 2rem;
		color: @grey-dark;
		font-weight: 700;
		text-transform: uppercase;
	}
}

.menu-right{
	text-align: right !important;
	padding-right: 0rem;
	margin-top: .75rem !important;
	a{
		color: @grey-dark;
	}
}

.menu-small-1{
	font-size: 1rem !important;
}


.archive-small-1{
	font-size: 1.4rem;
	margin-top: .95rem;

}


.menu-logo-small{
		max-width: 5rem;
	    padding-top: 1rem;
	    padding-left: 1rem;

	}





.index-news{
	max-width: none;
	width: 100%;
	padding-top: 4rem;
	margin-top: 4rem;
	background-color: #000;
	padding-bottom: 6rem;

	*{
		color: #CCC;
	}
}


.blurb-l{
	
	position: relative;
	top: 5rem;
	left: 1rem;
	display: inline-block;
    transform: rotate(-90deg);
    transform-origin: left;
    text-transform: uppercase;
    font-size: .8rem;
    color: red;
    text-align: center;
    font-family: @font-1;

}


.blurb-r{
	
	position: relative;
	top: 3rem;
	right: 1rem;
	display: inline-block;
    transform: rotate(-90deg);
    transform-origin: right;
    text-transform: uppercase;
    font-size: .8rem;
    color: @grey-dark;
    text-align: center;
    font-family: @font-1;

}




.work-l{
	
	position: relative;
	top: 34rem;
	left: 1rem;
	display: inline-block;
    transform: rotate(-90deg);
    transform-origin: left;
    text-transform: uppercase;
    font-size: .8rem;
    color: red;
    text-align: center;
    font-family: @font-1;

}


.work-r{
	
	position: relative;
	top: 34rem;
	right: 1rem;
	display: inline-block;
    transform: rotate(-90deg);
    transform-origin: right;
    text-transform: uppercase;
    font-size: .8rem;
    color: @grey-dark;
    text-align: center;
    font-family: @font-1;

}

#home-content{
	position: fixed;
	top:0rem;
	width: 100%;

}


.trans{
	opacity: 0;
}


.cat-copy-cont{
	position: absolute;
    top: 22rem;
    left: 2rem;
    width: 30%;
    height: auto;

    p{
    	font-size: 1.6rem;
    	line-height: 2.3rem;
    	text-align: right;
    	color: @grey-mid;
    }
}


.headline-cat{
	font-size: 2rem;
	line-height: 3.2rem;
	font-weight: 700;
	padding-bottom: 1rem;
	text-align: right;
	//padding-right: 22rem;
}



.headline-cat-2{
	font-size: 2rem;
	line-height: 3.2rem;
	font-weight: 700;
	padding-bottom: 1rem;
	text-align: left;
	//padding-right: 22rem;
}


.headline-cat-proj{
	font-size: 3rem;
	line-height: 3.2rem;
	font-weight: 700;
	padding-bottom: 1rem;
	text-align: right;
}


.close-button{
	font-size: 3rem;
	color: @grey-light;
}


.submenu{
	height: 100vh !important;
}

.left-filter-menu{
	padding-top: .75rem;
}

.mobile-menu{
	margin-top: 1rem;
	width:15rem;
	background-color: @grey-dark;
	a{
		color: @grey-light;
		font-size: 2rem;
		text-transform: uppercase;
		font-weight: 700;
	}

	a:hover{
		color: @hight-light-1;
	}

	li{
		padding-left: 2rem;
		padding-bottom: 2rem;
	}

	ul{
		background-color: @grey-dark;
	}

	.menuitem{
		font-size: 2rem;
	}
}

.js-drilldown-back{
	a{
		font-size: 1rem !important;
	}
	
	padding-left: 0rem !important;
}

.js-drilldown-back>a:before{
	border-color: transparent transparent transparent @grey-light;
}

.is-drilldown-submenu-parent>a:after{
	border-color: transparent transparent transparent transparent;
}

.off-canvas{
	height: 100vh;
	background: @grey-dark;
}

.mobile-menu-btn{
	background-color: transparent;
	color: @grey-dark;
	font-size: 2rem;
}

.mobile-menu-btn:hover{
	background-color: transparent;
}

.mobile-menu-holder{
	text-align: right;
	padding-top: 0rem;

	.button{
		padding: 0rem;
	}
}


.one-pad-top{
	padding-top: 1rem;
}

.news-row{
	max-width: none;
	padding-top: 3rem;
}


.headline-news{
	font-size: 2rem;
	line-height: 2.2rem;
	font-weight: 700;
}

.mobile-icon{
	width: 3rem;
}

.mobile-close{
	width: 3rem;
}

.stats-holder{

	*{
		color: @grey-mid;
	}
	h6{
		font-weight: 700;
	}

	padding-bottom: 4rem;
}


p{
	color: @grey-mid;
}



.is-submenu-item{
	a{
		color: @white !important;
	}
	
}

.sub-btn{
	color: @white !important;
	background: transparent !important;
	text-align: left !important;
}


.press-subline{
	color: @grey-mid;
	font-size: 1.3rem;
	text-align: right;
}

#home-open{
	opacity: 0;
}

.mobile-header{
	display: none;
}



@media only screen and (max-width: 1310px) {

	.title-holder{
		padding-top: 0rem;
	}


}




/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

.filter-menu{
	.button{
		font-size: 1.4rem;
	}
	
}


.left-foot{
	padding-bottom: 2rem;
}

	.footer-name{
		padding-left: 1rem;
	}

	.footer-name-2{
		padding-left: 1rem;
	}

	.copyright{
		padding-left: 1rem;
	}



.single-hero{
		padding-top: 5rem;
	}

#news-content{
	padding-top: 5rem;
}	


.menu-a{
	font-size: 1rem !important;
}
	
	header{
		height: 1vh;

		.menu-l{
		width: 100%;

		}
	}
}






@media screen and (max-width: 39.9375em) {

	.hide-mobile{
		display: none;
	}

	.mobile-site-plan{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.archive-grid{
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}

	.slide-cover-1{
		height: 35vh !important;
	}

	.mobile-header{
		display: block;
	}

	.archive-head-holder{
		padding-top: 4rem;
	}

	.archive-head-1{
		padding-top: .75rem;
	}

	.small-title{
		font-size: 1.5rem;
	}

	.archive-small-1{
		font-size: 1rem;
		margin-top: .95rem;
	
	}

	.archive-row{
		*{
			font-size: 1rem;
		}
	}

	.headline-cat-projhome{
		font-size: 4rem;
		line-height: 4rem;
		margin-bottom: 2rem;
	}


	.mobile-section-head{
		margin-top: 6rem;

		.filter-menu .button{
			padding-right: 0rem;
		}
	}

	.left-foot{
	padding-bottom: 2rem;
}

	.cat-copy-cont{
		position: relative;
		padding-right: 2rem;
    	max-width: 92%;
    	width: 100%;
    	top: 4rem;
	}

	.grid-section{
		padding-top: 0rem;
	}

	.img-column{
		padding-left: .625rem;
	}

	.content-holder{
		padding-left: .625rem;
	}

	.single-left *{
		text-align: left;
	}

	.single-hero{
		padding-top: 4rem;
	}

	#news-content{
		padding-top: 4rem;
	}

	.news-left{
		text-align: left;
	}
	
	.menu-l{
		width: 100%;

	}

	header{
		height: 1vh;
	}

	.footer-name{
		padding-left: 1rem;
	}

	.footer-name-2{
		padding-left: 1rem;
	}

	.copyright{
		padding-left: 1rem;
	}

	.small-title{
		opacity: 1 !important;
	}

	.grid-section{
		padding-left: 0rem;
		padding-right: 0rem;
	}

	#contact-content{
		padding-left: 1rem;
		padding-top: 0rem;
	}

	.video-logo{
		top:12%;
		left:30%;
	}

	.home-copy{
		left: 4%;

		p{
			max-width: none;
		}
	}

}






// NEW BUILD
.ticker-container {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	top: 27vh;
	width: 100%;
}

.ticker-text {
	animation: ticker 20s linear infinite;
	color: #FFF;
	font-size: 14rem;
	line-height: 14rem;
	margin-left: -100vw;
}

.ticker-text-2 {
	animation: ticker2 20s linear infinite;
	color: #FFF;
	font-size: 14rem;
	line-height: 14rem;
}


@keyframes ticker {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}


@keyframes ticker2 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}











// NEW BUILD
.ticker-container-dark{
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	top: 0vh;
	width: 100%;
	padding-top: 0rem;
	padding-bottom: 0rem;


.ticker-text {
	animation: ticker 60s linear infinite;
	color: @grey-dark;
	font-size: 14rem;
	line-height: 15rem;
	text-transform: uppercase;
	margin-left: -200vw;
}

.ticker-text-2 {
	animation: ticker2 60s linear infinite;
	color: @grey-dark;
	font-size: 14rem;
	line-height: 15rem;
	text-transform: uppercase;
}


@keyframes ticker {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}


@keyframes ticker2 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}


}







.full-row{
	max-width: none;
	width: 100%;
}



.intro-section{
	padding-top: 5rem;
	padding-bottom: 5rem;
	*{
		color: @grey-dark;
		font-size: 2rem;
		line-height: 3rem;
	}
	
}

.news-section{

	.column{
		padding-left: .2rem;
		padding-right: .2rem;
	}

}






.slideshow-container {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.slide {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    background-color: #333;
    color: #fff;
}



#slider-holder-1{
	
}



.slide-index-holder{
	width: 100%;
	position: relative;
	margin-top: 1rem;
	.current-slide{
		position: absolute;
		left: 50%;
	}

	.total-slide{
		position: absolute;
		right: 0%;
	}

	*{
		font-size: 2rem;
		color: @grey-dark;
	}
}

.arrow{
	max-width: 2.2rem;
}

.arrow-small{
	max-width: 1.6rem;
	padding-left: .25rem;
	padding-right: .25rem;
	margin-bottom: .3rem;
}


.blurry-cursor {
    width: 20px;
    height: 20px;
    background: black;
    border-radius: 50%;
    position: absolute;
    //mix-blend-mode: difference;
    transition: filter 0.3s;
    transform: translate(-50%, -50%);
    pointer-events: none;
	z-index: 9;
}






/* styles.css */
.fade-div{

    opacity: 1;
    transition: opacity 1s;
}




.scrolling-div {
  
    position: fixed;
	color: @white;
	font-size: 2rem;
	text-transform: uppercase;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    transition: left 0.5s;
}

.profile-holder-1{
	margin-top: 5rem;
}

.profile-holder-1{
	h4{
		text-transform: uppercase;
	}
	p{
		font-size: 2rem;
    	line-height: 3rem;
		color: @grey-dark;
	}
}


// Auto Scroll
.scrolling-container {
    width: 100vw;
    overflow: hidden;
	margin-top: 5rem;
}

.scrolling-content {
    display: flex;
    animation: scroll 10s linear infinite;
}

.scrolling-content img {
    width: 100vw;
    height: auto;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}









.slider-container {
    position: relative;
    // width: 1920px;  /* Adjust as per your image size */
    // height: 1440px; /* Adjust as per your image size */

	width: 100%;  /* Adjust as per your image size */
    height: 400px; /* Adjust as per your image size */
	max-width: 800px;
    overflow: hidden;
	margin-bottom: 3rem;
}

.slider-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.after-image {
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.slider-divider {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 2px;
    background-color: #000;  /* Color of the divider */
    cursor: ew-resize;
}