@import url("font.css");

body {
  font-family:  'RalewayLight', sans-serif;
  color: #666;
  background-color: white;
}

.logo {
    position: fixed;
    cursor: pointer;
    z-index: 1000
}

.pull-right, .img-responsive { display: none; }

.lang {
 font-family:  'Montserrat-Regular', sans-serif;
  position: fixed;
  left: 62px;
  bottom: 50px;
  z-index: 998;
}

.lang a:link, .lang a:visited {
font-size: 16px;
outline: 0;
color: #777;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.lang a:hover { color: #000; text-decoration: none}

h1 { color: #000; font-size: 15px; font-family:  'Montserrat-Regular', sans-serif; text-transform: uppercase;}


.introslide {
    position: fixed;
    visibility: hiddden;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 999
}

.navbar {
  font-family:  'Montserrat-Regular', sans-serif;
   text-transform: uppercase;
  z-index: 998;
  padding: 0px;
}


.proj { padding-left: 22px }

.navbar-custom .nav li a {
color: #999;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.navbar-custom .nav li a:hover, .current a{
 outline: 0;
  color: #000 !important;
  background-color: #fff;
}

.progetti { margin-top: 51px; }


#corpotesto, #pagina { clear: both; margin-bottom: 30px}
#corpotesto .titl, #pagina .titl { color: #000; font-size: 13px; font-family:  'Montserrat-Regular', sans-serif; text-transform: uppercase;}
#corpotesto .desc, #pagina .desc { color: #888;; font-size: 13px; font-family:  'Montserrat-Regular', sans-serif; text-transform: uppercase;}

.testo, .pagetxt {
text-align: left;
  padding-top: 10px
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}






@media (max-width: 767px) {
#logonero { left: 25px; top: 5px; }
#logonero img { height: 41px; }
#logo{ left: 50%; margin-left: -84px; bottom: 50px}
.navbar {
  border-bottom: 1px solid #bbb;
  background-color: white;
}

.navbar-toggle {
  padding: 4px 6px;
  font-size: 17px;
  color: #333;
}
.navbar-toggle:focus,
.navbar-toggle:active {
  outline: none;
}
.nav li { border-top: 1px dotted #999; }
.nav  li.proj { border-top: 1px solid #fff; }
.navbar-custom .nav li a { font-size: 18px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; }
.descrizione { display: block; }
.immagine { display: block; }
.titolo { padding-top: 0px }
}

#proj-slider {
	margin-top: 50px;
}
.mnz {
  height: 100%;
}
.mnz img {
	position: absolute;
  top: 0px;
}

#mappa {
	height: 300px;
	width: 100%;
	 	filter:url(../images/grayscale.svg#greyscale);
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
}

@media (min-width: 767px) {
.logo { left: 60px; top: 51px;}
.navbar-custom .nav li a { font-size: 13px; padding-top: 3px; padding-bottom: 2px; }
.navbar {
  background-color: transparent;
   width: 200px;
   left: 47px;
   top: 240px;
}
.lang { display: inline; }
.descrizione { margin-top: -3px}
}

#proj-slider * { 
    -webkit-backface-visibility: hidden; 
    -webkit-transform: translateZ(0); 
}



@media (min-width: 960px) {
.progetto { display: table; padding-right: 45px}
.descrizione { display: table-cell; float: left; width: 210px; }
.immagine { display: table-cell; float: right; width: 450px}
}



@media screen and (min-width:1200px) { .testo { width: 70%; }}

@media screen and (min-width:960px) {
.testo, .pagetxt {
-webkit-column-count: 2; -webkit-column-gap: 30px;  
-moz-column-count: 2; -moz-column-gap: 30px;
column-count: 2; column-gap: 30px;
}
#pagina { padding-right: 60px; }
.testo { margin-top: 20px; }
}

@media (min-width: 769px) {
#corpotesto { padding-right: 25px; margin-top: 15px}
}

@media (max-width: 769px) and (min-width: 500px) {
#proj-slider { top: 20px; padding-left: 15px; padding-right: 5px;}
#corpotesto { width: 100%; padding: 15px; margin-top: 50px}
.testo, .pagetxt {
-webkit-column-count: 2; -webkit-column-gap: 20px;  
-moz-column-count: 2; -moz-column-gap: 20px;
column-count: 2; column-gap: 20px;
}
}

@media (max-width: 499px) {
#proj-slider { top: 20px; padding-left: 10px; padding-right: 0px;}
#corpotesto { width: 100%; padding: 10px; margin-top: 60px}
}

@media print {
  a[href]:after {
    content: none;
  }
  html,body {
    width: 700px;
}
#proj-slider {
	position: relative;
	width: 100%;
}
}


ul {
    list-style: none;
    padding-left: 5px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #FE7E17;
}

a:focus , a:link {
    outline: none;
    text-decoration: none;
}

a:hover {
    color: #444;
}

.isotope-item {
    z-index: 2;
}

@media (min-width: 767px) {

.grid-item-on-hover {
    cursor: pointer;
    display: block;
    text-align: left;
    padding: 0 5%;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/item-on-hover.png) repeat;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.grid-item-on-hover:hover, .grid-item-on-hover:active {
   opacity: 0.9;
   -moz-opacity: 0.9;
 filter: alpha(opacity=0.9);
}}

@media (max-width: 767px) {
.grid-item-on-hover {
    cursor: pointer;
    display: block;
    text-align: left;
    padding: 0 5%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/item-on-hover.png) repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0.5;
   -moz-opacity: 0.5;
 filter: alpha(opacity=0.5);

}}




