/* HOME PAGE Breakpoint Logo per schermi ridotti */

@media screen and (max-width: 767px){
#sn-position {
    text-align: left !important;
    top: -102px !important;
}}




/* HOME PAGE - LOGO DESKTOP */

	.stlogo0{fill:#E95A0C;}
	.stlogo1{fill:#93C01F;}
	.stlogo2{fill:#FFEC00;}
	.stlogo3{fill:#4E4084;}
	.stlogo4{fill:#BD1622;}
	.stlogo5{fill:#A81A71;}
	.stlogo6{fill:#312782;}
	.stlogo7{fill:#7AA9D1;}
	.stlogo8{fill:#E76E52;}
	.stlogo9{fill:#1D1D1B;}
	.stlogo10{fill:#008D36;}
	.stlogo11{fill:#F8B133;}
    

/* HOME PAGE - LOGO MOBILE */

.logo0{fill:#E95A0C;}
.logo1{fill:#93C01F;}
.logo2{fill:#FFEC00;}
.logo3{fill:#4E4084;}
.logo4{fill:#BD1622;}
.logo5{fill:#A81A71;}
.logo6{fill:#312782;}
.logo7{fill:#7AA9D1;}
.logo8{fill:#E76E52;}
.logo9{fill:#1D1D1B;}
.logo10{fill:#008D36;}
.logo11{fill:#F8B133;}

.temphamburger {
position: fixed;
float: left;
left: 13px;
top: 15px;
z-index: 100000;
}

.mobileomg {
position: relative;
top: -37px;
left: 34px;
z-index: 100000;
}



.omgtitolo {
   
    font-weight: bold;
    font-size: 20px;
    z-index: 1000;

}

.omgtagline {
    font-size: 15px;
    color: #9c9c9c;
    z-index: 1000;

}

.titolo_omg{

text-align:center;
padding: 5px 0px 15px 0px;



}





.coperturabianco {
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
fill: #ffffff;
}

	@keyframes SLIDETITOLO {
		0% {
			transform: translate(-400px, 0px);
			-ms-transform: translate(-400px, 0px);
			-webkit-transform: translate(-400px, 0px);
			-moz-transform: translate(-400px, 0px);
			-o-transform: translate(-400px, 0px);
		}
		100% {
			transform: translate(0px, 0px);
			-ms-transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
			-moz-transform: translate(0px, 0px);
			-o-transform: translate(0px, 0px);
		}
	}
	.omgtitolo {
		transform-origin: 50% 50% !important;
		-ms-transform-origin: 50% 50% !important;
		-webkit-transform-origin: 50% 50% !important;
		-moz-transform-origin: 50% 50% !important;
		-o-transform-origin: 50% 50% !important;
		animation: SLIDETITOLO 0.4s ease-in;
		-ms-animation: SLIDETITOLO 0.4s ease-in;
		-webkit-animation: SLIDETITOLO 0.4s ease-in;
		-moz-animation: SLIDETITOLO 0.4s ease-in;
		-o-animation: SLIDETITOLO 0.4s ease-in;
	}
	.omgtagline {
		transform-origin: 50% 50% !important;
		-ms-transform-origin: 50% 50% !important;
		-webkit-transform-origin: 50% 50% !important;
		-moz-transform-origin: 50% 50% !important;
		-o-transform-origin: 50% 50% !important;
		animation: SLIDETITOLO 0.4s ease-in;
		-ms-animation: SLIDETITOLO 0.4s ease-in;
		-webkit-animation: SLIDETITOLO 0.4s ease-in;
		-moz-animation: SLIDETITOLO 0.4s ease-in;
		-o-animation: SLIDETITOLO 0.4s ease-in;
	}

.contentmobdiv .mobileomg {display:none;}
.contentmob .currency-label {display:none !important;}

.stroke-solidmob {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.8s ease,  opacity 0.5s ease;
}
.stroke-undermob {
  stroke-dashoffset: 00;
  stroke-dashArray: 300;
  stroke-width: 1px;
}
.st0mob {  fill: #808080;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);
}
.stc0mob {  /*maci carrello_pieno tolto colore svg fill: #000000;    */
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);
}
#play:hover .stroke-solidmob {
  opacity: 1;
  stroke-dashoffset: -300;
}
#play:hover .st0mob {
fill: #202020;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}
#play:hover .stc0mob {
fill: #006400;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}
#play {
  cursor: pointer;
}
.moduleuxs-st {
position: absolute;
float: right;
right: 7px;
top: 7px;
}
.inlineas-st {
overflow: hidden;
position: absolute;
float: right;
right: 53px;
top: 7px;
}
.inlineas-st * {display: inline;}
.inlineas-st {
 white-space: nowrap;
}
.inlineas-st a {text-decoration: none;}
svg.movermob-st {
  margin-left: 2px;
}
#play {
  cursor: pointer;
}

.overlaymob {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo1.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overlaymob:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}
.popupmob {
  margin: 0px auto;
  padding: 0px;
  border-radius: 5px;
  width: 100%;
  position: relative;
  transition: all 1s ease-in-out;
	overflow: hidden;
}
.popupmob .closemob {
  position: absolute;
  z-index: 10000;
  top: 7px;
  right: 7px;
  transition: all 200ms;
    opacity: 1;
}
.popupmob .contentmobdiv {
	background-color: rgba(255,255,255,0.8);
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
.popupmob .contentmob {

position: relative;
    top: 30px;
    float: right;
    padding-right: 80px;


}

.overlaymob2 {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo2.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overlaymob2:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}

.overlaymob3 {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo3.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overlaymob3:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}


/* HOME PAGE  HEADER BOTTONI */

.bot-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.8s ease,  opacity 0.5s ease;
}

.bot-under {
  stroke-dashoffset: 00;
  stroke-dashArray: 300;
  stroke-width: 1px;
}

.bot0 {  fill: #808080;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);

}

.botc0 {  fill: #000000;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);

}

#play:hover .bot-solid {
  opacity: 1;
  stroke-dashoffset: -300;
}

#play:hover .bot0 {
fill: #202020;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}
#play:hover .botc0 {
fill: #006400;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}


.x-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.8s ease,  opacity 0.5s ease;
}

.x-under {
  stroke-dashoffset: 00;
  stroke-dashArray: 300;
  stroke-width: 0.9px;
}

.stx {  fill: #000000;
   display:inline-block;
	border:0;
	position: absolute;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1);
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1);
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform-origin: 50% 50%;
	transform: scale(1);

}

#play:hover .x-solid {
  opacity: 1;
  stroke-dashoffset: -300;
}

#play:hover .stx {
fill: #202020;
	-webkit-transition: all 100ms ease-in;
	-webkit-transform: scale(1.05);
	-ms-transition: all 100ms ease-in;
	-ms-transform: scale(1.05);
	-moz-transition: all 100ms ease-in;
	-moz-transform: scale(1.05);
	transition: all 100ms ease-in;
   transform-origin: 50% 50%;
	transform: scale(1.05);
}

#play {
  cursor: pointer;
}



svg.mover {
  margin-left: 10px;
}

.modulebot {
position: absolute;
float: right;
right: 20px;
top: 28px;
}

.inlineabot {
position: absolute;
float: right;
right: 22px;
top: 28px;
}

.inlineabot * {display: inline;}

.inlineabot {
 white-space: nowrap;
}

.inlineabot a {text-decoration: none;}

.overbot {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo1.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overbot:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}
.popupbot {
  margin: 0px auto;
  padding: 0px;
  border-radius: 5px;
  width: 100%;
  position: relative;
  transition: all 1s ease-in-out;
	overflow: hidden;
}

.popupbot .closebot {
  position: absolute;
  z-index: 10000;
  top: 28px;
  right: 20px;
  transition: all 200ms;
    opacity: 1;
}

.popupbot .divbot {
	background-color: rgba(255,255,255,0.8);
	height: 302px;
	width: 100%
	overflow: hidden;
}
.popupbot .cbot {
position: absolute;
float: right;
right: 20px;
top: 32px;
margin-right: 80px;
}

.overbot2 {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo2.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overbot2:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}

.overbot3 {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo3.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overbot3:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}
/* HOME - testo sopra ricerca*/
.ricercasingolare {margin-top:-20px; margin-bottom:2px; color:#303030 !important;}
.ricercasingolaremob {color:#303030 !important;}

/* HOME PAGE - FEATURED COLLECTION */

@media (min-width: 0px) {

.copertura {
   position: relative;
   left:0%;
   width:100%;
   height: 36px;
   background-color: #f3f3f3;
   overflow: hidden;
}

.copertura h2 {
    position: relative;
    padding-top: 0px;
    text-align: center;
    color: rgba(0,0,0,1);
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}
.copertura h2:hover {
    color: rgba(0,0,0,0.8);
}

.insider { position: relative; margin-top: -25%;  padding-bottom: 8vh;}
.buttonz {
    font-size: 16px;
    font-weight: bold;
    background-color: rgba(255,255,255,0.6) !important;
    border: 1px solid;
    border-color: rgba(200,200,200,1) !important;
    border-radius: 24px;
    color: #000000 !important;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    transition: all 0s;
}


.buttonz:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(220,220,220,1) !important;
    color: #080808 !important;
}
.buttonz:active {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0,0,0,0.2) !important;
    color: #000000 !important;
}

.buttonz:focus {outline: none;}


}


/* HOME PAGE  BARRA STICKY DESKTOP */


.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.8s ease,  opacity 0.5s ease;
}

.stroke-under {
  stroke-dashoffset: 00;
  stroke-dashArray: 300;
  stroke-width: 1px;
}

.st0 {  fill: #808080;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);

}

.stc0 {  fill: #000000;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);

}

#play:hover .stroke-solid {
  opacity: 1;
  stroke-dashoffset: -300;
}

#play:hover .st0 {
fill: #202020;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}
#play:hover .stC0 {
fill: #006400;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}

#play {
  cursor: pointer;
}

.moduleuxs {
position: absolute;
float: right;
right: 20px;
top: 8px;
}

.inlineas {
overflow: hidden;
position: absolute;
float: right;
right: 72px;
top: 8px;
}

.inlineas * {display: inline;}

.inlineas {
 white-space: nowrap;
}

.inlineas a {text-decoration: none;}
svg.mover {
  margin-left: 10px;
}


.overlay {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo1.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overlay:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}

.overlay2 {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo2.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overlay2:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}

.overlay3 {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  	background-image: url('/images/sfondo3.jpg');
	background-position: right center;
	background-size: 100vh auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	}
.overlay3:target {
	visibility: visible;
	opacity: 1;
    overflow: hidden;
}

.popup {
  margin: 0px auto;
  padding: 0px;
  border-radius: 5px;
  width: 100%;
  position: relative;
  transition: all 1s ease-in-out;
	overflow: hidden;
}

.popup .close {
  position: absolute;
  z-index: 10000;
  top: 28px;
  right: 20px;
  transition: all 200ms;
    opacity: 1;
}

.popup .contentdiv {
	background-color: rgba(255,255,255,0.8);
	height: 102px;
	width: 100%
	overflow: hidden;
}
.popup .content {
position: absolute;
float: right;
right: 20px;
top: 32px;
margin-right: 80px;
}

/* HOME Cambio LINGUA*/
div.mod-languages a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    top: 6px;
    position: relative;
}

/* NASCONDI Descrizione Releated products*/
.pr_more p.product_s_desc {display: none;}

/* HOME PAGE - DESKTOP PROMO */

.immaginepromo {
    height: calc(100vh - 200px);
    width: calc(100vh - 200px);
    float: right;
}

.wrapperpromo {width: 100%;}

.promo {
    float: left;
    top: 10vh;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 7vw;
    line-height: 7vw;
}
.buttonx {
	margin-top: 2vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
	padding-left: 2vw;
	padding-right: 2vw;
	font-size: 3vw;
	font-weight: bold;
	background-color: #000000 !important;
	border: 1px solid;
	border-color: #000000;
	border-radius:100px;
	color: #ffffff !important;
	transition: all 0s;

}

.promo_mobile {
  
  top:-5px;
  font-weight:bold;    
   font-size: 7vw;     
   font-family: 'Roboto',sans-serif;
    line-height: 7vw;
    
}

.buttonx:hover {
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #000000;
	border-radius:100px;
	color: #000000 !important;
	transition: all 0s;
}

.buttonx:active {
	background-color: #9c9c9c !important;
	border: 1px solid;
	border-color: #9c9c9c;
	border-radius:100px;
	color: #ffffff !important;
	transition: all 0s;
}

.buttonx:focus {
	outline: none;
}

/* HOME PAGE - MOBILE PROMO */

.buttonxmob {
        margin-top: 2vw;
	padding-top: 3vw;
	padding-bottom: 3vw;
	padding-left: 6vw;
	padding-right: 6vw;
        font-family: 'Nunito';
	font-size: 6vw;
	font-weight: bold;
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #000000;
	border-radius:100px;
	color: #000000!important;
	transition: all 0s;

}

.buttonxmob:hover {
	background-color: #000000 !important;
	border: 1px solid;
	border-color: #000000;
	border-radius:100px;
	color: #ffffff !important;
	transition: all 0s;
}

.buttonxmob:active {
	background-color: #9c9c9c !important;
	border: 1px solid;
	border-color: #9c9c9c;
	border-radius:100px;
	color: #ffffff !important;
	transition: all 0s;
}

.buttonxmob:focus {
	outline: none;
}

/* NAVMENU Mobile*/
@media only screen and (max-width: 768px) {
#menu {display: none !important;}
}

/* MODULO CARTE DI CREDITO */

.carte {
	display: flex;
	justify-content: space-around;}
	.cc-solid {
	stroke-dashoffset: 0;
	stroke-dashArray: 300;
	stroke-width: 2px;
	transition: stroke-dashoffset 0.8s ease,  opacity 0.5s ease;
	}

.cartedicredito {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
	}

.cc-under {
  stroke-dashoffset: 00;
  stroke-dashArray: 300;
  stroke-width: 1px;
}

.fillc {  fill: #acacac;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);
}
.fillb {  fill: #9c9c9c;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);
}


#play:hover .fillc {
fill: #808080;
    -webkit-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
}
#play:hover .fillb {
fill: #808080;
    -webkit-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
}
#play:hover .fillg {

    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}

#play:hover .cc-solid {
  opacity: 1;
  stroke-dashoffset: -300;
}

#play {
  cursor: pointer;
}

/* MODULO RECENSIONI */


 #playst {width:32px; height:32px;}

.stella0 {fill: #FFF000;}
.stella1 {fill: #FFF0CC;}

.stella2 {fill: #ffffff;
opacity: 0;
opacity: 0;
transition: all 0.5s ease;
transform-origin: 50% 50%;

}
#playst:hover .stella2 {
opacity: 1;
transition: all 0.5s ease;
transform-origin: 50% 50%;
transition-delay: 0.3s;

}
.stella1 {fill: #fff0cc;
opacity: 0;
transition: all 0.5s ease;
transform-origin: 50% 50%;
transform: rotate(0deg);
}
#playst:hover .stella1 {
opacity: 1;
transition: all 0.5s ease;
transform-origin: 50% 50%;
transform: rotate(180deg);

}
#playst {
  cursor: pointer;
}

#playre {
  cursor: pointer;
}

.overlaytrf {
  position: fixed;
z-index: 100000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255,255,255,1);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}
.overlaytrf:target {
  visibility: visible;
  opacity: 1;
    overflow: hidden;
}
}

