/* IDOUBT */








@font-face {
	font-family: 'DIN Condensed';
	src: url('font/DINCondensed-Bold.eot');
	src: url('font/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/DINCondensed-Bold.woff2') format('woff2'),
		url('font/DINCondensed-Bold.woff') format('woff'),
		url('font/DINCondensed-Bold.ttf') format('truetype'),
		url('font/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}


body{margin:0px;}

#container2{margin-top: -650px; position: relative;
	
	 -webkit-animation-delay: 8s;
 -moz-animation-delay: 8s;
 -o-animation-delay: 8s;
 -ms-animation-delay: 8s;
 animation-delay: 8s;
 opacity: 0;
}

#container3{margin-top: -650px;position: relative;
	
	 -webkit-animation-delay: 16s;
 -moz-animation-delay: 16s;
 -o-animation-delay: 16s;
 -ms-animation-delay: 16s;
 animation-delay: 16s;
 opacity: 0;
}

#container4{margin-top: -650px;position: relative;
	
	 -webkit-animation-delay: 24s;
 -moz-animation-delay: 24s;
 -o-animation-delay: 24s;
 -ms-animation-delay: 24s;
 animation-delay: 24s;
 opacity: 0;
}


.sell{    
    width: 80px;
margin-top: 0px;
font-family: 'DIN Condensed';
text-transform: uppercase;
background-color: #9f191b;
height: 80px;
border-radius: 40px; 
text-align: center;
z-index: 999999;
position: relative;}

 
 

 
 .sell a{color: #fff;font-family: 'DIN Condensed'; text-decoration: none;  font-size: 20px; margin-top: 20px; display: block}

#link-home{width: 40px; margin: auto;}

#link-home img{width: 100%}

#sub-menu{ padding-left: 0px !important; display: none; position: absolute;}
#sub-menu li{float: none !important;}

#main-nav ul li:hover ul{display: block;}

.colonna{width: 50%;float: left;}

.prodotto{width: 20%;
margin-bottom: 30px;

float: left; }

.imm-prodotto{width: 180px;
display: inline-block;
border-radius: 90px;
overflow: hidden;

height: 180px; }

.imm-prodotto img{width: 100%;   }

.descrizione-prodotto{padding-top: 30px;font-family: sans-serif;
font-size: 13px;
line-height: 20px;
color: #666;
min-width: 310px ;
 }

.descrizione-prodotto h2{font-family: 'DIN Condensed'; font-size: 32px; line-height: 24px;margin-left: -20px; }

.descrizione-prodotto h2 span{color: #b0aeae !important; font-size: 28px;}

#col-sx span.descrizione-prodotto{float: right;
width: 60%;padding-right: 20px; text-align: right}

#col-dx span.descrizione-prodotto{float: right;
width: 60%;padding-right: 20px; text-align: left}

#col-dx div.sell{float: left;margin-left: -50px;}

#col-sx div.sell{float:right; margin-right: -70px;}

#col-sx .imm-prodotto{float:right;}

#col-sx .descrizione-prodotto h2{margin-right: -40px;}

#sub-menu li a{text-transform: lowercase  !important;
font-size: 22px !important}


#prodotti-wrapper{margin-bottom: 20px;float: left; padding-top:50px;}

.link{font-family: 'DIN Condensed';
color: #b0aeae;
text-transform: uppercase;
font-size: 40px;
text-align: center;
margin-bottom: 0px;
text-align: center;
width: 100%;
display: block;
padding-top: 0px;
z-index: 999999;
text-decoration: none;}

#wrapper{  margin: auto;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
    



#logo{margin: auto;width: 100px;}

#logo img{width: 100%;}


#scritta{position: absolute; margin: auto; width: 1024px;top: 170px; z-index: -2; text-align: center}

#scritta img{width: 60%;
opacity: 0.6;}

.immagine{width: 1024px;}

.immagine img{width: 100%;}

#attiva-1{position: absolute; top:340px; left:550px; width: 30px; height: 30px; z-index: 99999999;}

#attiva-2{position: absolute; top:530px; left:800px; z-index: 99999999;}

#attiva-3{position: absolute; top:390px; left:530px; z-index: 99999999;}

#attiva-4{position: absolute; top:530px; left:420px; z-index: 99999999;}

#attiva-5{position: absolute; top:530px; left:160px;z-index: 99999999; }

