/* ::NEWS › 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: 170%
}

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

h4{
    font-size: 10pt;
    font-weight: 400;
    font-family: 'Inconsolata', serif;
    letter-spacing: 3px;
    color: black;
     line-height: 270%
}

h4.color{
    color: #279DA1;
  
}

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;

}

hr.thin-line{
   border: none;
  height: 1px;
  width: 100%;
  margin-left: 0px;
  /* Set the hr color */
    color: black; /* old IE */
    background-color: black; /* Modern Browsers */

}

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

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

}

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

a.see-more{
  color: #279DA1;
  font-weight: 400;
  font-size: 8pt;
  font-family: 'Lato', sans-serif;
  letter-spacing: 3px;
  text-decoration: none;
}

a.see-more:hover{
  color: #279DA1;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

a.see-more:visited{
  text-decoration: none;
  border:none;
}

button.linear{
color:black;
border:1px 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.neg{
color:#fff;
border:1px solid white;
padding: 7px 12px 7px 12px;
margin: 0px 0px 20px 0px;
font-family: 'Lato', sans-serif;
  font-size: 11pt;
  font-weight: 700;
  letter-spacing: 1px;
background-color: transparent;
float: right;

}

button.linear.color{
color:#279DA1;
border:1px solid #279DA1;
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.neg:hover{
color:black;
border:1px solid white;
background-color: #fff;
cursor: pointer;

}

button.linear.color:hover{
color:#fff;
border:1px solid #279DA1;
background-color: #279DA1;
cursor: pointer;

}

button.img{
color:transparent;
border:0px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
font-family: 'Lato', sans-serif;
  font-size: 8pt;
  font-weight: 400;
  letter-spacing: 1px;
background-color: transparent;

}


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

}

button.is-checked{
color: white;
background-color: black;
border:1px 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;

}


button.is-checked.color{
color: white;
background-color: #279DA1;
border:1px solid #279DA1;
padding: 10px 10px 10px 10px;
margin: 20px 0px 0px 0px;
font-family: 'Lato', sans-serif;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 1px;

}

button:focus {outline:0;}



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

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



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




/*================= PROGETTI ==================*/

.filter-button-group{
  margin-top: 50px;
}

.grid{
min-height: 800px;}

.prj-box{
  width: 350px;
  padding: 50px 50px 10px 0px;
  margin: 50px 10px 20px 0px;
  float: left;
  position: relative;
  z-index:100;
  height: 550px;
 
  
}

i.fa.color {
    color: #279DA1 ;
}


.tint {
  position: relative;
  cursor: pointer;
}

.tint:before {
  background: none;
  
}

.tint:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(39,156,170, 0.4);
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}


/*================= TWEET ==================*/

#socialNet{
margin-top: 10px;
}

#tweet{
  border: 1px solid;
  padding: 20px 30px 25px 30px;
}

#post-fb{
  border: 1px solid #279DA1;
  padding: 20px 30px 25px 30px;

}

#post-tumblr{
  border: 1px solid;
  padding: 20px 30px 25px 30px;
}


/*================= 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;
}





  /*::::::::::::::::::::::::::::PROGETTI @MEDIASCREEN::::::::::::::::::::::::::::::::::::*/






/* diminuzione top-margin menu per schermi piccoli */

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

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

}