.popuptrf {
  margin: 0px auto;
  padding: 0px;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  position: relative;
  transition: all 1s ease-in-out;
	overflow: scroll;
}

.popuptrf .closef {
 opacity: 1;
  position: absolute;
  z-index: 10000;
  top: 28px;
  right: 20px;
  transition: all 200ms;
}

.popuptrf .contentdivtrf {
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	overflow:hidden;
}
.popuptrf .contenttrf {
position: absolute;
float: right;
left: 0px;
top: 72px;
width:100%;
margin-right: 80px;
}


.divconlinee {display: flex; flex-directtion: column: justify-content: center; }
.primalinea { display: flex; justify-content: center; }
.primalinea h3 { font-weight: bold; margin: 5px};
.secondalinea { display: flex; justify-content: center; }
.secondalinea p { font-size: 16px;  font-style: italic; }
.quartalinea { display: flex; justify-content: center; }
.quartalinea h3 { font-weight: bold; margin-bottom: 24px; };

.col1{fill:#7A7A7A;}
.col2{fill:#808080;}
.col0 { fill:#DCDCDC; transition: all 100ms ease-in;}
#playre:hover .col0 {fill:#808080; transition: all 100ms ease-in;}
.stella { fill: #FFDC0F; -webkit-transition: all 200ms ease-in; -webkit-transform: translate(100px, 0px); -ms-transition: all 200ms ease-in; -ms-transform: translate(100px, 0px); -moz-transition: all 200ms ease-in; -moz-transform: translate(100px, 0px); transition: all 200ms ease-in;}
#playre:hover .stella { -webkit-transition: all 100ms ease-in; -webkit-transform: translate(0px, 0px); -ms-transition: all 100ms ease-in; -ms-transform: translate(0px, 0px); -moz-transition: all 100ms ease-in; -moz-transform: translate(0px, 0px); transition: all 100ms ease-in;}
#playre { cursor: pointer;}

/*  HOME PAGE - FOOTER  */


@media (min-width: 768px) {
	.ft1 {		float: left;
				display: table-cell;
				margin: 0;
				text-align: center;
				vertical-align: middle;
				width: 100%;
			
				min-height: calc(25vh - 14px);
				height: calc(25vh - 14px);
		}
}
@media (max-width: 768px) {
	.ft1 {		float: left;
				display: table-cell;
				margin: 0;
				text-align: center;
				vertical-align: middle;
				width: 100%;
				
		height: calc(37.5vh - 21px);
		min-height: calc(37.5vh - 21px);
		}
}


.ft2 h4 {margin-bottom: 4px; font-size: 16px; }

@media (min-width: 768px) {
	.ftC {
		float: left;
		display: flex;
		flex-direction: COLUMN;
		justify-content: space-around;
		margin: 0;
		text-align: center;
		vertical-align: middle;
		width: 100%;
		height: calc(50vh - 28px);
		min-height: calc(50vh - 28px);
		background-color: #ffffff;
		}
}

@media (max-width: 768px) {
	.ftC {
			display: flex;
		flex-direction: COLUMN;
		justify-content: space-around;
		margin: 0;
		text-align: center;
		width: 100%;
		height: calc(37.5vh - 21px);
		min-height: calc(37.5vh - 21px);
		}
}

@media (max-width: 768px) {
	.contattimobile {display: block; margin: 10px;}
	.contattimobile p {line-height: 2.5vh;}
	}
@media  (min-width: 768px) {
	.contattimobile {display: none;}
	}

@media  (mix-width: 768px) { .sparisci {display: block;} }
@media  (max-width: 768px) { .sparisci {display: none;} }


.ftC p {margin: 0px; color: #808080; font-size: 14px; }

.ftcontatti {display:flex; justify-content: center;}


.colonnacontatti { width: 30%;
                            padding-left: 10px;
                            padding-right: 10px;
                            }

@media (max-width: 768px){
	.footersocial {display: none;}
	.ftC p {color: #808080;
                  font-size: 2vh;
                  line-height: 2vh;}
         }

@media  (max-width: 768px) {
	.orizcontatti {display: none;}
	}
@media  (min-width: 768px) {
  .orizcontatti {
  display: flex;
  justify-content: space-around;}
  }


.ft3 { float: left;
    display: table-cell;
    margin: 0;
    text-align: center;
    vertical-align: middle;
	width: 100%;
	min-height: calc(25vh - 14px);
	height: calc(25vh - 14px);
	background-color: #f3f3f3;
	}


	.ft1 .UXC {
       position: relative;
       top: 50%;
       transform: translate(0, -50%);
 }

 	.ft2 .UXC { position: relative; }

.ft3 .UXC {
       position: relative;
       top: 50%;
       transform: translate(0, -50%);
 }


.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.8s ease,  opacity 0.5s ease;
}

.stroke-under {
  stroke-dashoffset: 00;
  stroke-dashArray: 300;
  stroke-width: 1px;
}

.st0 {  fill: #808080;
   display:inline-block;
    border:0;
    position: absolute;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
	transform-origin: 50% 50%;
    transform: scale(1);
}


#play:hover .stroke-solid {
  opacity: 1;
  stroke-dashoffset: -300;
}

#play:hover .st0 {
fill: #202020;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 100ms ease-in;
   transform-origin: 50% 50%;
    transform: scale(1.05);
}

#play {
  cursor: pointer;
}

.everythingOnOneLine {
 white-space: nowrap;
}

.everythingOnOneLine * {
 display: inline;
}
svg.moverfoot {
margin-left: 5px;
margin-right: 5px;
}

@media  (max-width: 768px) {
    .cont4cell {display: justify-content: space-around;}
	.butfooter {position: relative;
    position: relative;
    font-size: 3vh;
    background-color: #f3f3f3 !important;
    border: 1px solid;
    border-color: #9c9c9c;
    border-radius: 24px;
    width: 100%;
    padding: 1vh;
    color: #808080 !important;
    transition: all 0s;
    margin: 2px;}
   .cell { width: 80%; margin-bottom: 1vh; margin-left: 10%; margin-right: 10%;}
}

@media  (min-width: 768px) {
    .cont4cell {display: flex;}
    .cont2cell {display: flex; width:50%; justify-content: space-around;}
	.butfooter {position: relative;
				font-size: 1.4vw;
				background-color: #f3f3f3 !important;
				border: 1px solid;
				border-color: #9c9c9c;
				border-radius:24px;
				width: 100%;
				color: #808080 !important;
				padding: 6px;
				transition: all 0s;
				}
	.cell { width: 40%; margin: 2%;}
}

.butfooter:hover {
	position:relative;
	background-color: #acacac !important;
	border: 1px solid;
	border-color: #acacac;
	color: #ffffff !important;
	transition: all 0s;
}

.butfooter:active {
	position:relative;
	background-color: #8c8c8c !important;
	border: 1px solid;
	border-color: #8c8c8c;
	color: #ffffff !important;
	transition: all 0s;
}

.butfooter:focus {
  outline: none;
}

.orizcont {
margin-top: 102px;
  display: flex;
  justify-content: space-around;

}




.fill-height-or-more {
  min-height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.fill-height-or-more > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}



	.orizcont {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			}

.fill-height-or-more > div {
display: flex;
			flex-direction: column;
			justify-content: space-around;
}
.fill-height-or-more {
display: flex; padding: 20px;
			flex-direction: column;
			justify-content: space-around;
}

}
.some-area {  padding-left: 10px;
    padding-right: 10px;}