#attiva-6{position: absolute; top:580px; left:980px;z-index: 99999999; }
#attiva-7{position: absolute; top:250px; left:540px;z-index: 99999999; }
#attiva-8{position: absolute; top:370px; left:410px; z-index: 99999999;}
#attiva-9{position: absolute; top:490px; left:440px; z-index: 99999999;}
#attiva-10{position: absolute; top:140px; left:300px; width: 30px; height: 500px; cursor: pointer;-webkit-transform:  rotate(-20deg);-moz-transform:  rotate(-20deg); z-index: 99999999;}
#attiva-11{position: absolute; top:120px; left:750px; width: 30px; height: 520px;  cursor: pointer;z-index: 99999999;}

.area-attiva{cursor:pointer; display: inline-block;width: 30px; height: 30px; }

div#attiva-1:hover div#cuori{display: block;}

.cerchio{width: 80px; height: 80px; cursor: pointer; }

#attiva-cerchio-1{position: absolute; top:530px; left:800px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer}

#attiva-cerchio-2{position: absolute; top:390px; left:530px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer}

#attiva-cerchio-3{position: absolute; top:530px; left:420px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer}

#attiva-cerchio-4{position: absolute; top:530px; left:160px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer}




.cerchio img{width: 100%;
 -webkit-animation-name:pulse-b;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% 50%;

   -moz-animation-name: pulse-b;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function:ease-in-out;
-moz-transform-origin: 50% 50%;

   -o-animation-name: pulse-b;
-o-animation-duration: 1.5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function:ease-in-out;
-o-transform-origin: 50% 50%;

   -ms-animation-name: pulse-b;
-ms-animation-duration: 1.5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function:ease-in-out;
-ms-transform-origin: 50% 50%;
}

#cuori{position: absolute; width: 1024px; height: 600px; background-image:url('immagini/cuore-b.png'); background-size:100%; background-repeat:no-repeat;display: none ; z-index: -1; left:-550px; top:-340px; }


#tribu{position: absolute; width: 200px; height: 200px;  top: -220px;left: 20px;z-index: 99;display: none;}

#tribu img{width: 100%}




#sensualita{position: absolute; width: 200px; height: 200px;  top: -150px;left: 100px;z-index: 99;display: none;}

#sensualita img{width: 100%}



#why-not{position: absolute; width: 200px; height: 200px;  top: -200px;left:-200px;z-index: 99;display: none;}

#why-not img{width: 100%}



#dettaglio{position: absolute; width: 300px; height: 300px;  top: -300px;left:-250px;z-index: 99;display: none;}

#dettaglio img{width: 100%}




#cuoricompo{position: absolute; width: 200px;   top: 100px;left: -150px;z-index:-5;display: none;}

#cuoricompo-2{position: absolute; width: 200px;   top: 100px;left: -150px;z-index:-5;display: none;-webkit-transform:  rotate(20deg);-moz-transform:  rotate(20deg);}


div#attiva-10:hover div#cuoricompo{display: block;}

div#attiva-11:hover div#cuoricompo-2{display: block;}

#inverti{width: 1024px; background-image: url('immagini/modella-effect.png'); background-size: 100%; background-repeat: no-repeat; display: none; position: absolute;top:-580px; left:-980px;height: 644px;}

div#attiva-6:hover div#inverti{display: block;}

.fumetto{width: 250px; height: 250px; position: absolute; border-radius:125px;  font-family: serif; font-size: 65px; font-weight: 100; text-align: center; font-style: italic; }

.fumetto p{padding: 0px 20px 0px 20px;}

#think div{position:relative;width: 40px; height: 40px; border-radius: 20px;background-color: #f369ae; margin-top: 20px;}

#punti-interrogativi{position: absolute; width: 1024px; height: 600px; background-image:url('immagini/punti-interrogativi.png'); background-size:100%; background-repeat:no-repeat;display: none ; z-index: -1; left:-500px; top:-240px; }




div#attiva-7:hover div#punti-interrogativi{display: block;}

#think-2 div{position:relative;width: 40px; height: 40px; border-radius: 20px;background-color: #6aeabe; margin-top: 20px;}


#think-2{top:-430px;left:-150px;display: none;color: #2e3bee;}



div#attiva-8:hover div#think-2{display: block;}

#rose{position: absolute; width: 1024px; height: 600px; background-image:url('immagini/rose.jpg'); background-size:100%; background-repeat:no-repeat;display: none ; z-index: -1; left:-440px; top:-490px; }

div#attiva-9:hover div#rose{display: block;}


