@charset "utf-8";

body { margin:0;
       padding:0;
	   overflow-x:hidden;
	 }


#head { width:100%;
        background-color:#e7f8f8;
	  }

.content { width:90%;
           max-width:1160px;
		   margin-left:auto;
		   margin-right:auto;
		 }

#head1 { width:100%;
         margin-left:auto;
		 margin-right:auto;
		 display: -webkit-box; 
		 display: -moz-box;
		 display: -ms-flexbox;
		 display: -webkit-flex; 
		 display: flex;
		 align-items: center;
		 -webkit-flex-wrap: wrap;
		 flex-wrap: wrap;
		 -webkit-align-content: center;
		 align-content: center;
	   }

.float_fix { clear:both; }

#elem1 { width:50%;
         text-align:center;
		 -webkit-box-ordinal-group: 1;  
		 -moz-box-ordinal-group: 1;     
		 -ms-flex-order: 1;     
		 -webkit-order: 1;  
		 order: 1;
       }

#elem2 { width:50%;
         text-align:center;
		 
       }

#img_head { width:100%;
            max-width:558px;
			margin-left:auto;
			margin-right:auto;
		  }

#n1_e2 { width:100%;
         text-align:center;
	   }

#span_head1 { font-family: 'Roboto Slab', sans-serif, Arial;
              font-size:153px;
			  line-height:158px;
			  font-weight:bold;
			  color:#15395a;
			}

#n2_e2 { width:100%;
         text-align:center;
	   }

#span_head2 { font-family: 'Roboto Slab', sans-serif, Arial;
              font-size:33px;
			  line-height:38px;
			  font-weight:bold;
			  color:#01baba;
			}

#n3_e2 { width:100%;
         text-align:center;
	   }

#span_head3 { font-family: 'Roboto Slab', sans-serif, Arial;
              font-size:18px;
			  line-height:25px;
			  font-weight:bold;
			  color:#ff7800;
			}

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:30px;
		   }

#line { width:100%;
        max-width:1157px;
		margin-left:auto;
		margin-right:auto;
	  }

#intro { width:100%;
         margin-left:auto;
		 margin-right:auto;
		 text-align:center;
		 margin-top:50px;
	   }

#i1 { width:100%;
      max-width:950px;
      text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	}

.span_headline { font-family: 'Roboto', sans-serif, Arial;
                 font-size:35px;
				 line-height:40px;
				 color:#2d2d2d;
				 font-weight:bold;
			   }

#i2 { width:100%;
      max-width:950px;
      text-align:center;
	  margin-top:20px;
	  margin-left:auto;
	  margin-right:auto;
    }

.text { font-family: 'Roboto', sans-serif, Arial;
        font-size:18px;
		line-height:25px;
		color:#2d2d2d;
	  }

#i3 { width:100%;
      max-width:950px;
      text-align:center;
	  margin-top:25px;
	  margin-left:auto;
	  margin-right:auto;
    }

#buton1 { width:300px;
		  height:60px;
		  margin-left:auto;
		  margin-right:auto;
		  background-color:#ff7800;
		  border:none;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-weight:bold;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  cursor:pointer;
		}
		  
#link_buton1 { color:#ffffff;
               text-decoration:none;
			 }  

#clienti { width:100%;
           margin-left:auto;
		   margin-right:auto;
		   margin-top:50px;
		   background-color:#0e1f24;
		   padding-top:30px;
		   padding-bottom:30px;
		 }		  

#c1 { width:90%;
      max-width:800px;
	  margin-left:auto;
	  margin-right:auto;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	  justify-content: space-between;
	}

.client { width:145px;
          margin-left:auto;
		  margin-right:auto;
		  text-align:center;
		}

.logo_client { width:145px;
               border:none;
			   display:block;
			 }

#c2 { width:90%;
      max-width:650px;;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:25px;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	  justify-content: space-between;
	}

#solutii { width:100%;
           margin-left:auto;
		   margin-right:auto;
		   margin-top:30px;
		   text-align:center;
		 }

#s1 { width:100%;
      text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	}

#s2 { width:100%;
      max-width:1000px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:30px;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	  justify-content: space-between;
	}

.box { width:306px;
       height:205px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#fcfcfc;
	   display: -webkit-box; 
	   display: -moz-box;
	   display: -ms-flexbox;
	   display: -webkit-flex; 
	   display: flex;
	   align-items: center;
	   -webkit-flex-wrap: wrap;
	   flex-wrap: wrap;
	   -webkit-align-content: center;
	   align-content: center;
	   margin-top:20px;
	   cursor:pointer;
	 }

.img_box { width:100%;
           text-align:center;
         }

#img_box1 { width:108px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

.text_box { width:100%;
            margin-left:auto;
			margin-right:auto;
			text-align:center;
			margin-top:10px;
		  }

.span_box { font-family: 'Roboto', sans-serif, Arial;
            font-size:18px;
			line-height:25px;
			color:#2d2d2d;
		  }

