*{
  font-family: 'Poppins', sans-serif;
}

/*burg menu*/
.open {
  position: fixed;
  top: 40px;
  right: 40px;
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  transition: opacity 0.2s linear;
}

.open:hover { opacity: 0.8; }

.open span {
  display: block;
  float: left;
  clear: both;
  height: 4px;
  width: 40px;
  border-radius: 40px;
  background-color: #fab33c;
  position: absolute;
  right: 3px;
  top: 3px;
  overflow: hidden;
  transition: all 0.4s ease;
}

.open span:nth-child(1) {
  margin-top: 10px;
  z-index: 9;
}

.open span:nth-child(2) { margin-top: 25px; }

.open span:nth-child(3) { margin-top: 40px; }

.sub-menu {
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  height: 0;
  width: 0;
  right: 0;
  top: 0;
  position: absolute;
  background-color: rgba(44, 183, 197, 0.95);
  border-radius: 50%;
  z-index: 18;
  overflow: hidden;
}

.sub-menu li {
  display: block;
  float: right;
  clear: both;
  height: auto;
  margin-right: -160px;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.sub-menu li:first-child { margin-top: 180px; }

.sub-menu li:nth-child(1) { -webkit-transition-delay: 0.05s; }

.sub-menu li:nth-child(2) { -webkit-transition-delay: 0.10s; }

.sub-menu li:nth-child(3) { -webkit-transition-delay: 0.15s; }

.sub-menu li:nth-child(4) { -webkit-transition-delay: 0.20s; }

.sub-menu li:nth-child(5) { -webkit-transition-delay: 0.25s; }

.sub-menu li a {
  color: #fff;
  font-size: 45px;
  width: 100%;
  display: block;
  float: left;
  line-height: 75px;
}
.oppenned .sub-menu {
  opacity: 1;
  height: 690px;
  width: 690px;
}
.oppenned span:nth-child(2) { overflow: visible; }
.oppenned span:nth-child(1),
.oppenned span:nth-child(3) {
  z-index: 100;
  transform: rotate(45deg);
}
.oppenned span:nth-child(1) { transform: rotate(45deg) translateY(12px) translateX(12px); }

.oppenned span:nth-child(2) {
  height: 700px;
  width: 700px;
  right: -160px;
  top: -160px;
  border-radius: 50%;
  background-color: rgba(250, 179, 60, 0.54);
}

.oppenned span:nth-child(3) { transform: rotate(-45deg) translateY(-10px) translateX(10px); }

.oppenned li { margin-right: 168px; }
/*burg menu*/





::-moz-selection  {
background: #fab33c;
color: black;
}
::selection   {
background: #fab33c;
color: #ffffff;
}
#navbar-generico{
  padding-bottom: 63px;
}
#navbar-generico a{
  font-size: 2.0vh;
}
#logo-mission{
  padding-bottom: 1%;
}
#logo-mission h1{
  text-align: right;
  padding-top: 6%;
  font-size: 2.4vh;
  color: #2b2b2b;
}

#navbar-generico a:hover{
  background-color: #fab33c;
  transition: 0.3s linear;
}
#header .container{
  padding-top: 2.5%;
}
#header input{
  color: #2b2b2b;
  border: 0px solid ;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
#header button{
  margin-top: 5%;
  color: #ffffff;
  border-radius: 0;
  border: 3px solid #2cb7c5;
  background-color: #2cb7c5;
  transition: 0.3s linear;
  text-transform: uppercase;
}
#header button:hover{
  color: #ffffff;
  border-radius: 0;
  border: 3px solid #fab33c;
  background-color: #fab33c;
}