.close{width: 20px; height: 20px; display: block; background-image: url('immagini/close.png');background-repeat: no-repeat; background-size: 100%; position:absolute;}


/*   INTERNE    */


#dettaglio-taste{position: absolute; width: 300px; height: 300px;  top: 20px;left: 200px;z-index: 99;display: none;}

#dettaglio-taste img{width: 100%}

#attiva-cerchio-5{position: absolute; top:332px; left:470px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer; }

#attiva-20{position: absolute; top:330px; left:470px;z-index: 99999999; }






#dettaglio-view-a{position: absolute; width: 300px; height: 300px;  top: -338px;left: -7px;z-index: 99;display: none;}

#dettaglio-view-a img{width: 100%}

#attiva-cerchio-6{position: absolute; top:525px; left:620px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer; }

#attiva-21{position: absolute; top:520px; left:620px; z-index: 99999999;}






#dettaglio-view-b{position: absolute; width: 300px; height: 300px;  top: -236px;left: -341px;z-index: 99;display: none;}

#dettaglio-view-b img{width: 100%}

#attiva-cerchio-7{position: absolute; top:394px; left:408px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer;  }

#attiva-22{position: absolute; top:390px; left:410px; z-index: 99999999;}




#dettaglio-tact{position: absolute; width: 300px; height: 300px;  top: -236px;left: -300px;z-index: 99;display: none;}

#dettaglio-tact img{width: 100%}

#attiva-cerchio-8{position: absolute; top:394px; left:358px; z-index: 99999999;width: 80px; height: 80px; cursor: pointer;  }

#attiva-23{position: absolute; top:390px; left:360px;z-index: 99999999; }

#attiva-24{position: absolute; top:400px; left:630px; z-index: 99999999;  }

#attiva-cerchio-9{position: absolute; top:-400px; left:-630px;   background-color: aqua; width: 80px; height: 80px;z-index: 99999999;}

#dettaglio-tact-b{position: absolute; width: 300px; height: 300px;  top: -256px;left: -600px ;z-index: 99;display: none;}

#dettaglio-tact-b  img{width: 100%}







 @-webkit-keyframes fadeIn{		    
from { opacity: 0; }	 	
5% {opacity: 1;z-index: 9999999;}
22% {opacity: 1;z-index: 9999999;}
25% { opacity: 0; }
to{ opacity: 0; }	 

}

@-moz-keyframes fadeIn{		    
from { opacity: 0; }	 	
5% {opacity: 1;z-index: 9999999;}
22% {opacity: 1;z-index: 9999999;}
25% { opacity: 0; }
to{ opacity: 0; }	
}

@-o-keyframes fadeIn{		    
from { opacity: 0; }	 	
5% {opacity: 1;z-index: 9999999;}
22% {opacity: 1;z-index: 9999999;}
25% { opacity: 0; }
to{ opacity: 0; }
}

@-ms-keyframes fadeIn {		   
from { opacity: 0; }	 	
5% {opacity: 1;z-index: 9999999;}
22% {opacity: 1;z-index: 9999999;}
25% { opacity: 0; }
to{ opacity: 0; }
}



@-keyframes fadeIn{		    
from { opacity: 0; }	 	
5% {opacity: 1;z-index: 9999999;}
22% {opacity: 1;z-index: 9999999;}
25% { opacity: 0; }
to{ opacity: 0; }

}


 .container{-webkit-animation: fadeIn 32s; 
 -webkit-animation-iteration-count: infinite;
 -moz-animation: fadeIn 32s; 
 -moz-animation-iteration-count: infinite;
 -o-animation: fadeIn 32s;
 -o-animation-iteration-count: infinite;
 -ms-animation: fadeIn 32s; 
 -ms-animation-iteration-count: infinite;
 animation: fadeIn 32s;
 animation-iteration-count: infinite;
 
 opacity: 0;position: relative;}








@-webkit-keyframes pulse-b {
   from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

    15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  
      25% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  
 
  
   50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  
  
  70% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes pulse-b {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

    15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  
      25% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  
 
  
   50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  
  70% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes pulse-b{
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

    15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  
      25% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  
 
  
   50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  
  70% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-ms-keyframes pulse-b {
 from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

    15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  
      25% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  
 
  
   50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  
  70% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}




@keyframes pulse-b {
 from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

    15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  
      25% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  
 
  
   50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  
  70% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}





.flex-viewport{width: 100% !important; }