@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

html, body {
    height: 100%;
    width:100%;
	background-color:#fff;
	/*background:url(../img/bg.png);*/
}

* {
  margin:0px; 
  padding:0px;
	text-decoration:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	}
	
button:focus {outline:0;}


@font-face {	font-family: "roboto", Arial, Helvetica, sans-serif; }

::-moz-selection { /* Code for Firefox */
    color:;
    background:;
}
::selection {
    color:; 
    background:;
}

/* WEB */

.everything {
position:relative;
z-index: 99999;
background-color:#ebdfd9;
margin-bottom: 150px;
}

/* HAMBURGER */

.menu-btn {
  display:none;
  top:0px;
  right:0px;
  height:50px;
  width:54px;
  padding: 15px;
/* background-color: blue; */
  position: fixed;
  z-index: 999999;
  cursor: pointer;
}

.menu-btn span {
  display: block;
  width: 19px;
  height: 2px;
  margin: 4px 0;
  background: rgb(255,255,255);
  z-index: 999;
}

.menu-info {
position:fixed;
top:30px;
right:30px;	font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 0.8rem;
color:#FFF;
z-index: 999999999999999;
}

.menu-info a{
color:#FFF;
}

.menu-info-mobile {
display:none;
width:80%;
margin-left:10%;
margin-right:10%;
height: 3rem;
/* background-color: blue; */
top:auto;
right:auto;
bottom:0px;
padding:1rem;
text-align: center;
position:fixed;	font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 0.8rem;
color:#FFF;
z-index:99999999999;
}

.menu-info-mobile a{
color:#FFF;
z-index:99999999999;
}

.cover {
height:100%;
width:100%;
background-color:;
position:relative;
}

.cover-img {
width:50%;
height:100%;
float:left;
overflow:hidden;
background-color:#fff;
}

.cover-wrap {
width:2000px;
float:right;
}

.cover-img-1 {
padding-left:6px;
display:inline;
height:100%;
float:right;
}

.cover-img-1 img{
display:inline-block;
height:100vh;
width:auto;
}

.cover-img-2 {
padding-left:6px;
display:inline;
height:100%;
float:right;
}

.cover-img-2 img{
display:inline-block;
height:100vh;
width:auto;
}

.cover-mobile {
display:none;
}

.cover-credit {
position:absolute;
top:30px;
left:30px;	font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 0.8rem;
color:#FFF;
}

.cover-credit a {
  color:#FFF;
}

.cover-txt {
width:50%;
height:100%;
background-color:#d5beb4;
float:right;
text-align: center;	font-family: "roboto", Arial, Helvetica, sans-serif; color:#2f2722;
}

.cover-txt-1 {
padding-top:20%;
}

.cover-txt-2 {
position: absolute;
top: 44%;
transform: translateY(-50%);
width:50%;
}

.cover-txt-3 {
position: absolute;
bottom:0;
padding-bottom: 10%;
width:50%;
}

h1 {
  font-weight: normal;
  font-size: 8vw;
  line-height: 7vw;
}

h2 {
  font-weight: normal;
  font-size: 4vw;
  line-height: 3.5vw;
  width:40%;
  margin:auto;
}

.home-intro {	font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 1.7rem;
  line-height: 2.7rem;
  width:64%;
  margin:auto;
  padding-top: 100px;
  padding-bottom: 90px;
text-align:justify;
}

.header-wrap {
  display:none;
}

.header {
z-index:99999999;
position: relative;
}

.menu-acr {	font-family: "roboto", Arial, Helvetica, sans-serif; position: fixed;
top:30px;
left:30px;
font-size: 0.8rem;
line-height: 0.8rem;
z-index:999999;
}

.menu-acr a{
color:#FFF;
}

.short-intro {
visibility: hidden;
}

.menu-categories {
width:100%;
text-align: center;
margin:auto;
position: fixed;
top:0;
}

.menu-categories ul li{
padding: 25 45px;
display:inline-block;
}