#img_box2 { width:177px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#img_box3 { width:152px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#s3 { width:100%;
      max-width:1000px;
	  margin-top:50px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:30px;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	  justify-content: space-between;
	}

#img_box4 { width:84px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#img_box5 { width:131px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#img_box6 { width:123px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#talk_with_us { width:100%;
                max-width:1000px;
                margin-top:50px;
                margin-left:auto;
                margin-right:auto;
                margin-top:30px;
                display: -webkit-box; 
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex; 
                display: flex;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                justify-content: space-around;
			  }

#img_us { width:100%;
          max-width:658px;
		  border:none;
		  display:block;
		  margin-top:-60px;
		}
		
#div_img { width:50%;
           max-width:650px;
		 }

#div_text { width:50%;
            max-width:430px;
			text-align:right;
		  }

#text1_d { width:100%;
           text-align:right;
		 }

#sc { color:#01baba; }

#buton2 { width:300px;
		  height:60px;
		  margin-left:auto;
		  margin-right:auto;
		  background-color:#ff7800;
		  border:none;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-weight:bold;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  cursor:pointer;
		}
		  
#link_buton2 { color:#ffffff;
               text-decoration:none;
			 }  

#div_btn { width:100%;
           margin-top:25px;
		 }

#ending { width:100%;
          background-color:#fcfcfc;
		  padding-top:30px;
		  padding-bottom:30px;
		  margin-top:30px;
		}

#img1 { width:100%;
        max-width:637px;
		border:none;
		display:block;
	  }

#img2 { width:100%;
        max-width:637px;
		border:none;
		display:block;
	  }

#e1 { width:33%;
      max-width:637px;
	}

#e2 { width:34%;
      text-align:center;
	}

#e3 { width:33%;
      max-width:637px;
	}

#e_title { width:100%;
           text-align:center;
		 }

#e_text { width:100%;
          text-align:center;
		  margin-top:25px;
		}

#e_btn { width:100%;
         text-align:center;
		 margin-top:25px;
	   }

#buton3 { width:300px;
		  height:60px;
		  margin-left:auto;
		  margin-right:auto;
		  background-color:#ff7800;
		  border:none;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-weight:bold;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  cursor:pointer;
		}
		  
#link_buton3 { color:#ffffff;
               text-decoration:none;
			 }  

#ee { width:90%;
      max-width:1920px;
      display: -webkit-box; 
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      align-items: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
      justify-content: space-between;
	}

.link_head_s { text-decoration:none;
               color:#ff7800;
             }

.link_box { text-decoration:none;
            color:#2d2d2d;
		  }

@media screen and (max-width: 900px) and (min-width:650px)
{

#talk_with_us { width:90%;
                max-width:1000px;
			  }

}

@media screen and (max-width: 649px)
{

#talk_with_us { width:90%;
                max-width:1000px;
			  }
			  
#head1 { width:100%;
         margin-left:auto;
		 margin-right:auto;
		 display: -webkit-block; 
		 display: -moz-block;
		 display: -ms-block;
		 display: -webkit-block; 
		 display: block;
		 align-items: center;
		 -webkit-flex-wrap: wrap;
		 flex-wrap: wrap;
		 -webkit-align-content: center;
		 align-content: center;
	   }

#elem1 { width:90%;
         text-align:center;
		 -webkit-box-ordinal-group: 1;  
		 -moz-box-ordinal-group: 1;     
		 -ms-flex-order: 1;     
		 -webkit-order: 1;  
		 order: 1;
		 margin-left:auto;
		 margin-right:auto;
       }

#elem2 { width:90%;
         text-align:center;
		 margin-left:auto;
		 margin-right:auto;
       }

#talk_with_us { width:100%;
                max-width:1000px;
                margin-top:50px;
                margin-left:auto;
                margin-right:auto;
                margin-top:30px;
                display: -webkit-block; 
                display: -moz-block;
                display: -ms-block;
                display: -webkit-block; 
                display: block;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                justify-content: space-around;
			  }
			  
#div_img { width:90%;
           max-width:650px;
		   margin-left:auto;
		   margin-right:auto;
		 }

#div_text { width:90%;
            max-width:650px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-top:20px;
		  }

#text1_d { width:100%;
           text-align:center;
		 }

#ee { width:90%;
      max-width:1920px;
      display: -webkit-block; 
      display: -moz-block;
      display: -ms-block;
      display: -webkit-block; 
      display: block;
      align-items: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
      justify-content: space-between;
	}

#e1 { width:90%;
      max-width:637px;
	  margin-left:auto;
	  margin-right:auto;
	}

#e2 { width:90%;
      text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	}

#e3 { width:90%;
      max-width:637px;
	  margin-left:auto;
	  margin-right:auto;
	}

#span_head1 { font-family: 'Roboto Slab', sans-serif, Arial;
              font-size:125px;
			  line-height:130px;
			  font-weight:bold;
			  color:#15395a;
			}

}