.portfolio img {
    display: inline-block;
    border: 0px;
    margin: 0px;
    padding: 0px
}

.portfolio li a img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-backface-visibility: hidden;
}



.portfolio li a:hover img {
    -webkit-transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -o-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
}



.grid-item-on-hover .grid-text {
    position: absolute;
    left: 5%;
    top: 7%;
    text-align: left;
    width: 90%;
}

.grid-item-on-hover h1 {
    font-weight: 300;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #fff;
    letter-spacing: 1px;
    margin: 0px;
}

.grid-item-on-hover span {
    color: #fff;
    font-family:  'Montserrat-Regular', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 1;
    position: absolute;
    left: 5%;
    bottom: 5%;
    text-align: left;
    width: 90%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.item-high .grid-item-on-hover h1 {
    font-size: 20px;
    line-height: 26px;
    width: auto;
    left: 3%;
}

.item-wide .grid-item-on-hover span, .item-long .grid-item-on-hover span {
    font-size: 14px;
}

.item-small .grid-item-on-hover h1 {
    font-size: 20px;
    line-height: 26px;
}

.portfolio {
    clear: both;
    overflow: hidden;
}

.portfolio li {
    float: left;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0;
    text-align: center;
    margin: 2px;
}

.portfolio li:hover {
    background: #fafafa;
}

.grid {
    display: none;
}

@media (min-width: 767px) {
.notizie, .press {
 margin-top: 47px;
}}

@media (max-width: 767px) {
.notizie, .press {
 margin-top: 67px;
}}

.notizie a {
    color: #000;
    display: block
}

.blanco {
    background-color: #fff;
    padding-right: 0px
}
.blanco h5 {
   font-family: "Montserrat-Regular",sans-serif;
}
.blanco h6 {
   font-size: 13px;
   margin-top: -3px
}


.notizie a h1 {
font-size: 20px;
margin: 0px;
padding: 0px;
color: #bbb;
letter-spacing: 0.15em;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.notizie a:hover h1 {
color: #000;
letter-spacing: -0.02em;
}

/* ==========================================================================
flexvideo
   ========================================================================== */ 
.video {
    margin-bottom: 20px;
}
   
.video-container {
    position: relative;
    padding-bottom: 55.8%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video .info {
    height: 34px;
}

.divideo {
    margin-top: 50px;
}