.overlayfooter {
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	height: 100vh;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	overflow: scroll;
	}
.overlayfooter:target {
	visibility: visible;
	opacity: 1;
}

.popupfooter {
  margin: 0px auto;
  padding: 0px;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  position: relative;
  transition: all 1s ease-in-out;
}

.popupfooter .close {
  position: fixed;
  z-index: 10000;
    top: 15px;
    right: 30px;
  transition: all 200ms;
    opacity: 1;
}

/* MODULO TERMS & CONDITIONS*/

.termscont h3 {margin-top: 30px;}
.termscont p {line-height: 18px; margin-bottom: 12px;}

/* HOME PAGE - CATEGORIE */

@media  (min-width: 768px) {
	.buttony {
		position: relative;
		top: -152px;
		padding-top: 8px;
		padding-right: 24px;
		padding-bottom: 8px;
		padding-left: 24px;
		font-size: medium;
		font-weight: bold;
		background-color: #ffffff !important;
	background-color: rgba(255,255,255,0.6) !important;
    border: 1px solid;
    border-color: rgba(200,200,200,1) !important;
    border-radius: 24px;
    color: #000000 !important;
	    transition: all 0s;
     margin-right: 42px;
	}
}

@media  (max-width: 768px) {
	.buttony {
		position: relative;
		bottom: 230px;
		padding-top: 8px;
		padding-right: 24px;
		padding-bottom: 8px;
		padding-left: 24px;
		font-size: medium;
		font-weight: bold;
	background-color: rgba(255,255,255,0.6) !important;
    border: 1px solid;
    border-color: rgba(200,200,200,1) !important;
    border-radius: 24px;
    color: #000000 !important;
	    transition: all 0s;
	}
}

