@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,800,800i');

h1, h2, h3, h4, h5{font-family: "Montserrat";  font-weight: bold;color:var(--color-title)}

body, p, label, ul li, h1, h2, h3, h4, h5, button { font-family: "Montserrat"; font-weight:400; }
h1, h2, h3, h4, h5{font-family: "Montserrat";}
h1{font-weight:bold; }
h2{font-weight:300;}
b, strong{font-weight: 600}
h1, h2, h3{color:var(--color-title)}

h3 small{font-size: 50%;display: block}
h2 small{font-size: 50%;display: block}

body{color:var(--color-text);font-size:16px; }
html{font-size:14px;  }

@media all and (max-width:1199px){
	body{font-size:16px; }
}
@media all and (max-width:767px){
html{font-size:12px; }
body{font-size:14px; }
}
@media all and (max-width:360px){
html{font-size:10px; }
body{font-size:12px; }
}
a{text-decoration: none}
.text-justify{text-align: justify}


/*CONTENUTI*/

.content{overflow: hidden}
.content .container{z-index: 3; position: relative;}
.content section{position: relative;}

.content > section{padding:2rem 30px; }
@media all and (max-width:767px){
.content > section{padding:2rem 15px;}
}
@media all and (max-width:565px){
	.content > section{padding:2rem 15px ;}
}

.content h2{font-weight: bold;font-size:5rem;margin:2rem 0px 2rem 0px}
.content h2 small{font-size:1.8rem;font-weight:normal;}
.content h3 {font-size:2rem;font-weight: bold;}
.content h4{font-size:1.6rem;font-weight: bold;}


@media all and (max-width:1199px)
{
	.content h2{font-size:3rem }
	.content h2 small{font-size: 50%}
}
@media all and (max-width:991px)
{
	
	.content h2{font-size:3rem;line-height: initial!important; }
	.content section.sezione00 h2{font-size:2.5rem}
}
@media all and (max-width:768px)
{
		section.fascia h2{font-size:2.5rem;line-height: initial!important; }
}

/*CERCHI GRANDI*/
.cerchio-grande{position: absolute;z-index: 3;width:50vw;height: 50vw;}
.sinistra{left: -30vw;}
.destra{right: -30vw;}
.alto{top: -25vw;}
.alto2{top: 0vw;}
.mezzo{top: 10vw;}
.basso{bottom: -20vw;}
/*CERCHI GRANDI*/
/*SLIDE.R*/

.cover{position:relative;height:100vh;}	
body:not(.interno ) .content{margin-top:-135px;}
@media all and (max-width:1199px)
{
	body:not(.interno ) .content{margin-top:-85px}
}

section.copertina{z-index: 2;position:relative;overflow-x: hidden;padding:0px;}
/*
section.copertina{margin-top:-135px;}
@media all and (max-width:1199px)
{
	.copertina{margin-top:-85px}
}
*/
.copertina video{width:100%}
@media all and (max-width:991px)
{
	.copertina img,.copertina video{width: 150%;    max-width: none;    margin-left: -25%;}

}
@media all and (max-width:767px)
{
	.copertina img,.copertina video{width: 160%;      margin-left: -31%;}
}
/*SEZIONE 00*/
/*SEZIONE 00*/
/*SEZIONE 00*/
section.sezione00
{
	z-index: 2;
	padding-top: 10%;
}
@media all and (max-width:768px)
{
	section.sezione00{margin-top: -13px;}
}

section.sezione00 h2{color: var(--color);position: relative;z-index:10 ;}

section.sezione00 .sf_top{margin-top: -30px;position: absolute;width: 100%;left: 0px;top: 0px;}
section.sezione00 .foglie_1{position: absolute;width: 100%;margin-left: -30px;text-align: center; top: -50px;z-index:4;}
section.sezione00 .foglie_2{position: absolute;width: 100%;margin-left: -30px;text-align: center; top: 55%;z-index:4 ;}
section.sezione00 {background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(184,217,45,1) 49%, rgba(255,255,255,1) 81%);}
section.sezione00 .prodotti{margin-top:5rem;margin-bottom:-5rem}
@media all and (max-width:768px)
{
	section.sezione00 .sf_top{margin-top: -12px;}
	section.sezione00 .foglie_2{top: 70%;}
	section.sezione00 .foglie_1{top: 0%;}
}


