.no_mobile{
  display: none;
}

body{
  font-size: 3vw;
}

/*animazione titoli*/

.anispa{
  opacity: 0;
}

.animate_h1 span{
    width: 100%;
  /*  float: left;*/
      -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
    transform: translateY(-50px);
    opacity: 0;
  }
.animate_h1 span{
  /*animation-delay: 0.6s;*/
  -webkit-animation-fill-mode: forwards;
}
@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      /*
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
          */
  }
  100% {
      transform: translateY(0);
      opacity: 1;
          /*
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
          */
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
  }
}



.melograno{
  color: #FF3F78;
}


header{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  /* transition: all 0.2s linear; */
  /* padding: 0 0 0 0vw; */
  padding:3vh 0 2vh 0;
  /* height: 35vh; */
}

.nav_mobile{
  z-index: 9999999999999;padding-top: 9.4vh !important;
}


.shrink{
  background-color: rgba(255,255,255,0.85);
  padding: 2vh 0;
  transition: all 0.2s linear;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}


     .logo_shrink{
      width: 90%;
      /*opacity: 0;*/
      text-align: left;
      margin: 0 auto;
     }


.logo_shrink img{
  height: 7vh !important;
}

.shrink .logo_shrink img{
  height: 7vh !important;
}

.menu{
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none;
}

.menu_div{
  /*opacity: 0;*/
  /* width: 72%; */
  /* padding: 0vh 0.5vw 0 0.5vw; */
  /* position: relative; */
}

.menu_div ul{
  width: 100% !important;
padding: 0 !important;
margin: 0 !important;
list-style-type: none;
}


.menu_div li{
  display: inline-block !important;
  padding: 0;
  margin: 0;
  position: relative;
}

.menu_div li a {
  display: block;
  font-size: 86% !important;
  padding: 0 0.5vw;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s;
}


.shrink .menu_div li a {
  display: block;
  font-size: 75% !important;
  padding: 0 0.5vw;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s;
}




.menu_div li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70%;
  top: 17%;
  right: -0.2vw;
  background-color: #fff;
  transition: all 0.4s;
  z-index: 99999;
}

.menu_div li:last-child:after {
display: none;
}



.menu_div::before{
  content: '';
  position: absolute;
  width: 110%;
  height: 18vh;
  background-image: url(../images/sfondo_menu.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 110%;
  z-index: -1;
  left: -2vw;
  top: -8vh;
}


.shrink .menu_div::before {
  content: '';
  position: absolute;
  width: 110%;
  height: 17vh;
  background-image: url(../images/sfondo_menu.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  z-index: -1;
  left: -1vw;
  top: -8vh;
}

.menu_div a{
  display: block;
  font-size: 90%;
  padding: 0 0.5vw;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s;
}

.menu_div a:hover{
  color: #FF3F78;
  text-decoration: none;
}


.menu_div a::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70%;
  top: 17%;
  right: -0.2vw;
  background-color: #fff;
  transition: all 0.4s;
  z-index: 99999;
}

.menu_div a:last-child:after {
display: none;
}




.shrink .menu_div a{
  font-size: 75%;
}



.shrink .menu_div {
  width: 66%;
  padding: 0vh 0.5vw 0 0.5vw;
}

.intro{
  width: 100%;
  height: 100vh;
  padding-top: 8vh;
  position: relative;
}


.intro h1{
  color: #222;
  font-size: 280%;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 3vh;
  margin-top: 8vh;
  text-align: center;
  letter-spacing: -1px;
}

.content_intro{
  width: 90%;
  margin: 0 auto;
}

.grafica_intro{
  display: inline-block;
  margin-left: 0;
  width: 100%;
  margin: 0 auto;
}

.carosello_img{
  width: 90%;
  margin:0 auto 0vh auto;
}



.owl_hp_mobile{
  width: 100%;
  height:  35vh !important;
margin-bottom: 10vh;
  position: relative !important;

  margin-top: 8vh;
}

.owl_hp_mobile .owl-stage-outer{
border-radius: 1.5vw;
}

.owl_hp_mobile .item{
width: 100%  !important;
  height: 30vh !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/*  border-radius: 1.5vw;*/
}




.owl-dots{
  position: absolute;
  z-index: 999999999;
  bottom: 0;
  left: 0vw;
  width: 100%;
  text-align: center;
  }
  
  .owl-dots .owl-dot span {
      width: 15px !important;
      height: 15px !important;
      display: block;
      border-radius: 100%;
      margin: 0 5px;
      background-color: #999;
  }
  
  .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
      background: #00AF1A !important;
      scale: 0.7;
  }


.forma_intro{
  width: 90%;
  height: 52vh;
  display: block;
  position: absolute;
  left: 1vw;
  bottom: -12vh;
  z-index: -1;
  display: none;
}


.img1_intro{
  width: auto;
  height: 50vh;
  display: block;
  position: absolute;
  right: 12vw;
  bottom: 14vh;
  z-index: 1;
  display: none;
}

.img2_intro{
  width: auto;
  height: 45vh;
  display: block;
  position: absolute;
  right: 2vw;
  bottom: -12vh;
  z-index: 2;
  display: none;
}



.img3_intro{
  width: auto;
  height: 40vh;
  display: block;
  position: absolute;
  right: 22vw;
  top: 0;
  z-index: 3;
  display: none;
}



.chi_siamo_hp{
  width: 100%;
  padding: 12vh 0 8vh 0;
  position: relative;
}



.content_chi_siamo_hp{
  width: 90%;
  margin: 0 auto;
}

.content_chi_siamo_hp p{
  width: 100%;
  color: #222;
  font-size: 120%;
  line-height: 1.6;
}

.content_freccia{
  width: 35%;
  margin: 4vh 0;
  text-align: center;
}

.freccia_box{
height: 20vh;
}




.box_hp_sx{
  width: 100%;
  padding: 31vh 0 16vh 0;
  position: relative;
}


.box_hp_dx{
  width: 100%;
  padding: 30.5vh 0 12vh 0;
  position: relative;
}

