@charset "UTF-8";
/* CSS Document */


/******************/
/* SPECIAL FONTS */
/******************/

@font-face { font-family: 'rousseau_decobold'; src: url('fonts/rousseaudeco-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal;}



/**************/
/* RICORRENTI */
/**************/

* { box-sizing:border-box; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
a { text-decoration:none; color:#d4ac5c; }
	a:hover { text-decoration:underline; }
ol li { list-style-type:decimal; }
.cursor { cursor:pointer; }

/*posizionamenti*/		
.clear { clear:both; }
.aligncenter { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }

/*colori*/
.purple {background-color:#6e455e; color:#fff; }
.white {background-color:#fff; }



/**************/
/*   LAYOUT   */
/**************/

.mobile { display:none; }
.desktop { display:block; }

body, html { background: #000; margin:0; padding:0; font-family:Roboto, sans-serif; }

.cols { display:flex; flex-flow:row nowrap; align-items:stretch; justify-content:center; }
	.two>* { width:50%; }

header { color:#fff; display:flex; flex-flow:row nowrap; justify-content:flex-end; }
  header .items { position:fixed; top:5%; right:5%; z-index: 1000; }
    header nav { display:inline-block; margin-top:0px; transition:all 300ms ease-in-out; vertical-align:middle; float:right; }
      header nav #menuIcon img { height:40px; cursor:pointer; }
        header nav ul { position:absolute; top: 45px; right:3%; display:none; z-index:100; border-right:10px solid #6e455e; margin:0; padding:0; box-shadow: -1px 1px 4px 0px rgba(153,153,153,1);}
			    header nav ul li { display:block; width:200px; background:#fff; border-bottom:1px dotted #ccc;  }
				    header nav ul li a { display:block; color:#666; text-align:left;  padding:15px; font-size:14px; text-transform:uppercase; margin:0; }
              header nav ul li a:hover { text-decoration:none; font-weight:bold; }
				      header nav ul li a:last-of-type { border-bottom:0; }

/*generici body*/
.tall>* { min-height:600px; display:flex; flex-flow:column wrap; align-items:center; justify-content:center; }
.button { display:inline-block; width:280px; background:#fff; padding: 15px 30px; border-radius:50px;  color:#6e455e; text-decoration:none; text-transform:uppercase; font-weight:bold; margin:5px auto; font-family: 'rousseau_decobold'; font-size:22px; text-align: center; }
  .button:hover { opacity:0.6; text-decoration:none; }

.text { padding:5%; justify-content:flex-start!important; } 
  .text h2 { font-family: 'rousseau_decobold'; text-transform:uppercase; font-size:36px; line-height:1em; margin-top:0; padding-top:0; width:100%; }
  .text h2 .evid { color:#6e455e; } 
  .text p { font-size:20px; }
    .text .box { margin-top:40px; width:100%; }
      .text .box h2, .text .box h3 { color:#6e455e; margin:0; }
      .text .box h3 { margin-top:10px; }

/*home sections*/
.intro .opening {  }
  .intro .img { background:url(../img/assetati1.jpg) no-repeat center top; background-size:cover; }
  .intro .opening h1 { text-align:center; margin:0 0 20px 0; padding:0; }
    .intro .opening h1 img { width:180px; }
  .intro .socials { margin-top:20px; }
    .intro .socials a { color:#fff; margin:0 5px; }
      .intro .socials a img { width:50px; }
        .intro .socials a:hover img { opacity:0.6; } 

.description .img { background:url(../img/assetati2.jpg) no-repeat center top; background-size:cover; }

.instagallery {padding:40px 0; background:#6e455e; }
  .eapps-instagram-feed-title { font-family: 'rousseau_decobold'; text-transform:uppercase; font-size:36px!important; margin-bottom:30px; color:#fff; }

.newsletter { padding:5%; background:#fff; }
  .newsletter form { display:flex; flex-flow:row nowrap; justify-content:space-between; margin-top: 40px; }
    .newsletter form>div { width:23%; }
      input:focus, select:focus, textarea:focus, button:focus { outline:none; }
      input[type=text], form input[type=email], form input[type=password], form textarea { background:#F0f0f0; border:1px solid #DDD; color:#888; padding:8%; width:100%; border-radius:50px; font-size:12px; margin-bottom:20px; }
      input[type=submit], input[type=button] { display: block;  background-color:#6e455e; padding: 10px 25px; color: #fff; font-size: 18px; font-weight: bold; border: 0; text-align: center; cursor: pointer; width:100%; padding:8%; border-radius:50px; }
      input[type=submit]:hover, input[type=button]:hover { background-color:#666; text-decoration:none; }
      select { border:1px solid #ccc; color:#888; padding:3%; }    

footer { background-color:#333; color:#fff; text-align:center; padding:5%; }
  footer h2 { font-family:Roboto, sans-serif; font-size:14px; font-weight:normal; line-height:1.6em; margin-bottom:40px; }
  footer p { font-size:12px; }



/******************************/
/*    STILI PER SMARTPHONE    */
/******************************/

@media only screen and (max-width: 500px) {
.mobile { display:block; }
 .desktop { display:none;}
.cols, .newsletter form { flex-flow:column wrap; }
  .cols>*, .newsletter form>div { width:100%; }
.description .img { order:2 }
.description .text { order:1; }
}