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


@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700|Sansita+One);
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Passion+One:wght@400;700;900&display=swap');

heder{background-color:#ec8000; display: block; padding: 0}
heder h4{color:#ffffff!important}
.enfasy{font-size:30px; list-style-type: none; text-indent: -20px; margin-left: 20px;}
.enfasy li{line-height:1; margin-bottom: 15px}

body {
  /*font-family: "Lato", sans-serif;*/
  font-family: 'Jost', sans-serif;
  background-color: var(--bg-color);
  color: var(--font-color);
  max-width: 100%;
  margin: 0 auto;
	font-size: calc(1rem + 0.25vh);}

body, main, header, footer{ overflow-x: hidden;
  width: 100%;}

.logo{width: 100%; height: 100px;background-image: var(--logo1); background-repeat: no-repeat; background-size: contain}

.invert{filter: var(--filter);}

.bg1{background-color: var(--bg-color1);
  color: var(--font-color1);
	background-image: var(--img1);
    background-repeat: no-repeat;
    overflow: hidden;
	background-size: cover;
}

.bg2{ background-color: var(--bg-color3);
  color: var(--font-color3);
    background-image: url('../images/img/pattern.png');
    background-repeat: repeat;
    overflow: hidden;
	background-size: cover;
}
.bg3{ background-color: var(--bg-color4);
}

.fc2{ color: var(--font-color2)!important;}

.bg-hot{background-color: var(--bg-color2)}
.bg-pattern{background-image: url('../images/img/bg-png.png');
    background-repeat: no-repeat;
    overflow: hidden;
	background-size: 50%;
	background-position: center;
}

h1, h2, h3, h4, h5, h6, li{
  color: var(--heading-color)!important; font-family: 'Jost', sans-serif;
}
#home{padding: 0!important}
#home .display-4 {/*border-bottom: 5px solid #d91114*/;display: inline-block;}

#home .fotorama__nav-wrap{display: none!important}

.icons, .slalom{background-color: var(--bg-color5);}
/*#omaggi .display-4{color:#fbc02d!important;    text-shadow: 1px 1px 7px black;}*/
.bg-box{background: var(--bg-color2)!important; border-radius: 5px}
.bg-box h2{color: var(--heading-color)!important;}
/*.bg-box h2 span{color: var(--blockquote-footer)!important;}*/
.bg-box h5{color: var(--heading-color)!important;}

.circlebox{width: 300px; height: 300px; border-radius: 50%; position: absolute; left: 40%; top: 25%; z-index: 0}
.box{padding: 15px 15px 0 15px; display: inline-block; position: absolute; top:2%; left: 36%;z-index: 2}
.box2{padding: 15px 15px 0px; display: inline-block; top: 10%; left: 5%; z-index: 2; margin: 0 0 40px 0}
.t1{position: absolute; left: 68%; top: 13%; z-index: 0}
.t2{position: absolute; left: 0%; top: 56%; z-index: 0}

.boxshadow {box-shadow: 1px 2px 5px 0px var(--boxshadow)}

.border{border-color:var(--heading-color)!important; border-style: solid!important;border-width: 3px!important;}
.card-header h1,.card-header h2,.card-header h3,.card-header h3,.card-header h4,.card-header h5,.card-header h6{color:#ffffff!important}

h1{
  font-family: 'Passion One', cursive;
  font-size: 2rem;
  margin-bottom: 1vh;
  line-height: 1;
}

hr{border: 3px solid #000000;}

p {
  font-size: 1.3rem;
  line-height: 1;
}

h1,h2{font-family: 'Passion One', cursive;}

h1,h2,h3,h4,h5,h6,p,li{line-height: 1}

.list-unstyled i{background-color: #ffffff; border-radius: 100%}

a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: bold;
}
a:hover, a:focus {
  color: var(--secondary-color);
}

.blockquote-footer {
   color: var(--blockquote-footer);
    margin-top: -0.5rem;
    line-height: 1;
}

section {
  max-width: 100%;
  margin: 0 auto;
	padding:15px 0;
}

.bg-grey{background-color:#ffe4ce}

.post-meta {
  font-size: 1rem;
  font-style: italic;
  display: block;
  margin-bottom: 4vh;
  color: var(--secondary-color);
}

nav {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0;
}

/*slider switch css */
.theme-switch-wrapper {
  display: flex;
  align-items: center;
}
.theme-switch-wrapper em {
  margin:0 0.2rem;
  font-size: 1rem;
 color: #b5b5b5!important;
}

.navbar-brand{margin-right: 0.5rem}
.navbar-toggler {padding: 0.25rem}

.theme-switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

.theme-switch input {
  display: none;
}

.view {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.view img{
	display: block;
	transform: scale(1);
	transition: all .2s linear;
}

.view img:hover{
	transform: scale(1.1);
}


.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.loop{background-color: #ff983f;}
.text-loop {
    margin: 0 auto;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    padding-left: 100%;
	font-size: 50px;
	color: #ffffff;
	text-shadow: 5px 5px 5px #000;
	font-family: 'Anton', sans-serif;
    animation: text-loop 12s linear infinite;
}
@keyframes text-loop { 
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-200%, 0);
  } 
} 

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
	.content__container__list {
  margin-top: -15px;}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width:1200px) and (max-width: 1400px) {
    
	.box{left: 30%; top:0%; zoom:80%} 
	.t1{left: 72%}
	.t2{left: -2%}
}
@media (min-width:992px) and (max-width: 1199px) {
	.circlebox{width: 270px; height: 270px}
	.box{left: 32%; top:-15%; zoom:80%} 
	.t1{left: 70%; top: -5%}
	.t2{left: -8%; top: 58%}
}
@media (min-width:768px) and (max-width: 991px) {
	.circlebox{width: 210px; height: 210px}
	.t1{left: 87%; top: 0!important;}
	.t2{left: -10%; top: 55%}
	.box {left:32%;top: -16%; zoom:65%}
}

@media (max-width: 460px) {
	.circlebox{width: 200px; height: 200px;left:44% ; top:32% ;}
	.t1{display: none}
	.t2{left: 6%; top: 55%}
	.box {left: 30%;top: 0px; zoom:78%}
}

@media (max-width: 410px) {
	.t2{display: none}
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

@media (min-width:768px) and (max-width: 991px) {
    
.display-5 {
    font-size: calc(1.5rem + 2.1vw);
}
	.content__container__list {
    margin-top: -8px;}
}
.content__container__list__item {
    line-height: 55px;}

@media (max-width: 366px) {
    
   .display-5 {
    font-size: calc(1.225rem + 2.1vw);
}
	.content__container__list {
    margin-top: -8px;}
}

#omaggi img{margin-top: -8px;}
.omaggio{position: relative; width: 100%;}
.omaggio h3{color: #ffffff; background-color: #518ae8; float: left; position: absolute; padding: 0.30em 0.65em;font-size: 1em;font-weight: 700;
    line-height: 1; text-align: center;white-space: nowrap;vertical-align: baseline; top:-4px}
.omaggio h6{font-size: 0.65em; padding: 0.35em 0.65em; float: right;width: 100%; text-align: right;
    line-height: 1; white-space: nowrap;vertical-align: baseline;background-color: #ffffff;color:#333438; font-weight: 800; border-bottom: #518ae8 solid 5px}
.valore{position: relative; width: 100%;}
.valore h6{color: #ffffff; background-color: #518ae8; float: right; position: absolute; padding: 0.35em 0.65em;font-size: 0.70em;font-weight: 700;
    line-height: 1; text-align: center;white-space: nowrap;vertical-align: baseline; top:2px; right: 0}
.valore h3{font-size: 0.60em; padding: 0.35em 0.66em; float: left;width: 100%; text-align: left;
    line-height: 1; white-space: nowrap;vertical-align: baseline;background-color: #ffffff;color:#333438; font-weight: 800;border-top: #518ae8 solid 5px}

.rounded {border-radius: 0.938rem!important;}

#focus h2{line-height: 1;}
#focus h2 span{font-weight: 600;
    font-family: 'Jost';
    font-size: 40px;
    color: #d2691e;}

footer{background-color:#232B32; color:#b5b5b5;}
footer p{font-size: 16px; line-height:1; padding: 15px}
footer a{/*color:#64b5f6*/color:#ffefe0}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: -5px;
  top: 77%;
  right: 0;
  height:4px;
  width:0;
  background:red;
  -webkit-transform:rotate(-20deg);
  -moz-transform:rotate(-20deg);
  -ms-transform:rotate(-20deg);
  -o-transform:rotate(-20deg);
  transform:rotate(-20deg);
  transform-origin:left;
  animation:grow 2s linear forwards infinite;
}
@keyframes grow{
  to {width:55px;}
}

/*.consegna_field strong{display:none!important}
.consegna_field::before {content: "Possibilità di reso estesa a 30 giorni."!important; font-size:20px!important; font-weight:bold!important; margin-bottom: 10px!important;display: block!important; line-height: 1!important}
.consegna_field::after {content: "Tuo in 7-10 giorni!"!important; font-size:20px!important; line-height:1!important; font-weight:bold!important}
.h5.order_field, .h3, .h4, .option0   {display: none!important;}*/

.form_widget .toggle_radio {display:none!important}
.h5.order_field:first-child{display:none!important}
.h5.order_field:before{content: "Totale spese:  8,00 €"!important; color: #333333!important;font-size:14px!important; margin:10px 0!important;display:block!important}
.h5.order_field:after{content: "Totale:  137,00 €"!important; color: #333333!important;margin:10px 0!important;display:block!important;font-size: 100%!important;}
.h3{display:none!important}  
.h5{font-size: 80%!important;}
.h5.order_field {white-space: normal!important;font-size: 100%!important;}

#team_widget_div_section{padding:0!important}
#team_widget_div_form_submit{font-size: 1.2rem!important;}

@media (max-width: 991px) {
h5 {
    font-size: 1rem;
	}
.py-3 {
    padding-top: 0.7rem!important;
    padding-bottom: 0.7rem!important;
}
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

.border-success {
	border-color: #518ae8!important;
}
/*.bg-success {
    --bs-bg-opacity: 1;
    background-color: #518ae8!important;
}*/

/*.btn-success {
    color: #fff;
    background-color: #518ae8!important;
    border-color: #518ae8!important;
}*/

.form_case2 [class*="col-"] {
    margin: 5px 0;
}


.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 60px;
  padding: 0;
}
.content__container p{font-size: 2rem!important}

.content__container__text {
  display: inline;
  float: left;
  margin: 0;
  display: inline-block;
}
.content__container__list {
  margin-top: -5px;
  padding-left: 10px;
  text-align: left;
  list-style: none;
  display: inline-block;
  -webkit-animation-name: change;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.content__container__list__item {
  line-height: 60px;
  margin: 0;
	font-size: 1.8rem;
	color:#e3f701!important
}


.special_area {
	background-color:rgba(0,0,0,0.90);
	background-image: url('../images/img/special_area.png');
	background-repeat: no-repeat;
	background-size: cover;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  max-width: 517px;
  position: relative;
  z-index: 1;
}
.special_area3 {
    background-color: rgba(0,0,0,0.90);
    background-image: url(../images/img/special_area.png);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
    max-width: 517px;
    position: relative;
    z-index: 1;
}
.special_area h2,.special_area h3{color:#d5d5d5!important}
.special_area a h2{color:#ffeb3b!important}
.special_area a h2:hover{color:#fbc02d!important}
.special_area h2:first-child{color: #fbc02d!important;font-size: 195%;font-weight: 400!important;line-height: 1.1;}
.special_area .display-5:hover{color:#e5ba03}
.bg-special_area{background-color:rgba(0,0,0,0.82);padding: 20px 20px 0px 25px;}
.special_area2{
 background-color: #fbc02d;
    clip-path: polygon(0% 0%, 79% 0%, 100% 50%, 79% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 79% 0%, 100% 50%, 79% 100%, 0% 100%);
       height: calc(100% - 60px);
    left: 28px;
    max-width: 537px;
    position: absolute;
    width: 100%;
    padding: 20px;
    top: 28px;
}
.special_area3 h2,.special_area3 h3{color:#d5d5d5!important}
.special_area3 a h2{color:#ffa221!important}
.special_area3 a h2:hover{color:#e5ba03!important}
.special_area3 h2:first-child{color:#e5ba03!important}
.special_area3 .display-5:hover{color:#e5ba03}
.bg-special_area{background-color:rgba(0,0,0,0.82);padding: 20px 20px 0px 25px;}
.special_area4{
 background-color: #e5ba03;
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
       height: calc(100% - 70px);
    left: 10px;
    position: absolute;
    width: 95%;
    padding: 20px;
    top:78px;
}
.bg-yellow{background-color: #e5ba03;}
.bg-img1{background-image: url('../images/img/bg-img1.png');
	background-repeat: no-repeat;
	background-size: cover;
background-color: #e5ba03;
	background-position: left;}
.bg-img2{background-image: url('../images/img/bg-img2.png');
	background-repeat: no-repeat;
	background-size: cover;
background-color: #e5ba03;
	background-position: right;}
.bg-imgt{background-image: url('../images/img/top.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;}


/*EFFETTI MOUSE HOVER */
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 500px;
	height: 500px;
	display: inline-block;
	margin: 20px;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default;
box-shadow: 
inset 0 0 0 16px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
transition: all 0.4s ease-in-out;
}
.ch-img-1 { 
/*background-image: url("../images/img/top.png"); background-size: cover*/
}
.ch-img-2 { 
background-image: url("../images/img/top.png")
}
.ch-img-3 { 
background-image: url("../images/img/top.png")
}
.ch-img-4 { 
background-image: url("../images/img/top.png")
}
.ch-img-5 { 
background-image: url("../images/img/top.png")
}
.ch-img-6 { 
background-image: url("../images/img/top.png")
}
.ch-img-7 { 
background-image: url("../images/img/top.png")
}
.ch-info {
position: absolute;
background: rgba(63,147,147, 0.8);
width: inherit;
height: inherit;
border-radius: 50%;
opacity: 0;
transition: all 0.4s ease-in-out;
transform: scale(0);
backface-visibility: hidden;
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 80px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow: 
0 0 1px #fff, 
0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
opacity: 0;
transition: all 1s ease-in-out 0.4s;
}
.ch-info p a {
display: block;
color: #fff;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans', Arial, sans-serif;
}
.ch-info p a:hover {
color: #fff222;
color: rgba(255,242,34, 0.8);
}
.ch-item:hover {
box-shadow: 
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
transform: scale(1);
opacity: 1;
}
.ch-item:hover .ch-info p {
opacity: 1;
}
/*secono effeto*/
.ch-item2 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        cursor: default;
        box-shadow: 
                inset 0 0 0 0 rgba(200,95,66, 0.4),
                inset 0 0 0 16px rgba(255,255,255,0.6),
                0 1px 2px rgba(0,0,0,0.1);
        transition: all 0.4s ease-in-out;
}
.ch-info2 {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
        opacity: 0;
        transition: all 0.4s ease-in-out;
        transform: scale(0);
        backface-visibility: hidden;
}
.ch-info2 h3 {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 2px;
        font-size: 22px;
        margin: 0 30px;
        padding: 45px 0 0 0;
        height: 70px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 
                0 0 1px #fff, 
                0 1px 2px rgba(0,0,0,0.3);
}
.ch-info2 p {
        color: #fff;
        padding: 10px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info2 p a {
        display: block;
        color: rgba(255,255,255,0.7);
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info2 p a:hover {
        color: rgba(255,242,34, 0.8);
}
.ch-item2:hover {
        box-shadow: 
                inset 0 0 0 110px rgba(200,95,66, 0.4),
                inset 0 0 0 16px rgba(255,255,255,0.8),
                0 1px 2px rgba(0,0,0,0.1);
}
.ch-item2:hover .ch-info2 {
        opacity: 1;
        transform: scale(1);    
}
/*terzo effeto*/
.ch-item3 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        cursor: default;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.ch-thumb3 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);
        transform-origin: 95% 40%;
        transition: all 0.3s ease-in-out;
}
.ch-thumb3:after {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        border-radius: 50%;
        top: 40%;
        left: 95%;
        margin: -4px 0 0 -4px;
        background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
        box-shadow: 0 0 1px rgba(255,255,255,0.9);
}




.ch-info3 {
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        overflow: hidden;
        background: #c9512e url(../images/noise.png);
        box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}
.ch-info3 h3 {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 2px;
        font-size: 18px;
        margin: 0 50px;
        padding: 12px 0 0 0;
        height: 75px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 
                0 0 1px #fff, 
                0 1px 2px rgba(0,0,0,0.3);
}

.ch-info3 p {
        color: #fff;
        padding: 5px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255,255,255,0.5);
}
.ch-info3 p a {
        display: block;
        color: #333;
        width: 100px;
        height:100px;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        color: #fff;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 24px;
        margin: 7px auto 0;
        font-family: 'Open Sans', Arial, sans-serif;
        opacity: 0;
        transition: 
                transform 0.3s ease-in-out 0.2s,
                opacity 0.3s ease-in-out 0.2s,
                background 0.2s linear 0s;
        transform: translateX(60px) rotate(90deg);
}

.ch-info3 p a:hover {
        background: rgba(255,255,255,0.5);
}
.ch-item3:hover .ch-thumb3 {
        box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
        transform: rotate(-110deg);
}
.ch-item3:hover .ch-info3 p a{
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
}
/*quarto effeto*/
.ch-item4 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        cursor: default;
}
.ch-info-wrap4{
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        perspective: 800px;
        transition: all 0.4s ease-in-out;
        top: 20px;
        left: 20px;
        background: #f9f9f9 url(../images/bg.jpg);
        box-shadow: 
                0 0 0 20px rgba(255,255,255,0.2), 
                inset 0 0 3px rgba(115,114, 23, 0.8);

}
.ch-info4{
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        transition: all 0.4s ease-in-out;
        transform-style: preserve-3d;
}
.ch-info4 > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
        backface-visibility: hidden;
}
.ch-info4 .ch-info-back4 {
        transform: rotate3d(0,1,0,180deg);
        background: #000;
}
.ch-info4 h3 {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 14px;
        margin: 0 15px;
        padding: 20px 0 0 0;
        height: 80px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 
                0 0 1px #fff, 
                0 1px 2px rgba(0,0,0,0.3);
}

.ch-info4 p {
        color: #fff;
        padding: 10px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info4 p a {
        display: block;
        color: rgba(255,255,255,0.7);
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info4 p a:hover {
        color: rgba(255,242,34, 0.8);
}
.ch-item4:hover .ch-info-wrap4 {
        box-shadow: 
                0 0 0 0 rgba(255,255,255,0.8), 
                inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item4:hover .ch-info4 {
        transform: rotate3d(0,1,0,-180deg);
}
/*quinto effetto*/
.ch-item5 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        cursor: default;
}
.ch-info-wrap5, 
.ch-info5{
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
}
.ch-info-wrap5 {
        top: 20px;
        left: 20px;
        background: #f9f9f9 url(bg.jpg);
        box-shadow: 
                0 0 0 20px rgba(255,255,255,0.2), 
                inset 0 0 3px rgba(115,114, 23, 0.8);

}
.ch-info5 > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
}
.ch-info5 .ch-info-front5 {
        transition: all 0.6s ease-in-out;
}
.ch-info5 .ch-info-back5 {
        opacity: 0;
        background: #223e87;
        pointer-events: none;
        transform: scale(1.5);
        transition: all 0.4s ease-in-out 0.2s;
}
.ch-info5 h3 {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 18px;
        margin: 0 15px;
        padding: 40px 0 0 0;
        height: 80px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 
                0 0 1px #fff, 
                0 1px 2px rgba(0,0,0,0.3);
}

.ch-info5 p {
        color: #fff;
        padding: 10px 5px 0;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info5 p a {
        display: block;
        color: #e7615e;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info5 p a:hover {
        color: #fff;
}
.ch-item5:hover .ch-info-front5 {
        transform: scale(0);
        opacity: 0;
} 
.ch-item5:hover .ch-info-back5 {
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
}
/*sesto esempio*/
.ch-item6 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        cursor: default;
}
.ch-info-wrap6, 
.ch-info6{
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        transition: all 0.4s ease-in-out;
}
.ch-info-wrap6 {
        top: 20px;
        left: 20px;
        background: #f9f9f9 url(bg.jpg);
        box-shadow: 
                0 0 0 20px rgba(255,255,255,0.2), 
                inset 0 0 3px rgba(115,114, 23, 0.8);
        perspective: 800px;
}
.ch-info6 {
        transform-style: preserve-3d;
}
.ch-info6 > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
        transition: all 0.6s ease-in-out;
}
.ch-info6 .ch-info-front6 {
        transform-origin: 50% 100%;     
        z-index: 100;
        box-shadow: 
                inset 2px 1px 4px rgba(0,0,0,0.1);
}
.ch-info6 .ch-info-back6 {
        background: rgba(230,132,107,0);
}
.ch-info6 h3 {
        color: black;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 16px;
        margin: 0 25px;
        padding: 20px 0 0 0;
        height: 50px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 
                0 0 1px #fff, 
                0 1px 2px rgba(0,0,0,0.3);
}

.ch-info6 p {
        color: grey;
        padding: 5px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 14px;
        border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info6 p a {
        display: block;
        color: rgba(205,205,205,0.7);
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info6 p a:hover {
        color: rgba(255,242,34, 0.8);
}
.ch-item6:hover .ch-info-front6 {
        transform: rotate3d(1,0,0,-180deg);
        box-shadow: 
                inset 0 0 5px rgba(255,255,255,0.2), 
                inset 0 0 3px rgba(0,0,0,0.3);
}

.ch-item6:hover .ch-info-back6 {
        background: rgba(230,132,107,0.6);
}
/*setimo effetto*/
.ch-item7 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        cursor: default;
        perspective: 900px;
}
.ch-info7{
        position: absolute;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
}
.ch-info7 > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
        transition: all 0.4s linear;
        transform-origin: 50% 0%;
}
.ch-info7 .ch-info-front7 {
        box-shadow: 0 0 0 16px rgba(0,0,0,0.3);
}
.ch-info7 .ch-info-back7 {
        transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
        background: #000;
        opacity: 0;
}
.ch-info7 h3 {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 24px;
        margin: 0 15px;
        padding: 50px 0 0 0;
        height: 80px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 
                0 0 1px #fff, 
                0 1px 2px rgba(0,0,0,0.3);
}

.ch-info7 p {
        color: #fff;
        padding: 10px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info7 p a {
        display: block;
        color: rgba(255,255,255,0.7);
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info7 p a:hover {
        color: rgba(255,242,34, 0.8);
}
.ch-item7:hover .ch-info-front7 {
        transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
        opacity: 0;
}
.ch-item7:hover .ch-info-back7 {
        transform: rotate3d(1,0,0,0deg);
        opacity: 1;
}
/*END EFFETTI MOUSE HOVER */

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}

/*Filter styles
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }*/

/*.card {
	max-width: 240px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    transition: all 0.2s;
    cursor: pointer;
    box-shadow: 0px 17px 46px -10px #777777;
    border-radius: 14px;
  -webkit-animation: intro 1s 0.1s forwards;
          animation: intro 1s 0.1s forwards;
	background: -webkit-linear-gradient(45deg, #31a33f 0%, #A3E3C3 100%);
}*/
.btn_pz{background-color:#e3e3e3!important;padding: 10px; border-radius: 5px;margin: 0;display: inline-block;color:#ffffff!important}
.btn_price{background-color:#00cc04!important;   /*background-color:#bd9358!important;*/padding: 10px; border-radius: 5px;margin: 0;display: inline-block;color:#ffffff!important}
.special_link{background-color: #B30000;/*background-color: #000000;*/color:#ffffff!important; line-height: 0.7;
    padding: 10px;
    border-radius: 5px;
    /*position: relative;
    top: 15px;*/
    margin: 0;
    /*display: inline;*/
	display: inline-block;}
.special_link:hover{background-color: #f44336; color:#ffffff!important}
/*#prodotto .col-sm-6{width: 100%!important}*/
.card_inner__circle {
    overflow: hidden;
    width: 70px;
    position: absolute;
    background: #F1F0ED;
    z-index: 10;
    height: 70px;
    border-radius: 100px;
    left: 0;
    box-shadow: 0px 7px 20px rgb(0 0 0 / 28%);
    right: 0;
    margin: auto;
    border: 4px solid white;
	top: 100px;}

.card_inner__header {
    height: 130px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow: hidden;
}
.card_inner__circle img {
    height: 26px;
    position: relative;
    transition: all 0.2s;
	top: 22px;
    left: 1px;
}
.card_inner__header img {
  width: 150%;
  position: relative;
  top: -30px;
  left: 0;
  transition: all 0.1s linear;
}

.card:hover .card_inner__header img {
  left: -50px;
  transition: all 1.5s linear;
}

.card_inner__cta {
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
}

.card_inner__cta button {
  padding: 16px;
  box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
  width: 100%;
  background: -webkit-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
  border: none;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: white;
  outline: none;
  font-size: 20px;
  border-radius: 6px;
  transform: scale(0.94);
  cursor: pointer;
  transition: box-shadow 0.3s, transform 0.3s 0.1s;
}
.card_inner__cta button span {
  text-shadow: 0px 4px 18px #BA3F57;
}
.card_inner__cta button:hover {
  box-shadow: 0px 0px 60px 8px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
}

.card:hover .card_inner__cta button {
  transform: scale(1);
}
.card:hover .card_inner__circle img {
  -webkit-animation: launch 1s forwards;
          animation: launch 1s forwards;
}

.card_inner__content {
    padding: 60px 0;
}


@-webkit-keyframes launch {
  0% {
    left: 1px;
  }
  25% {
    top: -50px;
    left: 1px;
  }
  50% {
    left: -100px;
  }
  75% {
    top: 100px;
    transform: rotate(40deg);
  }
  100% {
    left: 1px;
  }
}

@keyframes launch {
  0% {
    left: 1px;
  }
  25% {
    top: -50px;
    left: 1px;
  }
  50% {
    left: -100px;
  }
  75% {
    top: 100px;
    transform: rotate(40deg);
  }
  100% {
    left: 1px;
  }
}
@-webkit-keyframes fly {
  0% {
    left: 0px;
  }
  25% {
    top: -50px;
    left: 50px;
  }
  50% {
    left: -130px;
  }
  75% {
    top: 60px;
  }
  100% {
    left: 0px;
  }
}
@keyframes fly {
  0% {
    left: 0px;
  }
  25% {
    top: -50px;
    left: 50px;
  }
  50% {
    left: -130px;
  }
  75% {
    top: 60px;
  }
  100% {
    left: 0px;
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}
@-webkit-keyframes intro {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(1.06);
  }
  50% {
    transform: scale(0.965);
  }
  75% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes intro {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(1.06);
  }
  50% {
    transform: scale(0.965);
  }
  75% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}


#team_widget_div_section,#team_widget_div_form, #section#team_widget_div_section .container{
    background: transparent!important;
}

#team_widget_div_form{padding:0!important}
#team_div_328mfa3fu{margin-top: -10px!important;padding: 0 3px!important;}

.form_widget .toggle_radio {display:none!important}
.h5.order_field:first-child{display:none!important}
.h5.order_field:before{content: "Totale spese: 0 €"!important; color: #333333!important;font-size: 1.25rem!important; margin:10px 0!important;display:block!important}
.h5.order_field:after{content: "Totale:  59,00 €"!important; color: #333333!important;margin:10px 0!important;display:block!important;font-size: 150%!important;}
.h3{display:none!important}  

.specialoffer{background-color:#b30000; padding: 15px; display:inline-block;position: absolute; top:25%;margin-left: 15px; zoom:0.8}
.triangularlabel_sx{width: 0; height: 0; border-top:100px solid rgba(167, 6, 6, 0.8); border-right: 100px solid transparent; position: fixed; top:0; left:0;z-index: 999999999999;}
.triangularlabel_sx p{color:#fff; position: fixed; top:0; left:0; font-weight: bold; padding: 5px 0px 0px 5px; text-align: left;line-height: 1;}
.triangularlabel_sx p span{font-size:30px}
.triangularlabel_dx{width:0; height:0; border-width:100px 0 0 100px; border-style:solid; border-color:rgba(167, 6, 6, 0.8) transparent transparent transparent; position: fixed; top:0; right:0;z-index: 999999999999;}
.triangularlabel_dx p{color:#fff; position: fixed; top:0; right:0;font-weight: bold; padding: 5px 5px 0px 05px; text-align: right;line-height: 1; font-size: 18px}
.triangularlabel_dx p span{font-size:21px; line-height:1.1}