body
{
   height: 100%;
margin: 0; padding: 0;
}

@font-face {
	 font-family: "HearthStone";
	      src: url("../fonts/HearthStone.ttf");
	 }
@font-face {
	 font-family: "maiandra";
	      src: url("../fonts/raleway;ArialGDRegular.ttf");
	 }

@font-face {
	 font-family: "playfair";
	      src: url("../fonts/PlayfairDisplay-Regular.otf");
	 }

@font-face {
	 font-family: "raleway";
	      src: url("../fonts/Raleway-Regular.ttf");
	 }



.disable-text{ 
-webkit-user-select:none; 
-webkit-touch-callout:none; 
     -moz-user-select:none; 
     -ms-user-select:none; 
     user-select:none;    

} 
.demo {
right: 0;
position: absolute;
margin: auto;
width: 100%;
height: 95%;
overflow: hidden;
border: 0px solid #fefefe;
box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, .1);
}

.out-nav {
text-align: center;
}

.out-nav>i {
display: inline-block;
margin: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #aaa;
}

.out-nav>i.focus {
background: #ff0;
}

.out-btn {
text-align: center;
}

.out-btn>button {
margin: 2px;
width: 100px;
height: 35px;
outline: 0;
border: 0;
background: #479FA4;
color: #fefefe;
font-size: 14px;
border-radius: 4px;
border-top: 2px solid #76C3C1;
border-bottom: 2px solid #404E4F;

}

.out-arrow>button:hover {
background: #378F94;
}


ul#mrwddm { margin: 0px 0px 0px 0px; padding: 0px; }
#mrwddm li { float: left; display: inline; list-style: none;font-family:raleway;Arial;}
#mrwddm li a { display: block; padding: 3px 20px; margin: 0px; text-decoration: none; white-space: nowrap;color:#000;font-weight: bold;font-family:raleway;Arial;font-size:20px}
#mrwddm li a:hover { color: #B20A2F;font-weight: bold;}
#mrwddm li ul { min-width: 180px; margin: 3px 0px 0px 0px; padding: 0px; position: absolute; z-index: 999; visibility:hidden; display: none; }
#mrwddm li ul li { float: none; display: inline;font-family:raleway;Arial;}
#mrwddm li ul li a { padding: 12px 12px; background: #2B2D36; opacity:0.7;color:#fff;font-weight: bold;font-family:raleway;Arial;font-size:16px}
#mrwddm li ul li a:hover {color: #B20A2F; background: #2B2D36; opacity:0.7;font-weight: bold;}



 
 
 h1 {
	position: relative;
	display: block;
	margin: 0;
	font-size: 6rem;
	line-height: 1;
	transform: translateY(10rem);
	animation: up 700ms linear forwards;
	z-index: 1;
	animation-delay: 1s; 
	
}
h2 {
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateX(-50rem);
	animation: right 700ms linear forwards;
	z-index: 1;
	animation-delay: 2s; 
	
}
h3 {
	
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateX(50rem);
	animation: left 700ms linear forwards;
	z-index: 1;
	animation-delay: 3s; 	
}
h4 {
	
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateY(-50rem);
	animation: down 900ms linear forwards;
	z-index: 1;
	animation-delay: 1s; 
	
	
	
}
h5 {
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateX(-50rem);
	animation: right 700ms linear forwards;
	z-index: 1;
	animation-delay: 1s; 
	
}
h6 {
	
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateX(50rem);
	animation: left 700ms linear forwards;
	z-index: 1;
	animation-delay: 1s; 	
}
h7 {
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateY(-50rem);
	animation: down 900ms linear forwards;
	z-index: 1;
	
}


h8 {
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateX(-50rem);
	animation: right 700ms linear forwards;
	z-index: 1;
	animation-delay: 2s; 
	
}

.title-container {
	position: relative;
	overflow: hidden;
	text-align:center;
	width:600px;
}
.title-containerFirma {
	position: relative;
	overflow: hidden;
	text-align:center;
	height:600px;
}

.title-containerOrari {
	position: relative;
	overflow: hidden;
	text-align:center;
	height:300px;
}


.title-containerTelefono {
	position: relative;
	overflow: hidden;
	text-align:center;
	width:300px;
}

.title-containerSocial {
	position: relative;
	overflow: hidden;
	text-align:center;
	width:300px;
}