.forma_intest{
  width: 160%;
  /* height: 62vh; */
  display: block;
  position: absolute;
  right:0;
  top: 30vh;
  z-index: -1;
  display: none;
}


.tit_categoria{
  color: #fff;
  font-size: 300%;
  /* font-family: Rockwell; */
  font-weight: normal;
  line-height: 1.2;
  padding: 0;
  position: absolute;
  top: 23.5vh;
  left: 0;
  right: 0;
  margin: auto;

}


.content_box_hp_sx{
  width: 90%;
  margin: 0 auto;
}


.content_box_hp_dx{
  width: 90%;
  margin: 0 auto;
}

.empty_box_hp{
  width: 50%;
}

.content_box_hp_sx h1{
  color: #FF3F78;
  font-size: 256%;
  /*font-family: Rockwell;*/
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 3vh;
  margin-top: 0;
  text-align:  center;
}

#prove_collaborative .content_box_hp_sx h1{
  /* font-size: 184% !important; */
  /* padding-top: 1.5vh; */
  }
  


.content_box_hp_sx p{
  width: 100%;
  color: #222;
  font-size: 120%;
  line-height: 1.6;
}



.content_box_hp_dx h1{
  color: #FF3F78;
  font-size: 256%;
  /*font-family: Rockwell;*/
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 3vh;
  margin-top: 2vh;
  text-align: center;
  padding-top: 1.5vh;
}

/*
#sostenibilita .content_box_hp_dx h1{
  font-size: 198% !important;
  padding-top: 0.2vh !important;!i;!;
  }
  
  #etichettatura .content_box_hp_sx h1{
    font-size: 220% !important;
    }*/
    

.content_box_hp_dx p{
  width: 100%;
  color: #222;
  font-size: 120%;
  line-height: 1.6;
}


.grafica_assistenza{
  position: absolute;
  width: 80%;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}


.grafica_prove{
  position: absolute;
  width: 83%;
  top: 1vh;
  right: 0;
  left: 0;
  margin: auto;
}



.grafica_etichettatura{
  position: absolute;
  width: 100%;
  top: -4vh;
  right: 0;
}



.grafica_moca{
  position: absolute;
  width: 83%;
  top: -8vh;
  left: 0;
  right: 0;
  margin: auto;
}



.grafica_sostenibilita{
  position: absolute;
  width: 98%;
  top: -3vh;
  left: 0;
  right: 0;
  margin: auto;
}



.read_more{
  display: block;
  margin: 3vh auto;
  padding: 1vh 7vw;
  border-radius: 20px;
  background-color: #222;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  font-size: 120%;
  width: 60%;
}

.read_more:hover{

  background-color: #FF3F78;
  color: #fff !important;
  text-decoration: none;
}


  .left {
    width: 50%;
    left: 0;
    }

  .right {
    width: 50%;
    right: 0 !important;
    }

    .anima_left{
      animation: left 1.5s ease-in-out 0.5s 1 normal forwards;
    }

    .anima_right{
     animation: right 1.5s ease-in-out 0.5s 1 normal forwards;
        }


  @keyframes left {
      0%{
          opacity: 1;
      }


      100% {
          opacity: 1;
  width: 0;
      }
  }

  @keyframes right {
    0%{
      opacity: 1;
    }
    100% {
      opacity: 1;
      width: 0;
    }
  }




footer{
  background-color: #cacaca;
  padding: 4vh 0 0 0;
}

.foot{
  width: 90%;
  margin: 0 auto;
  color: #222;
  font-size: 100%;
}

.foot a{
  color: #222;
}
.foot a:hover{
  color: #CE1D09;
}

.foot img{
  height: 5vh !important;
  margin-bottom: 1vh;
}

.txt_foot{
  padding-bottom: 3vh;
  font-size:100%;

  text-align: center;
}


.img_logo_foot{
  height: 20vh;
}

.img_logo_foot img{
  height: 8vh;
}





.location{
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
  overflow: hidden;
}

#map{
  width: 100%;
  height: 80vh;
}

.txtmaps {
  padding: 20px 20px;
  font-size: 13px;
  text-align: center;
  color: #222;
}

.txtmaps img{
  height:6vh;margin-bottom:10px;
}

.txtmaps h2{
  font-weight:bold;font-size:150%;
}


.txtmaps p{
line-height:1.5;
font-size:100%;
}





/*form scheda*/

#form_info{
  display: none;
}

.form_info{
	width: 100%;
	background-color: #f5f5f5;
	padding: 5vh 0 10vh 0;
  position: relative;
}




	.container-contact-info {
	  width: 90%;
		margin: 0 auto 0 auto;
	  padding:1vh 0;
	}



	.cont-form{
		width: 100%;
	}


.form_info h2{
    color: #00AF1A;
    font-size: 280%;
    /*font-family: Rockwell;*/
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 2vh;
    text-align: center;
  }


.page .form_info h2 {
  color: #00AF1A;
  font-size: 215% !important;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 2vh;
  text-align: center;
}


	.text-modulo {
    padding: 10vh 0;
    width: 70%;
    margin: 0 auto;
   text-align:center;
   min-height:30vh;
	}


	.text-modulo h1{
  	font-size: 200%;
		font-weight: 800;
	  color: #222;
	}

	.text-modulo p{
		margin: 20px 0 30px 0;
}

	.text-modulo a{
		color: #033E5B;
		text-decoration: none;
	}
	.text-modulo a:hover{
		color: #222;
		text-decoration: none;
	}



  /*pagina interna*/

  .intest_page{
    width: 90%;
    margin: 0 auto;
    /* padding-top: 28vh; */
    position: relative;
  }

  .circle_page{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36vh;
    text-align: center;
  }

  .forma_intest_page{
    width: 200% !important;
    height: 50vh !important;
    display: block;
    position: absolute;
    right: -2vw;
    display: none;
    top: 0vh;
    z-index: -1;
  }
  


  .empty_page{
    width: 40%;
  }

  .circle_page img{
    /*! width: 100%; */
    width: 100%;
  }


