/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */



#lighttechnics_header{
  position: relative;
  background: transparent url(../images/lighttechnics/motherboard_alt.jpg) top left no-repeat;
  background-size: 100%;
  background-size: cover no-repeat;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  vertical-align: top;
  background-repeat: no-repeat !important;
  height: 50vh;
  width: 100%;

  padding-bottom: 20%;
  padding-left: 0%;
  padding-right: 0%;
  text-align: center;
  overflow: hidden;

}


#lighttechnics_header .textBody{
	background-color: rgba(240, 240, 240, 0.6);
	position: absolute;
	width: 100%;
	left: 0%;
	bottom: 0%;
	text-align: center;
}


#lighttechnics_header h1{
	font-family: verminVibes;
	font-size: 2.8rem;
	color: white;
	transform:scale(1.32, 1.23);
	-webkit-transform:scale(1.32, 1.23);
	-moz-transform:scale(1.32, 1.23);
	-ms-transform:scale(1.32, 1.23);
	-o-transform:scale(1.32, 1.23);
	padding-left: 0%;
	padding-bottom: 0%;
	margin-bottom: 0%;
	/*text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;*/
	text-shadow: 0px 0px 2px black, -2px -1px 2px black, -1px -2px 2px black, 2px 1px 2px black, 1px 2px 2px black;
}

#lighttechnics_header h2{
	font-family: banker_squareregular;
	font-size: 2.0rem;
	color: black;
	padding-left: 0%;
	padding-top: 0%;
	margin-top: 0%;
}


#lighttechnics_explination{
	text-align: center;
	position: relative;
	padding-top: 5%;
}

#lighttechnics_explination h1{
	font-family: kuroregular;
	font-size: 2.0rem;
	color: black;
	padding-left: 0%;
	padding-right: 0%;
}

#lighttechnics_explination .notShowing{
	position: absolute;
	opacity: 0;
}




#outOld h1{
	font-family: kuroregular;
	font-size: 2.0rem;
	color: rgb(99, 101, 99);
}

#outOld h2{
	font-family: kuroregular;
	font-size: 1.3rem;
	color: black;
}

#outOld img{
	width: 18vh;
	height: auto;
}


#outOld .fancy-underline{
  color: black;
}

#outOld .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}


#outOldDesc{
	background-color: rgb(99, 101, 99);
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 2%;
	padding-left: 0%;
	padding-right: 0%;
	-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}

#outOldDesc h1{
	font-family: franklin_gothic_fsbook;
	font-size: 1.8rem;
	color: rgb(178, 179, 178);
	padding-top: 5%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	padding-left: 2%;
	padding-right: 2%;
}

#outOldDesc h2{
	font-family: kuroregular;
	font-size: 1.3rem;
	color: rgb(178, 179, 178);
	padding-bottom: 2%;
	padding-top: 0%;
	margin-top: 0%;
}

#outOldDesc img{
	width: 18vh;
	height: auto;
}


#outOldDesc .fancy-underline{
  color: rgb(178, 179, 178);
}

#outOldDesc .fancy-underline:hover:after {
  width: 100%;
 background-color: rgb(178, 179, 178);
}



#inNew{

}

#inNew h1{
	font-family: kuroregular;
	font-size: 2.5rem;
	color: rgb(138, 26, 105);
}

#inNew h2{
	font-family: kuroregular;
	font-size: 1.3rem;
	color: rgb(29, 39, 100);
}

#inNew img{
	width: 18vh;
	height: auto;
}


#inNew .fancy-underline{
  color: rgb(29, 39, 100);
}

#inNew .fancy-underline:hover:after {
  width: 100%;
 background-color: rgb(29, 39, 100);
}


#inNewDesc{
	background-color: rgb(251, 240, 50);
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 2%;
	padding-left: 0%;
	padding-right: 0%;
	-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}

#inNewDesc h1{
	font-family: franklin_gothic_fsbook;
	font-size: 1.8rem;
	color: black;
	padding-top: 5%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	padding-left: 2%;
	padding-right: 2%;
}

#inNewDesc h2{
	font-family: kuroregular;
	font-size: 1.3rem;
	color: black;
	padding-bottom: 2%;
	padding-top: 0%;
	margin-top: 0%;
}

