*{margin: 0;
border: 0;
padding: 0;
text-decoration:none;}

html{width:100vw;}

body { background: #fff;
max-width: 100vw;
font-family: 'Rajdhani', sans-serif;
font-size: 22px;
margin:0;
}


header {background: #fff;
width: 100vw;
height: 80px;
position: fixed;
top: 0;
left: 0;
right:0;
z-index: 100;
opacity: 1;
border-bottom: solid 1px #e2e2e2;
margin:0;
}

#logo {margin: 24px 0 10px 0;
float:left;
height: auto;
}

.tech-text {font-family: 'Rajdhani', sans-serif;
    line-height: 30px;
    font-size: 22px;
    text-align: left;
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 10px;}
	
	
	
.tech-text.mini {
    line-height: 20px;
    font-size: 14px;
    padding-top: 0px;}

/*********************NAV*********************/

nav {
width: 100%;}

nav ul{	list-style:none;
		float: right;
		margin-top: 24px;
		margin-right: 0;
		}
		
nav ul li{	display: inline;
			
		}

nav ul li a {color: #494848;
text-decoration: none;
font-family: 'Rajdhani', sans-serif;
font-size: 16px;
font-weight: 500;
padding: 0 0px 0 50px;

}

a	{text-decoration: none;
color:#7d7d7d;}

a:hover {color:#494848;
text-decoration: none;
font-family: 'Rajdhani', sans-serif;
font-weight: 700;}

.current {color:#494848; font-weight: 700;}


/*********************NAV-END*********************/







/*********************NAV-mobile*********************/

.menu-collapsed {
	transition:all .25s;
	position:fixed;
	top:33px;
	left:85vw;
	height:40px;
	width:40px;
	z-index:1;
	cursor:pointer;
	display:none;}

.menu-collapsed ul {
      transition:all .05s;
      position:fixed;
      left:-9000px;
    }
  
  
.menu-collapsed .bar {
    position:fixed;
     left:85vw;
    top:40px;
    height:4px;
    width:32px;
    border-radius:50px;
  background-color:#00a55e;}
  
.menu-collapsed .bar:before {
      transition:all .25s;
      content:"";
      position:absolute;
     left:0;
      top:-10px;
      height:4px;
      width:32px;
      border-radius:50px;
      background-color:#00a55e;
    }
	
	
.menu-collapsed .bar:after {
      transition:all .25s;
      content:"";
      position:absolute;
     left:0;
      top:10px;
      height:4px;
      width:32px;
      border-radius:50px;
      background-color:#00a55e;
    }
  
 

.menu-expanded {
  transition:all .25s;
  text-align:left;
  line-height:350%;
  padding-top: 10vh;
  height:100%;
  width:100%;
  border-radius:0px;
  top:0;
  left:0;
background-color:#494848;
opacity:1;
}
  
  
  

  
.menu-expanded .bar {
    background-color:transparent;
  transition:all .25s;
  
}
  
.menu-expanded .bar:before {
      transition:all .25s;
      content:"";
      transform:rotate(45deg);
      top:-0px;
	     background-color:#fff;
    }
.menu-expanded .bar:after {
      transition:all .25s;
      content:"";
      transform:rotate(-45deg);
      top:0px;
	     background-color:#fff;
    }
 

  
/****************************************/


 .menu-expanded ul {
	 
    transition:all .05s;
    position:relative;
    left:0px;
    z-index:2;
  }
 

.menu-expanded ul li  {
    transition:all .15s;
    text-decoration:none;
	text-align:left;
    color:#fff;
    font-size:200%;
	font-weight: 300;
	line-height: 100%;
    font-family: 'Rajdhani', sans-serif;
	padding: 15px 0 15px 50px;
	display: block;} 

  
.menu-expanded ul li a {
    transition:all .15s;
    text-decoration:none;
    color:#fff;
	padding:0px;
	display: inline;}
  
.menu-expanded li a:hover {
      transition:all .15s;}
	

.lng { font-size: 20px;
opacity: 1;}

.lng-no { font-size: 20px;
opacity: 0.5;}

.lng-no:hover { font-weight:300;
opacity: 1;}

	

/***********************NAV-mobile-END*********************************/







/*********************DEVELOPED*********************/

#developed	{		position: fixed;
z-index: 1000;
					width: 100%;
					margin-top: 50vh;
		
					}



#developed ul	{
					list-style:none;
					float: righ;
					text-align:right;
					margin-right: 50px;
					
		
					}

#developed ul li a	{	display:block;
font-weight: 500;
						padding-bottom:4px;
						color: #929292;
						font-size: 14px;
						padding:10px;	
						line-height: 14px; 
						}
						


						}
						