.title_page{
  width: 100%;
  padding-top: 13vh;
}


.breadcrumb_page{
  margin-bottom: 2vh;
  font-size: 110%;
  color: #333;
  text-align: center;
  text-transform: uppercase;
}

.breadcrumb_page a{
  font-size: 100%;
  color: #333;
  text-decoration: none;
}

.breadcrumb_page a:hover{
  font-size: 90%;
  color: #00AF1A;
  text-decoration: none;
}


.title_page h1{
  color: #fff;
  font-size: 230%;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.1;
  text-align: center;
  padding: 2vh 2vw;
  background-color: #FF3F78;
  border-radius: 50px;
}


.content_page{
  width: 90%;
  margin: 3vh auto;
  /* text-align: center; */
}


.wp-block-image img{
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.img_full img{
  width: 100% !important;
  height: auto;
}


.content_page p{
  padding: 1.5vh 0;
font-size: 130%;
line-height: 1.6;
color: #222;
}

.content_page ul{
  font-size: 90%;
  line-height: 1.6;
  text-align: left;
  color: #222;
}

.wp-block-column figure{
  margin: 0 auto 5vh auto;
  text-align: center;
  width: 100%;
}

.fig_chi_siam figure{
  margin: 0 auto 2vh auto !important;
  text-align: center;
}

.box30{
  width: 100% !important;
}

.box35{
  width: 100% !important;
}


.mobile100{
  width: 100% !important;
}


.read_more_page a{
  display: block;
  margin-top: 3vh;
  padding: 1vh 2vw;
  border-radius: 20px;
  background-color: #FF3F78;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
}

.read_more_page a:hover{

  background-color: #222;
  color: #fff !important;
  text-decoration: none;
}



/*pagina chi siamo*/



.about{
  width: 100%;
  padding-top: 28vh;
  position: relative;
  margin-bottom: 6vh;
}


.about h1{
  color: #fff;
  font-size: 280%;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 5vh;
}


.about p{
/*padding: 1.5vh 0.5vw;*/
font-size: 120%;
line-height: 1.6;
color: #222;
width: 100%;
}


.content_about{
  width: 82%;
  margin: 0 auto;
  padding-top: 6vh;
}

.grafica_about{
  display: inline-block;
  margin-left: 6vw;
  height: 45vh;
}

.forma_about{
  width: 94%;
  height: 48vh;
  display: block;
  position: absolute;
  left: 4vw;
  top: 13vh;
  z-index: -1;
}


.img_about{
  width: 80%;
  /*! height: 64vh; */
  display: block;
  position: absolute;
  right: 0;
  top: 4vh;
  z-index: 1;
  left: 0;
  margin: auto;
}



.page_about{
  width: 100%;
  /*background-color: #f5f5f5;*/
  background-color: rgba(0,175,26,0.2);
  margin-top: 8vh;
  padding: 5vh 0;
}


.content_page_about{
  width: 90%;
  margin: 0 auto;
}

.img_chi_siamo{
  margin-bottom: 2vh !important;
}


.img_chi_siamo img{
  width: 15vw;
height: auto;
display: block;
margin: 0 auto;
border-radius: 100%;
}



.content_page_about h2{
  padding:0vh 0;
  margin: 0;
font-size: 200%;
font-weight: bold;
color: #222;
text-align: center;
}


.content_page_about p{
  padding: 1vh 0;
font-size: 120%;
line-height: 1.6;
color: #222;
}


.progress-button {
  position: relative;
  display: inline-block;
  outline: none;
  border: none;
  text-transform: uppercase;
  font-size: 120% !important;
  cursor: pointer;
  padding: 2vh 7vw !important;
  border-radius: 20px;
  background-color: #FF3F78;
  color: #fff;
}





/*WOOCOMMERCE STYLE*/

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  font-size: 250% !important;
  text-transform: capitalize;
  color: #FF3F78;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  padding: .5em 0;
margin: 0;
}

.cart_totals h2{
  font-size: 200% !important;
  text-transform: capitalize;
  color: #FF3F78;
  /*font-family: Rockwell;*/
}

.woocommerce-billing-fields h3{
  font-size: 180% !important;
  text-transform: capitalize;
  color: #FF3F78;
  /*font-family: Rockwell;*/
  margin-bottom: 3vh !important;
}

#order_review_heading{
  font-size: 180% !important;
  color: #FF3F78;
  /*font-family: Rockwell;*/
  margin-top: 3vh !important;
  margin-bottom: 1vh !important;
}


#ship-to-different-address{
  margin-top: 2vh;
  margin-bottom: 3vh !important;

}

.woocommerce-form__label span{
  font-size: 100% !important;
  color: #FF3F78 !important;
  font-family: Rockwell !important;
  padding-top: 0.5vh;
}


.woocommerce ul.products li.product a img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 1em;
  box-shadow: none;
  display: none !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  float: left;
  margin: 0 3.8% 2.992em 0;
    margin-left: 0px;
  padding: 0;
  position: relative;
  width: 100% !important;
  margin-left: 0;
  background-color: #ededed;
  padding: 4vh 0 0 0 !important;
  text-align: center;
}

.woocommerce{
  padding-top: 1vh !important;
}

.woocommerce ul.products li.product .button {
width: 100% !important;
padding: 2vh !important;
background-color: #222 !important;
color: #fff !important;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #00af1a !important;
  color: #fff !important;
  }

  .place-order button{
padding: 2vh !important;
background-color: #222 !important;
color: #fff !important;
}