.menu-categories ul li button{
color:#fff;
border:none;
background-color:transparent;	font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 1.5rem;
text-transform: capitalize;
cursor: pointer;
outline:0;
}

.grid-wrap {
text-align: center;
max-width: 81%;
margin:auto;
}

.grid {
margin:auto;
min-height:70%;
padding-bottom: 80px;
}

.grid:after { /* clear fix */
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  float: left;
  width:300px; /*340px*/ /*260px*/
  overflow: hidden;
  padding-bottom: 30px;
  margin-left:10px;
  margin-right:10px;
}

.grid-credits {	
font-family: "Times New Roman", Times, serif;
color:#000;
font-size: 0.95rem;
padding-top: 1rem;
text-align: center;
font-size: 0.95rem;
}
.titolo{
	font-weight:600;
	font-size: 1.05rem;
	}

.grid-img {
  width:300px;/* 320px */ /* 240px */
  height:300px; /* 320px */ /* 240px */
  padding:20px;
  text-align: center;
}

.grid-img img{
-webkit-box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.41);
-moz-box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.41);
box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.41);
display:inline-block;
max-height:100%;
max-width:100%;
height:auto;
width:auto;
}

#back {
	position:fixed;
	top:20px;
	left:20px;
	width:70px;
	height:70px;
	background-image:url(../img/bottoni.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	z-index:9999;
	}
	
	
#back:hover {
	background-image:url(../img/bottoni2.png);
	}

.footer {
position:fixed;
bottom:0;
background-color:#d5beb4;
text-align: center;
margin:auto;
padding:60px;
color:#fff;	font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 1.5rem;
z-index: 99;
height:150px;
width: 100%;
}

/* info */

.info {
height:100%;
background-color:#ebdfd9;
text-align: center;
}

.info-title {	font-family: "roboto", Arial, Helvetica, sans-serif; color:#2f2722;
padding-top: 100px;
font-size: 4vw;
line-height: 3.5vw;
}

.info-text {
font-family: "Helvetica Neue"Arial, Helvetica, sans-serif; 
font-size: 1.7rem;
line-height: 2.7rem;
width:50%;
margin:auto;
padding-top: 50px;
padding-bottom: 50px;
}

.info-footer {
text-transform: uppercase;
letter-spacing: 0.2rem;
font-family: "FH";
font-size: 0.8rem;
color:#000;
padding-bottom: 100px;
}

.info-firma {
position:fixed;
bottom:0px;
right:0px;
padding:20px;
font-family: "FH";
font-size: 0.8rem;
color:#FFF;
z-index:999999999999;
}

.info-firma a{
color:#FFF;
}

/*.back {
position:fixed;
top:0px;
left:0px;
padding:20px;
padding-top:25px;
font-family: "FH";
font-size: 0.8rem;
color:#FFF;
z-index:999999999999;
height:auto;
}

.back a{
color:#FFF;
}

.back span{
font-family: "LR";
font-size: 0.3rem;
padding-bottom: 6px;
}
*/
.back input{
position:absolute;
color:#fff;
border:none;
background-color:transparent;
font-family: "FH";
font-size: 0.8rem;
cursor: pointer;
outline:0;
height:2rem;
width:4.2rem;
padding-left:2rem;
margin-left:-2rem;
margin-top:-0.7rem;
}

.single {
height:100%;
width:100%;
background-color:#ebdfd9;
overflow: hidden;
}

.single1 {
visibility: hidden;
font-size:0;
}