#inNewDesc img{
	width: 18vh;
	height: auto;
}


#inNewDesc .fancy-underline{
  color: black;
}

#inNewDesc .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}


/* The large boxes that contain sliding elements for more information, and generally have a large background image */
.holderBox{
overflow: hidden;
min-height: 80%;
height: 100vh;
width: 100%;
position: relative;
	-webkit-overflow-scrolling: touch; /*Hopefully helps touchscreen devices scroll easier*/
  background-size: 100%;
  background-size: cover no-repeat;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  vertical-align: top;
  background-repeat: no-repeat !important;
}

.holderBox .title{
	/*Override this later on to customize text positions*/
	width: 112%;
	margin-left: -6%;
}

.holderBox .title h1{
	font-family: kuroregular;
	font-size: 4.0rem;
}

.holderBox .title h2{
	font-family: franklin_gothic_fsbook;
	font-size: 1.8rem;
}

.holderBox .slidingContent{
	z-index: 6 !important;
	position: absolute;

}

.slidingContentText{
	width: 100%;
	height: 50%;
	padding-left: 10%
	overflow: scroll;
	position: absolute;
	-webkit-overflow-scrolling: touch; /*Hopefully helps touchscreen devices scroll easier*/
}


.holderBox .slidingContent h1{
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;
}

.holderBox .slidingContent h2{
	font-family: franklin_gothic_fsbook;
	font-size: 1.3rem;

 transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

}

.gradient{
	display: none;
}

.referenceText{
	position: absolute !important;
	z-index: 990 !important;
	bottom: 5% !important;
	right: 5% !important;
}

.referenceText a{
	color: gray !important;
	font-family: kuroregular !important;
	font-size: 1.0rem !important;
}


/* Lighttechnics tracks section */

#lighttechnics_tracks{
	margin-top: 5%;
	position: relative;
	background: transparent url(../images/lighttechnics/motherboard_tracks.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}

#lighttechnics_tracks .gradient{
	position: absolute;
	width: 190%;
	height: 100%;
	margin-left: -2%;
	z-index: 1 !important;
background: -moz-linear-gradient(-10deg,  rgba(88,88,88,1) 15%, rgba(88,89,88,0) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(15%,rgba(88,88,88,1)), color-stop(50%,rgba(88,89,88,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-10deg,  rgba(88,88,88,1) 15%,rgba(88,89,88,0) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-10deg,  rgba(88,88,88,1) 15%,rgba(88,89,88,0) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(-10deg,  rgba(88,88,88,1) 15%,rgba(88,89,88,0) 50%); /* IE10+ */
background: linear-gradient(110deg,  rgba(88,88,88,1) 15%,rgba(88,89,88,0) 50%); /* W3C */

}



#lighttechnics_tracks .title{
	z-index: 3! important;
	padding-top: 10%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	height: 100%;

}

#lighttechnics_tracks .title hr{
	width: 50%;
	height: 3px;
	background-color: black;
	color: black;
	border: 0 none;

}

#lighttechnics_tracks h1{
	color: white;

}

#lighttechnics_tracks h2{
	color: white;
}

#lighttechnics_tracks .slidingContent{
	right: 0%;
	top: 0%;
	background-color: rgba(120, 120, 120, 0.98);
	height: 100%;
	width: 100%;
	text-align: justify;
	padding-top: 10%;
}

#lighttechnics_tracks .notShowing{
	right: -90%;
	background-color: rgba(88, 89, 88, 0.0);
}

#lighttechnics_tracks .slidingContent h1{
	color: black;
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;

}

#tracksDesc{
	margin-left: 10%;
	height: 90%;
	padding-right: 5%;
	width: 90%;
	overflow: scroll;
	position: absolute;
	-webkit-overflow-scrolling: touch;
}

#tracksToggle h2{
	display: none;
}

#tracksToggle{
	width: 10%;
}


#lighttechnics_tracks .notShowing h2 a{
	color: white;
	position: absolute;
	display: none;

	left: 0%;

}

#lighttechnics_tracks .notShowing .fancy-underline{
  color: white;
}

#lighttechnics_tracks .notShowing .fancy-underline:hover:after {
  width: 100%;
 background-color: white;
}