.place-order button:hover {
  background-color: #00af1a !important;
  color: #fff !important;
  }


  /*disattivo il click sul pacchetto*/
  .woocommerce-LoopProduct-link{
    pointer-events: none !important;
cursor: auto !important;
  }



  .checkout-button{
    background-color: #222 !important;
    color: #fff;
  }


  .checkout-button:hover {
    background-color: #00af1a !important;
    color: #fff;
  }


  .woocommerce table.shop_table {
    border: 1px solid rgba(255,63,120,.3) !important;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
  }


  .woocommerce table.shop_table td {
    border: 1px solid rgba(255,63,120,.3) !important;
    padding:9px 12px;
    vertical-align:middle;
    line-height:1.5em
   }

   .woocommerce-cart .cart-collaterals .cart_totals tr th{
    border: 1px solid rgba(255,63,120,.3) !important;

   }

   .shop_table thead{
    background-color: #ff3f78 !important;
color: #fff !important;
   }

   .product-thumbnail{
    display: none !important;
   }

   .product-name a{
    pointer-events: none !important;
    cursor: auto !important;
   }


   .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    padding: 1.5vh 1vw !important;
    border: 1px solid #ccc !important;
  }




/*LOGIN*/

.logdiv{
	/* width:50%; */
	width: 100%;
	font-size: 0.7em !important;
}


 .login-wrap{text-align:left;}
.login-wrap h2{
	font-size: 1.5em;
	text-align: center;
}
        .login-wrap
        {
        position:absolute;
        display:none;
        width:90%;
        height: 60vh !important;
		padding: 1vw 0;
        top: 0 !important;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 999999999999999999999999999999999999999999999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;
        }

		.login-wrap h1 {
  font-size: 200%;
  margin: 20px auto;
  text-align: center;
  color: #00af1a;
  text-transform: uppercase;
}

.registration-wrap h2{
	font-size: 150%;
	text-align: center;
}
   .registration-wrap{
        position:absolute;
        display:none;
        width:60vw;
        min-height:50vw;
		padding: 2vw 0;
        top: 0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 99999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;

        }

.form-content{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}




#login form{
	background-color: #f5f5f5  !important;
padding: 10px 20px  !important;

}

#loginform .login-username input, #loginform .login-password input{
width: 100%;
background-color: #fff;
padding: 2vh 0.5vw;
margin: 0.5vh 0 1.5vh 0;
border-radius: 0.2vw;
}

#loginform .login-remember{
text-align: center;
	font-size:120%;
}


#loginform .login-remember input{
width: 30px !important;
}

/*Forms */
#loginform  .button,
#loginform button,
#loginform input[type="button"],
#loginform input[type="reset"],
#loginform input[type="submit"] {
  transition: background 150ms ease-in-out;
  background: #00af1a;

  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 120%;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
width: 30% !important;
margin: 4vh auto !important;
text-decoration: none;
display: block;
}


.content_login{
  width:100%; margin-top:4vh;
}

.content_login h2{
  text-transform: capitalize;font-size:150%;
}

.link_resetta_psw{
  display:block;margin:0 auto;width:100%;;text-transform: capitalize; font-size:100%;text-align:center;
}





  /*PAGINA CALENDARIO WEEKLY*/

  .logout{

    text-align: center;
    text-transform: uppercase;
    color: rgb(34, 34, 34);
    font-size: 100%;
    padding: 5px;
    margin-top: 7vh;
    display: none;
    width: 100%;
  }

  .cont_weekly{
    /*! min-height: 180vh; */
  }

  .div_acquista{
    /*! height:80vh; */width:100%;
  }

  .accedi_calendario{
    width:90%;text-align:center;margin:16vh auto 0 auto;padding:5vh 1vw; background-color:#f5f5f5;
  }

.accedi_calendario p{
  margin-top: 3vh !important;
  font-size: 120% !important;
  line-height: 1.6;
}

  .accedi_calendario img{
    width:100%;
  }

  .h2_cal_appuntamenti{
    olor:#00af1a !important;
  }

  .pulsante_software span{
    font-size:0.7em;display:block;color:#222;line-height:1.2;
  }
#prenotazione_successo img, #prenotazione_delete img, #ore_residue img{
  height:70px;
}




  .riepilogo{
    width: 100%;
    padding: 5vh 0 3vh 0;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 0.8em;
    margin-top: 7vh;
  }
  
  .cont-rep{
    width: 90%;
    margin: 0 auto;
  }
  
  .cont-repdiv{
    width: 40%;
  }
  
  .empty_riep{
    width: 100%;
    margin-bottom: 4vh;
  }
  
  .link_calendario{
    width: 100%;
    text-align: center;
    margin-top: 2vh;
    display: none;
  }
  
  .link_calendario a{
  padding: 0.5vh 0;
  background-color: #00af1a;
    color: #fff !important;
  border-radius: 5px;
  font-size: 180%;
  width: 100%;
  margin-bottom: 1vh;
  }
  
  .link_calendario a:hover{
    background-color: #222;
    color: #fff;
  }
  
  
  .ore_residue{
    padding: 1vh 2vw;
  border-radius: 20px;
    color: #fff;
    /* background: linear-gradient(90deg, #00af1a 0%, #FF3F78 100%); */
    background-color: #FF3F78;
    font-size: 150%;
  }
  
  .riep_acquista a{
    padding: 5px 8px;
  background-color: #00af1a;
    color: #fff !important;
  }
  
  .riep_acquista a:hover{
    background-color: #222;
    color: #fff;
  }
  
  
  .riep_acquista a:first-child{
    margin-right: 10px;
  }
  
  #acquista{
    display: none;
  }
  
  .vaishop{
    background-color:#00af1a;color:#fff !important;width:250px;margin:0 auto;padding:10px;
    text-decoration: none;
  }
  
  .vaishop:hover{
    background-color:#222;color:#fff;
  }
  
  .nome_assistente{
    font-size: 115%;
    display: inline !important;
    margin: 0 20px 0 10px;
    padding: 0;
    font-weight: normal;
  }
  
  .cont-scelta{
    width: 100%;
    margin: 0 auto;
  }
  
  
  .assistenti{
    padding: 2px;
  border: 1px solid #00af1a;
  color: #00af1a;
    width: 90%;
    margin: 0 auto;
    font-size: 120%;
  }