#developed ul li a:visited		{	text-decoration: none;}

#developed ul li a.active	{	font-weight:700;}
/*********************DEVELOPEDend*********************/	







/*********************LANGUAGES************************/

#languages {	position: fixed;
z-index: 1000;
margin-top: 50vh;
margin-left: 50px;
	
}

#languages ul	{	list-style:none;
					}

#languages ul li	{	margin:15px 10px;	
					}
					
#languages ul li a	{color: #929292; 
letter-spacing: 1px;	
font-size: 14px;
font-weight: 500;
line-height: 25px; 
opacity: 0.5;
}


#languages ul li a:hover		{	font-weight: 700;
opacity: 1;

						}

#languages ul li a.active	{	font-weight:700;
opacity: 1;
	}

/*********************LANGUAGESend*********************/	


/*********************TITLE STYLES*********************/	


.light	{font-weight:400; }


h1{text-align: left;
font-family: 'Rajdhani', sans-serif;
font-weight:700;
font-size: 80px;
line-height: 81px;
color:#494848;
padding:0px 0 0px 0;
margin-top: 0px;
margin-bottom: 0px;}

h2{text-align: center;
font-family: 'Rajdhani', sans-serif;
font-weight:700;
font-size: 30px;
line-height: 140%;
margin: 80px 0;
color:#494848;
}

.light {fint-weight:400;}


h3{text-align: center;
font-family: 'Rajdhani', sans-serif;
font-weight:700;
font-size: 20px;
line-height: 24px;
color:#494848;
}


h4{text-align: left;
font-family: 'Rajdhani', sans-serif;
font-weight:700;
font-size: 500%;
line-height: 130%;
color:#fff;
padding:15% 0 15px 0;
margin-top: 0px;
margin-bottom: 0px;}


p {font-family: 'Rajdhani', sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 30px;
color:#494848;
text-align: left justify;
padding: 5px;
padding-left: 0%;
}
				
}
.text-center { text-align: center;
margin: 100px 0 60px 0;					
}

.text-center-led { text-align: center;
margin: 30px 0 0px 0;	
color: #fff;			
}


.led-title {font-family: 'Rajdhani', sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 62px;
color:#fff;
text-align: left;
padding-bottom: 20px;
padding-top: 120px;
padding-left: 0%;
}


.led-description {font-family: 'Rajdhani', sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 26px;
color:#fff;
text-align: left;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 0%;
}

.feautures-text{font-family: 'Rajdhani', sans-serif;
line-height: 30px;
font-size: 22px;
text-align: left justify;
font-weight: 400;
padding-bottom: 10px;
padding-top: 10px;
}

.text-go{ color:#494848;
text-align: center;
font-family: 'Rajdhani', sans-serif;
font-weight:700;
font-size: 30px;
line-height: 140%;
margin: 20% auto 20% auto;
}



img {text-align: left;
max-width: 100%;
height: auto;
width: auto;
}



.technical-more	{position:relative; 
			background: transparent;	
			padding:13px;	
			border: 2px solid #494848;
			border-radius: 1em;			
			font-size:16px; 
			font-weight:700; 
			font-family:'Rajdhani', sans-serif; 
			color:#494848; 
			text-align:center; 
			line-height:10px;
			max-width:170px;
			margin-top: 50px;}	
			