@keyframes up {
	
	100% {
		transform: translateY(0);
	}
	
}

@keyframes left {
	
	100% {
		transform: translateX(0);
		
	}
	
}

@keyframes right {
	
	100% {
		transform: translateX(0);
	}
	
}

@keyframes down {
	
	100% {
		transform: translateY(0);
	}
	
}

.iscriviti {
	position: relative;
	display: block;
	margin: 0;
	line-height: 1;
	transform: translateX(1rem);
	z-index: 1;
	
}
.iscriviti:hover{
	animation: left 500ms linear forwards;
}

.img1 {
  filter: brightness(0.7);
// Browser Specific
-webkit-filter: brightness(0.7);
-moz-filter: brightness(0.7);
-o-filter: brightness(0.7);
-ms-filter: brightness(0.7);
}

.img1:hover {
  -webkit-filter: brightness(1);
-moz-filter: brightness(1);
-o-filter: brightness(1);
-ms-filter: brightness(1);
}


.container {
  position: relative;
  width: 100%;
}



.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  top: 80%;
  right: 0;
  background-color: #000;
  overflow: hidden;
  width: 0;
  height:40px;
  transition: .5s ease;
}


.overlay4 {
  position: absolute;
  bottom: 0;
  left: 100%;
  top: 70%;
  right: 0;
  background-color: #000;
  overflow: hidden;
  width: 0;
  height:80px;
  transition: .5s ease;
}

.container:hover .overlay {
  width: 100%;
  left: 60%;
}

.container:hover .overlay4 {
  width: 100%;
  left: 60%;
}

.text {
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 20%;
  font-family:raleway;Arial;
  font-weight: bold;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}



.container2 {
  position: relative;
  width: 100%;
}


.overlay3 {
  position: absolute;
  bottom: 0;
  left: 100%;
  top: 65%;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 0;
  height:66px;
  transition: .3s ease;
}

.overlay2 {
  position: absolute;
  bottom: 0;
  left: 100%;
  top: 80%;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 0;
  height:36px;
  transition: .3s ease;
}

.imgcarrello {
 display:none;
}

.container2:hover .overlay2 {
  width: 100%;
  left: 50%;
}

.container2:hover .overlay3 {
  width: 100%;
  left: 30%;
}

.container2:hover .imgcarrello {
 display:block;
 
}