.assistenti input{
      font-size: 120% !important;;
}
  
  .software{
    padding: 2.2vh 2px;
  border: 1px solid #00af1a;
  color: #00af1a;
    width:23%;
    margin: 0 auto;
  }
  
  .software h6{
    font-size: 1.1vw;
    display: inline !important;
    margin: 0 0 0 10px;
    padding: 0;
    color: #00af1a;
    font-weight: normal;
  }
  
  

  
  /*SI NASCONDO GLI ORARI CHE NN SI DEVONO VEDERE NEL CALENDARIO*/
  .axis-item:nth-child(1),    
  .axis-item:nth-child(2),    
  .axis-item:nth-child(3),    
  .axis-item:nth-child(4),    
  .axis-item:nth-child(5),    
  .axis-item:nth-child(6),    
  .axis-item:nth-child(7),    
  .axis-item:nth-child(8),
  .axis-item:nth-child(9),
  .axis-item:nth-child(18),
.axis-item:nth-child(19),
  .axis-item:nth-child(20),
  .axis-item:nth-child(21),    
  .axis-item:nth-child(22),    
  .axis-item:nth-child(23),    
  .axis-item:nth-child(24),
  .axis-item:nth-child(25){
    display: none !important;
  }


/*SI NASCONDO LE RIGHE CORRISPONDENTI AGLI ORARI NEL CALENDARIO*/
.ora-00,
.ora-01,
.ora-02,
.ora-03,
.ora-04,
.ora-05,
.ora-06,
.ora-07,
.ora-08,
.ora-17,
.ora-18,
.ora-19,
.ora-20,
.ora-21,
.ora-22,
.ora-23{
  display: none !important;
}