#lighttechnics_tracks .slidingContent img{
	width: auto;
	height: 15vh;
	position: absolute;
	margin-top: 50%;
	left: 0%;

	opacity: 0.5;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);


  transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;


}

#lighttechnics_tracks .notShowing img{
	position: absolute;
	left: 0%;
	margin-top: 50%;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);


}



/*----------- LightTechnics Trouble section ----------------*/

#lighttechnics_trouble{
	margin-top: 0%;

	background: rgb(197, 198, 196);

}

#lighttechnics_trouble .gradient{
	position: absolute;
	width: 190%;
	height: 100%;
	margin-left: -2%;
	z-index: 1 !important;
	background: -moz-linear-gradient(left,  rgba(89,89,89,1) 0%, rgba(89,89,89,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(89,89,89,1)), color-stop(100%,rgba(89,89,89,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* W3C */

}

#lighttechnics_trouble .title{
	z-index: 3! important;
	margin-top: 60%;
	margin-left: -6%;
	padding-top: 10%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: left;
	height: 100%;
	width: 112%;
	background-color: rgba(120,120,120,0.9);
}

#lighttechnics_trouble .title hr{
	width: 50%;
	height: 3px;
	background-color: black;
	color: black;
	border: 0 none;
	margin-right: 20%;
	margin-left: 0;
	padding-left: 0;

}

#lighttechnics_trouble h1{
	color: black;
	font-size: 3.5rem;
}

#lighttechnics_trouble h2{
	color: black;
}



#lighttechnics_trouble img{
	width: auto;
	height: 120vh;
	padding-left: 0%;
	margin-left: -10%;
	margin-top: -20%;
	position: absolute;
}

#lighttechnics_trouble .trouble_img{
	display: none;
}

#lighttechnics_trouble .trouble_img img{
	width: auto;
	height: 120vh;
	padding-left: 0%;
	margin-left: -10%;
	margin-top: -20%;
	position: relative;
}

#troubleDesc{
	text-align: center;
	padding-left: 10%;
	padding-right: 0%;
	padding-top: 10%;
	width: 100%;
	top: 15%;
	height: 85%;
	overflow: scroll;
	position: absolute;
	-webkit-overflow-scrolling: touch;
}

#troubleToggle{
	text-align: center;

width: 100%;
top: 0%;
}

#troubleToggle h2{
	display: none;
}

#lighttechnics_trouble .slidingContent{
	bottom: 0%;
	background-color: rgba(88, 89, 88, 1);
	height: 100%;
	width: 100%;
	text-align: center;

}

#lighttechnics_trouble .notShowing{
	background-color: rgba(88, 89, 88, 0.0);
	bottom: -87%;
}

#lighttechnics_trouble .slidingContent h1{
	color: black;
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;

}

#lighttechnics_trouble .slidingContent h2 a{
	color: black;
	position: absolute;
	font-size: 1.8rem;
	top: 2%;
	right: 47%;

}

#lighttechnics_trouble .notShowing h2 a{
	color: black !important;
	position: absolute;
	font-size: 1.8rem;
	top: 10%;
	right: 47%;

}

#lighttechnics_trouble .notShowing .fancy-underline{
  color: black;
}

#lighttechnics_trouble .notShowing .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}

#lighttechnics_trouble .slidingContent img{
	width: auto;
	height: 15vh;
	position: absolute;

	top: 0%;
	opacity: 0.5;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);




    	filter: invert(0);
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);


  transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

-webkit-transition-property: -webkit-transform, -webkit-filter;
-moz-transition-property: -moz-transform, -moz-filter;
-o-transition-property: -o-transform, -o-filter;
transition-property: transform, filter;


}

#lighttechnics_trouble .notShowing img{
	position: absolute;
	top: 0%;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);


    	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-ms-filter: invert(1);


}




/*---------------------Lighttechnics waste ---------------------------*/

#lighttechnics_waste{
	margin-top: 0%;

	background: transparent url(../images/lighttechnics/Ewaste_dreamstime_l_44452021.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lighttechnics_waste .gradient{
	position: absolute;
	width: 120%;
	height: 100%;
	margin-left: -2%;
	z-index: 1 !important;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */



}

#lighttechnics_waste .title{
	z-index: 3! important;
	margin-top: 50%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	height: 100%;
	padding-top: 20%;
	background: rgba(255,255,255,0.9);
}