/*SEZIONE FASCE*/
/*SEZIONE FASCE*/
/*SEZIONE FASCE*/
section.fascia h2{color: var(--white);text-shadow:var( --shadow02);}
section.fascia {padding: 0;position: relative;background:#fbfbfb}
section.fascia .testo {position:absolute; width:100%;height:100%;text-align: center;padding:15px}
section.fascia .testo .container,section.fascia .testo .row{height:100%;}
section.fascia > img{width:100%;}
section.fascia .simpleParallax > img{width:100%;}
section.fascia.mappa .testo {text-align: left;}
section.fascia.mappa .areamappa img{
    min-height: 800px;
    object-fit:cover;
	width:100%
}

section.fascia.video iframe{width:100%;height:100% ; position:absolute}
section.fascia.video video{width:100%;}

section.fascia.mappa form{}
section.fascia.mappa h2{text-shadow:var( --shadow03);line-height: normal;}


/*POSIZIONE FORM*/
section.fascia.mappa .cont-form{position: absolute;     width: 550px;     margin-top: calc( 50% - 400px );     max-width: calc( 100% - 15px) }

@media all and (max-width:1199px)
{
	section.fascia.mappa .cont-form{margin-top: calc( 50% - 300px );}
}
@media all and (max-width:991px)
{
	section.fascia.mappa .cont-form{margin-top: calc( 50% - 100px )}
}
@media all and (max-width:767px)
{
	section.fascia.mappa .cont-form{margin-top: 100%;}
}
/*POSIZIONE FORM*/

section.fascia.mappa form h4{margin-bottom:2rem}
.form-ricerca{box-shadow:var(--shadow03);border-radius:var(--border-radius);padding:30px;background:white}
/*SEZIONE FASCE*/
/*SEZIONE FASCE*/
/*SEZIONE FASCE*/
/*SEZIONE 01*/
/*SEZIONE 01*/
/*SEZIONE 01*/
section.sezione01
{
overflow: hidden;
z-index:4;
}
section.sezione01 .box-video{position: relative;right:-100px;width:calc(100% + 100px);border-radius:100%;padding-top:4rem;}

section.sezione01 .box-video.due{right:0px; left:-200px;}
section.sezione01 .box-video .cerchio-video{box-shadow:var(--shadow01);position: relative;z-index: 1;border-radius:100%;border:3rem solid white;overflow: hidden;cursor: pointer}

section.sezione01 .box-video .cerchio-video video {width:100%;margin-bottom:-10px}
section.sezione01 .box-video .cerchio-video iframe{width:100%;height:100% ; position:absolute}



section.sezione01 .box-video .cerchio{position: absolute;z-index:-1 ; border-radius: 100%; width:50%; background:white;box-shadow:var(--shadow01);border-radius:100%;top:60%}
section.sezione01 .box-video.due .cerchio{ right:0px;}
section.sezione01 .box-video .titolo{position: absolute;z-index:2;margin-top:-2rem;width:100%;}
section.sezione01 .box-video .titolo *{font-size:3.5rem;}
section.sezione01 .box-video h3{ border-radius: 3rem;background:white; box-shadow:var(--shadow01); padding:0rem 2rem;display: inline-block;font-weight: bold;margin-bottom:0.1rem;}

.interno section.sezione01 .testo small{font-size:10px;color:var(--color-text);margin-top:1rem;display: block;}

@media (min-width:991px) and (max-width:1400px)
{
	section.sezione01 .box-video .titolo *{font-size:2.5rem;}
}
@media (min-width:991px) and (max-width:1199px)
{
	section.sezione01 .box-video .titolo *{margin: 0 auto!important;}
}
@media all and (max-width:1199px)
{
	section.sezione01 .box-video .cerchio-video{border:2rem solid white;}
}
section.sezione01 .box-video.due{margin-bottom: 20%;}
@media all and (max-width:991px)
{
	section.sezione01 .box-video{margin-bottom: 20%;}
	section.sezione01 .box-video .cerchio-video{border:2rem solid white;}
	section.sezione01 .box-video,section.sezione01 .box-video.due{right:0px;left:0px;width:calc(100% + 00px);}
	section.sezione01 .box-video .titolo *{font-size:2.5rem;}
}
/*SEZIONE 03*/
/*SEZIONE 03*/
/*SEZIONE 03*/
section.sezione03{padding:3rem 0px 3rem 0px;

	background:url("../images/sf_prodotti.png") no-repeat center 20rem; background-size:cover;}

section.sezione03 .swiper-slide > div {position:relative; margin-bottom: 3rem; }
section.sezione03 .swiper-slide .linea{width:1000px;margin-bottom:2rem;}

.swiper-button-prev,.swiper-button-next
{background:white; box-shadow:var(--shadow01);border-radius:100%;padding: 3rem;color: var(--color);}

.swiper-pagination .swiper-pagination-bullet-active{background-color: var(--color);}
@media all and (min-width:1600px)
{
	.swiper-button-prev {	left:15%;}
	.swiper-button-next  {	right:15%;}
}
@media all and (max-width:768px)
{
.swiper-button-prev {	top:35%;}
.swiper-button-next  {	top:35%;}
section.sezione03 .swiper-slide .linea{margin-bottom:6rem;}
}

.linea_0{color:var(--color1)}
.linea_0b{color:var(--color1-hover)}
.linea_0 > span{color:var(--color1-hover)}

.linea_1{color:var(--color1)}
.linea_1b{color:var(--color1-hover)}
.linea_1 > span{color:var(--color1-hover)}

.linea_2{color:var(--color2)}
.linea_2b{color:var(--color2-hover)}
.linea_2 > span{color:var(--color2-hover)}

.linea_3{color:var(--color3)}
.linea_3b{color:var(--color3-hover)}
.linea_3 > span{color:var(--color3-hover)}

.linea_4{color:var(--color4)}
.linea_4b{color:var(--color4-hover)}
.linea_4 > span{color:var(--color4-hover)}

.bg-color01{background:var(--color1);}
.bg-color02{background:var(--color2);}
.bg-color03{background:var(--color3);}
.bg-color04{background:var(--color4);}

/*SEZIONE 02*/
/*SEZIONE 02*/
/*SEZIONE 02*/

section.sezione02{background: url("../images/scegli_sf.png") no-repeat;background-size: cover;background-position:center top;}
section.sezione02 .box{background: white;}
section.sezione02 .cerchio{position: absolute;z-index:-1 ; border-radius: 100%; width:20rem; background:white;box-shadow:var(--shadow01);border-radius:100%;top:60%;opacity:0.5;}
section.sezione02 .cerchio.due{top:20%;right:0}

/*BOX*/

.carosello .box,.carosello .box:hover{
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.container.carosello-cont{width:1100px;margin:0px auto;max-width:100%; }
.carosello .item{margin:0px auto;}
@media all and (min-width:991px)
{
	.carosello .item{padding:10px;width:300px;}
}
@media all and (min-width:1199px)
{
	.carosello .item{padding:10px;width:340px;}
}

@media (min-width:768px) and (max-width:991px)
{
	.carosello .item{padding:10px;width:330px;}
}
@media (max-width:991px)
{
	.container.carosello-cont{width:calc(100% + 60px);max-width: inherit;
		margin-left:-30px}
}
@media (max-width:767px)
{
	.carosello .item{padding:20px;width:350px; margin:0px auto;}
}
@media (max-width:565px)
{
	.carosello .item{padding:20px;width:340px; margin:0px auto;}
}



.carosello .item.uno{margin-top:3rem}
.carosello .item.due{margin-top:7rem}
/*QUI*/
.carosello .box {box-shadow:var(--shadow01);background:white;border-radius:0.8rem;position: relative;overflow: hidden;
	z-index:2;height:400px;}
.carosello .box.due{position:inherit}

.carosello .box:hover {box-shadow:0px 0px 30px #00000033;}
.carosello .box h3{font-weight:bold; color:#fff;}
.carosello .box h3{padding:0px 2rem ;}
.carosello .box i{font-size: 4rem; border-radius:100%;padding:2rem;background:white;margin-bottom:2rem;color: white;}
.carosello .box i{background: var(--gradient01);position: relative;z-index: 2;}
.carosello .box i img{width:5rem}
.carosello .box .cerchio{border:1.2rem solid var(--white); width:80%;border-radius: 100%;position: absolute;top:-3rem; left:-3rem;}
.carosello .box.due .cerchio{top:-7rem; left:-5rem;width:65%;}
.carosello .box .cerchio.due{border:0.5rem solid var(--white); width:35%;top:5rem; left:13rem;}
.carosello .box.due .cerchio.due{top: -3rem;    left: 19rem;}
.carosello .box .testo{padding: 0 2rem;}
.carosello .box .testo small {  font-size: 0.9rem}
.carosello .box a p{color:var(--color-text)}
.carosello .box .flip-img{ object-fit: cover;height:100%;}

.carosello .flip-card {margin:20% 0px ;}


.carosello .box.gradient01 i{background: var(--gradient01);}
.carosello .box.gradient02 i{background: var(--gradient02);}
.carosello .box.gradient03 i{background: var(--gradient03);}
.carosello .box.gradient04 i{background: var(--gradient04);}

.carosello .box.gradient01 h4{color:var(--color1)}
.carosello .box.gradient02 h4{color:var(--color2)}
.carosello .box.gradient03 h4{color:var(--color3)}
.carosello .box.gradient04 h4{color:var(--color4)}
.carosello .box.gradient01 .cerchio{border:1.4rem solid var(--color1);top:-4rem; left:-3rem;}
.carosello .box.gradient01 .cerchio.due{border:0.5rem solid var(--color1); width:35%;top:5rem; left:13rem;opacity: 0.1; }
.carosello .box.gradient02 .cerchio{border:1.4rem solid var(--color2);top:10rem; left:10rem;}
.carosello .box.gradient02 .cerchio.due{border:0.5rem solid var(--color2); width:35%;top:5rem; left:13rem;opacity: 0.1; }
.carosello .box.gradient03 .cerchio{border:1.4rem solid var(--color3);top:-7rem; left:2rem;}
.carosello .box.gradient03 .cerchio.due{border:0.5rem solid var(--color3); width:35%;top:8rem; left:13rem;opacity: 0.1; }
.carosello .box.gradient04 .cerchio{border:1.4rem solid var(--color4);top:-6rem; left:8rem;}
.carosello .box.gradient04 .cerchio.due{border:0.5rem solid var(--color4); width:35%;top:8rem; left:3rem;opacity: 0.1; }




/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 400px;

	perspective: 1000px; /* Remove this if you don't want the 3D effect */
	}
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;

  }
  

.flip-card:hover .flip-card-inner .flip-card-back{z-index: 3;}/*NECESSARIO PER SAFARI*/

  /* Do an horizontal flip when you move the mouse over the flip box container */
  @media (max-width:991px)
  {
  .active.center .flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
  }
}
  @media (min-width:992px)
  {
	.flip-card:hover .flip-card-inner {
		transform: rotateY(180deg);
  }
}
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
	background-color: #bbb;
	background: transparent;
	color: black;
  }
  
  /* Style the back side */
  .flip-card-back {
	background-color: dodgerblue;
	color: white;
	transform: rotateY(180deg);
	background: transparent;
  }




  /*ICONE*/
  .icone {max-width:1000px;margin:0px auto;}
  .icone *{font-size:12px;font-weight: 600;line-height: normal;}