/*LRH IOT*/
#lrhiot .container{
  padding-top:5%;
  padding-bottom:5%;
}
#lrhiot h3{
  color: #2cb7c5;
  font-weight: bold;
  font-size: 5.0vh;
}
#lrhiot span{
  color: #fab33c;
}
#lrhiot p{
  color: #2b2b2b;
  font-size: 2.0vh;
}
#lrhiot-bottom h3{
  color: #fab33c;
  text-align: left;
}
#lrhiot-cont-bottom p{
  font-size: 1.8vh;
  color: #2b2b2b;
}
#lrhiot a{
  padding: 15px 10px 15px 10px;
  background-color: #fff;
  font-size: 2.0vh;
  text-transform: uppercase;
  color: #2cb7c5;
  border: 3px solid #2cb7c5;
  transition: 0.3s linear;
  text-decoration: none;
  text-align: center;
    margin-right: 20px;
}
#lrhiot a:hover{
  padding: 15px 10px 15px 10px;
  background-color: #2cb7c5;
  font-size: 2.0vh;
  text-transform: uppercase;
  color: #fff;
  border: 3px solid #2cb7c5;
}
#lrhiot-img{
    padding: 3% 0 0 0;
    text-align: center;
    margin: auto;
    width: 70%;
}




#lrhcloud .container{
  padding-top:3%;
  padding-bottom:5%;
}
#lrhcloud h3{
  color: #2cb7c5;
  font-weight: bold;
  font-size: 5.0vh;
}
#lrhcloud span{
  color: #fab33c;
}
#lrhcloud p{
  color: #2b2b2b;
  font-size: 2.0vh;
}
#lrhcloud-right{
    padding-top: 10%;
}
#lrhcloud-right h3{
    text-align: center;
    color: #69c6ca;
    font-size: 3.0vh;
}
#lrhcloud-cont-right{
  background-color: #69c6ca;
  padding: 2%;
}
#lrhcloud-cont-right p{
  font-size: 2.5vh;
    color: #ffffff;
}
#lrhcloud-cont-right ul li{
  list-style-type: none; 
  font-size: 2.0vh;  
  color: #fff;
  
}
#lrhcloud-cont-right ul{
    padding-left:0;
}
#lrhcloud-cont-right li{
    margin-top: 2%;
    padding-left: 10px;
    margin-left: -4%;
    border-left: solid 5px #fab33c;
}
#lrhcloud-bottom h3{
  color: #fab33c;
  text-align: left;
}
#lrhcloud-cont-bottom{
  background-color: #fab33c;
  padding: 2%;      
}
#lrhcloud-cont-bottom p{
  font-size: 1.8vh;
  color: #ffffff;
}

/*PRODOTTI USATI*/
#prodotti-usati{
  margin: auto;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 10%;
}
#prodotti-usati row{
  margin: auto;
  text-align: center;
}
#prodotti-usati p{
  color: #fff;
  font-size: 2.3vh;
}
#prodotti-usati h3{
  color: #fab33c;
  font-size: 2.3vh;
  text-transform: uppercase;
}
#prodotti-usati h2{
  color: #ffffff;
  font-size: 2.5vh;
  text-transform: uppercase;
}
#prodotti-usati img{
  padding-top: 20%;
}
#prodotti-usati a{
  padding: 15px 10px 15px 10px;
  background-color: #fff;
  font-size: 2.0vh;
  text-transform: uppercase;
  color: #2cb7c5;
  border: 3px solid #2cb7c5;
  transition: 0.3s linear;
  text-decoration: none;
  text-align: center;
    margin-right: 20px;
}
#prodotti-usati a:hover{
  padding: 15px 10px 15px 10px;
  background-color: #2cb7c5;
  font-size: 2.0vh;
  text-transform: uppercase;
  color: #fff;
  border: 3px solid #2cb7c5;
}

/*VIDEO FASI*/
/*}*/
#setup-phases .container{
    padding: 5% 0;
}
#setup-phases h3{
  color: #fab33c;
  font-weight: bold;
  font-size: 5.0vh;
  text-transform: uppercase
}
#setup-phases iframe{
    border-bottom: solid 5px #fab33c;
}
#setup-phases .col-md-12{
    height: 100%;
}
#setup-phases b{
    margin-top: 5%;
    color: #fab33c;
    font-size: 2.3vh;
    text-transform: uppercase;
    padding-bottom: 5%;
}
#dicono-di-noi .container{
    padding: 10% 0;
    margin: auto;
    text-align: center;
}
#dicono-di-noi h3{
    text-align: left;
  color: #69c6ca;
  font-weight: bold;
  font-size: 5.0vh;
  text-transform: uppercase
}
#dicono-di-noi iframe{
    border-bottom: solid 5px #fab33c;
}
#dicono-di-noi .col-md-12{
    height: 100%;
}
#dicono-di-noi b{
    margin-top: 5%;
    color: #69c6ca;
    font-size: 2.3vh;
    text-transform: uppercase;
    padding-bottom: 5%;
}