#lighttechnics_waste .title hr{
	width: 50%;
	height: 3px;
	background-color: black;
	color: black;
	border: 0 none;
}

#lighttechnics_waste h1{
	color: black;

}

#lighttechnics_waste h2{
	color: black;
	font-style: italic;
	padding-bottom: 0%;
	margin-bottom: 0%;
}

#lighttechnics_waste h3 a{
	color: black;
	font-size: 1.2rem;
	font-style: italic;
	padding-left: 60%;
	margin-top: 0%;
	padding-top: 0%;
}



#wasteDesc{
	text-align: center;
	position: absolute;
	margin-top: 30%;
	padding-left: 10%;
	padding-right: 0%;
	bottom: 20%;
	width: 100%;
	height: 80%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch; /*Hopefully helps touchscreen devices scroll easier*/
}




#wasteToggle{
	text-align: center;
	margin-top: 0%;
	margin-bottom: 0%;
	width: 100%;
	bottom: 3%;
	position: absolute;

}

#wasteToggle h2{
	display: none;
}

#lighttechnics_waste .slidingContent{
	top: 0%;
	background-color: rgba(88, 89, 88, 0.95);
	height: 100%;
	text-align: center;

	width: 100%;
}

#lighttechnics_waste .notShowing{
	top: -85%;
	background-color: rgba(88, 89, 88, 0.0);
}

#lighttechnics_waste .slidingContent h1{
	color: black;
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;

}

#lighttechnics_waste .slidingContent h2 a{
	color: black;
	position: absolute;
	font-size: 1.8rem;
	bottom: 1%;
	right: 47%;

}

#lighttechnics_waste .notShowing h2 a{
	color: black !important;
	position: absolute;
	font-size: 1.8rem;
	bottom: 9%;
	right: 47%;

}

#lighttechnics_waste .notShowing .fancy-underline{
  color: black;
}

#lighttechnics_waste .notShowing .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}

#lighttechnics_waste .slidingContent img{
	width: auto;
	height: 15vh;
	position: absolute;

	bottom: -1%;
	opacity: 0.5;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);

    	filter: invert(0);
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);


  transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

-webkit-transition-property: -webkit-transform, -webkit-filter;
-moz-transition-property: -moz-transform, -moz-filter;
-o-transition-property: -o-transform, -o-filter;
transition-property: transform, filter;


}

#lighttechnics_waste .notShowing img{
	position: absolute;
	bottom: 0%;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-ms-filter: invert(1);

}


/* ------------------- Lighttechnics blocks ---------------- */

#lighttechnics_blocks{
	margin-top: 0%;

	background: rgb(21, 19, 19);

}

#lighttechnics_blocks .gradient{
	position: absolute;
	width: 190%;
	height: 100%;
	margin-left: -2%;
	z-index: 1 !important;
	background: -moz-linear-gradient(left,  rgba(89,89,89,1) 0%, rgba(89,89,89,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(89,89,89,1)), color-stop(100%,rgba(89,89,89,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* W3C */

}

#lighttechnics_blocks .title{
	z-index: 3! important;
	padding-top: 10%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	height: 100%;
}

#lighttechnics_blocks .title hr{
	width: 50%;
	height: 3px;
	background-color: rgb(151, 151, 150);
	color: rgb(151, 151, 150);
	border: 0 none;
	margin-right: 20%;
	margin-left: 0;
	padding-left: 0;

}

#lighttechnics_blocks h1{
	color: rgb(151, 151, 150);

}

#lighttechnics_blocks h2{
	color: rgb(151, 151, 150);
}

#lighttechnics_blocks .section_image{
	position: absolute;
	top: 30%;
}

#lighttechnics_blocks .section_image img{
	width: auto;
	height: 75vh;
	padding-left: 0%;
	margin-left: -15%;


}

#blocksDesc{
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
	top: 10%;
	width: 100%;
	height: 90%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#blocksToggle{
	text-align: center;

	width: 100%;
	top: 0%;
}

#blocksToggle h2{
	display: none;
}

#lighttechnics_blocks .slidingContent{
	bottom: 0%;
	background-color: rgba(151, 151, 150, 0.90);
	height: 100%;
	text-align: center;
	width: 100%;

}

