@charset "utf-8";
/* 
=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|
=============================================================================
						MADE SEVENTEEN ©
=============================================================================
=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|
*/

/* =============================================================================
   Definizioni visualizzazione HTML5
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corretto il ridimensionamento non corretto del testo in IE6/7 quando la dimensione carattere del corpo è impostata con unità em
 * 2. Barra di scorrimento verticale forzata nei browser non IE
 * 3. Impedito il ridimensionamento del testo in iOS dopo un cambio di orientamento del dispositivo, senza disabilitare lo zoom utente: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }

body { margin: 0; font-size:100%; line-height: 1.5; background:#fff; height:100%; }

body, button, input, select, textarea {
  color:#818181;
}



::-moz-selection { background: #33ff99; text-shadow: none; color:#818181; }
::selection { background: #33ff99; text-shadow: none; color:#818181;  }


/* =============================================================================
   Collegamenti
   ========================================================================== */

a { text-decoration:none; margin:0;}
a:visited {color:#818181;}
a:hover { color: #33ff99; }
a:focus { outline: none; }

/* Leggibilità migliorata in caso di attivazione e hover in tutti i browser: h5bp.com/h */
a:hover, a:active { outline: none; }


/* =============================================================================
   Composizione tipografica
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 500; color:#171717; }

blockquote { margin: 1em 40px; }

br { clear:both; }

dfn { font-style: italic; }

hr { display: block;  border: 0; height:0.1em; background:#fff; }

ins { background: #ff0; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

p { font-weight:300; font-size:0.9em; margin-bottom:1em; font-family: 'Roboto Slab', serif;}

/* Famiglia di caratteri monospace ridichiarata: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Leggibilità migliorata del testo preformattato in tutti i browser */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Posizionamento dei contenuti in pedice e apice senza alterare l'altezza della riga: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Elenchi
   ========================================================================== */

ul, ol { margin-top:3%; margin-bottom:0; padding:0; list-style: none; list-style-image: url(../img/checkul.png); outline:none; font-weight:300; font-family: 'Roboto', sans-serif; color: #171717;}
dd { margin:0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; outline:none; }


/* =============================================================================
   Contenuto incorporato
   ========================================================================== */

/*
 * 1. Qualità immagine migliorata in caso di ridimensionamento in IE7: h5bp.com/d
 * 2. Rimossa la distanza tra immagini e bordi nei contenitori di immagini: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; font-weight:100;  }
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */
.ie6 img {
	width:100%;
}
.alignleft { float: left; margin: 0 3% 3% 0; }

/*
 * Corretto riversamento non nascosto in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figure
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Moduli
   ========================================================================== */

form { margin: 0; color:#cecece;  }
fieldset { border: 0; margin: 0; padding: 0;  }

/* Indica che 'label' passerà lo stato di attivazione all'elemento modulo associato */
label { cursor:none; }

/* 
 * 1. Risolto problema colore non ereditato in IE6/7/8/9 
 * 2. Risolto problema allineamento non visualizzato esattamente in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Risolto problema dimensione carattere non ereditata in tutti i browser
 * 2. Margini rimossi in FF3/4 S5 Chrome
 * 3. Definita visualizzazione uniforme dell'allineamento verticale in tutti i browser
 */

button, input, textarea { font-size: 100%; width:100%; margin-top: 1.5%; margin-bottom:3%; padding-bottom:0.5em; vertical-align: baseline; *vertical-align: middle; border:none;color:#33ff99; border-bottom:1px solid #818181; background:none; overflow: hidden; /* disabilitare la scrollbar in IE */font-weight:300;
   font-size:0.9em;
   font-family: 'Roboto', sans-serif;
	  transition-property: all;
	  transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;}

/*
 * 1. Altezza riga definita come normale per corrispondere a FF3/4 (impostata mediante !important nel foglio di stile UA)
 * 2. Risolto problema allineamento non visualizzato correttamente in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintrodotta spaziatura interna in 'table' per evitare problemi di sovrapposizione e spazio vuoto in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Cursore a forma di mano visualizzato per elementi modulo cliccabili
 * 2. Consentita l'applicazione di stili agli elementi modulo cliccabili in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; outline:none; }

/*
 * Ridimensionamento e aspetto uniformi delle caselle 
 */
:required  { background:none;}
input[type="text"]:required, input[type="email"]:required{ background:none;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; outline:none; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; outline:none; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; outline:none; }
::-webkit-input-placeholder { color: #818181; font-size:0.9em;}

::-ms-input-placeholder { color: #818181; font-size:0.9em;}

input[placeholder] { color:#818181; font-size:0.9em;}
::-moz-placeholder { color:#818181; font-size:0.9em;} /* firefox 19+ */
input:-moz-placeholder { color:#818181; font-size:0.9em;}

/* 
 * Rimossa spaziatura interna e bordo in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Rimossa barra di scorrimento verticale predefinita in IE6/7/8/9 
 * 2. Consentito solo ridimensionamento verticale
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; font-weight:300;
   font-size:0.9em;
   font-family: 'Roboto', sans-serif; background:none; }

::-webkit-textarea-placeholder { color: #818181; font-size:0.9em;}

::-ms-textarea-placeholder { color: #818181; font-size:0.9em;}

textarea[placeholder] { color:#818181; font-size:0.9em;}
::-moz-placeholder { color:#818181; font-size:0.9em;} /* firefox 19+ */
textarea:-moz-placeholder { color:#818181; font-size:0.9em;}

select {
   background-color: #171717;
   background-image: url(../img/arrow.png) no-repeat right top;
   width: 100%;
   height: auto;
   margin-top: 1.5%;
   margin-bottom:3%;
   -webkit-appearance: none;
   outline:none;
   border:0;
   border-bottom:0.1em solid #818181;
   font-weight:300;
   font-size:0.9em;
   font-family: 'Roboto', sans-serif;
}
select:hover {
   -webkit-appearance: none;
   outline:none;
   border:0; border-bottom:0.1em solid #33ff99;
}
select:focus {
    outline: none; color: #33ff99;
}
option {
	background:#171717;
	outline:none;
	font-weight:300;
	font-size:0.5em;
	font-family: 'Roboto', sans-serif;
	color:#818181;
}
option:checked { color:#33ff99; }
option:focus { color:#33ff99; }
option:active { color:#33ff99; }
option:hover { color:#33ff99; }
/* Focus sui campi */
input:focus, textarea:focus, .focus {
	outline:none;
  border-bottom:1px solid #33ff99; /* bordo degli elementi */
  color: #818181;            /* colore del testo     */
  overflow:hidden;
}

/* Hover sui campi */
input:hover, textarea:hover, .hover {
	outline:none;
  border-bottom:1px solid #33ff99; /* bordo degli elementi */
  color: #818181;            /* colore del testo     */
  overflow:hidden;
}

/* Colori per validità modulo */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: none; outline:none; }


/* =============================================================================
   Tabelle
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: middle;}
tr {border:none; padding-bottom:10px;}

/*VIEWPORT*/
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



/* 
=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|
=============================================================================
						MADE SEVENTEEN ©
=============================================================================
=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|
*/

/*======================================================================
========================================================================
*********************** FORMATTAZIONE PRINCIPALE © *********************
========================================================================
======================================================================*/

/*DEFINIZIONE LAYOUT SEZIONI E PARAGRAFO */
section {
  text-align: center;
  padding:0;
  height:auto;
  width: 100%;
}

/*Formattazione testo descrittivo*/
h1 {
  font-weight:300;
  font-size:130%;
  font-family: 'Roboto', sans-serif;
  color:#171717;
  margin:0;
}
/*Formattazione testo reclamo*/
h2 {
  font-weight:300;
  font-size:130%;
  font-family: 'Roboto', sans-serif;
  color:#171717;
  margin:0;
}
/*Formattazione titolo paragrafo*/
h3 {
    font-family: 'Roboto', sans-serif;
	font-weight:300;
}
/*Formattazione sottotitolo paragrafo*/
h4 {
  margin:0;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size:110%;
  color:#171717;
}
/*Formattazione testo reclamo 2*/
h5 {
  margin:0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size:110%;
  color:#171717;
}
/*Formattazione testo descrittivo2*/
h6 {
  margin:0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size:110%;
  color:#fff;
}
p {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
section {
  text-align: center;
  padding:0;
  height:auto;
  width: 100%;
}
}

/*===========================================
				TOP
===========================================*/

#top {
	width:100%;
	float: left;
	height: auto;
	margin-top: 75px;
	background-color:#fff;
	
}
#top-slide {
	width:100%;
	float: left;
	height: 100%;
	margin-top: 0;
	background-color:#fff;
	
}
#top-contacts {
	width:100%;
	float: left;
	height: 60%;
	margin-top: 0;
	
}
/*===========================================
				END TOP
===========================================*/

/*===========================================
				INTRO
===========================================*/
#intro{
	float:left;
	width:100%;
	background:#fff;
	height:auto;
	margin:0;
	padding-top:3%;
	padding-bottom:0;
}

/*===========================================
				END INTRO
===========================================*/

/*===========================================
				MAIN
===========================================*/
#main{
	width:100%;
	height:auto;
	margin:0;
	padding-top:3%;
	padding-bottom:3%;
	font-weight:300;
	float:left;
	background:#fff;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

/*===========================================
				END MAIN
===========================================*/

/*===========================================
				CLOSE
===========================================*/
#close{
	float:left;
	width:100%;
	background:#F3F3F3;
	height:auto;
	margin:0;
	padding-top:3%;
	padding-bottom:3%;
}



/*===========================================
				END CLOSE
===========================================*/

/*===========================================
				FOOTER
===========================================*/
#footer {
  text-align: ;
  padding-top:3em;
  padding-bottom:1.5%;
  height:auto;
  width: 100%;
  float:left;
  background:#171717;
}
/*===========================================
				END FOOTER
===========================================*/

/*======================================================================
========================================================================
********************* END FORMATTAZIONE PRINCIPALE © *******************
========================================================================
======================================================================*/




/*======================================================================
========================================================================
************************* FORMATTAZIONE HOME © *************************
========================================================================
======================================================================*/
/*TOP*/
.slide {
	float: left;
	height: 100%;
	width:100%;
	background-color: #171717;
	font-family: 'Roboto', sans-serif;
}
.filter  {
	float: left;
	height: 100%;
	width:100%;
	background-color:rgba(0,0,0,0.4);
}
.slide2 {
	float: left;
	height: calc(80vh - 4.5em);
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../img/10_years_digital_innovation.jpg);
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}
.slide3 {
	float: left;
	height: calc(80vh - 4.5em);
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../img/hg-snh.jpg);
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}
.welcome{
	float:left;
	position:absolute;
	top:35%;
	width: 70%;
	margin-left:15%;
	height:auto;
	padding-bottom:50px;
	background: rgba(23,23,23,0);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.welcome h1 {
	font-weight:300;
    font-size:1.8em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	margin-top:0;
	margin-bottom:2em;
}
.welcome h3 {
	font-weight:300;
    font-size:5em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:left;
	margin-top:0;
	margin-bottom:0;
}
.welcome a {
	width: auto;
	height: auto;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	background:none;
	border:0.1em solid #fff;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.welcome a:hover {
	 color:#171717; 
	 background:#fff;
}
.top_welcome {
	float:left;
	width:100%;
	margin-left:0;
	text-align:left;
	margin-bottom:0.5%;
}

.bottom_welcome {
	float:left;
	width:auto;
	
}
.arrow_down {
	position:absolute;
	bottom:2%;
	left:50%;
    margin-left:-25px;
	width:50px;
	height:50px;
	border-radius:50px;
	border:solid #fff 0.13em;
	background-color:transparent;
	background-image: url(../img/arrow_down.png);
	background-repeat:no-repeat;
	background-position: center center;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.arrow_down:hover {bottom:1%;}
.button {
	width: 15%;
	height: auto;
	text-align:center;
	float:right;
	border:0.1em solid #F3F3F3;
	 color:#F3F3F3;
	 background-color:none;
	font-weight:300;
	padding-top:0.5%;
	padding-bottom:0.5%;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
     -webkit-transition-timing-function: ease-in-out;
     -o-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
}
.button:hover {
	border:0.1em solid #33ff99;
	background:#33ff99;
	 color:#171717;
	 
	 
}
.button2 {
	width: 25%;
	height: auto;
	text-align:center;
	float:right;
	margin-top:1%;
	border:0em solid #21f493;
	 color:#fff;
	 background-color: rgba(33,244,147,1);
	font-weight:300;
	padding-top:1%;
	padding-bottom:1%;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.button2:hover {
	 background-color: rgba(33,244,147,0.3);
	 transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
	 
}
.button3 {
	width: 25%;
	height: auto;
	text-align:center;
	float:right;
	margin-top:1%;
	border:0em solid #2190ed;
	 color:#fff;
	 background-color: rgba(33,144,237,1);
	font-weight:300;
	padding-top:1%;
	padding-bottom:1%;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.button3:hover {
	 background-color: rgba(33,144,237,0.3);
	 transition-property: all;
	 transition-duration: 0.9s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
	 
}
}
@media screen and (max-width: 999px) {
.slide {
	float: left;
	height: calc(50vh - 2em);
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../img/55889965a03d3de7f99188021b318953d465e2.jpg);
	background-position:center center;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}
.welcome{
	margin-right:5%;
}
}
/*END TOP*/
/*WELCOME*/
.description {
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	text-align: center;
	padding-left:25%;
	padding-right:25%;
	margin-top:2%;
	margin-bottom:5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.description p {font-weight:300; font-size:1.5em; font-family: 'Roboto', sans-serif; color:#171717;}

.description a {
	width: auto;
	height: auto;
	text-align:center;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.description a:hover {
	 color:#171717; 
	 background:none;
}
.titledescription {
	float:left;
	width:100%;
	margin-bottom:5%;
	height:auto;
	background:#E2E2E2;
	
}
.imgdescription {
	float:left;
	width:22.7%;
	margin-left:15%;
	margin-right:0.95%;
	height:100%;
	background:#818181;
	
}
.contentdescription {
	float:left;
	width:70%;
	margin-left:15%;
	height:auto;
	background:none;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-top:5%;
	padding-bottom:5%;
}
.description2 {
	float:left;
	width:70%;
	height:auto;
	background:#fff;
	text-align: center;
	margin-left:15%;
	margin-top:2%;
	margin-bottom:5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.description2 p {font-weight:300; font-size:1.5em; font-family: 'Roboto', sans-serif; color:#171717;}
.first{
	float:left;
	margin-left:0;
	width:22.7%;
	margin-left:15%;
	height:auto;
	background: trasparent;
	text-align:justify;
	padding:0;
}
.second{
	float:left;
	margin-left:0.95%;
	width:22.7%;
	height:auto;
	background:none;
	text-align:justify;
}
.third{
	float:left;
	margin-left:0.95%;
	width:22.7%;
	height:auto;
	background:none;
	text-align:justify;
	padding:0;
}
.button4 {
	width: 25%;
	height: auto;
	text-align:center;
	float:right;
	margin-top:2%;
	border:0.1em solid #818181;
	background:none;
	color:#2190ed;
	font-weight:300;
	padding-top:1%;
	padding-bottom:1%;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.button4:hover {
	 background-color: rgba(33,144,237,1);
	 transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
	 color:#fff;
	 border:0.1em solid #2190ed;
}
.welcome2	{
	width:100%;
	height:100%;
	border-left:none;
	background:#171717;
	text-align:right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	
}
/*END WELCOME*/
.blackground {
	float: left;
	width: 100%;
	height: auto;
	margin-top:5%;
	margin-bottom:5%;
	background-color: #171717;
}
/*MAIN*/
.introduction {
	float: left;
	width: 70%;
	height: auto;
	margin-left:15%;
	background-image: url(../img/ettagono-colorato.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 40%;
	padding-top: 15%;
	padding-bottom: 15%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-right: 30%;
	vertical-align: middle;
}
.introduction h1 {
	font-weight:300;
    font-size:1.5em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	margin-bottom:0.3em;
	text-align: right;
}
.introduction h3 {
	font-weight:300;
    font-size:2.5em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:left;
}
.introduction p {color:#fff;font-weight:200; font-size:1.5em; font-family: 'Roboto', sans-serif; text-align:left;}
.introduction a {
	min-width:30%;
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:10%;
	 font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	background-color: #33ff99;
	 color:#171717;
	font-weight:300;
	border:solid 0.1em #33ff99;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:1em 2em;
	line-height: 1;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
	 
}
.introduction a:hover {
	 background-color: #171717;
	 color:#33ff99; 
}
.design{
	float:left;
	margin-left:0;
	width:30%;
	margin-left:2.5%;
	height:auto;
	background:none;
	position:relative;
	z-index:2;
}
.marketing{
	float:left;
	width:30%;
	margin-left:2.5%;
	height:auto;
	background:none;
}
.solutions{
	float:left;
	width:30%;
	margin-left:2.5%;
	height:auto;
	background:none;
}
.immagineunder {
	float: left;
	width: 100%;
	height: auto;
	position:relative;
	z-index:1;
}
.under {
	z-index:999;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(top, rgba(23,23,23,0), rgba(23,23,23,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(23,23,23,0), rgba(23,23,23,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(23,23,23,0), rgba(23,23,23,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(23,23,23,0), rgba(23,23,23,1)); /* Standard syntax (must be last) */
	width: 100%;
	height: 100%;
	color:#fff;
	padding-top:30%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.under:hover {
	background-color: rgba(23,23,23, .5);
	color:#33FF99;
}
.bottomunder{
	position:absolute;
	bottom:3%;
	right:3%;
	left:3%;
}
.under h3 {
	margin-bottom: 0.5em;
	font-size:1.5em;
	font-weight: 500;
	text-align: left;
}
.under p {
	font-weight: 400;
	text-align: left;
	font-size:1em;
}
.titleunder {
	float:left;
	display:inline;
	width: auto;
	height:auto;
	margin-bottom:1.5%;
	padding:0;
	background:none;
	font-weight:300;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	color:#171717;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.under a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	border:0.1em solid #171717;
	background:#171717;
	color:#fff;
	margin-top:8%;
	font-weight:300;
	padding:0.5em 1em;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.under a:hover {
	border:0.1em solid #171717;
	background:#fff;
	color:#171717;
}
.column {
	width:28.57%;
	height:auto;
	float:left;
	margin-right:7.145%;
	background:none;
	text-align:left;
	padding:2em 1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-top:0;
	position:relative;
	z-index:5;
}
.column p {
	height:auto;
	margin-left:0;
	margin-top:1%;
	margin-right:0;
	color:#818181;
	font-size:0.9em;
}
.columnlast {
	width:28.57%;
	height:auto;
	float:left;
	background:none;
	text-align:left;
	padding:2em 1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-top:0;
	position:relative;
	z-index:5;
}
.columnlast p {
	height:auto;
	margin-left:0;
	margin-top:1%;
	margin-right:0;
	color:#818181;
	font-size:0.9em;
}
.columnlast a {
  margin:0;
	color:#fff;
	font-weight:bold;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.columnlast a:hover {
	color:#33ff99;
}
.designtitle {
	width:50%;
	height:0;
	float:left;
	color:#fff;
	background:none;
	padding-left:2%;
	display: inline-block;
	border-right: 2em solid transparent;
    border-bottom: 2em solid #d40060;
	line-height: 2.2em;
	margin-top:-3em;
	position:relative;
	z-index:5;

}

.marketingtitle {
	width:50%;
	height:0;
	float:left;
	color:#fff;
	background:none;
	padding-left:2%;
	display: inline-block;
	border-right: 2em solid transparent;
    border-bottom: 2em solid #21f493;
	line-height: 2.2em;
	margin-top:-3em;
	position:relative;
	z-index:5;

}

.worktitle {
	width:50%;
	height:0;
	float:left;
	color:#fff;
	background:none;
	padding-left:2%;
	display: inline-block;
	border-right: 2em solid transparent;
    border-bottom: 2em solid #2190ed;
	line-height: 2.2em;
	margin-top:-3em;
	position:relative;
	z-index:5;

}
.title {
	float:left;
	display:inline;
	width: 70%;
	height:auto;
	margin-left:15%;
	margin-bottom:0.8%;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left {
	float:left;
	margin-left:15%;
	margin-right:5%;
	margin-bottom:0;
	padding:0;
	width: 32.5%;
	height:auto;
	background:none;
	color:#818181;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.left a:hover {
	 color:#171717; 
	 background:none;
}
.left2 {
	float:left;
	margin-left:15%;
	margin-right:5%;
	margin-bottom:0;
	padding:0;
	width: 32.5%;
	height:auto;
	background:none;
	color:#818181;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left2 a {
	color:#171717;
	font-weight:400;
	text-decoration:underline;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.left2 a:hover {
	 text-decoration:none;
}

.left1 {
	float:left;
	margin-left:15%;
	margin-right:5%;
	margin-bottom:0;
	padding:0;
	width: 32.5%;
	height:auto;
	background:none;
	color:#818181;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left1 a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#cc0066;
	background:#171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.left1 a:hover {
	background:#cc0066;
	 color:#171717;
}
.right {
	float:right;
	margin-right:15%;
	margin-bottom:0;
	width: 32.5%;
	padding:0;
	background:none;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.right a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.right a:hover {
	background:none;
	 color:#171717;
}
.map-contacts {
	float:left;
	margin-left:0;
	margin-bottom:0;
	width: 100%;
	height:100%;
	padding:0;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightimg {
	float:right;
	margin-right:15%;
	width: 32.5%;
	padding:0;
	text-align:justify;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightgrey {
	float:right;
	width: 100%;
	height:auto;
	margin:0;
	color:#171717;
	background-color:#F3F3F3;
	padding:1em;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightgrey h3 {font-weight:500; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif; margin-bottom:0.5%;}
.rightgrey p {font-weight: 300; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif;}
.rightgrey1 {
	float:right;
	width: 100%;
	height:auto;
	color:#171717;
	padding:2em 1em;
	text-align:left;
	background:#3399ff;
	padding:1em;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightgrey1 h3 {font-weight:500; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif; margin-bottom:0.5%;color:#fff;}
.rightgrey1 p {font-weight: 300; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif; color:#fff;}

.rightblack {
	float:right;
	width: 100%;
	height:auto;
	margin-bottom:3%;
	background-color:#171717;
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-image:url(../img/business.png);
	background-repeat:no-repeat;
	background-position:1em center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightblack h3 {font-weight:500; color:#fff; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif; margin-bottom:0.5%;}
.rightblack p {font-weight: 300; color:#818181; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif;}
.rightblack1 {
	float:right;
	width: 100%;
	height:auto;
	padding:2em 1em;
	text-align:left;
	background:#171717;
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-image:url(../img/gestione.png);
	background-repeat:no-repeat;
	background-position:1em center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightblack1 h3 {font-weight:500; color:#fff; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif; margin-bottom:0.5%;}
.rightblack1 p {font-weight: 300; color:#818181; font-size:1.1em; margin-bottom:1em; font-family: 'Roboto Slab', serif;}
.blackbox {
	width:100%;
	float:left;
	height:auto;
	background-color:#171717;
	background-image:url(../img/goccia.png);
	background-repeat:no-repeat;
	background-position:1em center;
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.blackbox h1 {
	color:#33FF99;
}
.blackbox p {
	font-size:1em;
	color:#fff;
}
/*END MAIN*/
/*CLOSE*/
.required {color: #F67E8F;}
input.error, textarea.error {border-bottom: 2px solid #F67E8F;}
p.error{background-color: #F67E8F;border:2px solid #F00;color:#660D1E;font-size:105%;margin:3em auto;padding:1em 4em;width:25%;}
p.validate{background-color: #171717; border:1px solid #33ff99; color:#33ff99; font-size:105%; margin:auto; padding:1em; width: 100%;}
#formILC{
	float:left;
	width:100%;
	height:auto;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%;
	margin-bottom:5%;
	background-color: none;
	padding:0;
}
#formILC label{display:block;}
.form_contatti {
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	padding:0;
	width: 100%;
	height:auto;
	background:none;
	color:#818181;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.form_contatti p {
 margin:0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size:110%;
  color:#818181;
 }
 .formbutton {
	width: auto;
	height: auto;
	text-align:center;
	float:right;
	margin-top:1%;
	 background-color:#171717;
	 border:0.1em solid #171717;
	 color:#fff;
	font-weight:300;
	padding:1em 3em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.formbutton:hover {
	border:0.1em solid #171717;
	color:#171717;
	background:none;
}
.button5 {
	width: auto;
	height: auto;
	text-align:center;
	float:right;
	margin-top:1%;
	 background-color:#33ff99;
	 border:0.1em solid #33ff99;
	 color:#171717;
	font-weight:300;
	padding:1em 3em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.button5:hover {
	border:0.1em solid #33ff99;
	color:#33ff99;
	background:none;
}
.form_link {
	float:left;
	padding:0;
	width: 100%;
	height:auto;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.form_link a {
	float:left;
	width:100%;
	height:auto;
	padding:2em 3em;
	border:0.09em solid #3399ff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	background:#3399ff;
	text-align:center;
	margin-bottom:5%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:1.5em;
	color:#f3f3f3;
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.form_link a:hover {
	border:0.09em solid #3399ff;
	 color:#3399ff;
	 background:none;
}
.content_social {
	width:100%;
	float:left;
	margin-top:2em;
	margin-bottom:2em;
	height:auto;
}
.social{
	width:250px;
	background:none;
	height:auto;
	padding:0;
}
.fb {
	width:30px;
	height:30px;
	float:left;
	margin-right:10px;
	border-radius:30px;
	border:2px solid #fff;
	background-color:none;
	background-image: url(../img/facebook.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:30%;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.fb:hover {
	background:#fff;
	background-image: url(../img/facebook1.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:30%;
	
}
.tw {
	width:30px;
	height:30px;
	float:left;
	margin-right:10px;
	border-radius:30px;
	border:2px solid #fff;
	background-color:none;
	background-image: url(../img/twitter.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.tw:hover {
	background:#fff;
	background-image: url(../img/twitter1.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
}
.google {
	width:30px;
	height:30px;
	float:left;
	margin-right:10px;
	border-radius:30px;
	border:2px solid #fff;
	background-color:none;
	background-image: url(../img/google.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.google:hover {
	background:#fff;
	background-image: url(../img/google1.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	
}
.linkedin {
	width: 30px;
	height: 30px;
	float: left;
	margin-right:10px;
	border-radius:30px;
	border:2px solid #fff;
	background-image: url(../img/linkedin.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	background-color: none;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.linkedin:hover {
	background:#fff;
	background-image: url(../img/linkedin1.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	
}
.instagram {
	width: 30px;
	height: 30px;
	float: left;
	margin-right:10px;
	border-radius:30px;
	border:2px solid #fff;
	background-image: url(../img/instagram.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	background-color: none;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.instagram:hover {
	background:#fff;
	background-image: url(../img/instagram1.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	
}
.fb1 {
	width:2em;
	height:2em;
	float:left;
	margin-right:2%;
	border-radius:1em;
	background:#171717;
	background-image: url(../img/facebook.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:30%;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.fb1:hover {
	background:#33ff99;
	background-image: url(../img/facebook.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:30%;
	
}
.tw1 {
	width:2em;
	height:2em;
	float:left;
	margin-right:2%;
	border-radius:1em;
	background:#171717;
	background-image: url(../img/twitter.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.tw1:hover {
	background:#33ff99;
	background-image: url(../img/twitter.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
}
.google1 {
	width:2em;
	height:2em;
	float:left;
	margin-right:2%;
	border-radius:1em;
	background:#171717;
	background-image: url(../img/google.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.google1:hover {
	background:#33ff99;
	background-image: url(../img/google.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	
}
.linkedin1 {
	width: 2em;
	height: 2em;
	float: left;
	border-radius: 1em;
	background-image: url(../img/linkedin.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	background-color: #171717;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.linkedin1:hover {
	background:#33ff99;
	background-image: url(../img/linkedin.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:50%;
	
}
@media screen and (max-width: 999px) {
.contacts {
	width:90%;
	margin-left:5%;
}
.form{
	float:left;
	margin-left:0%;
	width:100%;
	height:auto;
	margin-bottom:3%;
	background:#f00;
}

.casella{
	border:0.1em solid #818181;
	width:100%;
	height:auto;
	font-size:1em;
}
.info{
	float:left;
	width:100%;
	background:none;
	height:auto;
	text-align:justify;
	background:white;
	margin-bottom:3%;
}
	}

/*FOOTER*/
.infofooter {
	width:100%;
	float:left;
	color:#fff;
}
.infofooter a {
	font-size:90%;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-decoration:none;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: all; /*safari*/
	-webkit-transition-duration: 0.5s;
	-o-transition-property: all;      /*opera*/
	-o-transition-duration: 0.5s;
	-moz-transition-property: all;    /*firefox*/
	-moz-transition-duration: 0.5s;
}
.infofooter a:visited {color:#fff;}
.infofooter a:hover { color: #33ff99; }
.infofooter a:focus { outline: none; }

/* Leggibilità migliorata in caso di attivazione e hover in tutti i browser: h5bp.com/h */
a:hover, a:active { outline: none; }
.infofooter h3 {
	color:#fff;
	font-size:1em;
font-family: 'Roboto', sans-serif;
margin-top:0;}
.infofooter p {
font-family: 'Roboto', sans-serif;
margin-bottom:0.5em;
font-size:1em;
}
p.copyright {
	font-size:0.7em;
  margin-top:2em;
}
.footer_column_first {
	float:left;
	width:13.75%;
	margin-left:15%;
	height:auto;
	text-align:left;
}
.footer_column {
	float:left;
	width:16.75%;
	margin-left:5%;
	height:auto;
	text-align:left;
}
.footer_column_last {
	float:right;
	width:10.75%;
	margin-right:15%;
	height:auto;
}
.ontop {
	float: right;
	margin-right:0;
	margin-bottom:3%;
	width:50px;
	height:50px;
	border-radius:50px;
	border:solid #fff 0.15em;
	background-color:transparent;
	background-image: url(../img/arrow_top.png);
	background-repeat:no-repeat;
	background-position: center center;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.footer_bottom {
	width:100%;
	float:left;
	margin-top:20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	text-align:center;
	color:#fff;
}
.footer_bottom h3 {
	color:#fff;
	font-size:75%;
	font-family: 'Roboto', sans-serif;}
/*======================================================================
========================================================================
*********************** END FORMATTAZIONE HOME © ***********************
========================================================================
======================================================================*/

/*======================================================================
========================================================================
************************ FORMATTAZIONE ABOUT © *************************
========================================================================
======================================================================*/

.topabout{
	float:left;
	width:100%;
	margin-left:0;
	height:35vh;
	background: url(../img/about.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align:justify;
	border:0em solid #818181;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}
.titleabout {
	float:left;
	margin-left:15%;
	width: 70%;
	height:auto;
	margin-bottom:3%;
	padding-left:1%;
	padding-bottom:2%;
	padding-top:2%;
	padding-right:1%;
	background: rgba(23,23,23,1);
	font-weight:100;
    font-size:1.5em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.about_content {
	float:left;
	width: 97.1%;
	height:auto;
	margin-left:2.9%;
	margin-bottom:7%;
	margin-top:1%;
	margin-right:0;
	background:#fff;
	color:#818181;
	text-align: justify;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left_about {
	float:left;
	margin-left:15%;
	margin-right:5%;
	padding:0;
	width: 32.5%;
	height:auto;
	background:#fff;
	color:#818181;
	text-align: justify;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.right_about{
	float: right;
	margin-right: 15%;
	width: 32.5%;
	height: auto;
	padding:4% 1%;
	text-align: center;
	background-color:#171717;
	background-image:url(../img/fantasy.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.right_about p {
	color:#fff;
	font-size:3.5em;
	font-weight:800;
}
.philosophy {
	float: left;
	width: 70%;
	height: auto;
	margin-left:15%;
	background-image: url(../img/ettagono-colorato.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 40%;
	padding-top: 10%;
	padding-bottom: 10%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-right: 30%;
	vertical-align: middle;
}
.philosophy p {font-weight:300; font-size:1.3em; margin-bottom:1em; font-family: 'Roboto Slab', serif;}
.philosophy a {
	width: 40%;
	height: auto;
	text-align:center;
	float:left;
	margin-top:10%;
	 font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	background-color:#171717;
	 color:#33ff99;
	 border:solid 0.1em #33ff99;
	font-weight:300;
	padding-top:3%;
	padding-bottom:3%;
	line-height: 1;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
	 
}
.philosophy a:hover {
	 background-color: #33ff99;
	 color:#171717; 
}
.left_philosophy{
	float:left;
	width:32.5%;
	margin-left:15%;
	margin-top:10%;
	margin-right:5%;
	color:#F3F3F3;
}
.right_philosophy{
	float:right;
	width:32.5%;
	margin-right:15%;
}
.mission {
	float:left;
	margin-left:15%;
	width: 70%;
	height:auto;
	padding:0;
	background:none;
	font-weight:100;
    font-size:5em;
    font-family: 'Roboto', sans-serif;
	color:#818181;;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.title_mission {
	float:left;
	display:inline;
	width: auto;
	height:auto;
	margin-bottom:1.5%;
	padding-left:2.9%;
	padding-bottom:0.2%;
	padding-top:0.2%;
	padding-right:2.9%;
	background:#171717;
	font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.left_mission {
	float:left;
	margin-left:15%;
	margin-right:5%;
	margin-bottom:10%;
	padding:0;
	width: 32.5%;
	height:auto;
	background:#fff;
	color:#818181;
	text-align: justify;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.button_mission {
	width: auto;
	height: auto;
	float:right;
	margin-top:20%;
}
.button_mission a {
	width: 40%;
	height: auto;
	text-align:center;
	float:right;
	margin-top:10%;
	 font-weight:100;color:#d40060;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	background-color: #000;
	font-weight:300;
	padding-top:3%;
	padding-bottom:3%;
	line-height: 1;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
	 
}
.button_mission a:hover {
	 background-color: #d40060;
	 color:#171717;
	 
}
.mission_content {
	float:left;
	width: 97.1%;
	height:auto;
	margin-left:2.9%;
	margin-bottom:7%;
	margin-top:1%;
	margin-right:0;
	background:#fff;
	color:#818181;
	text-align: justify;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.competences {
	float:left;
	width: 100%;
	height:auto;
	margin-left:0;
	margin-bottom:7%;
	margin-top:1%;
	margin-right:0;
	background:#fff;
	color:#818181;
	text-align: justify;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.right_mission{
	float:right;
	margin-right:15%;
	margin-bottom:10%;
	width: 32.5%;
	padding:0;
	text-align:justify;
	background:#fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left_staff {
	width:32.5%;
	float:left;
	margin-left:15%;
	margin-right:5%;
	background:none;
	height:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.staff {
	float:left;
	display:inline;
	width: auto;
	height:auto;
	margin-bottom:1.5%;
	padding-left:2.9%;
	padding-bottom:0.2%;
	padding-top:0.2%;
	padding-right:2.9%;
	background:#171717;
	font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.staff_content {
	float:left;
	width: 97.1%;
	height:auto;
	margin-left:2.9%;
	text-align: justify;
}
.right_staff {
	float:right;
	width:32.5%;
	margin-right:15%;
	margin-top:-10%;
	background:none;
	height:auto;
}
.staff_1{
	width:48%;
	float:left;
	margin-right:4%;
	background:none;
	height:auto;
}
.staff_1 img {margin-bottom:0.5em;}
.staff_1 a {
	color:#171717;
	margin:0;
	border:none;
	background:none;
	padding:0;
	font-weight:400;
	border-bottom:solid 1px #171717;
	font-size:0.75em;
	transition-property: all;
	transition-duration:0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;  
	-moz-transition-duration:0.3s;
	transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
}
.staff_1 h3 {
	font-weight:300;
	font-size:130%;
	font-family: 'Roboto', sans-serif;
	color:#171717;
	margin:0;}
.staff_1 a:hover {border-bottom:solid 1px #fff;}
.staff_2{
	width:48%;
	float:left;
	background:none;
	height:auto;
}
.staff_2 img {margin-bottom:0.5em;}
.staff_2 a {
	color:#171717;
	margin:0;
	border:none;
	background:none;
	padding:0;
	font-weight:400;
	border-bottom:solid 1px #171717;
	font-size:0.75em;
	transition-property: all;
	transition-duration:0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;  
	-moz-transition-duration:0.3s;
	transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
}
.staff_2 a:hover {
	border-bottom:solid 1px #fff;
}
.staff_2 h3 {
	font-weight:300;
	font-size:130%;
	font-family: 'Roboto', sans-serif;
	color:#171717;
	margin:0;}
.staff_pics {
	float:left;
	width:100%;
	height:auto;
	margin:0;
}
.staff_title {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:3%;
	padding-top:1%;
	padding-bottom:1%;
	font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	color:#33ff99;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	border:0.1em solid #33ff99;
}
.staff_txt {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:5%;
	color:#F3F3F3;
	text-align:justify;
}
.staff_contact {
	float:left;
	width:90%;
	min-height:3em;
	height:auto;
	margin-left:5%;
	margin-bottom:5%;
	color:#F3F3F3;
	text-align:justify;
}
.linkstaff {
	width:100%;
	float:left;
	text-align:left;
}
.linkstaff a {
	color:#33ff99;
	margin-top:3%;
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
}
.linkstaff a:hover {
	color:#818181;
}
/*======================================================================
========================================================================
********************* END FORMATTAZIONE ABOUT © ************************
========================================================================
======================================================================*/

/*======================================================================
========================================================================
********************** FORMATTAZIONE SERVICES © ************************
========================================================================
======================================================================*/
.submenu_box {
	float:left;
	width:70%;
	margin-left:15%;
	height:auto;
	padding-bottom:0.3em;
	padding-top:0.3em;
	background:#fff;
}
ul.submenu {
    font-family: 'Roboto', sans-serif;
	float:left;
    font-size: 0.75em;
    margin-left:0;
	margin-top:0;
	margin-bottom:0;
    padding: 0;
    list-style: none;
}
  
ul.submenu li {
	background: none;
	display: block;
	width: auto;
	height: auto;
	margin-right: 0;
	float: right;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
}
ul.submenu li a {
    display: block;
    font-weight: 300;
    line-height: 1.5em;
    text-decoration: none;
    width: auto;
    height: auto;
	padding:1em 2em;
    text-align: left;
	color:#171717;
	background:#F3F3F3;
}
ul.submenu li a.active, ul.submenu li a:hover {
	color:#F3F3F3;
	background:#171717;
}

#services {
  text-align: center;
  padding-top: 3em;
  padding-bottom:1.5%;
  height:auto;
  width: 100%;
  float:left;
 }
  
.topservices {
	float:left;
	width:100%;
	text-align:center;
	height:auto;
	background:#fff;
	margin-top:3%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.topservices h1 {font-weight:300; font-size:1.5em; font-family: 'Roboto', sans-serif; color:#171717;}
.topservicesbottom {
	float:left;
	width:100%;
	margin-left:0;
	height:auto;
	background: #f3f3f3;
	margin-bottom:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.topintroservices {
	float:left;
	width:70%;
	margin-left:15%;
	height:auto;
	background:#none;
	margin-top:0;
	margin-bottom:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.topintroservices h2 {color:#171717; font-weight:400; font-size:1.4em;}
.introservices {
	float:left;
	width:70%;
	margin-left:15%;
	height:auto;
	background:#f3f3f3;
	margin-top:0;
	margin-bottom:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.introservices a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	background:#3399ff;
	color:#fff;
	font-weight:300;
	padding:0.5em 1em;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.introservices a:hover {
	background:#fff;
	color:#3399ff;
}
.pulsedbox {
	width:100%;
	height:auto;
	padding:1%;
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	background-color: #3CF;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	text-align:center;
}
.pulsedbox p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:2.8em;
	font-weight:800;
	padding-top:3%;

}
.title_services {
	float:left;
	margin-left:15%;
	margin-bottom:3%;
	width: 70%;
	height:auto;
	background:#171717;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.services_design {
	float:left;
	width:33.3%;
	padding-left:1%;
	padding-bottom:2%;
	padding-top:2%;
	padding-right:1%;
	background: rgba(23,23,23,1);
	font-weight:100;
    font-size:1.5em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	border:0.3em solid #171717;
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}

.services_design:hover {
	color:#d40060;
	border:0.3em solid #d40060;
}
.services_design_active {
	float:left;
	width:33.3%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding-top:1.5em;
	padding-bottom:1.5em;
	text-align:center;
	color:#d40060;
	border:0.3em solid #d40060;
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.services_marketing {
	float:left;
	width:33.4%;
	padding-left:1%;
	padding-bottom:2%;
	padding-top:2%;
	padding-right:1%;
	background: rgba(23,23,23,1);
	font-weight:100;
    font-size:1.5em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	border:0.3em solid #171717;
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.services_marketing:hover {
	color:#33ff99;
	border:0.3em solid #33ff99;
}
.services_marketing_active {
	float:left;
	width:33.4%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding-top:1.5em;
	padding-bottom:1.5em;
	text-align:center;
	color:#33ff99;
	border:0.3em solid #33ff99;
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.services_work {
	float:left;
	width:33.3%;
	padding-left:1%;
	padding-bottom:2%;
	padding-top:2%;
	padding-right:1%;
	background: rgba(23,23,23,1);
	font-weight:100;
    font-size:1.5em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	border:0.3em solid #171717;
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
.services_work:hover {
	color:#3399ff;
	border:0.3em solid #3399ff;
}
.services_work:active {
	color:#171717;
	background:#3399ff;
}
.leftservices {
	float:left;
	margin-left:15%;
	margin-top:3%;
	padding:0;
	width: 15%;
	height:auto;
	background:#fff;
	color:#818181;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
ul#menuservices {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#menuservices li {
	text-align:left;
    background-color: #fff;
    display: block;
    width: 100%;
    height: auto;
    margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
ul#menuservices li a {
    color: #171717;
    display: block;
	border-bottom:solid 0.1em #f3f3f3;
    text-decoration: none;
    width: 100%;
    height: auto;
	padding:0.5em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
ul#menuservices li.active, ul#menuservices li:hover {
    background-color: #f5f5f5;
	font-weight:400;
}
.rightservices{
	float: right;
	margin-right: 15%;
	margin-top:3%;
	width: 55%;
	height: auto;
	padding-left:5%;
	border-left:solid 0.1em #f3f3f3;
	text-align: left;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.rightservices a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.rightservices a:hover {
	 color:#171717; 
	 background:none;
}
.intro_services {
	float: left;
	width: 70%;
	height: auto;
	margin-left:15%;
	background-image: url(../img/triangolo.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 40%;
	padding-top: 10%;
	padding-bottom: 10%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-right: 30%;
	vertical-align: middle;
}
.intro_services p {font-weight:300; font-size:1.3em; margin-bottom:1em; font-family: 'Roboto Slab', serif;}
.approach {
	float: left;
	width: 100%;
	height: auto;
	margin-top:3%;
	background-image: url(../img/lampada.png);
	background-repeat: no-repeat;
	background-position: 80% center;
	background-size: 20%;
	padding-top: 10%;
	padding-bottom: 10%;
	background-color: #fff;
	font-weight:300;
    font-size:1.3em;
    font-family: 'Roboto Slab', serif;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left: 15%;
	padding-right: 50%;
	vertical-align: middle;
}
.table {
	width:70%;
	float:left;
	margin-left:15%;
	margin-top:6%;
	height:auto;
	background:#F3F3F3;
	padding:0;
}
.table a {
	font-family: 'Roboto', sans-serif;
	color:#171717;
	font-weight:500;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.table a:hover {
	 color:#3399ff;
}
.secondcolumn {
	float: right;
	width:64.285%;
	height:auto;
	margin:0;
	padding:2em 1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn {
	float:left;
	width:35.715%;
	height:auto;
	margin:0;
	border-right:0.5em solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn p { font-size:1em; font-family: 'Roboto Slab', serif;}
.firstcolumn__top {
	float:left;
	width:100%;
	height:auto;
	background-image:url(../img/metodo.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	border-bottom:0.5em solid #fff;
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn__bottom {
	float:left;
	width:100%;
	height:auto;
	background:#3399ff;
	background-image:url(../img/ottimizzare.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	color:#fff;
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn__bottom h3 {color:#fff;}
.greybox {
	float:left;
	width:100%;
	margin-bottom:3%;
	background:#F3F3F3;
	padding:2em 1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.bluebox {
	float:left;
	width:100%;
	background:#3399ff;
	padding:2em 1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.bluebox p {
	font-weight:500;
    font-size:1em;
    font-family: 'Roboto Slab', serif;
	color:#fff;
	
}
.processbottom {
	width:70%;
	float:left;
	margin-left:15%;
	height:auto;
	padding-top:1%;
	padding-bottom:1%;
	background:#fff;
	margin-top:3%;
}

.timeline	{
	border-bottom:2px solid #818181;
	position:relative;
	margin:18.1875em 0 15.3em;
}
.timeline:before{
	content:"";
	background-color:#fff;
	height:2px;
	width:0em;
	position:absolute;
	top:0;
	left:100%
}
.timeline:after{
	content:"";
	background-color:#fff;
	height:6px;
	position:absolute;
	top:-1px;
	left:0;
	z-index:1
}
@media (max-width: 40em){
.timeline{
	border-bottom:0;
	margin:1em 0
}
.timeline:before,.timeline:after{
	display:none
}
}
.timeline__item{
	border:1px solid #818181;
	width:20%;
	padding:1.25em;
	display:inline-block;
	position:absolute;
}
.timeline__item:before,.timeline__item:after{
	content:"";
	border:solid transparent;
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
.timeline__item:after{
	border-color:transparent;
	border-width:8px;
	margin-left:-8px
}
.timeline__item:before{
	border-color:transparent;
	border-width:9px;
	margin-left:-9px
}
@media (max-width: 40em){
.timeline__item{
	background-color:#ededed;
	width:100%;
	width:calc(100% + 3em);
	padding-bottom:0;
	display:block;
	border:0;
	border-radius:0;
	margin-left:-1.5em;
	position:relative
}
.timeline__item:last-of-type{
	padding-bottom:1.25em
}
}
.timeline-title{
	color:#171717;
	margin-bottom:.8em;
	position:relative;
}
.timeline-title span{
	display:none
}
@media (max-width: 40em){
.timeline-title{
	padding-left:1.5em
}
.timeline-title span{
	font-size:.8em;
	text-align:center;
	color:#fff;
	background-color:#000;
	display:inline-block;
	height:1.4em;
	width:1.4em;
	padding-top:.1em;
	margin-right:.4em;
	border-radius:100%;
	position:absolute;
	top:0;
	left:0
}
}
.arrow-top:before,.arrow-top:after{
	bottom:100%;
	left:50%
}
.arrow-top:after{
	border-bottom-color:#fff}
.arrow-top:before{
	border-bottom-color:#818181
}
.arrow-top .timeline__item-bullet{
	bottom:100%;
	bottom:calc(100% + 1em)
}
@media (max-width: 40em){
.arrow-top:before,.arrow-top:after{
	display:none
}
}
.arrow-bottom:before,.arrow-bottom:after{
	top:100%;
	left:50%
}
.arrow-bottom:after{
	border-top-color:#fff;
}
.arrow-bottom:before{
	border-top-color:#818181
}
.arrow-bottom .timeline__item-bullet{
	top:100%;
	top:calc(100% + 1.1em)
}
@media (max-width: 40em){
.arrow-bottom:before,.arrow-bottom:after{
	display:none
}
}
.timeline__item-bullet{
	background-color:#818181;
	height:.5em;
	width:.5em;
	display:block;
	border-radius:100%;
	position:absolute;
	left:50%;
	margin-left:-0.25em;
	z-index:2;
}
@media (max-width: 40em){
.timeline__item-bullet{
	display:none
}
}
.timeline__item--first{
	bottom:100%;
	bottom:calc(100% + 1.25em);
	left:0
}
.timeline__item--second{
	top:100%;
	top:calc(100% + 1.25em);
	left:19.01%%
}
@media (max-width: 40em){
.timeline__item--second{
	left:0
}
}
.timeline__item--third{
	bottom:100%;
	bottom:calc(100% + 1.25em);
	left:38.03%;
}
.timeline__item--fourth{
	top:100%;
	top:calc(100% + 1.25em);
	left:57.04%;
}
.timeline__item--fifth{
	bottom:100%;
	bottom:calc(100% + 1.25em);
	right:0;
}
/*======================================================================
========================================================================
******************** END FORMATTAZIONE SERVICES © **********************
========================================================================
======================================================================*/
.content_accordion {
	width:100%;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:2.9%;
	margin-bottom:2.9%;
}
.slogan_top_services {
	width:100%;
	float:left;
	font-size:1.3em;
	font-weight:100;
	color:#818181;
	display: inline;
	padding:2.9%;
	background:#171717;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.icon_top_services {
	width:100%;
	float:left;
	display: inline;
	margin-top:9%;
	padding:0;
	background:none;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.text_top_services {
	width:100%;
	float:left;
	display: inline;
	margin-top:9%;
	padding:0;
	background:none;
	text-align: justify;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*======================================================================
========================================================================
*********************** FORMATTAZIONE DESIGN © *************************
========================================================================
======================================================================*/
.topdesign {
	float:left;
	width:70%;
	margin-left:15%;
	height:35vh;
	background: url(../img/ux-header.png);
	background-position:center center;
	margin-bottom:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.checklist {
	float: left;
	width: 100%;
	background-color: #fff;
	background-image: url(../img/checkwhite.png);
	background-repeat: no-repeat;
	background-position: 1% center;
	padding-left: 2em;
	padding-right:1%;
	padding-top:1%;
	padding-bottom:1%;
	margin-bottom: 0em;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
	color: #171717;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.icon_design {
	float:left;
	width:3em;
	height:3em;
	border-radius:2.5em;
	margin-right:5%;
	border:#171717 solid 0.1em;
	margin-bottom:3%;
}
.description_services_design{
	float:right;
	width:100%;
	height:auto;
	margin-top:0;
}
.design_services {
	background-color: #fff;
	margin: 0px;
	padding: 2.9%;
	border-top:0.05em solid #cecece;
	font-weight:100;
  font-size:1.3em;
  font-family: 'Roboto', sans-serif;
  color:#171717;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.intro_design {
	float: left;
	width: 100%;
	height: auto;
	margin-top:3%;
	margin-bottom:3%;
	padding-top: 10%;
	padding-bottom: 10%;
	color:#F3F3F3;
	background:url(../img/design_vision.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color: #171717;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.intro_design p {font-weight:200; font-size:1.5em; margin-bottom:1em; font-family: 'Roboto', sans-serif; color:#fff;}
.left_intro_design {
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	bottom: 0px;
	width: 70%;
	padding-right:45%;
	margin-left: 15%;
	text-align: left;
}
.right_intro_design {
	float:right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:70%;
	padding-left:45%;
	margin-right:15%;
	text-align:right;
}
.designtable {
	width:70%;
	float:left;
	margin-left:15%;
	height:auto;
	background:#F3F3F3;
	margin-top:6%;
	margin-bottom:3%;
	padding:0;
}
.designtable a {
	font-family: 'Roboto', sans-serif;
	color:#171717;
	font-weight:500;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.designtable a:hover {
	 color:#3399ff;
}
.firstcolumn__designtable {
	float:left;
	width:60%;
	height:auto;
	margin:0;
	padding:2em 1em;
	border-right:0.5em solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__designtable {
	float:right;
	width:40%;
	height:auto;
	margin:0;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn1__designtable {
	float:right;
	width:64.285%;
	height:auto;
	margin:0;
	padding:1em;
	border-left:0.5em solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn1__designtable a {
	float:left; width:auto; height:auto; background:#171717; border:0.1em #171717 solid; padding: 1em 2em; color:#F3F3F3;font-size:1em;font-family: 'Roboto', sans-serif; font-weight:300;
}
.firstcolumn1__designtable a:hover {
	background:#F3F3F3; color:#171717;
}
.secondcolumn1__designtable {
	float:left;
	width:35.715%;
	height:auto;
	margin:0;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn2__designtable {
	float:right;
	width:64.285%;
	height:auto;
	margin:0;
	padding:1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn2__designtable a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.firstcolumn2__designtable a:hover {
	color:#171717;
	background:none;
	border:0.1em solid #171717;
	
}
.secondcolumn2__designtable {
	float:left;
	width:35.715%;
	height:auto;
	margin:0;
	background:none;
	border-right:0.5em solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn2__designtable p {font-weight:300; font-size:0.85em; font-family: 'Roboto Slab', serif;}
.secondcolumn1__designtable p {font-weight:300; font-size:0.85em; font-family: 'Roboto Slab', serif;}
.secondcolumn__designtable p {font-weight:500; font-size:0.7em; font-family: 'Roboto Slab', serif;}
.secondcolumn__top__designtable {
	float:left;
	width:100%;
	height:auto;
	background-color:#171717;
	background-image:url(../img/spunta.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	border-bottom:0.5em solid #fff;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__top__designtable h3 {
	color:#fff;
	margin:0;
}
.secondcolumn__top__marketingtable {
	float:left;
	width:100%;
	height:auto;
	background-color:#171717;
	background-image:url(../img/seo.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	border-bottom:0.5em solid #fff;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__top__marketingtable h3 {
	color:#fff;
	margin:0;
}
.secondcolumn__bottom__designtable {
	float:left;
	width:100%;
	height:auto;
	background:none;
	color:#171717;
	background-image:url(../img/architettura.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__bottom__designtable h3 {
	color:#171717;
	margin:0;
}
.secondcolumn__bottom__marketingtable {
	float:left;
	width:100%;
	height:auto;
	background:none;
	color:#171717;
	background-image:url(../img/sem.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__bottom__marketingtable h3 {
	color:#171717;
	margin:0;
}
.secondcolumn__toptop__designtable {
	float:left;
	width:100%;
	height:auto;
	background:none;
	color:#171717;
	background-image:url(../img/logodesign.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	border-bottom:0.5em solid #fff;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__toptop__designtable h3 {
	color:#171717;
	margin:0;
}
.secondcolumn__top__worktable {
	float:left;
	width:100%;
	height:auto;
	background-color:#3399ff;
	background-image:url(../img/checkblack.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	border-bottom:0.5em solid #fff;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__top__worktable h3 {
	color:#fff;
	margin:0;
}
.secondcolumn__top__worktable p {
	color:#fff;
}
.secondcolumn__bottom__worktable {
	float:left;
	width:100%;
	height:auto;
	background:none;
	color:#171717;
	background-image:url(../img/reti.png);
	padding-left:4em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:1em center;
	background-repeat:no-repeat;
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn__bottom__worktable h3 {
	color:#171717;
	margin:0;
}
.intro_work {
	float: left;
	width: 100%;
	height: auto;
	margin-top:3%;
	margin-bottom:3%;
	padding-top: 10%;
	padding-bottom: 10%;
	color:#F3F3F3;
	background:url(../img/work.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color: #3399ff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.intro_work p {font-weight:200; font-size:1.5em; margin-bottom:1em; font-family: 'Roboto Slab', serif; color:#fff;}
.left_intro_work {
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	bottom: 0px;
	width: 70%;
	padding-right:45%;
	margin-left: 15%;
	text-align: left;
}
.right_intro_work {
	float:right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:70%;
	padding-left:45%;
	margin-right:15%;
	text-align:right;
}
.identity {
	float:left;
	margin-left:15%;
	width:13.75%;
	height:auto;
	margin-right:5%;
}
.branding {
	float:left;
	width:13.75%;
	height:auto;
	margin-right:5%;
}
.communication_design {
	float:left;
	width:13.75%;
	height:auto;
	margin-right:5%;
}
.architecture {
	float:right;
	width:13.75%;
	height:auto;
	margin-right:15%;
}
.icon_services {
	width:100%;
	text-align:center;
	height:auto;
	padding-bottom:3%;
}
.icon_title_services {
	width:100%;
	float:left;
	margin-top:2%;
	margin-bottom:5%;
	text-align:center;
	font-weight:100;
    font-size:1.3em;
    font-family: 'Roboto', sans-serif;
}
.icon_text_services {
	width:100%;
	height:auto;
	text-align:center;
}
.left_services {
	width:32.5%;
	float:left;
	margin-left:15%;
	margin-right:5%;
	background:none;
	height:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.title_left_services {
	float:left;
	display:inline;
	width: auto;
	height:auto;
	margin-bottom:1.5%;
	padding-left:2.9%;
	padding-bottom:0.2%;
	padding-top:0.2%;
	padding-right:2.9%;
	background:#171717;
	font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.content_left_services {
	float:left;
	width: 97.1%;
	height:auto;
	margin-left:2.9%;
	text-align: justify;
}
.intro_marketing {
	float: left;
	width: 100%;
	height: auto;
	margin-top:3%;
	margin-bottom:3%;
	padding-top: 10%;
	padding-bottom: 10%;
	background-color: #171717;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.intro_marketing p {font-weight:200; font-size:1.5em; margin-bottom:1em; font-family: 'Roboto', sans-serif; color:#fff;}
.left_intro_marketing {float:left; margin-left:15%; width:30%; height:auto; margin-right:5%; margin-top:5em;}
.left_intro_marketing a {float:left; width:auto; height:auto; margin-top:5%; border: solid 0.1em #33ff99; background:#171717; padding: 1em 2em; color:#33ff99;font-size:1em;font-family: 'Roboto', sans-serif;}
.left_intro_marketing a:hover {background:#33ff99;color:#171717;}
.right_intro_marketing {float:right; margin-right:21.25%; width:20%; border-left:solid 0.1em #fff; border-bottom:solid 0.1em #fff; padding-top:1.5%; padding-bottom:1.5%;}
.graphic1 {float:left; margin-left:13.75%; width:15%; height:5em; background:#33ff99; margin-top:10em;}
.graphic2 {float:left; margin-left:13.75%; width:15%; height:10em; background:#33ff99; margin-top:5em;}
.graphic3 {float:right; margin-right:13.75%; margin-left:13.75%; width:15%; height:15em; background:#33ff99;}
#servicesleft{
	float:left;
	width:40%;
	height:auto;
	margin-left:10%;
}
.services1{
	float:left;
	height:auto;
	width:17.5%;
	margin-left:15%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding-right:1%;
	text-align: justify;
	}
.services2{
	float:left;
	height:auto;
	width:17.5%;
	padding-left:1%;
	padding-right:1%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: justify;
	
	}
.services3{
	float:left;
	height:auto;
	width:17.5%;
	padding-left:1%;
	padding-right:1%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: justify;
	
	}
.services4{
	float: left;
	height:auto;
	width:17.5%;
	padding-left:1%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: justify;
	
	}	
#linea1 {float:left;width:100%;height:auto;}
#linea2{float:left;width:100%;height:auto;margin-bottom:5%;}

.slogan_marketing {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	background-color:#171717;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align:center;
}


	/* PROJECTS */
#projects {
  text-align: center;
  padding-top:3em;
  padding-bottom:1.5%;
  height:auto;
  width: 100%;
  float:left;
}
.projectline{float:left;width:100%;height:auto;margin-bottom:5%;}
.projectleft{
	width:25%;
	float:left;
	margin-left:15%;
	height:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.projectright{
	width:40%;
	float:right;
	margin-right:15%;
	height:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#contacts {
  text-align: center;
  padding-top:3em;
  padding-bottom:1.5%;
  height:auto;
  width: 100%;
  float:left;
}
#map-canvas {
	float:left;
	width:100%;
	margin-left:0;
	height:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#map-address{
	float:left;
	width:100%;
	margin-left:0;
	margin-top:1%;
	height:auto;
	background-color: none;
	color: #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#map-address h1 {
	color: #fff;
}
#map-address a {
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	color:#fff;
	font-weight:300;
	border-bottom:solid 1px #fff;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
#map-address a:hover {
	border-bottom:solid 1px transparent;
}

#map-content {
	width:30%;
	height:200px;
	float:left;
	display:block;
}
a.contact {
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:3px;
	background:none;
	border:none;
	color:#171717;
	font-weight:300;
	font-size:.9em;
	margin-top:0;
	margin-right:2%;
	margin-left:0;
	margin-bottom:2%;
	font-family: 'Roboto', sans-serif;
	border-bottom:solid 1px #171717;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
a.contact:hover {
	color:#171717;
	border-bottom:solid 1px #fff;
}
a.contact2 {
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:3px;
	background:none;
	border:none;
	color:#171717;
	font-weight:300;
	font-size:0.9em;
	margin:0;
	font-family: 'Roboto', sans-serif;
	border-bottom:solid 1px #171717;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
a.contact2:hover {
	color:#171717;
	border-bottom:solid 1px #fff;
}
.contacts_left{
	float:left;
	margin-left:15%;
	width:35%;
	height:auto;
	text-align:justify;
}
.contact_right {
	float:right;
	margin-right:15%;
	width:35%;
	height:auto;
}
#laboratorio {
  text-align: center;
  padding-top:3em;
  padding-bottom:1.5%;
  min-height:800px;
  height:auto;
  width: 100%;
  float:left;
}
.lableft {
	width:40%;
	float:left;
	margin-left:10%;
	height:auto;
}
.labright {
	width:40%;
	float:right;
	margin-right:10%;
	height:auto;
	background:#818181;
}
/* Start of Column CSS */
#lab2 {
	clear:left;
	float:left;
	width:80%;
	margin-left:10%;
	overflow:hidden;
	background:#818181; /* column 2 background colour */
}
#lab1 {
	float: left;
	width: 100%;
	position: relative;
	right: 50%;
	background: #fff; /* column 1 background colour */
	vertical-align: middle;
}
#lableft {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
	background:#F00;
	text-align:justify;
	padding-right:0.5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#labright {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
	color:#fff;
	font-size:3em;
	font-weight:100;
	padding-top:10%;
}
/* ==|=======================================================================
   ========================================================================== */
   /*CONTACTS*/
#maincontact{
	width:100%;
	height:auto;
	margin:0;
	padding:2%;
	font-weight:300;
	float:left;
	background:#171717;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.leftcontact {
	float:left;
	margin-left:15%;
	margin-bottom:0;
	width: 32.5%;
	padding:0;
	background:none;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.leftcontact a {
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	color:#fff;
	font-weight:300;
	border-bottom:solid 1px #fff;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.leftcontact a:hover {
	border-bottom:solid 1px transparent;
}
.leftcontact h1 {
	color:#fff;
}
.leftcontact h2 {
	color:#fff;
}
.rightcontact {
	float:right;
	margin-right:15%;
	margin-bottom:0;
	width: 32.5%;
	padding:0;
	background:none;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightcontact a {
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	color:#171717;
	font-weight:300;
	border-bottom:solid 1px #171717;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.rightcontact a:hover {
	border-bottom:solid 1px transparent;
}
 .rightcontact h1 {
	color:#171717;
} 
 .rightcontact h2 {
	color:#fff;
}  
   
   
.leftpolicy {
	float:left;
	margin-left:15%;
	margin-top:3%;
	padding:0;
	width: 15%;
	height:auto;
	background:#fff;
	color:#818181;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.leftpolicy p {
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	color:#171717;
	font-weight:300;
	padding-bottom:3px;}
.leftpolicy a {
	font-size:1em;
	color:#171717;
	margin:0.5em;
	border-bottom:solid 1px #171717;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.leftpolicy a:hover {
	border-bottom:solid 1px #fff;
}
.leftpolicy a:active,
.leftpolicy .active a {
	border-bottom:solid 1px #fff;
}
.rightpolicy{
	float: right;
	margin-right: 15%;
	margin-top:3%;
	margin-bottom:3%;
	width: 55%;
	height: auto;
	padding-left:5%;
	border-left:solid 0.1em #f3f3f3;
	text-align: left;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.rightpolicy a {
	font-size:1em;
	color:#3399ff;
	font-weight:500;
	border-bottom:solid 1px #3399ff;
	transition-property: all;
	 transition-duration:0.3s;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;  
	 -moz-transition-duration:0.3s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.rightpolicy a:hover {
	border-bottom:solid 1px #fff;
}
.rightpolicy h3 {
	color:#171717;
}
.rightpolicy h4 {
	font-size:1em;
	font-weight:400;
}



.comingsoon {
	width:40%;
	margin-left:30%;
	margin-right:30%;
	margin-top:10%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:5% 10%;
	background-color:#171717;
	text-align:center;
	
}
.comingsoon a {
	font-size:90%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: all; /*safari*/
	-webkit-transition-duration: 0.5s;
	-o-transition-property: all;      /*opera*/
	-o-transition-duration: 0.5s;
	-moz-transition-property: all;    /*firefox*/
	-moz-transition-duration: 0.5s;
}
.comingsoon a:visited {color:#fff;}
.comingsoon a:hover { color: #33ff99; }
.comingsoon a:focus { outline: none; }
.comingsoon h1 {
	text-align:center;
	color:#fff;
	font-size:1.1em;
font-family: 'Roboto', sans-serif;}
.comingsoon p {
	color:#fff;
	text-align:center;
font-family: 'Roboto', sans-serif;
margin-bottom:0.5em;
}



@media screen and (max-width: 999px) {
#top {
	width:100%;
	float: left;
	height: auto;
	margin-top: 55px;
	background-color:#fff;
	
}

.description {
	float:left;
	width:90%;
	height:auto;
	background:#fff;
	text-align: center;
	margin-left:5%;
	margin-top:2%;
	margin-bottom:5%;
	padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.description p {font-weight:300; font-size:1.1em; font-family: 'Roboto', sans-serif; color:#171717;}
.blackground{
	width: 100%;
}
.welcome{
	float:left;
	position:absolute;
	top:30vh;
	width: 90%;
	margin-left:5%;
	height:auto;
	padding-bottom:50px;
	background: rgba(23,23,23,0);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.welcome h1 {
	font-weight:300;
    font-size:1em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	margin-bottom:0.3em;
}
.welcome h3 {
	font-weight:300;
    font-size:2em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:left;
}
.welcome a {
	display:none;
}
.titledescription {
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	text-align:left;
	padding-bottom:1%;
	margin-left:0;
	margin-bottom:1%;
}
.contentdescription {
	float:left;
	width:100%;
	margin-left:0;
	height:auto;
	background:#fff;
	text-align:justify;
}
.design{
	float:left;
	margin-left:5%;
	width:90%;
	height:auto;
	margin-bottom:5%;
}
.marketing{
	float:left;
	margin-left:5%;
	width:90%;
	height:auto;
	margin-bottom:5%;
}
.solutions{
	float:left;
	margin-left:5%;
	width:90%;
	height:auto;
	margin-bottom:5%;
}
.introduction {
	float: left;
	width: 90%;
	height: auto;
	margin-left: 5%;
	background-image: url(../img/ettagono-colorato.png);
	background-origin: border-box;
	background-repeat: no-repeat;
	background-size: 60%;
	padding-top:80%;
	padding-bottom: 10%;
	padding-right:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
	background-position: center 50px;
	text-align:center;
}
.introduction h1 {
	font-weight:300;
    font-size:1em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	margin-bottom:0.3em;
}
.introduction h3 {
	font-weight:300;
    font-size:3em;
    font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:left;
}
.introduction p {color:#fff;font-weight:200; font-size:1.2em; font-family: 'Roboto', sans-serif;margin-bottom:20%;}
.introduction a {
	float:none;
	min-width:30%;
	width: auto;
	height: auto;
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	 font-weight:100;
    font-size:1.2em;
    font-family: 'Roboto', sans-serif;
	background-color: #33ff99;
	 color:#171717;
	font-weight:300;
	border:solid 0.1em #33ff99;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:1em 2em;
	line-height: 1;
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
	 
}
.introduction a:hover {
	 background-color: #171717;
	 color:#33ff99; 
}
.description2 {
	float:left;
	width:90%;
	height:auto;
	background:#fff;
	text-align: center;
	margin-left:5%;
	margin-top:2%;
	margin-bottom:5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.description2 p {font-weight:300; font-size:1.1em; font-family: 'Roboto', sans-serif; color:#171717;}
.title {
	float:left;
	display:inline;
	width: 90%;
	height:auto;
	margin-left:5%;
	margin-bottom:0.8%;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left {
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
	padding:0;
	width: 90%;
	height:auto;
	background:none;
	color:#818181;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.left2 {
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
	padding:0;
	width: 90%;
	height:auto;
	background:none;
	color:#818181;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.leftcontact {
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
	padding:0;
	width: 90%;
	height:auto;
	background:none;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.right {
	float:right;
	margin-right:5%;
	margin-bottom:0;
	width: 90%;
	padding:0;
	background:none;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rightcontact {
	float:right;
	margin-bottom:0;
	margin-right:5%;
	width:90%;
	padding:0;
	background:none;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#maincontact{
	height:auto;
	padding-bottom:3%;
	padding-bottom:3%;
}
#map-address{
	width: 90%;
	float:left;
	margin-left:5%;
	height:auto;
	margin-top:1%;
	margin-bottom:1%;
	background-color: none;
	color: #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.footer_bottom {
	width:90%;
	float:left;
	margin-left:5%;
	margin-top:20px;
	margin-bottom:20px;
}
.staff_1 h3 { font-size:1.1em;}
.staff_1 a { display:none;}
.staff_2 h3 { font-size:1.1em;}
.staff_2 a { display:none;}
.topservices {
	float:left;
	width:100%;
	text-align:center;
	height:auto;
	background:#fff;
	padding:0;
	margin-top:5%;
	margin-bottom:5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.topservices h1 {font-weight:300; font-size:1.3em; font-family: 'Roboto', sans-serif; color:#171717;}
.right_about{
	float: right;
	margin-right: 5%;
	width: 90%;
	padding:10% 1%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.right_about p{
	font-size:2em;
}
.table {
	width:90%;
	float:left;
	margin-left:5%;
	margin-top:2.5em;
	height:auto;
	background:#F3F3F3;
	padding:0;
}
.secondcolumn {
	float: left;
	width:100%;
	height:auto;
	margin-left:0;
	padding:1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn {
	float:left;
	width:100%;
	height:auto;
	margin-left:0;
	padding:0;
	border:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn__bottom {
	border-bottom:0.5em solid #fff;
}
.designtable {
	width:90%;
	float:left;
	margin-left:5%;
	margin-top:2.5em;
}
.secondcolumn__top__designtable h3 {
	color:#fff;
	margin:0;
}
.firstcolumn1__designtable {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:1em;
	border-left:none;
	border-bottom:0.5em solid #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn1__designtable {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.firstcolumn2__designtable {
	float:right;
	width:100%;
	height:auto;
	margin:0;
	padding:1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.secondcolumn2__designtable {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	background:none;
	border-top:0.5em solid #fff;
	border-right:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.left_intro_marketing {float:left; margin-left:5%; width:90%; height:auto; margin-right:5%; margin-top:2.5em; text-align:center;}
.right_intro_marketing {float:right; margin-right:30%; margin-top:2.5em; margin-bottom:2.5em; width:40%; border-left:solid 0.1em #fff; border-bottom:solid 0.1em #fff; padding-top:1.5%; padding-bottom:1.5%;}
.graphic1 {float:left; margin-left:13.75%; width:15%; height:3em; background:#33ff99; margin-top:6em;}
.graphic2 {float:left; margin-left:13.75%; width:15%; height:6em; background:#33ff99; margin-top:3em;}
.graphic3 {float:right; margin-right:13.75%; margin-left:13.75%; width:15%; height:9em; background:#33ff99;}
.left_intro_work {
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	bottom: 0px;
	width: 90%;
	padding-right:0;
	margin-left: 5%;
	margin-top:2.5em;
	margin-bottom:230px;
	text-align: center;
}
.right_intro_work {
	float:right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:90%;
	padding-left:0;
	margin-right:5%;
	margin-bottom:2.5em;
	text-align:center;
}
.leftservices {
	float:left;
	margin-left:5%;
	margin-top:3%;
	padding:0;
	width: 90%;
	height:auto;
	background:#fff;
	color:#818181;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
ul#menuservices {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#menuservices li {
	text-align:left;
    background-color: #fff;
    display: block;
    width: 100%;
    height: auto;
    margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration: 0.5s;
	 -webkit-transition-property: all; /*safari*/
	 -webkit-transition-duration: 0.5s;
	 -o-transition-property: all;      /*opera*/
	 -o-transition-duration: 0.5s;  
	 -moz-transition-property: all;    /*firefox*/
	 -moz-transition-duration:0.5s;
}
ul#menuservices li a {
    color: #171717;
    display: block;
	border-bottom:solid 0.1em #f3f3f3;
    text-decoration: none;
    width: 100%;
    height: auto;
	padding:0.5em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
ul#menuservices li.active, ul#menuservices li:hover {
    background-color: #f5f5f5;
	font-weight:400;
}
.rightservices{
	float: right;
	margin-right: 5%;
	margin-top:3%;
	width: 90%;
	height: auto;
	padding-left:0;
	border-left:0;
	text-align: left;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.rightservices a {
	width: auto;
	height: auto;
	text-align:center;
	float:left;
	margin-top:5%;
	font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.rightservices a:hover {
	 color:#171717; 
	 background:none;
}
.intro_design {
	float: left;
	width: 100%;
	height: auto;
	margin-top:3%;
	margin-bottom:3%;
	padding-top: 3%;
	padding-bottom: 3%;
	color:#F3F3F3;
	background:url(../img/design_vision.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color: #171717;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.intro_design p {font-weight:300; font-size:1.3em; margin-bottom:1em; font-family: 'Roboto', sans-serif; color:#fff;}
.left_intro_design {
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	bottom: 0px;
	width: 90%;
	padding-right:0;
	margin-left: 5%;
	margin-top:2.5em;
	margin-bottom:230px;
	text-align: center;
}
.right_intro_design {
	float:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:90%;
	padding-left:0;
	margin-left:5%;
	margin-bottom:2.5em;
	text-align: center;
}
.comingsoon {
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-top:10%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:5% 10%;
	background-color:#171717;
	text-align:center;
	
}
.leftpolicy {
	float:left;
	margin-left:5%;
	margin-top:3%;
	padding:0;
	padding-bottom:0.5em;
	width: 90%;
	height:auto;
	background:#fff;
	color:#818181;
	border-bottom:solid 0.1em #f3f3f3;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	text-align:left;
}
.leftpolicy a {margin-left:0;}
.rightpolicy{
	float: right;
	margin-right: 5%;
	margin-top:3%;
	width: 90%;
	height: auto;
	padding-left:0;
	border-left:0;
	text-align: left;
	background:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: middle;
}
.footer_column_first {
	width:90%;
	margin-left:5%;
	text-align:center;
	margin-bottom:3%;
}
.footer_column {
	width:90%;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
}
.footer_column_last {
	width:90%;
	margin-right:5%;
	text-align:center;
	margin-top:3%;
}
.social{
	margin-left:auto;
	margin-right:auto;
}
}
.error404 {
	width:70%;
	height:auto;
	padding-top:10%;
	padding-bottom:10%;
	float:left;
	margin-left:15%;
}
.error404 p {
	margin-bottom:6%;
}
.error404 h3 {
	color:#171717;
	margin-top:0;
	margin-bottom:1%;
	font-size:95%;
	font-weight:500;
}
.error404 img {
	margin-bottom:3%;
}
.error404 a {width: auto;
	height: auto;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:#F3F3F3;
	background:#171717;
	border:0.1em solid #171717;
	font-weight:300;
	padding:1em 2em;
	line-height: 1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	transition-property: all;
	 transition-duration:0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;  
	 -moz-transition-duration:0.5s;
	 transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
}
.error404 a:hover {
	 color:#171717; 
	 background:none;
}
/* Cookie stile */
div#cookieChoiceInfo {
	background-color: rgba(23,23,23,0.8) !important;
	color:#fff;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:2% 5%;
}
#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
color:#DBA901;
padding:0;
text-decoration:none;
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:bold;}
#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {
color:#FFFF00;
}


/* Per sostituzione immagini */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Nascondere sia negli screen reader che nei browser: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Nascondere solo visivamente, mantenendo la disponibilità negli screen reader: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Estende la classe .visuallyhidden per consentire all'elemento di ricevere lo stato di attivazione se raggiunto tramite tastiera: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Nascondere visivamente e anche negli screen reader, mantenendo il layout */
.invisible { visibility: hidden; }

/* Con contenuto float: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== stampa stili =======================================================
   Stampa stili.
   Inserimento in linea per evitare la necessità di una connessione HTTP: h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Stampa più veloce del nero: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Collegamenti non visualizzati per le immagini, o collegamenti javascript/interni */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}