.mezzora{
 /* border-top:1px dashed #FF3F78;*/
  background-color: #f5f5f5; 
  border-bottom: 1px solid #ccc !important;
}



  
  .tiva-timetable .timetable-week {
    width: 98% !important;
    float: none !important;
    margin: 0 auto;
  }

  .tiva-timetable .timetable-week .timetable-columns {
    margin-left: 20px !important;
  }

  .tiva-timetable .timetable-week.show-time .timetable-column .timetable-column-header {
    font-size: 80% !important;
  }


  .tiva-timetable .timetable-week .timetable-columns .timetable-column {
    width: 13% !important;
  }

  
  .tiva-timetable .timetable-week .timetable-column .timetable-column-grid .grid-item{
    position: relative;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
  }
  
  /*
  .tiva-timetable .timetable-week .timetable-column .timetable-column-grid .grid-item::after {
    content:'';
    position: absolute;
    z-index:330;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width: 100%;
    height:2px;
    border-bottom:1px dashed #FF3F78;
  }*/
  
  
  .tiva-timetable .timetable-week .timetable-column .timetable-column-content .timetable-name {
    font-size: 13px !important;
    margin-bottom: 0px !important;
  }
  
  .tiva-timetable .timetable-week .timetable-column .timetable-column-header {
    background-color: #FF3F78 !important;
  }
  
  
  
  .item_backred{ /*classe da aggiungere al div timetable-item*/
    background-color:#ff5e52;padding:5px 0 2px 0;
    opacity: 1;
  }
  .item_backred:hover{
  opacity: 0.7;
  }
  
  .item_backred a{
    text-decoration: none;
  }
  
  .name_color{ /*classe da aggiungere al div timetable-name*/
  color:#fff;font-size:0.85em;
    margin-bottom: 0;
  }
  
  .time_color{ /*classe da aggiungere al div timetable-time*/
  color:#fff;font-size:0.8em;
  }
  
  
  
  #winapp{
    display: none;
    width: 90%;
    padding:0;
    background-color: #fff;
    line-height: 1.3;
    color: #222;
    text-align: center;
    height: 45vh;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* margin: auto; */
    }
    
    
    #assistente_not_checked{
    display: none;
    width: 40vw;
    padding:2vh 2vw;
    background-color: #fff;
    line-height: 1.3;
    color: #222;
    text-align: center;
    height: 280px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* margin: auto; */
    }
    
    #cancella_app{
    display: none;
    width: 30vw;
    padding:0;
    background-color: #fff;
    line-height: 1.3;
    color: #222;
    text-align: center;
    height: 200px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    }
    
    
    #prenotazione_successo{
    display: none;
    width: 40vw;
    padding:40px 0 0 0;
    background-color: #fff;
    line-height: 1.3;
    color: #222;
    text-align: center;
    height: 260px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    }
    
    #ore_residue{
    display: none;
    width: 40vw;
    padding:40px 0 0 0;
    background-color: #fff;
    line-height: 1.3;
    color: #222;
    text-align: center;
    height: 260px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    }
    
    #prenotazione_delete{
    display: none;
    width: 40vw;
    padding:40px 0 0 0;
    background-color: #fff;
    line-height: 1.3;
    color: #222;
    text-align: center;
    height: 260px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    }
    
    .text_winapp{ padding: 30px; line-height: 1.8;font-size: 120%;}


    .text_winapp select {
      font-size: 120% !important;
      background-color: #fff;
      border: 1px solid #00AF1A;
      border-radius: 0.2vw;
      padding: 0.6vh 0.6vw;
      display: inline-block;
      margin: 0 0.3vw;
      color: #00AF1A;
    }
    
    

    
      .text_cancella_app{ padding: 50px 0; line-height: 1.8;font-size: 0.9em;}
    
      .text_prenotazione_successo{ padding: 20px; line-height: 1.8;font-size: 1.2em; font-weight: bold;color: #FF3F78;}
    
    
      .text_ore_residue{ padding: 10px 20px; line-height: 1.8;font-size: 1em; color: #222;}
    
    
      .text_prenotazione_delete{ padding: 20px; line-height: 1.8;font-size: 1.2em; font-weight: bold;color: #FF3F78;}
      .text_prenotazione_delete{ padding: 20px; line-height: 1.8;font-size: 1.2em; font-weight: bold;color: #00af1a;}
    
    .text_winapp div{ display: inline;color: #00af1a;}
    
    #winapp h1{
    width: 100%;
    background-color: #FF3F78;
    color: #fff;
    text-align: center;
    padding: 15px 0;
      margin: 0;
      font-size: 180%;
    }
    
    #assistente_not_checked h1{
    width: 100%;
    background-color: #FF3F78;
    color: #fff;
    text-align: center;
    padding: 15px 0;
      margin: 0;
      font-size: 1.5em;
    }
      .text_cancella_app div{ display: inline;color: #00af1a;}
    
    #cancella_app h1{
    width: 100%;
    background-color: #00af1a;
    color: #fff;
    text-align: center;
    padding: 15px;
      margin: 0;
      font-size: 1.2em;
    }
    
    
    
    .btn {
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background: #555;
      color: #fff;
        cursor: pointer;
        padding: 5px 8px;
        display: inline-block;
        margin: 0 0 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
      font-size: 1em;
    }
    
    
    .btn2 {
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background: #FF3F78;
        color: #fff;
        cursor: pointer;
        padding: 15px 8px;
        display: inline-block;
       text-transform: uppercase;
        letter-spacing: 1px;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        font-size: 1em;
        width: 40% !important;
        margin-bottom: 10px;
    }
    
    
      .text_cancella_app 	.btn {
        padding: 15px 8px;
      }
    
    
    /* Button 1a */
    .btn_blue:hover,
    .btn_blue:active {
      background-color: #00af1a;
      color: #fff;
      border: none;
    
    }
    
    /* Button 1a */
    .btn_blue2:hover,
    .btn_blue2:active {
      background-color: #555;
      color: #fff;
      border: none;
    
    }
    
    .btn_green:hover,
    .btn_green:active {
      background-color: #FF3F78;
      color: #fff;
      border: none;
        }
    
    .btn_blue:focus, .btn_green:focus {
      background-color: #555;
      color: #fff;
      border: none;
    }
    
      .motivo{
        width: 85%;
        display:block !important;
        margin:15px auto 15px auto;
        padding: 10px 0;
        border-top:1px solid #dedede;
        border-bottom:1px solid #dedede;
      }
      .motivo div{
        width: 50%;
        color: #FF3F78 !important;
      }
    
      .motivo textarea{
      font-size: 11px;
    border: 1px solid #ccc;
    width: 40%;
      }
    
      .motivo textarea:focus{
      border-color: #FF3F78 !important;
    }
    
      .deselect_software{
    display:block;
      }
    
      .deselect_software p{
        color:#222;font-size:0.8em;
        line-height: 1.3;
        margin-bottom: 8px !important;
      }
    
      .deselect_software .btn{
      font-size:0.7em !important;
        float: none !important;
        /* display: block !important; */
        margin: 0 auto 20px auto !important;
      }
    
      .addsoft{
        display: none;
      }
    
    
      .pulsante_software{
        color:#222 !important;
      }



   /*PAGINE SHOP*/
   

      .page-template-page-shop .circle_page{
        display: none;
      }



.page-template-page-shop .logout{
  position: absolute;top: 14vh;right: 0;z-index: 320;text-align: center;padding: 0;text-transform: uppercase;color: #222;font-size: 100%;padding: 5px;width: 100%;
  display: none;
}



.back_grey{
  position: absolute;
  display: none;
  top: 11vh;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 22vh;
  background-color: #F5F5F5;
  border-bottom-left-radius: 1vw;
}

.page-template-page-shop .link_calendario{
  width: 90%;
  position: absolute;
  top:19vh;
  right:0;
  z-index: 321;
  left: 0;
  margin: auto;
  text-align: center;
  font-size: 160%;
}

.page-template-page-shop .link_calendario a{
padding: 5px 9px;
background-color: #00af1a;
  color: #fff !important;
border-radius: 5px;
font-size: 80%;
}

.page-template-page-shop .link_calendario a:hover{
  background-color: #222;
  color: #fff;
}


.page-template-page-shop .intest_page{
  padding-top: 18vh !important;
}




/*PAGE USER CALENDAR - Riepilogo ore*/


.page-template-user_calendar_FCS .riepilogo{
  width: 90%;
  margin: 0 auto;
  padding: 2vh 0;
}

.page-template-user_calendar_FCS .acquisti{
  width: 100%;
  border: 1px solid #FF3F78;;

}


.page-template-user_calendar_FCS .prenotazioni{
  width: 100%;
  /*! border: 1px solid #00af1a; */;
  margin-top: 4vh;
}

.page-template-user_calendar_FCS .acquisti h1{
  width: 100%;
background-color: #FF3F78;
color: #fff;
text-align: center;
padding: 15px 0;
margin: 0;
font-size: 200%;
}

.page-template-user_calendar_FCS .prenotazioni h1{
  width: 100%;
background-color: #00af1a;
color: #fff;
text-align: center;
padding: 15px 0;
margin: 0;
font-size: 200%;
cursor: pointer;
  /*! border-radius: 8px; */
}

.toggle_div{
  display: none;
}



.page-template-user_calendar_FCS .column-acquisti div{
  width: 50%;
  text-align: center;

}
.page-template-user_calendar_FCS .column-acquisti div:first-child{
  width: 49.5%;
  text-align: center;
  border-right: 1px solid #FF3F78;
}

.page-template-user_calendar_FCS .column-acquisti h2{
  color: #FF3F78;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 150%;
}

.page-template-user_calendar_FCS .column-acquisti p{
  color: #555;
  padding: 12px 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #FF3F78;
      font-size: 120%;
}

.page-template-user_calendar_FCS .column-prenotazioni div{
  /*width: 16%;*/
  text-align: center;
  border-left: 1px solid #00af1a;
  border-right: 1px solid #00af1a;
}

#id_assistenti h2 {
  color: #fff;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 200%;
  background-color: #555;
}

#id_assistenti p {
  color: #555;
  padding: 3vh 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #00af1a;
  min-height: 80px;
}


#id_motivo h2 {
  color: #fff;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 200%;
  background-color: #555;
}

#id_motivo p {
  color: #555;
  padding: 3vh 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #00af1a;
  min-height: 80px;
}