.technical-more:hover { background-color:#494848;
color:#fff; border: 2px solid #494848;}

.technical-more.green	{position:relative; 
			background: #00a55e;	
			padding:15px;	
			border: 2px solid #00a55e;
			border-radius: 1em;			
			font-size:16px; 
			font-weight:700; 
			font-family:'Rajdhani', sans-serif; 
			color:#fff; 
			text-align:center; 
			line-height:10px;
			max-width:170px;
			margin-top: 50px;}	
			
.technical-more.green:hover { background-color:#494848;
color:#fff;border: 2px solid #494848;
}		
				
			
		
			
.pillar-mobile{display:none;}





/***********************BLOCKS*********************************/
.block.banner {
	position:relative;
	width:100%;
	background: url(images/header-dt.jpg);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: fixed;
	margin-top:0px;
	height:85%;
	padding: 12% 0;}	
	
.block.bannerpillar {
	position:relative;
	width:100%;
	background: url(images/header-tech.jpg);
		background-repeat: no repeat;
	background-attachment: fixed;
	margin-top:0px;
	height:50%;
	padding: 12% 0;}	
	
	
.block.bannerpillarsc {
	position:relative;
	width:100%;
	background: url(images/sc-header-tech.jpg);
		background-repeat: no repeat;
	background-attachment: fixed;
	margin-top:0px;
	height:50%;
	padding: 12% 0;}	
	
		
.block.usability {
	position:relative;
	width:100%;
	background-color: #fff;	
	padding: 0 0 60px 0;}
	
	.block.ref {
	position:relative;
	width:100%;
	background-color: #fff;	
	padding: 0 0 0 0;}


#feautures-title{ color:#494848;
text-align: left;
font-family: 'Rajdhani', sans-serif;
font-weight:700;
font-size: 60px;
line-height: 140%;
margin-top: 70px;
padding-bottom: 50px;}
	
.block.feautures {
	position:relative;
	width:100%;
	background: url(images/banner-features.jpg);
	background-repeat: no repeat;
	background-position: center center;
	margin-top:0px;
	height:800px;
	padding: 80px 0;}	
	
	.block.yellowsocket {
	position:relative;
	width:100%;
	background: url(images/banner-yellowsocket_.jpg);
	background-repeat: no repeat;
	background-position: center center;
	margin-top:0px;
	height:800px;
	padding: 80px 0;}	
	
	
	.block.feauturessc {
	position:relative;
	width:100%;
	background: url(images/sc-banner-features.jpg);
	background-repeat: no repeat;
	background-position: center center;
	margin-top:0px;
	height:800px;
	padding: 80px 0;}	
	
.block.night {
	position:relative;
	width:100%;
	background: url(images/pillar-night1.jpg);
	background-repeat: no repeat;
	background-position: center center;
	margin-top:0px;
	height:760px;
	padding: 80px 0;}	
	
	
	
	
.block.nightsc {
	position:relative;
	width:100%;
	background: url(images/sc-night1.png);
	background-repeat: no repeat;
	background-position: center center;
	margin-top:0px;
	height:760px;
	padding: 80px 0;}	
	
	

.block.nightx {
	position:relative;
	width:100%;
	background: url(images/bike2.png);
	background-color: #f8f8f8;
	background-repeat: no repeat;
	background-position: center center;
	height:500px;
	margin: 0 auto;}	
	
	
.block.technical {
	position:relative;
	width:100%;
	background: #fff;
	background-repeat: no repeat;
	background-position: center center;
	margin-top:0px;
	height:900px;
	padding: 80px 0 0 0;}	

.icon{padding: 0 10px 0 10px;}	
	
.icons{margin-bottom: 100px;}	


/***********************BLOCKS-END*********************************/	





		
			
/***********************CONTACT-FORM*********************************/				
			
			
.block.contact	{
		position:relative;
		background: #00a55e;
		margin:0;
		padding-top:50px;
		padding-bottom:100px;
		width: 100%;

}		

#feedback	{	font-family: 'Rajdhani', sans-serif;
		font-size:1em;
		text-align:left;	
		color:#fff;
		font-weight: 400;	
		padding: 5px 10px 5px 10px;	
		margin-top:3%;	}