#lighttechnics_blocks .notShowing{
	background-color: rgba(151, 151, 150, 0.0);
	bottom: -85%;
}

#lighttechnics_blocks .slidingContent h1{
	color: black;
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;


}

#lighttechnics_blocks .slidingContent h2 a{
	color: black;
	position: absolute;
	font-size: 1.8rem;
	top: 2%;
	right: 47%;

}

#lighttechnics_blocks .notShowing h2 a{
	color: white !important;
	position: absolute;
	font-size: 1.8rem;
	top: 10%;
	right: 47%;

}

#lighttechnics_blocks .notShowing .fancy-underline{
  color: black;
}

#lighttechnics_blocks .notShowing .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}

#lighttechnics_blocks .slidingContent img{
	width: auto;
	height: 15vh;
	position: absolute;

	top: 0%;
	opacity: 0.5;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);




    	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-ms-filter: invert(1);


  transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

-webkit-transition-property: -webkit-transform, -webkit-filter;
-moz-transition-property: -moz-transform, -moz-filter;
-o-transition-property: -o-transform, -o-filter;
transition-property: transform, filter;


}

#lighttechnics_blocks .notShowing img{
	position: absolute;
	top: 0%;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);


    	filter: invert(0);
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);


}




/* ------------------- Lighttechnics ara ---------------- */

#lighttechnics_ara{

	background: rgb(236, 157, 125);

}

#lighttechnics_ara .gradient{
	position: absolute;
	width: 190%;
	height: 100%;
	margin-left: -2%;
	z-index: 1 !important;
	background: -moz-linear-gradient(left,  rgba(89,89,89,1) 0%, rgba(89,89,89,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(89,89,89,1)), color-stop(100%,rgba(89,89,89,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* W3C */

}

#lighttechnics_ara .title{
	z-index: 3! important;
	padding-top: 10%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	height: 100%;

}

#lighttechnics_ara .title hr{
	width: 35%;
	height: 3px;
	background-color: black;
	color: black;
	border: 0 none;
	margin-right: 65%;

}

#lighttechnics_ara h1{
	color: black;

}

#lighttechnics_ara h2{
	color: black;
}

#lighttechnics_ara .section_image{
	position: absolute;
	right: -80%;
}

#lighttechnics_ara .section_image img{
	width: auto;
	height: 75vh;
	padding-left: 0%;
	margin-left: 0%;
	margin-top: 30%;
}

#araDesc{
	text-align: left;
	padding-left: 0%;
	padding-right: 0%;
	width: 90%;
	right: 15%;
	height: 90%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#araToggle{
	text-align: center;
	right: 0%;
	height: 100%;
	top: 40%;
	width: 10%;
	position: absolute;
}

#araToggle h2{
	display: none;
}

#lighttechnics_ara .slidingContent{
	left: 0%;
	padding-left: 0%;
	top: 0%;
	background-color: rgba(125, 49, 117, 0.95);
	height: 100%;
	text-align: justify;
	padding-top: 10%;
	width: 100%;
}

#lighttechnics_ara .notShowing{
	background-color: rgba(125, 49, 117, 0.0);
	left: -90%;
}




#lighttechnics_ara .slidingContent h1{
	color: black;
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;
	padding-left: 15%;

}

#lighttechnics_ara .slidingContent h2 a{
	color: black !important;
	position: absolute;
	margin-top: 130%;
	padding-left: 20%;
	font-size: 1.6rem;
}

#lighttechnics_ara .notShowing h2 a{
	color: black !important;
	position: absolute;
	margin-top: 130%;
	font-size: 1.6rem;
	padding-right: 2%;
	padding-left: 0%;



}

#lighttechnics_ara .notShowing .fancy-underline{
  color: black;
}

#lighttechnics_ara .notShowing .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}

#lighttechnics_ara .slidingContent img{
	width: auto;
	height: 15vh;
	position: absolute;
	left: 0;

	margin-left: 0;
	margin-right: 0;
	margin-top: 110%;

	opacity: 0.5;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);


  transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;


}

#lighttechnics_ara .notShowing img{
	position: absolute;
	margin-top: 110%;
	left: 50%;
	right: 0;
	margin-left: 0;
	margin-right: 0;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

}


/************************Lighttechnics limits--------------------*/