#vantaggi{
  background-color: #69c6ca;
  margin: 5% 0 5% 0;
  text-align: center;
  
  padding-top: 5%;
  padding-bottom: 5%;
}
#vantaggi p{
  color: #fff;
  font-size: 2.3vh;
}
#vantaggi h3{
  color: #fab33c;
  font-size: 2.3vh;
  text-transform: uppercase;
}
#vantaggi h2{
  color: #ffffff;
  font-size: 2.5vh;
  text-transform: uppercase;
}
#vantaggi img{
  padding-top: 20%;
}
#lora .container{
  padding-top:10%;
  padding-bottom:10%;
}
#lora h3{
  color: #2b2b2b;
  font-weight: bold;
  font-size: 4.0vh;
  text-transform: uppercase;
}
#lora span{
  color: #2cb7c5;
}
#lora p{
  color: #2b2b2b;
  font-size: 2.5vh;
  padding-bottom:20px;
}
#lora a{
  padding: 20px 15px 20px 15px;
  background-color: #fff;
  font-size: 2.0vh;
  text-transform: uppercase;
  color: #2cb7c5;
  border: 3px solid #2cb7c5;
  transition: 0.3s linear;
  text-decoration: none;
  text-align: center;
}
#lora a:hover{
  padding: 20px 15px 20px 15px;
  background-color: #2cb7c5;
  font-size: 2.0vh;
  text-transform: uppercase;
  color: #fff;
  border: 3px solid #2cb7c5;
}
#header-contatti .container{
  padding-top: 10%;
  padding-bottom: 10%;
}
#header-contatti h1{
  text-transform: uppercase;
  font-size: 30px;
  color: #ffffff;
}
#header-contatti input{
  margin-top: 4%;
  background-color: rgba(250, 250, 250, 0.2);
  border-radius: 0;
  color: #ffffff;
  border: solid 3px #ffffff;
  font-size: 25px;
}
#header-contatti select{
  margin-top: 4%;
  background-color: rgba(250, 250, 250, 0.2);
  color: #2b2b2b;
  border: solid 3px #ffffff;
  font-size: 20px;
}
#header-contatti textarea{
  margin-top: 2%;
  background-color: rgba(250, 250, 250, 0.2);
  border-radius: 0;
  color: #ffffff;
  border: solid 3px #ffffff;
  font-size: 25px;
}
#header-contatti button{
  margin-top: 4%;
  background-color: rgba(250, 250, 250, 0.2);
  color: #fff;
  padding: 15px 20px 15px 20px;
  border-radius: 0;
  border: solid 3px #fab33c;
  font-size: 25px;
  text-transform: uppercase;
  transition: 0.3s linear;
}
#header-contatti button:hover{
  background-color: #fab33c;
  color: #fff;
  border-radius: 0;
  border: solid 3px #fab33c;
  font-size: 25px;
  text-transform: uppercase;
}
/*PRIVACY*/
#privacy .container-fluid{
  background-color:#5cc3c9;
  margin-bottom: 50px;
}
#privacy h1{
  padding-top: 50px;
  padding-bottom: 50px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
#privacy li{
  padding-top: 1%;
  padding-bottom: 1%;
}
#privacy hr{
  padding-top:2%;
  padding-bottom: 2%;
}
#privacy a{
  color: #5cc3c9;
  text-decoration: none;
}
/*COOKIE*/
#cookie .container-fluid{
  background-color:#5cc3c9;
  margin-bottom: 50px;
}
#cookie .container{
  margin-bottom: 100px;
}
#cookie h1{
  padding-top: 50px;
  padding-bottom: 50px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
#cookie .container-fluid{
  background-color:#5cc3c9;
  margin-bottom: 50px;
}
#cookie h1{
  padding-top: 50px;
  padding-bottom: 50px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