.buttony:hover {
	position:relative;
	position:relative;
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(220,220,220,1) !important;
    color: #080808 !important;

    transition: all 0s;
}

.buttony:active {
	position:relative;
	background-color: #9c9c9c !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0,0,0,0.2) !important;
        color: #000000 !important;
        transition: all 0s;
}

.buttony:focus {
  outline: none;
}

.category  h3.cattitolo { margin-top: -40px; }

/* SECOND & LANDING  - CATEGORIE */

@media  (min-width: 768px) {

.catname
{
position: relative;
		top: -50px;


}


	.buttony2 {
		position: relative;
		top: -102px;
		padding-top: 8px;
		padding-right: 24px;
		padding-bottom: 8px;
		padding-left: 24px;
		font-size: medium;
		font-weight: bold;
		background-color: #ffffff !important;
	background-color: rgba(255,255,255,0.6) !important;
    border: 1px solid;
    border-color: rgba(200,200,200,1) !important;
    border-radius: 24px;
    color: #000000 !important;
	    transition: all 0s;
     
	}
}


@media (max-width: 768px) {

.catname
{
position: relative;
		top: -50px;


}




	.buttony2 {
		position: relative;
		top:-70px;
		padding-top: 8px;
		padding-right: 24px;
		padding-bottom: 8px;
		padding-left: 24px;
		font-size: medium;
		font-weight: bold;
	background-color: rgba(255,255,255,0.6) !important;
    border: 1px solid;
    border-color: rgba(200,200,200,1) !important;
    border-radius: 24px;
    color: #000000 !important;
	    transition: all 0s;
	}
}