#lighttechnics_limits{
	margin-top: 0%;

	background: transparent url(../images/lighttechnics/tracks_created.png) top left no-repeat;

	background-color: rgb(90, 90, 90);

	  background-size: 100%;
  background-size: cover no-repeat;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  vertical-align: top;
  background-repeat: no-repeat !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#lighttechnics_limits .gradient{
	position: absolute;
	width: 190%;
	height: 100%;
	margin-left: -2%;
	z-index: 1 !important;
	background: -moz-linear-gradient(left,  rgba(89,89,89,1) 0%, rgba(89,89,89,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(89,89,89,1)), color-stop(100%,rgba(89,89,89,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(89,89,89,1) 0%,rgba(89,89,89,0) 100%); /* W3C */

}

#lighttechnics_limits .title{
	z-index: 3! important;
	padding-top: 14%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	height: 100%;
	background: rgba(89,89,89,0.90);
}

#lighttechnics_limits .title hr{
	width: 50%;
	height: 3px;
	background-color: black;
	color: black;
	border: 0 none;
}

#lighttechnics_limits h1{
	color: black;

}

#lighttechnics_limits h2{
	color: black;
}

#lighttechnics_limits img{
	width: auto;
	height: 110vh;
	padding-left: 0%;
	margin-left: -60%;
	margin-top: -5%;
}

#limitsDesc{
	text-align: left;
	padding-left: 10%;
	padding-right: 5%;
	width: 100%;
	height: 85%;
	top: 15%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#limitsToggle{
	text-align: center;
	top: 0%;
}

#limitsToggle h2{
	display: none;
}

#lighttechnics_limits .slidingContent{
	bottom: 0%;
	background-color: rgba(140, 140, 140, 0.95);
	height: 100%;
	text-align: justify;
	width: 100%;
}

#lighttechnics_limits .notShowing{
	background-color: rgba(151, 151, 150, 0.0);
	bottom: -85%;
}

#lighttechnics_limits .slidingContent h1{
	color: black;
	font-family: franklin_gothic_fsbook;
	font-size: 1.9rem;

}

#lighttechnics_limits .slidingContent h2 a{
	color: black;
	position: absolute;
	font-size: 1.8rem;
	top: 2%;
	right: 47%;

}

#lighttechnics_limits .notShowing h2 a{
	color: white !important;
	position: absolute;
	font-size: 1.8rem;
	top: 10%;
	right: 47%;

}

#lighttechnics_limits .notShowing .fancy-underline{
  color: black;
}

#lighttechnics_limits .notShowing .fancy-underline:hover:after {
  width: 100%;
 background-color: black;
}

#lighttechnics_limits .slidingContent img{
	width: auto;
	height: 15vh;
	position: absolute;

	top: 0%;
	opacity: 0.5;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);




    	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-ms-filter: invert(1);


  transition: all 0.50s ease-out;
-moz-transition: all 0.50s ease-out;
-ms-transition: all 0.50s ease-out;
-o-transition: all 0.50s ease-out;
-webkit-transition: all 0.50s ease-out;

-webkit-transition-property: -webkit-transform, -webkit-filter;
-moz-transition-property: -moz-transform, -moz-filter;
-o-transition-property: -o-transform, -o-filter;
transition-property: transform, filter;


}

#lighttechnics_limits .notShowing img{
	position: absolute;
	top: 0%;
	margin-top: 0%;
	margin-left: 0%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);


    	filter: invert(0);
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);


}



/*---------------------Lighttechnics need -------------------*/



#lighttechnics_need{
	background-color: white;
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%

}

#lighttechnics_need h1{
	font-family: kuroregular;
	font-size: 4.5rem;
	color: black;
	text-transform: uppercase;
	margin-bottom: 0%;
	padding-bottom: 0%;

}

#lighttechnics_need h2{
	font-family: kuroregular;
	font-size: 2.4rem;
	color: black;
	padding-top: 0%;
	margin-top: 0%;
}


/*---------------------Lighttechnics req -------------------*/



#lighttechnics_req{
	background-color: rgb(77, 78, 76);
}


#lighttechnics_req .img1{
	position: absolute;
	height: 60vh;
	width: auto;
	top: -12%;
	left: 0%;
	z-index: 3 !important;
	opacity: 0.1;
}