.text2 {
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 20%;
  font-family:raleway;Arial;
  font-weight: bold;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.more-products { border:solid 0px #dedede; position:relative;}
.more-products ul{ list-style-type: none;position:relative; overflow:hidden;}
.more-products ul li{ float:left;width:270px; height:330px; border-right:dashed 1px #ccc; padding:0 10px;}
.more-products ul li.last{ border-right:0; }

.more-products-holder { width:90%; position:relative; overflow:hidden; top:10px; left:5%;}
.more-products-holder .jcarousel-clip{ width:95%; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:50%;width:30px; height:32px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../img/next.gif); left:98%;}
.more-nav a.prev{ background:url(../img/prev.gif); left:0px;}


.img3 {
  opacity: 0.5;
  border: solid 1px #E1E1E8;
  transition: border-width 0.6s linear;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.img3:hover {
      opacity: 0.5;
      border: solid 1px #E1E1E8;
      }

.img2 {
 opacity: 1;
 border: solid 1px #FFF;
   transition: border-width 0.6s linear;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.img2:hover {
      opacity: 0.5;
      border: solid 1px #E1E1E8;
      }

.div_social_b {
  background-image: url(../img/fb2out.png);
  repeat:no repeat;
  height:60px;
  width:60px;
  border: 1px Dashed  #9797A9;
  border-radius: 50%;
  text-align:center;
  text-valign:middle;
  color:#9797A9
  -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* Safari */
  transition: width 1s, height 1s, transform 1s;
}

.div_social_b:hover {
  border: 2px Dashed #fff;
}

.div_social_b2 {
  background-image: url(../img/wa2out.png);
  repeat:no repeat;
  height:60px;
  width:60px;
  border: 1px Dashed  #9797A9;
  border-radius: 50%;
  text-align:center;
  text-valign:middle;
  color:#9797A9
  -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* Safari */
  transition: width 1s, height 1s, transform 1s;
}

.div_social_b2:hover {
  border: 2px Dashed #fff;
}

.div_social_b3 {
  background-image: url(../img/go2out.png);
  repeat:no repeat;
  height:60px;
  width:60px;
  border: 1px Dashed  #9797A9;
  border-radius: 50%;
  text-align:center;
  text-valign:middle;
  color:#9797A9
  -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* Safari */
  transition: width 1s, height 1s, transform 1s;
}

.div_social_b3:hover {
  border: 2px Dashed #fff;
}

.div_contact_b {
  background-image: url(../img/cornetta.png);
  repeat:no repeat;
  height:35px;
  width:35px;
  border: 1px Dashed  #3F3F46;
  border-radius: 50%;
  text-align:center;
  text-valign:middle;
  color:#3F3F46;
  
}



#myBtn {
  text-align:center;
  text-valign:mddle;
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  cursor: pointer; /* Add a mouse pointer on hover */
  

}


@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);

.fa {
	width: 60px;
	display: block;
	text-align: center;
	text-valign: middle;
	color:#990000;
	font:normal 45px 'FontAwesome';
	line-height:55px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.fa-angle-double-down:before {content: "\f106";}

.bounce {
	position: absolute;
	bottom: 30px;
	width: 60px;
	height: 60px ;
	
	margin-left:-30px;
	
	border: 2px solid #990000;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.sfondoPagina{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:absolute;z-index:1;
	width:100%;height:100%;
	top:0px;left:0px;border-bottom:0px solid #9797A9;
	background-color: #fff;opacity:0.7;background-image: url('../img/foto-home-scorrimento-3.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
}


.sfondoPaginaShop{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:absolute;z-index:1;
	width:100%;height:100%;
	top:0px;left:0px;border-bottom:0px solid #9797A9;
	background-color: #fff;opacity:0.7;background-image: url('../img/foto-home-scorrimento-2.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
}

.sfondoPaginaDoveSiamo{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:absolute;z-index:1;
	width:100%;height:100%;
	top:0px;left:0px;border-bottom:0px solid #9797A9;
	background-color: #fff;opacity:0.7;background-image: url('../img/5.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
}

.minilink{
	
	font-family:raleway;Arial;
	font-size:18px;
	text-decoration:none;
	color:#9797A9;	
}
.minilink:hover {
  color:#B20A2F;	
}

.removeCart2{
	font-family:raleway;Arial;
	font-size:18px;
	
	text-decoration:none;
	color:#000;	
	background-color: #FAFAFA;
	height:20px;
	width:20px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #FAFAFA;
	border-radius: 50%;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.removeCart2:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}

.removeCart1{
	font-family:raleway;Arial;
	font-size:18px;
	
	text-decoration:none;
	color:#000;	
	background-color: #F7F7F7;
	height:20px;
	width:20px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #F7F7F7;
	border-radius: 50%;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.removeCart1:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}


.creaAccount{
	font-family:raleway;Arial;
	font-size:16px;
	text-decoration:none;
	color:#fff;	
	border: 0.5px solid #000;
	background-color: #000;
	height:40px;
	width:160px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #000;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.creaAccount:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}

.allega{
	font-family:raleway;Arial;
	font-size:14px;
	text-decoration:none;
	color:#fff;	
	border: 0.5px solid #000;
	background-color: #000;
	height:20px;
	width:120px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #000;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.allega:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}


.confermaAcquisto{
	font-family:raleway;Arial;
	font-size:14px;
	text-decoration:none;
	color:#fff;	
	border: 0.5px solid #000;
	background-color: #000;
	height:40px;
	width:180px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #000;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.confermaAcquisto:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}



.pageNaviga{
	font-family:raleway;Arial;
	font-size:16px;
	text-decoration:none;
	color:#000;	
	border: 0.5px solid #000;
	background-color: #fff;
	height:40px;
	width:85px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #fff;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.pageNaviga:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}

.pageNavigaPAge{
	font-family:raleway;Arial;
	font-size:16px;
	text-decoration:none;
	color:#000;	
	border: 0.5px solid #000;
	background-color: #fff;
	height:40px;
	width:40px;
	font-weight: bold;
	text-align:center;
	text-valign:middle;
	background: #fff;
	  -webkit-transition: background-color 0.3s ease-out;
	  -moz-transition: background-color 0.3s ease-out;
	  -o-transition: background-color 0.3s ease-out;
	  transition: background-color 0.3s ease-out;
}

.pageNavigaPAge:hover {
  background-color: #A53E4C;
  color:  #fff;
  cursor: pointer;
}