.buttony2:hover {
	position:relative;
	position:relative;
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(220,220,220,1) !important;
    color: #080808 !important;

    transition: all 0s;
}

.buttony2:active {
	position:relative;
	background-color: #9c9c9c !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0,0,0,0.2) !important;
        color: #000000 !important;
        transition: all 0s;
}

.buttony2:focus {
  outline: none;
}

.buttonprlist {
	position: relative;
    margin-left: -22px;
    margin-right: -22px;
	font-size: larger;
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #000000;
	border-radius:24px;
	color: #000000 !important;
    padding-top: 18x;
    padding-right: 24px;
    padding-left: 24px;
	bottom: 12px;
	transition: all 0s;
}


.buttonprlist:hover {
	background-color: #acacac !important;
	border: 1px solid;
	border-color: #acacac;
	border-radius:24px;
	color: #ffffff !important;
	transition: all 0s;
}

.buttonprlist:active {
	background-color: #8c8c8c !important;
	border: 1px solid;
	border-color: #8c8c8c;
	border-radius:24px;
	color: #ffffff !important;
	transition: all 0s;
}

.buttonprlist:focus {
  outline: none;
}
@media (max-width: 768px) {
.misure {font-size: 90% !important;}
.h-pr-title a {line-height: 14px;}
}