/*
.page-template-user_calendar_FCS .column-prenotazioni div:last-child{
  border-right: 1px solid transparent;
}*/

.page-template-user_calendar_FCS .column-prenotazioni h2{
  color: #fff;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 200%;
  background-color: #555;
}

.page-template-user_calendar_FCS .column-prenotazioni p{
  color: #555;
  padding: 3vh 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #00af1a;
      font-size: 150%;
  min-height: 80px;
}

.page-template-user_calendar_FCS .column-prenotazioni a{
  color: #222;
  text-decoration: none;
}

.page-template-user_calendar_FCS .column-prenotazioni a{
  color: #00af1a;
  text-decoration: none;
}


.page-template-user_calendar_FCS .cont_tit{
  width: 90%;
  padding: 6vh 0 3vh 0;
  background-color: #f5f5f5;
  text-align: center;
  font-weight: bold;
  margin: 7vh auto 3vh auto;
}


.page-template-user_calendar_FCS .cont_tit_div{
  width: 100%;
  margin: 0 auto;
}


.page-template-user_calendar_FCS .cont_back{
  width: 80%;
  padding: 20px 0 20px 0;
  text-align: center;
  margin: 30px auto;
  position: relative;
}

.page-template-user_calendar_FCS .vuoto{
  width: 15%;
}

.page-template-user_calendar_FCS .vuoto_back{
  width: 75%;
}

.page-template-user_calendar_FCS .ore_residue{
  padding: 1vh 2vw;
  border-radius: 20px;
  color: #fff;
  background-color: #FF3F78;
  font-size: 150%;
  width: 100%;
  margin-bottom: 4vh;
}





.page-template-user_calendar_FCS .tit_riepilogo{
  width: 100%;
  text-align: center;
  color: #00af1a;
  font-size: 280%;
  font-family: Rockwell !important;
  margin: 3vh 0 0 0;
  position: relative;
}



.page-template-user_calendar_FCS .link_calendario{
  width: 100%;
}

.page-template-user_calendar_FCS .link_calendario a{
padding: 0.5vh 0;
background-color: #00af1a;
color: #fff !important;
border-radius: 5px;
font-size: 180%;
width: 100%;
margin-bottom: 1vh;
}

.page-template-user_calendar_FCS .link_calendario a:hover{
  background-color: #222;
  color: #fff;
}




/*.page-template-user_calendar_FCS .tit_riepilogo::after{
  content: "";
  width: 30px;
  height: 4px;
  background-color:#FF3F78;
  position: absolute;
  bottom: -15px;
  margin: auto;
  left: 0;
  right: 0;
}*/

.page-template-user_calendar_FCS .totale_acquisti{
  width: 99.5%;
  text-align: center;
  /*padding-right: 40px;*/
  border-top: 1px solid #FF3F78;
}

.page-template-user_calendar_FCS  .totale_acquisti p{
  color: #FF3F78;
  padding: 15px 0;
  /*width: 80%;*/
  margin: 0 auto;
  font-size: 200%;
    font-weight: 500;
}



.page-template-user_calendar_FCS .totale_prenotazioni{
  width: 99.5%;
  text-align: right;
  /*padding-right: 40px;*/
  border-top: 1px solid #00af1a;
}

.page-template-user_calendar_FCS  .totale_prenotazioni p{
  color: #00af1a;
  padding: 15px 0;
  width: 85%;
  margin: 0 auto;
  font-size: 200%;
    font-weight: 500;
}

.page-template-user_calendar_FCS .green{
  color: #00af1a;
}


.page-template-user_calendar_FCS .prenot14{
  width:100%;
}

.page-template-user_calendar_FCS .prenot16{
  width:100%;
}

#id_motivo p{
  font-size: 12px !important;
}


.prenot8{
  width:100%;
}

.prenot33{
  width:33%
}

.page-template-user_calendar_FCS .vaishop{
  background-color:#FF3F78;color:#fff !important;width:250px;margin:0 auto;padding:10px;
  text-decoration: none;
}

.page-template-user_calendar_FCS .vaishop:hover{
  background-color:#222;color:#fff;
}


.morecontent span {
  display: none;
}
.morelink {
  display: block;
}



.timetable-desc a{
  text-align: center;
      width: 10%;
      display: block;
      color: #fff;
      margin: 2vh auto;
      background-color: #FF3F78;
      padding: 1vh 1vw;
      border-radius: 15px;
  }
  
  .timetable-desc a:hover{
  
        background-color: #222;
  
    }





/*LOGIN*/

.logdiv{
	/* width:50%; */
	width: 100%;
	font-size: 0.7em !important;
}


 .login-wrap{text-align:left;}
.login-wrap h2{
	font-size: 1.5em;
	text-align: center;
}
        .login-wrap
        {
        position:absolute;
        display:none;
        width:40vw;
        height: 70vh !important;
		padding: 1vw 0;
        top: 0 !important;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 99999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;
        }

.registration-wrap h2{
	font-size: 1.3em;
	text-align: center;
}
   .registration-wrap{
        position:absolute;
        display:none;
        width:60vw;
        min-height:50vw;
		padding: 2vw 0;
        top: 0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 99999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;

        }

