/* ::CHI SIAMO › STYLE:: */

/* Typography 
@import url(http://fonts.googleapis.com/css?family=Merriweather:400italic,400,700,700italic); */
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
/*background-image: url("img/house.gif");*/

body{
    background-color: #fff;
}


/*FONTS & PARAGRAPHS*/
h1{
    font-size: 14pt;
    font-weight: 700;
    font-family: 'Inconsolata', serif;
    letter-spacing: 3px;
    color: black;
     line-height: 20%
}

h3{
    font-size: 12pt;
    font-weight: 700;
    font-family: 'Inconsolata', serif;
    letter-spacing: 3px;
    color: black;
     line-height: 170%
}

h3.color{
    font-size: 12pt;
    font-weight: 700;
    font-family: 'Inconsolata', serif;
    letter-spacing: 2px;
    color:  #279DA1;
    line-height: 170%
}

h3.menu-head{
    font-size: 12pt;
    font-weight: 300;
    font-family: 'Inconsolata', serif;
    letter-spacing: 3px;
    color: black;
     line-height: 170%
}


h2{
  font-family: 'Lato', sans-serif;
  font-size: 10pt;
  font-weight: 400;
  letter-spacing: 1px;
  color:black;
  line-height: 0%
}

p{
  font-family: 'Lato', sans-serif;
  font-size: 11pt;
  font-weight: 300;
  letter-spacing: 1px;
  color:black;
  line-height: 150%

}

hr.high-line{
  border:3px solid black;
  width: 7.4px;
  margin-left: 0px;

}

hr.high-line.color{
  border:3px solid #279DA1;
  width: 7.4px;
  margin-left: 0px;

}

a.menu-head{
  color: black;
  text-decoration: none;
  font-weight: 300;
}

a.menu-head:hover{
  color: #279DA1;
  text-decoration: underline;

}

a.menu-head.now{
  color: #279DA1;
  text-decoration: underline;
  font-weight: 300;
}

a:focus{
  text-decoration: none;
  border:none;
}

a:visited{
  text-decoration: none;
  border:none;
}

button.linear{
color:black;
border:0.5px solid black;
padding: 10px 10px 10px 10px;
margin: 20px 0px 0px 0px;
font-family: 'Lato', sans-serif;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;
background-color: #fff;

}


button.linear:hover{
color: white;
background-color: black;

}

button.linear:active{
color: white;
background-color: black;

}

#stop{
  position: relative;
  top: 0px;
}

/*================= HEAD ==================*/


#head{
background: url("../img/chi-siamo/studio-gray-sm.gif") no-repeat top center;
margin-top: 10px; 
height: 23.75em; /*285px*/


}

#head:hover{
  background: url("../img/chi-siamo/studio-color.gif") no-repeat top center;
}

#menu-head{
   margin-top: 66px;
     z-index: 3;
    
}


#chi-siamo-head-logo{
  position: absolute;
  width: 190px;
  z-index: 2;
  margin-top: -116px;
}


/*================= CHI SIAMO ==================*/

#row2{
  margin-top: 80px;
}


#chi-siamo-logo{
  width: 150px;
  margin-bottom: 30px;
  
}


#chi-siamo-eLAB-logo{
  width: 110px;
  margin-bottom: 30px;
  margin-top: 50px;
}



#cit2{
  margin-top: 100px;
}




/*-------PERSONE-------*/

#persona1{
  margin-top: 150px;
}

#persona2{
  margin-top: 100px;
}

#persona3{
  margin-top: 100px;
}

.persone{
margin-top: -30px;
}

/*-------onmousehover change color image-------*/


#gray1{
display: block;
}

#color1{
display: none;
}


#gray2{
display: block;
}

#color2{
display: none;
}


#gray3{
display: block;
}

#color3{
display: none;
}




/*================= CONTATTI ==================*/

#map{
  margin-top: 50px;
}

  iframe {
    height:450px;
    width:450px;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }


#logo-studio{
width: 50%;
margin-top: 50px;
margin-bottom: 20px;

}


small{
  font-family: 'Lato', sans-serif;
  font-size: 9pt;
  font-weight: 300;
  color: black;
  letter-spacing: 1px;

}

.contatti-personali{
  margin-top: 60px;
}




/*================= FOOTER › SEZIONI ==================*/

#footer{
  background-color: #1A1A1A;
  margin-top: 60px;
  padding: 30px 0px 60px 0px;
}


p.neg{
  font-family: 'Lato', sans-serif;
  font-size: 11pt;
  font-weight: 300;
  color: #fff;
  letter-spacing: 1px;

}

small.neg{
  font-family: 'Lato', sans-serif;
  font-size: 9pt;
  font-weight: 300;
  color: #fff;
  letter-spacing: 1px;

}


a.neg{
  text-decoration: none;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 11pt;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0.6;
}

a.neg:hover{
  color: #279DA1;
  opacity: 1;
}

a.neg:visited{
  text-indent: none;
  text-decoration: none;
}


.fa {
    color: #fff ;
}

.fa:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      color: #279DA1;

      
  }

#logo-neg{
  width: 40%;
}

/*CREDITS*/
a.small{
  font-family: 'Lato', sans-serif;
  font-size: 9pt;
  font-weight: 300;
  color: #fff;
  letter-spacing: 1px;

}


a.small:hover{
  color: #279DA1;
  opacity: 1;
}

a.small:visited{
  text-indent: none;
  text-decoration: none;
}

.credit{
  opacity:0.5;
}



/* NO GUTTER */
/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:0;
  padding-left:0;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
  padding-right:0;
  padding-left:0;
}
/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child {
  padding-left:0;
  padding-right:0;
}

/*::::::::::::::::::::::::::::CHI-SIAMO @MEDIASCREEN::::::::::::::::::::::::::::::::::::*/



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

/* logo color head */
#chi-siamo-head-logo{
  width: 102px;
  margin-top: -40px;

}



}

@media screen and (max-width: 768px) { 
/* gap between photo and text profile */
.persone{
margin-top: 30px;
}

}

@media screen and (max-width: 760px) { 
  /* logo color head */
#chi-siamo-head-logo{
  width: 52px;
  margin-top: -40px;

}

/* gap between photo and text profile */
.persone{
margin-top: 30px;
}


/* don't show buttons "STUDIO" & "PERSONE" */
#btn-studio{
  display: none;
}

#btn-persone{
  display: none;
}

}


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

  #menu-head{
   margin-top: 20px;
}

#row2{
  margin-top: 30px;
}

  /* logo color head */
#chi-siamo-head-logo{
display: none;

}

/* gap between photo and text profile */
.persone{
margin-top: 30px;
}


/* don't show buttons "STUDIO" & "PERSONE" */
#btn-studio{
  display: none;
}

#btn-persone{
  display: none;
}

#contatti-logo-studio{
display: none;}

}