#lighttechnics_req .img2{
	position: absolute;
	height: 60vh;
	width: auto;
	bottom: -15%;
	left: -5%;
	z-index: 3 !important;
	opacity: 0.1;
}

#lighttechnics_req .img3{
	position: absolute;
	height: 60vh;
	width: auto;
	top: 35%;
	right: -12%;
	z-index: 3 !important;
	opacity: 0.1;
}


#lighttechnics_req .title{
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-top: 3%;
}

#lighttechnics_req .title h1{
	font-family: kuroregular;
	font-size: 2.6rem;
	color: rgb(160, 161, 160);
	font-style: italic;
}

#lighttechnics_req .title hr{
	width: 40%;
	height: 3px;
	background-color: white;
	color: white;
	border: 0 none;
}

#lighttechnics_req .bulletPoints{
	position: relative;
	text-align: left;
	z-index: 5 !important;
}

#lighttechnics_req .bulletPoints h1{
	font-family: banker_squareregular;
	font-size: 3.4rem;
	color: white;
	padding-bottom: 0%;
	margin-bottom: 0%;
	padding-top: 4%;
}

#lighttechnics_req .bulletPoints h2{
	font-family: kuroregular;
	font-size: 2.0rem;
	color: white;
	padding-top: 0%;
	margin-top: 0%;

}

#lighttechnics_req .bulletPoints .pointText{

padding-left: 20%;
}


#lighttechnics_req .bulletPoints .pointImage{


}

#lighttechnics_req .bulletPoints img{
	width: auto;
	height: 25vh;
	left: -20%;
	position: absolute;
}

#lighttechnics_req .bulletPoints .point{
	width: 100%;
	margin-bottom: -3%;

	margin-top: -3%;
}

#lighttechnics_req .footer{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 2%;
	z-index: 5 !important;
}

#lighttechnics_req .footer h1{
	font-family: kuroregular;
	font-size: 3.3rem;
	color: rgb(255, 246, 0);
}






/*---------------------Lighttechnics beyond -------------------*/


#lighttechnics_beyond{
	text-align: left;
	padding-right: 10%;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}

#lighttechnics_beyond h1{
	font-family: kuroregular;
	font-size: 3.6rem;
	color: black;
}

#lighttechnics_beyond h2{
	font-family: kuroregular;
	font-size: 1.9rem;
	color: black;
}





/*---------------------Lighttechnics redefines -------------------*/


#lighttechnics_redefines{
	padding-top: 30%;
	padding-bottom: 30%;
	background-color: rgb(27, 27, 25);
	text-align: center;
}

#lighttechnics_redefines h1{
	font-family: verminVibes;
	font-size: 4.0rem;
	color: white;
	transform:scale(1.14, 1.16);
	-webkit-transform:scale(1.14, 1.16);
	-moz-transform:scale(1.14, 1.16);
	-ms-transform:scale(1.14, 1.16);
	-o-transform:scale(1.14, 1.16);
	text-transform: uppercase;
}

#lighttechnics_redefines h2 a{
	font-family: banker_squareregular;
	font-size: 1.8rem;
	color: white;
	position: absolute;
	bottom: 5%;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0%;
	margin-left: 0%;
	left: 0%;
	right: 0%;
}


#lighttechnics_redefines .fancy-underline{
  color: white;
}

#lighttechnics_redefines .fancy-underline:hover:after {
  width: 100%;
 background-color: white;
}




#lighttechnics_legal{
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}


#lighttechnics_legal h1{
	font-family: franklin_gothic_fsbook;
	font-size: 1.8rem;
	color: black;
}



#lighttechnics_more{
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	width: 100%;
}

#lighttechnics_more h1{
	font-family: banker_squareregular;
	font-size: 2.2rem;
	color: black;
	text-align: center;
}


#lighttechnics_more .more_contact h2{
  font-family: banker_squareregular;
  font-size: 1.7rem;
  color: white !important;
  margin: 0%;
  padding: 4%;
}

.more_contact{
  position: relative;
    width: 100%;
  height: 20%;
  margin-top: 2%;
  background-color: black;
  border-radius: 200pt;
   -webkit-border-radius: 200pt;
  -moz-border-radius: 200pt;
  margin: 1%;
  padding: 0%;
}

.more_contact .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(255,255,255, 1);
}