/* DESCRIZIONE CATEGORIE SOTTOPAGINA */

.category_description {background-color: #f3f3f3 !important;}

/* ------------------- PAGINE PRODOTTI  PERSONALIZZAZIONI VARIE -------------------  */
/* badge spedizioni */
.bit_badge_category {
    position: relative !important;
    z-index: 90;
}

/* Sfondo divisorio breadcrumps*/
.breadcrumbs { background-color: #f3f3f3; padding: 10px;}



@media (min-width: 768px) {
	.back-to-category a {
    background: none !important;
    position: relative;
    bottom: 35px;}

	.productdetails-view h1 {
    font-size: 25px !important;
    
    line-height: 29px !important;
    padding: 0px 0px 5px
	}
	.productdetails-view.productdetails h1 a {
	display: inline;
	float: right;
	}
}


/* CAMPI NOTE E PERSONALIZZAZIONE OGGETTI

textarea#MESSAGGIO_AUGURI_field.inputbox {width: 80% !important; height: 24px !important;}
textarea#customer_note_field.inputbox {width: 80% !important; height: 24px !important;}
          textarea#FRASE_INCISIONE_field.inputbox {width: 80% !important; height: 24px !important;}
                                                    */
/* THANK YOU PAGE */

.bootstrap-iso .vp-thankyou-links .btn-lg {
    font-size: 14px;
    background-color: #6abd47 !important;
    background-image: none !important;
    text-align: center;
    padding: 10px 25px 10px 24px !important;
    font-weight: bold;
}


/* ------------------- fine PAGINE PRODOTTI  -------------------  */


/* -------------------BOTTONE SEARCH -------------------  */
#q_342_button {
color: #ffffff !important;
    background-color: #000000 !important;
}
input#q_342_0.cf-searchmod-input::placeholder {color: #000 !important;}

/* -------------------SELEZIONE LINGUE -------------------  */
@media (max-width: 768px) {
div.mod-languages a {
    text-decoration: none;
    font-weight: bold;
    font-size: 23px;
    display: flex;
    flex-direction: column;
}}
@media (min-width: 768px) {
    display: inline;
}






	.hiddenCloud{display:none !important;}
	
/******maci aggiunte************/




/* The navigation bar mobile */


.navbaretto_mobile {
  overflow: hidden;
  background-color: #FFF;
  position: sticky; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index: 100000;
     height: 47px;
}


.hamb_mobile{
 float: left;
  display: block;
  color: #f2f2f2;
  text-align: center; 
  text-decoration: none;
padding: 10px 10px 5px 5px;
      }
      


/* Links inside the navbar */
.navbaretto_bottoni_mobile {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding-left: 5px;
  padding-top:5px;
  text-decoration: none;
}

/* Links inside the navbar */
.navbaretto_bottoni_mobile_search {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  
  padding-top:5px;
  text-decoration: none;
}




.omglogo_mobile{

  float: left;
  display: block;
  color: #f2f2f2;

  
  
}


/* The navigation bar desk */

.navbaretto_desk {
  overflow: hidden;
  background-color: #FFF;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index: 100000;
     -webkit-box-shadow: 0 0 2px 2px rgb(0 0 1 / 30%);
    box-shadow: 0 0 2px 2px rgb(0 0 1 / 30%);
    
    height: 57px;

}


.hamb_desk{
 float: left;
  display: block;
  color: #f2f2f2;
  text-align: center; 
  text-decoration: none;
padding: 13px 15px 10px 15px;
      }
      


/* Links inside the navbar */

 .omglogo_desk{
padding: 0px 5px;
              float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  
  text-decoration: none;
}





/* Links inside the navbar */
.navbaretto_bottoni_desk {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding-left: 15px;
  
  padding-top:10px;
  text-decoration: none;
}