#cookie li{
  padding-top: 1%;
  padding-bottom: 1%;
}
#cookie hr{
  padding-top:2%;
  padding-bottom: 2%;
}
#cookie a{
  color: #5cc3c9;
  text-decoration: none;
}
/*FOOTER*/
#footer{
  padding-top: 5%;
  background-color: #2b2b2b;
}
#footer i{
  color: #fff;
  font-size: 7.0vh;
}
#footer i:hover{
  color: #fab33c;
  transition: 0.3s linear;
}
#footer p{
  color: #fff;
  font-size: 15px;
  text-transform: none;
  text-align: left;
  padding-top: 0;
}
#footer h2{
  margin-top: 20px;
  color: #fff;
  font-size: 2.0vh;
  text-transform: none;
  text-transform: uppercase;
}
#footer a{
  color: #fff;
  font-size: 2.0vh;
  text-transform: none;
  text-align: left;
}
#social-bar{
  text-align: center;
  margin: auto;
}
#social-bar i{
  font-size: 35px;
  margin-left: 20px;
  margin-right: 20px;
}
#social-bar i:hover{
  color: #fab33c;
  transition: 0.3s linear;
}
#footer-generico img{
  padding-top: 5%;
}
#informazioni{
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: center;
}
#informazioni p{
  padding-top: 25px;
  font-size: 2.0vh;
}
#footer ul{
list-style-type: none;
padding-top: 20px;
padding-left: 0;
}
#footer a:hover{
  text-decoration: none;
  color: #fab33c;
  transition: 0.3s linear;
}

/*/FOOTER*/
@media only screen and (min-width: 1150px){
	.open{
		display: none;	
	}	
}
@media only screen and (max-width: 1150px){
  #navbar-generico{
		display: none;
	}
	.open{
		display: visible;
	}
}
@media only screen and (max-width: 768px){
	#logo-mission img{
		padding-top: 20px;
	}
  #logo-mission h1{
    font-size: 20px;
    padding-bottom: 10px;
  }
  #header{
	padding-top: 100px;
	padding-bottom: 100px;
  }
  #header input{
	background-color: rgba(250, 179, 60, 0.8);
    font-size: 20px;
    margin-top: 10px;
	border-bottom-width: 5px #5cc3c9;
  }
  #header .carousel-item{
	/*display: none;*/
  }
  #header button{
    font-size: 20px;
  }
  #lrhcloud img{
	width:80%;
  }
  #lrhcloud h3{
	font-size: 30px;
  }
  #lrhcloud p{
	font-size: 15px;
  }
  #vantaggi h2{
	font-size: 30px;
  }
	#vantaggi p{
		font-size: 15px;
	}
  #lora{
	padding-bottom: 80px;
  }
  #lora img{
	width: 100%px;
  }
  #lora .container a{
    padding-bottom: 10px;
  }
  #lora h3{
	font-size: 30px;
  }
  #lora p{
	font-size: 15px;	
  }
  #footer img{
    width: 250px;
	padding-top: 50px;
    padding-bottom: 20px;
  }
  #footer .container{
    margin: auto;
    text-align: center;
  }
  #footer .container p{
    font-size: 15px;
    padding-bottom: 5%;
  }
  #footer .row{
    margin: auto;
    text-align: center;
  }
  #footer .container i{
	font-size: 50px;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  #footer h2{
	font-size: 20px;
    margin: auto;
    padding-bottom: 5%;
  }
  #social-bar{
    margin: auto;
  }
  #informazioni img{
	width: 100px;
  }
  #informazioni p{
	text-align: center
  }

/*recupero password*/
  #header-contatti input{
	font-size: 20px;
	background-color: #fab33c;
	border: none;
	color: #2b2b2b;
  }
	#header-contatti select{
	font-size: 20px;
	background-color: #fab33c;
	border: none;
	color: #2b2b2b;
  }
	#header-contatti textarea{
	margin-top: 10px;
	font-size: 20px;
	background-color: #fab33c;
	border: none;
	color: #2b2b2b;
  }
	#header-contatti input{
	font-size: 20px;
	background-color: #fab33c;
	border: none;
	color: #2b2b2b;
  }
	#header-contatti button{
	font-size: 20px;
	background-color: #fab33c;
	border: none;
	color: #fff;
  }
}
 @media only screen and (min-width: 480px){
	
}