@media all and (min-width:768px)
{
.icone [class^='col-4'] { max-width:120px}
}

  .icone [class^='col-4'].protezione div{ background: var(--color);color:#fff;margin-bottom:1rem ; margin:0px 0.2rem 0px 0.2rem;}
  .icone [class^='col-4'].protezione div img{filter:invert(1);margin:1rem auto 0rem auto;}
  .icone [class^='col-4'] div{background: #fff;border-radius:0.5rem 1rem 0.5rem 2rem;padding: 1rem 0.5rem;color:var(--color-title);margin-bottom:1rem;}

  
  .icone .row .contro div{border-radius:0;}
  .icone .row .contro.primo div{border-radius:0.5rem 0rem 0rem 2rem;}
  .icone .row .contro.ultimo div{border-radius:0rem 1rem 0.5rem 0rem}
  .icone .row .caratteristica strong{color:var(--color);display: block;} 
  .icone .row .caratteristica img{margin:1rem auto 0rem auto;}
  .icone .row .caratteristica div {border: 1px solid var(--color);margin:0px 0.2rem 0px 0.2rem;}
  .icone img{width: 50px ;display: block;margin:0rem auto 1rem auto;}
.icone .contro img{margin:0rem auto 0.3rem auto;}
.icone .contro span {margin-bottom:0.5rem ;display: block}
.icone em{display:block;border-radius: 0.5rem 1rem 0.5rem 2rem;background:var(--color);color: white;padding:0.1rem 0}
 @media (min-width:768px) and (max-width:1199px)
{

	.icone *{font-size:11px;}
}


/*PAGINA PRODOTTO*/
/*PAGINA PRODOTTO*/
/*PAGINA PRODOTTO*/
section.prodotto{padding-top:4rem;padding-bottom:6rem;background:var(--very-light-grey);}
section.prodotto .linea{ margin-bottom: 5rem;}
section.prodotto .linea_logo{height:50px;}
section.prodotto h3{padding:1rem 0px;}
section.prodotto .testo strong{color: black;}
section.prodotto .testo{color:black;}
section.prodotto .testo small{font-size:10px;line-height:initial;display: inherit;color:var(--color-text);}
section.prodotto .testo small.small2{font-size:12px;margin-bottom:1rem;display: block}
section.prodotto .testo ul{padding:1rem 0px;}
section.prodotto .testo li{list-style: none;padding:0px;padding-left:3.5rem;}
section.prodotto .testo li i{position: absolute; border-radius: var(--border-radius); background: white; padding: 0.7rem;margin-right:1rem;margin-left:-3.5rem; color:var(--color);font-size:1.5rem;}
@media all and (max-width:991px)
{
	section.prodotto .linea{margin-bottom:3rem;}
}
section.sezione-icone .container .icone{margin-top: -6rem;}

section.altriprodotti .prodotto{
	text-align: center;
	position: relative;	
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;}
section.altriprodotti .prodotto { display: block;background:var(--very-light-grey);border-radius: var(--border-radius);padding:2rem 1rem;margin-bottom:1rem;}
section.altriprodotti .prodotto span{font-weight:600;display: block;margin-top:1rem;line-height: normal;}
section.altriprodotti .prodotto div{ position: absolute;top:40%;left:0px;width:70%;margin-left:15%;opacity:0;}
section.altriprodotti .prodotto:hover div{opacity: 1;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;}
section.altriprodotti .prodotto:hover{box-shadow:var(--shadow01);background-color: white;}

section.fascetta {margin-top:-2rem}
@media all and (min-width:1200px)
{
section.fascetta {margin-top:-6rem}

}
section.fascetta .fascetta-completa  h3{font-weight:normal;font-size:1.5rem;letter-spacing:-1}
section.fascetta .fascetta-completa{background:var(--color7);border-radius:1rem 1rem 1rem 3rem;}
section.fascetta .fascetta-completa .fascetta-contatti{padding:2rem;color:var(--color7);}
section.fascetta .fascetta-completa .fascetta-contatti h3{color:white;} 
section.fascetta .fascetta-completa .fascetta-mappa{padding:2rem;border-radius:1rem 1rem 1rem 3rem;;background:var(--very-light-grey);position:relative; margin-right:-1px;}
section.fascetta .fascetta-completa   i{color:#ec6433;font-size:5rem;}
section.fascetta .fascetta-completa   .fascetta-contatti i{color:var(--white);}
section.fascetta .fascetta-completa .fascetta-mappa h3{color:var(--color7);}

/*PAGINA PRODOTTO*/
/*PAGINA PRODOTTO*/
/*PAGINA PRODOTTO*/
/*PAGINA CATEGORIA*/
section.altriprodotti.categoria .prodotto figure
{
	border-radius: 100%;
	background:var(--very-light-grey);
	padding:4rem;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
section.altriprodotti.categoria .prodotto { background:none;}
section.altriprodotti.categoria .prodotto:hover{background:none;box-shadow:none;}
section.altriprodotti.categoria .prodotto:hover figure{box-shadow: var(--shadow01);background: white;}
section.altriprodotti.categoria .prodotto span{font-size:2rem;margin:1rem auto;}
section.altriprodotti.categoria .prodotto  div{max-width:100%;width:200px;margin:1rem auto 0px auto;position: static;opacity: 1;}
@media all and (max-width:991px)
{
section.altriprodotti.categoria .prodotto figure
{
	padding:2rem;
}
section.altriprodotti.categoria .prodotto span{font-size:1.6rem;}
}
/*PAGINA CONTATTI*/
/*PAGINA CONTATTI*/
/*PAGINA CONTATTI*/

.interno .testo *{line-height: inherit;}
/*PAGINA CONTATTI*/
/*PAGINA CONTATTI*/
/*PAGINA CONTATTI*/



/*ACCORDION*/
.content .accordion-item{border:0}
.content .accordion-body{background:  var(--very-light-grey);padding:3rem}
 @media (max-width: 767px){
	 .content .accordion-body{ padding:1rem 2rem}
}
.content .accordion .accordion-button:not(.collapsed){background:var(--very-light-grey);color:var(--color);box-shadow:none}
.content .accordion .accordion-button{background:var(--color);color:white;font-weight: bold}
.accordion-button::after{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.content .accordion-button:not(.collapsed)::after{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ac162b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.content .accordion h2{margin:0px}

.content .accordion .accordion-button{font-size:1.2rem}
.content .accordion {margin-bottom:1rem}

.content .accordion-testo.accordion .accordion-button::after{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ac162b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.content .accordion-testo.accordion .accordion-button:not(.collapsed){ background-color:white;color:black}
.content .accordion-testo.accordion .accordion-button{ background-color:#fff;color:black;padding:0px; font-size:inherit;font-weight:inherit}


.content .accordion-testo.accordion{margin-bottom:0px}
.content .accordion-testo.accordion .accordion-collapse{margin-top:1rem}

@media all and (min-width:991px)
{
	.content .accordion-testo.accordion .accordion-button{cursor:default}
.accordion-testo.expand-lg .accordion-collapse{display:block!important}
.content .accordion-testo.accordion .accordion-button::after{ display: none;}
}





/*ACCORDION*/

.rellax{transition: transform 5s cubic-bezier(0,1,.5,1);}





/*PAGINA FARMACISTA*/
/*PAGINA FARMACISTA*/
/*PAGINA FARMACISTA*/
.cont img{ border-radius:10rem 2rem 2rem 2rem;box-shadow:var(--shadow01)}

.lista ul{margin:3rem 0px;padding:0px}
.lista li{
list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--almost-light-grey);
    padding-bottom: 15px;
}
.lista li a{color:black}


section.contenuto h2{font-size:3rem}

section.contenuto {
    
    align-items: center;
    display: flex;
    
	 min-height: 80vh;
    margin: 0px;
    padding: 40px 21px;

}
.box-cont{box-shadow:var(--shadow01);
    border-radius: 1rem;
    background: white;
    overflow: hidden;
  
    margin-bottom: 2rem;}
.box-cont .testo{ padding: 2rem;}


.bg-grey{background:var(--very-light-grey);}
.content section.contenuto.vantaggi{background:var(--very-light-grey);}

.content section.contenuto .card
{
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;	
	border:none;
	
}
.content section.contenuto .card:hover{		-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;	
border-radius:var(--border-radius)}

.content section.contenuto .card:hover{box-shadow: var(--box-shadow);margin-top:-1rem;margin-bottom:2rem;
	border-radius:var(--border-radius_hover)
}

/*VANTAGGI*/
.content section.contenuto.vantaggi .card img{ display: block; width:80px; margin:1rem auto 1.5rem auto}
.content section.contenuto.vantaggi .card{background:white;padding:1rem;height:calc(100% - 0.2rem);width:300px;max-width:100%;border-radius:var(--border-radius);margin-bottom:1rem;position:relative;}
.content section.contenuto.vantaggi h4{font-weight:normal;font-size:1.2rem}
.content section.contenuto.vantaggi .bolli{max-width:700px;margin:2rem auto;}
/*VANTAGGI*/


section.sezione-box{ background:var(--gradient01)}
section.sezione-box h2{color:white;}


/*CONTROLLI VIDEO*/
    #video-container {
      position: relative;
      
    }

#video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: block;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}

#play-pause-button {
      color: #fff;
      font-size: 5rem;
      cursor: pointer;
		position: absolute;
		left: calc(50% - 2.5rem);
   		 top: calc(50% - 2.5rem);
		text-shadow:var(--shadow01);
}

@media all and (max-width:767px){
	
	#play-pause-button,
	#video-overlay 
	{ display: none!important}
}
	
	
	
/*CONTROLLI VIDEO*/