.form-content{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

.fullform{
	width: 100% !important;
	clear: both;
}

.privacyform{
	padding: 30px 0 !important
}

.halfform{
	width: 49% !important;
}

.halfform:last-child{
clear: both;
}

.thirdform{
	width: 31% !important;
}

.thirdform:last-child{
clear: both;
}

.thirdform-middle{
margin-left: 30px !important;
width: 31% !important;
}

.left{
	float: left !important;
}

.right{
	float: right !important;
}

        .registration-wrap h1, .login-wrap h1{
font-size: 1.7em;
		margin: 20px auto;
		text-align: center;
	color: #FF3F78;
		text-transform: uppercase;
        }


   #close
        {
        	position:relative;
        	display:block;
        	width: 30px;
        	height: 30px;
        	float:right;
        	cursor:pointer
        }


#wp-registration-box p{
		 		font-size: 1em;
		 		display:block;
		 	}

		 	#wp-registration-box .show_description{
		 		font-size: 0.8em;
		 		color: #CCCCCC;
		 	}


		 	#wp-registration-box input[type="text"], input[type="date"],input[type="number"],input[type="email"],select{
		 		width:80%;
				margin: 0 auto;
		 		}

		 	#wp-registration-box span.errors{
		 		display:block;
		 		}

				#wp-registration-box select{
			 		border: 1px solid #dedede;
					background-color: #fff;
					color:#222;
			 		}

		.wp-registration-box{ margin:0 auto;width: 90%;text-align: center;} .logout-input, .wpregistration-save-button input {border: 1px solid rgba(255,255,255,0); position:relative; display:block; width: 150px; padding: 15px; box-sizing:border-box; margin:50px auto; background: #385AC4; color:white; font-size: 12pt; transition: 0.8s ease; -moz-transition: 0.8s ease; -webkit-transition: 0.8s ease; text-align:center;} .logout-input:hover, .wpregistration-save-button input:hover {color:#385AC4; background:white; border: 1px solid #0088aa; } #wpregistration-meta input, #loginform input{ border:1px solid #dedede; width:150px;}


.erf-content-above{
	display: none !important;
}

.rendered-form{
	background-color: #f5f5f5  !important;
padding: 10px  !important;
margin-bottom: 10px  !important;

}

#login form{
	background-color: #f5f5f5  !important;
padding: 10px 20px  !important;

}

#loginform .login-username input, #loginform .login-password input{
width: 100%;
}

#loginform .login-remember{
text-align: center;
	font-size: 0.8em;
}


#loginform .login-remember input{
width: 30px !important;
}

#log-in{
  border: 1px solid #FF3F78;
  padding: 0.5vh 0.5vw;
  color: #FF3F78;
  font-weight: bold;
}

#log-in:hover{
  border: 1px solid #FF3F78;
  padding: 0.5vh 0.5vw;
  background-color: #FF3F78;
  color: #fff;
  font-weight: bold;
}







.content_box_cat{
  width: 90%;
  margin: 0 auto;
  padding: 5vh 0;
}

.box_cat{
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 3vh 1vw;
  border-radius: 0.5vw;
  background-color: #d7edda;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  margin: 0 1vw 3vh 0;
}

.tit_box_cat{
  font-size: 150%;
  color: #222 !important;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
.tit_box_cat:hover{
  color: #FF3F78 !important;
  text-decoration: none;
}

.box_cat p{
  color: #555;
  font-size: 80%;
}

.img_box_cat{
  width: 100%;
  height: 25vh;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 0.5vw;
  margin-bottom: 2vh;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
filter: grayscale(0.5);
}

.box_cat:hover{
  background-color: #f5f5f5;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

.box_cat:hover .img_box_cat{
  background-size: 110%;
  filter: grayscale(0);
}

.box_cat:hover h1{
  color: #FF3F78 !important;
  text-decoration: none;
}

.data_post{
  color: #FF3F78;
  font-size: 90%;
  margin-bottom: 1vh;
}


/*search*/
/* Stile del form di ricerca */
.search-form {
  display: flex;
  max-width: 100%;
  margin: 2vh auto;
  border: 2px solid #00AF1A;
  border-radius: 0.5vw;
  overflow: hidden;
  background: #fff;
}

/* Stile dell'input di ricerca */
.search-form .search-field {
  flex: 1;
  padding: 10px 15px;
  border: none;
  outline: none;
  font-size: 100%;
  color: #555;
}

/* Stile del pulsante di invio */
.search-form .search-submit {
  background: #ededed;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s ease;
}

.search-form .search-submit:hover {
  background: #ededed;
}

.content_search{top: 66vh;position: absolute;width: 60%;right: 3vw;}

.search-form .search-field::placeholder {
  color: #888; /* Cambia con il colore che preferisci */
  opacity: 1; /* Assicura che il colore sia visibile in alcuni browser */
}


.tit_form{
  /* border-bottom: 1px solid #FF3F78;
   padding-bottom: 0.2vh;
   margin-bottom: 2vh;
   font-size: 110%;
   margin-top: 2vh;
   color: #FF3F78;
   font-weight: 500;*/
   padding: 0.8vh 0.8vw;
   margin-bottom: 2vh;
   font-size: 100%;
   margin-top: 2vh;
   background-color: /*#FF3F78;*/ #333;
   font-weight: 500;
   color: #fff;
   line-height: 1.6;
   border-radius: 0.8vw;
  }
 
 .descrizione_corso{
 background-color: #f5f5f5;
 padding: 5vh 0vw;
 }
 
 .descrizione_corso p{
   width: 90%;
   margin: 0 auto;
 }
 
 .descrizione_corso h2{
   width: 90%;
   margin: 0 auto;
   font-weight: bold;
 }
 
 
 #result{
   margin: 6vh 0;
   font-size: 80%;
 }



.link_fcc{
  position: fixed !important;
  top: 1vh !important;
  right: 0.5vw !important;
  font-size: 100% !important;
  /* display: none; */
  background-color: #222 !important;
  border-radius: 0.8vw !important;
  padding: 0.2vh 2vw !important;
  color: #fff !important;
  z-index: 999999999 !important;
}

.link_fcc::after{
  display: none !important;
}

.link_fcc:hover{
  background-color: #FF3F78 !important;
  color: #fff !important;
}

.tit_testimonial{
  font-size: 200%;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 1vh;
    background-color: #f5f5f5;
    padding: 2vh 0;
    border-radius: 2vw;
    color: #333;
}


.intro-text{
  padding-top: 5vh;
}

.intro-text p{
  font-size: 110%;
}



.box66{
  width: 100%;
}

.box33{
  width:100%;
}


.wp-element-button{
  width: 100%;
    display: block;
    text-align: center;
    margin: 2vh auto 6vh auto;
    font-size: 150%;
}


.lang a:hover{
  background-color: transparent !important;
}

.lang img{
height: 2vh;
}