body {
	animation-name:heffect;
	animation-duration:3s;
	animation-direction: alternate;
	position:relative;
	
}



/****/
.bcook{display:none !important;}

/*MENU*/

ul.topnav {   list-style-type: none;   margin: 0;    padding: 0;    overflow: hidden;        position:absolute;  top:70px; right:15px; z-index:999999999999999999999999999999999999999;}

ul.topnav li {float: left;  }
.lingua_first{ background:rgba(0,0,0,.8);color:#000; cursor:pointer; font-family:"Playfair display", sans-serif; }
ul.topnav li a {  display: block;  color: #f2f2f2;  text-align: center;  padding: 15px; margin-bottom:5px; text-decoration: none; border-bottom:2px solid #fff;  transition: 0.3s;  font-size: 15px;  color:#fff; 
background-color:rgba(0,0,0,.3); min-width:60px; font-family:"Playfair display", sans-serif;}

ul.topnav li a:hover {background-color: #555; color:#fff;}

ul.topnav li.icon {display: none;}


ul.topnav li:not(:first-child) {display: none;}
ul.topnav li.icon {          }



ul.topnav.responsive {position:absolute;}
ul.topnav.responsive li.icon {    position: absolute;    right: 0;    top: 0;  }
ul.topnav.responsive li {    float: none;    display: block;  }
ul.topnav.responsive li a {    display: block;   }

/**/



/* pagina finiture */

.griglia{margin:0px auto; width:100%; max-width:1280px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.griglia2{margin:0px auto; width:100%; max-width:500px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.griglia_col{display:block; float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:1%;}
.griglia_col2{display:block; float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:1%;}
.label_griglia{font-family:"Open sans", serif; text-align:center; text-transform:uppercase; font-size:18px; letter-spacing:2px;}
.spazio_griglia{display:block; float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:2%;}

/*  */



/* Chrome, Safari, Opera */
@-webkit-keyframes heffect {
0%   {   opacity:0;}
100%  {  opacity:1;}


}

/* Standard syntax */
@keyframes heffect {
0%   {   opacity:0;}
100%  {  opacity:1;}


}

#wrap_intro1{ position:fixed !important; height:100vh; top:0px; margin-top:0px; display:block;  float:left; background:#fff; min-width:100%; z-index:-21;overflow:hidden;   }
#intro1{ position:fixed !important; height:100vh; top:0px; margin-top:0px; display:block;  float:left; background:#fff; width:100%; z-index:0;  -webkit-backface-visibility: hidden; 
-webkit-transform: translateZ(0);}
#intro2{ margin-top:100vh; height:100vh; top:0px;   display:block;  float:left; background:#fff;  width:100%;  -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   box-sizing: border-box; box-shadow:1px 1px 8px black; }
#intro3{ height:auto; margin-top:2px;  display:block;  float:left;   width:100%; background:#000;   -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   box-sizing: border-box;}
#intro4{ height:100vh; margin-top:2px;  display:block;  float:left;   width:100%; background:#000;   -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   box-sizing: border-box;}


h1{position:absolute; top:45%; width:100%;  text-align:center; font-size:45px; font-family: 'Playfair Display', serif;  letter-spacing:5px; color:#fff; text-shadow:1px 1px 5px #000;}
.style_t{position:absolute; bottom:15px; left:15px;}
h3{font-size:16px; letter-spacing:5px; width:100%; text-align:center;font-weight:100; }
h2{width:100%; margin-top:80%; text-align:center;   font-size:40px; font-family: 'Playfair Display', serif;  text-transform: uppercase; letter-spacing:3px ; text-shadow:1px 1px 3px white;}
h2 a:link{padding:15px; color:#000; font-family: 'Open sans', serif; border:1px solid black; text-align:center; margin:0px;}
.sub_collection{font-size:12px; letter-spacing:5px;text-align:center;}
.sub_collection2{font-size:19px;margin-top:5px; letter-spacing:0px;text-align:center; color:#fff; font-weight:bold;}
h4{font-size:20px; letter-spacing:2px; margin-bottom:40px; margin-top:40px; width:100%; text-align:center;font-family: 'Open sans', serif;}
h5{font-size:35px; margin-top:60%; width:100%; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase;  }
.white{color:#fff;}
.normale{font-family: 'Open sans', serif;font-size:14px; font-weight:100; line-height:200%; letter-spacing:0px; text-align:justify;}

.logo1{max-width:100px;}
.logo2{max-width:100px;}

#cd-logo,.fissato{position:fixed;z-index:999;}


/*#intro1{
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 36s linear ;
-moz-animation: imageAnimation 36s linear;
-o-animation: imageAnimation 36s linear;
-ms-animation: imageAnimation 36s linear;
animation: imageAnimation 36s linear;

opacity: 0;


-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;	
}
*/


@-webkit-keyframes imageAnimation { 
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-transform: scale(1.0);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-webkit-transform: scale(1);
}
25% {
opacity: 0;
-webkit-transform: scale(1);
}
100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
0% {
opacity: 0;
-moz-transform: scale(1.05);
-moz-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-moz-transform: scale(1.0);
-moz-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-moz-transform: scale(1);
}
25% {
opacity: 1;
-moz-transform: scale(1);
}
100% { opacity: 1 }
}
@-o-keyframes imageAnimation { 
0% {
opacity: 0;
-o-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-o-transform: scale(1.0);
-o-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-o-transform: scale(1);
}
25% {
opacity: 1;
-o-transform: scale(1);
}
100% { opacity: 1 }
}
@-ms-keyframes imageAnimation { 
0% {
opacity: 0;
-ms-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-ms-transform: scale(1.0);
-ms-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-ms-transform: scale(1);
}
25% {
opacity: 1;
-ms-transform: scale(1);
}
100% { opacity: 1 }
}
@keyframes imageAnimation { 
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
transform: scale(1.0);
animation-timing-function: ease-out;
}
17% {
opacity: 1;
transform: scale(1);
}
25% {
opacity: 1;
transform: scale(1);
}
100% { opacity: 1 }
}



@media only screen and (min-width: 400px){
.griglia_col{display:block; float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:1%;}
}


@media only screen and (min-width: 768px){
.griglia_col{display:block; float:left; width:33.33%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:1%;}
.normale{padding:25px;}
h5{font-size:30px; margin-top:35%; width:100%; text-align:center;   }
.logo1{max-width:150px;}
.logo2{max-width:130px;}
}


@media only screen and (min-width: 1024px){
h2{width:100%; margin-top:25%; text-align:center;  font-size:30px; font-family: 'Playfair Display', serif;  text-transform: uppercase; letter-spacing:15px ; text-shadow:1px 1px 3px white;}
h2 a:link{padding:15px; color:#000; font-family: 'Open sans', serif; border:1px solid black; text-align:center; margin:0px;}
#intro3{padding:40px;}
.logo1{max-width:190px;}
.logo2{max-width:150px;}

}

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

h4{font-size:40px; letter-spacing:15px; margin-bottom:40px; margin-top:40px; width:auto; text-align:left;}
h1{position:absolute; top:45%; width:100%;  text-align:center; font-size:75px; font-family: 'Playfair Display', serif;  letter-spacing:15px; color:#fff; }
.style_t{position:absolute; bottom:15px; left:15px;}
h3{font-size:16px; letter-spacing:5px; width:100%; text-align:center;font-weight:100; }
h2{width:100%; margin-top:25%; text-align:center;  font-size:50px; font-family: 'Playfair Display', serif;  text-transform: uppercase; letter-spacing:15px ; text-shadow:1px 1px 3px white;}
h2 a:link{padding:15px; color:#000; font-family: 'Open sans', serif; border:1px solid black; text-align:center; margin:0px;}
.sub_collection{font-size:15px; letter-spacing:25px;text-align:center;}
.sub_collection2{font-size:25px;margin-top:25px; letter-spacing:15px;text-align:center; color:#fff; font-weight:bold;}

h5{font-size:25px; margin-top:30%; width:100%; text-align:center; text-transform:uppercase; letter-spacing:6px; }
.logo1{max-width:220px;}
.logo2{max-width:200px;}
}



.nav_form1{position:relative; top:10px;margin-left:25px;}
.nav_form2{ }
.nav_form3{background:#000; border:0px; padding:5px; color:#fff;}	

	@media (orientation: landscape) {
			
			.div_footer{display:block; width:100%; display:block; background:#EEE; height:auto; float:left; font-family:"Open sans"; font-size:12px; line-height:120%; margin-top:200px;}
			.txt_footer{display:block; margin:0px auto; width:100%; max-width:980px; color:#666;}
			.txt_footer_col{display:block; float:left; width:33.3333%; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  color:#666;}
			.txt_footer_col b{letter-spacing:1px;  color:#666; text-transform:uppercase;}
			.footer_link:link{display:block; text-decoration:none; margin:15px 0px; color:#666; font-size:13px;}
			
			}
			
			@media (orientation: portrait) {
			
			.div_footer{display:block; width:100%; display:block; background:#EEE; height:auto; float:left; font-family:"Open sans"; font-size:12px; line-height:120%; margin-top:200px; text-align:center;}
			.txt_footer{display:block; margin:0px auto; width:100%; max-width:980px; color:#666;  text-align:center;}
			.txt_footer_col{display:block; float:left; width:100%; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  color:#666;  text-align:center;}
			.txt_footer_col b{letter-spacing:1px;  color:#666; text-transform:uppercase;  text-align:center;}
			.footer_link:link{display:block; text-decoration:none; margin:15px 0px; color:#666; font-size:13px;  text-align:center;}
			}
			
			b{font-weight:bold !important;}