/* Apply border-box sizing to all elements and their pseudo-elements */
*, *::before, *::after {
  box-sizing: border-box;
}



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

html{width:100vw;}

body { background: #fff;
padding-top: 80px;
max-width: 100vw;
 font-family: "Inter", sans-serif;
margin:0;
}


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

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

.logo-mobile {padding: 24px 0px 40px 0px;}


.hero-action {padding: 30px 0;}

.tech-text {font-family: 'Inter', 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;}
	
	
	
.container.mine {
  width: 100%;
  max-width: 1600px;
  padding: 15px 30px;
}



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

nav {
width: 100%;}

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

nav ul li a {color: #494848;
text-decoration: none;
font-family: 'Inter', 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: 'Inter', 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 {
	justify-content: left;
      transition:all .05s;
      position:fixed;
      left:-9000px;
    }
	
	.menu-collapsed ul li{display: inline-block;

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

.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:#1B47DC;
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: 'Inter', 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: right;
				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: 'Inter', sans-serif;
font-weight:700;
font-size: 64px;
line-height: 64px;
color:#1B47DC;
padding:140px 0 0px 0;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 2px;}

.highlight {color:#101544;}

h2{text-align: left;
font-family: 'Inter', sans-serif;
font-weight:700;
font-size: 40px;
line-height: 100%;
margin-top: 64px;
margin-bottom: 8px;
letter-spacing: 1px;
color:#1B47DC;
}

.chip {position:relative; 
			background:rgba(232, 213, 37, 0.15);	
			padding:10px 16px;	
			border-radius: 1em;			
			font-size:14px; 
			font-weight:700; 
			font-family:'Inter', sans-serif; 
			color:#D2BD03; 
			text-align:center; 
			line-height:10px;
			width:auto;
			max-width: max-content;
			margin: 16px 0px 24px 0px;
			letter-spacing: 0.5px;}	
			
			
			
.mo {background:rgba(234, 66, 64, 0.10);
color:#EA4240;	}
			

.light {font-weight:400;}


h3{text-align: left;
font-family: 'Inter', sans-serif;
font-weight:700;
font-size: 68px;
line-height: 68px;
color:#1B47DC;
padding:140px 0 0px 0;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 2px;}



p {font-family: 'Inter', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
color:#101544;
text-align: left;
padding: 5px;
padding-left: 0%;
letter-spacing: 1px;
}

.download-app{	color:#1B47DC;
				font-weight:700;}

.download-highlight {background-color: #F0F2F9;
border-radius: 1em;
padding: 24px 32px;}

.description {padding-top: 4px;}
			
}
.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: 'Inter', 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: 'Inter', 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: 'Inter', sans-serif;
line-height: 30px;
font-size: 22px;
text-align: left justify;
font-weight: 400;
padding-bottom: 10px;
padding-top: 10px;
}

.text-go{ color:#1B47DC;
text-align: left;
font-family: 'Inter', sans-serif;
font-weight:700;
font-size: 48px;
line-height: 120%;
margin: 10% auto 10% auto;
}



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



.Button-top-secondary	{position:relative; 
			background: transparent;	
			padding:10px 16px;	
			border: 2px solid #101544;
			border-radius: 1em;			
			font-size:14px; 
			font-weight:700; 
			font-family:'Inter', sans-serif; 
			color:#101544; 
			text-align:center; 
			line-height:10px;
			max-width:170px;
			margin: 50px 4px;
			letter-spacing: 0.5px;}	
			




.Button-top-primary	{position:relative; 
			background: #101544;	
			padding:10px 16px;	
			border: 2px solid #101544;
			border-radius: 1em;			
			font-size:14px; 
			font-weight:700; 
			font-family:'Inter', sans-serif; 
			color:#fff; 
			text-align:center; 
			line-height:10px;
			max-width:170px;
			margin: 50px 4px;
			letter-spacing: 0.5px;}	
			
			
a.Button-top-primary {color: #ffffff;
								text-decoration: none;}
			
			
			
			
.Button-top-secondary.mob	{position:relative; 
			background: transparent;	
			padding:6px 8px;	
			border: 2px solid #101544;
			border-radius: 1em;			
			font-size:9px; 
			font-weight:700; 
			font-family:'Inter', sans-serif; 
			color:#101544; 
			text-align:center; 
			line-height:10px;
			max-width:170px;
			margin: 0px 0px;
			letter-spacing: 0.5px;}	
			
			
			
.Button-top-primary.mob{position:relative; 
			background: #101544;	
			padding:6px 12px;	
			border: 2px solid #101544;
			border-radius: 1em;			
			font-size:9px; 
			font-weight:700; 
			font-family:'Inter', sans-serif; 
			color:#fff; 
			text-align:center; 
			line-height:10px;
			max-width:170px;
			margin: 0px 0px;
			letter-spacing: 0.5px;}	


								
.Button-top-primary:hover	{color:#fff;}	
								
.Button-top-secondary:hover	{color:#101544; }	
			
			

.Button-top-primary.blue	{	background: #1B47DC;
								border: 2px solid #1B47DC;}	
								
.Button-top-secondary.blue	{	color: #1B47DC;
								border: 2px solid #1B47DC;}	
								
								
.Button-top-primary.blue:hover	{	background: #1B47DC;
								border: 2px solid #1B47DC;
								color:#fff; }	
								
.Button-top-secondary.blue:hover	{	color: #1B47DC;
								border: 2px solid #1B47DC;}	
			
	
				
			
		
			
.pillar-mobile{display:none;}





/***********************BLOCKS*********************************/
.block.banner {
	position:relative;
	width:100%;
	background: url(images/hero-bg-bazab-dt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	margin-top:0px;
	padding-top:0%;
	height:100%;
	padding-bottom:12%;}	
	
	
.block.banner.mobile {display:none;
	position:relative;
	background: url(images/hero-bg-bazab-mo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	margin-top:px;
	height:100%;
	padding: 0 0;}	
	
	

		
.block.admin {
	position:relative;
	width:100%;
	background-color: #fff;	
	padding: 0 0 60px 0;}
	


.block.questions {
	position:relative;
	width:100%;
	background: url(images/questions-bg-bazab-dt.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	height:420px;
	margin: 0 auto;}	

.block.questions.mo {display:none;}
	
.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;}	
	
.icons{margin-bottom: 0px;}	


.mobile-desktop	{display:block;}

.mobile-mobile	{display:none;}

.admin-desktop	{display:block}

.admin-mobile	{display:none;}

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





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

}		

#feedback	{	font-family: 'Inter', 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: 'Inter', 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: 'Inter', 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: 'Inter', 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 #DDE2F6;
opacity: 1;
		width:80vw;
		margin: 0 auto;
		padding: 0;
		text-align: center;}

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





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

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

					
					
					
					
					
					


.footer-mobile {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background-color: #fff;
  padding: 16px 16px 15px 16px;
  border-top: solid #DDE2F6 1px;
  display: flex;            /* Make footer a flex container */
  align-items: center;      /* Vertically center content */
}

.footer-mobile ul {
  display: flex;          /* flex container */
  align-items: center;    /* vertically center items inside ul */
  height: 100%;           /* make ul full height of footer (64px) */
  margin: 0;
  padding: 0;
  list-style: none;
}



.footer-mobile ul li {
  /* remove display: inline; */
  margin-right: 8px;        /* spacing between items */
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

.footer-mobile a {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #efefef;
  letter-spacing: 2px;
  text-decoration: none;    /* optional */
}


.footer-mobile-actions {margin-left: auto;}



.footer-mobile {display: none;}

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




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


@media screen and (max-width: 1024px) {
	
	
	
body { 
padding-top: 0px;
}

header {display:none;}	


	
	.footer-mobile {display: flex;}

.footer-mobile ul {
  display: flex;  }
	
.mobile-desktop	{display:none;}

.mobile-mobile	{display:block;}

.admin-desktop	{display:none;}

.admin-mobile	{display:block;}

.block.banner {display:none;}

.block.banner.mobile {display:block;
}

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

#logo {margin: 4px 0 8px 0;
width: 70%;
}
.pillar-mobile{display:block;}

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

h1{
font-size: 48px;
line-height:48px;
padding-top:48px;
padding-bottom:16px;}

h2{
font-size: 200%;
}

h3{text-align: left;
font-family: 'Inter', sans-serif;
font-weight:700;
font-size: 250%;
line-height: 150%;
color:#1B47DC;
padding:60px 0 0px 0;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 2px;}


#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.questions {display:none;}
	
.block.questions.mo {display:block;
	position:relative;
	width:100%;
	background: url(images/questions-bg-bazab-mo.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	height:auto;
	margin: 0 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  {	
display: none;
text-align: center;
padding-top:5px;
padding-bottom: 100px;
}


	
}