.single2 {
display:block;
font-size:0;
max-width:905px !important;
margin:auto;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.single-title {
text-align: center;
width:100%;
margin:auto;
z-index:99999999999;
position:fixed;
bottom:35px;
  color: #000;
  font-family: "FH";
  font-size: 0.8rem;
}

.single-title-video {
text-align: center;
width:100%;
margin:auto;
z-index:99999999999;
position:fixed;
bottom:35px;
  color: #000;
  font-family: "FH";
  font-size: 0.8rem;
}



/**************
RESPONSIVE
***************/

@-ms-viewport{
  width: device-width;
}

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

.cover-img {
  width:100%;
  float:none;
  background-color:transparent; /* #2f2722 */
  position:absolute;
}

.cover-credit {
visibility: hidden;
}

.cover-mobile {
position:absolute;
display:inline;
height:100%;
width:100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-color:#2f2722;
}

.cover-img-1 {
display:none;
}

.cover-img-2 {
display:none;
}

.cover-txt {
position:absolute;
float:none;
width:100%;
background-color:transparent;
color:#ffffff;
z-index:9999;
}

.cover-txt-1 {
padding-top:12%;
}

.cover-txt-2 {
width:100%;
top: 48%;
}

.cover-txt-3 {
width:100%;
padding-bottom: 12%
}

h1 {
  font-size: 10vw;
  line-height: 8.5vw;
}

h2 {
  font-size: 5.5vw;
  line-height: 5vw;
  width:50%;
}

.home-intro {
  width:80%;
  font-size: 1.3rem;
  line-height: 2.0rem;
  padding-top: 70px;
  padding-bottom: 50px;
}


.menu-categories {
height:100%;
width:100%;
background-color: #000;
text-align: left;
}

.short-intro {
  font-family: "PL";
  font-size: 1.5rem;
  line-height: 2rem;
  color:#FFFFFF;
  visibility: visible;
  padding:30px;
}

.menu-categories ul {
  width: 100%;
bottom:45px;
position:absolute;
}

.menu-categories ul li{
padding: 6 30px;
display:block;
}

.menu-categories ul li button{
border-bottom: solid #FFFFFF 2px;
width:100%;
text-align: left;
font-size: 5vh;
}

.menu-acr {
display:none;
}

.menu-info {
display:none;
}

.menu-info-mobile {
display:block;
z-index:99999999999999;
}

.menu-btn{
display:block;
}

.header{
display:none;
}

.back {

}

.single {
overflow: visible;
}

.single1 {
text-align: center;
visibility: visible;
font-size:0;
width:80%;
margin:auto;
padding-bottom: 50px;
}

.single1 img{
width:100%;
height:auto;
padding-top: 20px;
}

.single-title {
position:relative;
width:80%;
margin:auto;
height:6rem;
padding-top: 5rem;
z-index:0;
}

.single-title-video {
top:50px;
}

.fancybox-overlay, .fancybox-inner, .fancybox-skin, .fancybox-title, .fancybox-image {
display:none !important;
}

/* info responsive */

.info-title {
padding-top: 70px;
font-size: 7vw;
line-height: 5.5vw;
}

.info-text {
font-size: 1.2rem;
line-height: 1.7rem;
width:80%;
}

.info-text a {
color:#000;
}

.info-footer {
letter-spacing: 0.2rem;
font-size: 0.6rem;
padding-bottom: 10px;
}


.info-firma {
position:relative;
width:100%;
bottom:0px;
text-align: center;
padding:30px;
}


/* Isotope grid changes */

.grid-wrap {
margin:0px auto;
padding-top: 30px;
width: 100%;
max-width: 100%;
}

.grid {
margin:auto;
width:100%;
}

.grid-item {
width:100%;
margin-bottom:40px;
height:auto;
text-align: center;
}

.grid-img {
height:auto;
text-align: center;
margin:auto;
}

.grid-img img {

}

.grid-credits {
font-size:1.2rem;
line-height:1.9rem;
width:90%;
text-align:center;
margin:auto;
}

}

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

.short-intro {
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.grid-img {
width:100%;
  text-align: center;
}

.grid-img img{

}
}

/*********************************
Extra large screens
**********************************/

@media screen and (min-width: 1440px) {

.cover-txt-1 {
padding-top:10%;
}

.cover-txt-2 {
top: 42%;

}

.cover-txt-3 {
padding-bottom: 5%;
}
}