form {display:inline-block;width:100%;text-align:center; margin-top:0;background-color:transparent;}

form ul	{	list-style-type:none;
			text-align:left;}

form ul li{margin: 0px 0;text-align:left;}

form label	{display:block;
			font-size: 18px;
			font-family: 'Rajdhani', sans-serif;
			padding-bottom: 0;
			padding-top: 30px;
			font-weight: 400;
			color: #fff;
		
			}

form input, textarea{	font-size: 1em;
			padding:5px;
			width: 80%;
			background-color:#fff;}
			
			
input, textarea	{	margin-top:5px;
					font-family: 'Rajdhani', sans-serif;
				font-weight: 300;
				font-size:90%;
				color:#898989;
				padding: 5px 5px;
				text-align: left;
				border: none;}
			
			
			
#submit	input {	background:transparent;
					border: 2px solid #fff;
						margin-top: 30px;
						font-size: 16px;
						margin-bottom:10%;
						padding: 5px;
						border-radius:1em;
						color:#fff;
						width: 100px;
						text-align: center;
						font-weight: 700;}
				
#submit	input:hover{background:#fff;
color:#00a55e;}		


.belo-contact {color:#fff;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
				text-align: left justify;
				padding-bottom: 0px;
				margin-top: 70px;
				padding-left: 0%;}
				
.center-contact{
	text-align:center;
	width: 100%;
	padding-top:50px;
	color: #fff;
	font-weight: 700;
	FONT-SIZE: 60px;
}
				

/***********************CONTACT-end*********************************/							
			

/***********************footer*********************************/


.white {color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 100%; 
}

.belo {color: #fff; font-size:120%;}
.belo-small {color: #b4b4b4; font-size:100%;}

.line {border-top: solid 1px #fff;
opacity: 0.6;
		width:70vw;
		margin: 0 auto;
		padding: 0;
		text-align: center;}

footer {background:#00a55e;
max-width: 100%;
}





.footer-contact {	text-align: left;
					font-size: 15px;
					padding-bottom:15px;
					padding-top:15px;
					color: #fff;}

.footer-developed  {	text-align: right;
					font-size: 15px;
					padding-top:15px;
					padding-bottom:15px;}

.footer-developed a {
					color: #fff;}
					
					

/***********************footer-END*********************************/		
		




			
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/		
			
			
			
/***************************************************/
/************** SCREEN MAX 1024 ********************/
/***************************************************/


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

.menu-collapsed {display:inline;}
	
nav{display:none;}	


#developed	{ display:none;	}

#languages	{ display:none;	}

#logo {margin: 28px 0 10px 0;
width: 50%;
}

.technical-more	{font-size: 14px;}
.technical-more.green	{font-size:14px;}

}

/***************************************************/
/************** SCREEN MAX 420 ********************/
/***************************************************/


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

.menu-collapsed {display:inline;}
	
nav{display:none;}	

#logo {margin: 28px 0 10px 0;
width: 70%;
}
.pillar-mobile{display:inline;}

.block.banner {
	height:auto;
	padding: 45% 0;}	
	
	
.block.bannerpillar {
	height:auto;
	padding: 45% 0;}
	
	
	
.block.bannerpillarsc {
	height:auto;
	padding: 45% 0;}

h1{
font-size: 52px;
line-height:65px;
padding-bottom:0;}

h2{
font-size: 200%;
}

h4{
font-size: 360%;
margin-top:60px;
width: 280px;}


#feautures-title{ 
font-size: 50px;
margin-top: 10px;
padding-bottom: 30px;}

.block.feautures {height:auto;}	
	
.block.night {height:auto;}	

.led-title {
font-size: 50px;
padding-bottom: 10px;
padding-top: 0px;
}
	

.block.nightx {
	height:auto;}	


.block.technical {
				height:auto;}
				
				
.center-contact{
	padding-top:0px;
	font-size: 50px;
	line-height: 100%;
}

.belo-contact {margin-top: 40px;}				


.footer-contact {	text-align: center;
padding-bottom: 0px;}

.footer-developed  {	text-align: center;
padding-top:5px;}


	
}