@charset "UTF-8";
/* CSS Document */
body:after{
position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
content:
url(../img/);
}
body,
h1,
h2,
h3,
h4,
h5,
p {
font-family: "Urbanist", serif;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.urbanist-<uniquifier> {
  font-family: "Urbanist", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.video-news{
    border-radius:2rem;
    width: 100%;
    object-fit: cover;
}
.wa {
    position: fixed;
    max-width: 80px;
    right: 1rem;
    bottom: 1rem;
    z-index: 100000;
}
.sp-head-mobile{
    overflow: hidden;
}
.modal-content-custom {
    
    background-color: transparent;
    border: none;
    
}
.modal-content-custom img {
    border-radius: 1rem;

}
.nav-link {
display: block;
font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
text-decoration: none;
font-weight: 600;
color: #1C2328;
margin-left: 2rem;
}
.nav-link:hover{
cursor: pointer;
}
.link-top {
display: block;
font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
text-decoration: none;
font-weight: 600;
color: #fff;
margin-left: 2rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
margin-bottom:0px;
}

.icn-top{
    margin-left: 1rem;
}
.nav-cont {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.sp-nav {
padding: 0.5rem;
}
.nav-top{
 border-radius:  0.8rem 0.8rem 0rem 0rem;   
}
.link-menu {
display: block;
font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
text-decoration: none;
font-weight: 500;
color: #212121;
margin-bottom: 0.1rem;
}
.logo-head{
max-width: 60%;
}
.logo-nav {
min-width: 110px;
max-width: 110px;
}
.navbar {
background-color: #fff;
border-radius: 2rem 2rem 0.8rem 0.8rem;
box-shadow: 0px 0px 10px 0px #398285;
max-width: 90%;
margin-top: 0rem;
background-image: url(../img/nav.svg);
background-size: cover;
background-position: left;
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
}
.nav-up{
    background-color: #0F6F77;
    border-radius:  0.8rem 0.8rem 0rem 0rem;
}
.navbar-collapse{
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.no-padding{
padding: 0px;
}
.head{
width: 100%;
}
.back-filo{
background-size:100%;
background-position: center top;
background-repeat: no-repeat;
}
.title-h1{
font-size: calc(50px + (66 - 50) * ((100vw - 300px) / (1920 - 300)));
}

.txt-head{
position: absolute;
bottom:2rem;
left:6rem;
font-size: calc(40px + (34 - 40) * ((100vw - 300px) / (1920 - 300)));
line-height: calc(40px + (40 - 40) * ((100vw - 300px) / (1920 - 300)));
font-weight: 800;
color:#127277;
text-transform: uppercase;
}
.h1-head{
position: absolute;
top:24rem;
right:6rem;
font-size: calc(40px + (36 - 40) * ((100vw - 300px) / (1920 - 300)));
line-height: calc(40px + (40 - 40) * ((100vw - 300px) / (1920 - 300)));
font-weight: 700;
color:#127277;
text-align: right;
}
.color1{
    color:#52BDC1;
}
.color2{
    color:#127277;
}
.sp-esc{
    padding-top: 2rem;
}
.move1{
  padding: 5px;
  animation: move 6s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(50px); }
}

.spazio-foto {
    padding-top: 16%;
}

.rombo1{
    position: absolute;
    bottom:4rem;
    width: 100%;
    rotate: 40deg;
    opacity: 0.6;
  padding: 5px;
  animation: move 10s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(40px); }
}

.rombo2{
    position: absolute;
    bottom:20rem;
    width: 70%;
  padding: 5px;
  animation: move 12s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(60px); }
}

.puntini{
    position: absolute;
    top:10rem;
    right:0rem;
    width: 60%;
    opacity: 0.6;
  padding: 5px;
}

.rombo3{
    position: absolute;
    top:4rem;
    width: 100%;
    rotate: 40deg;
    opacity: 0.6;
  padding: 5px;
  animation: move 10s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(40px); }
}

.rombo4{
    position: absolute;
    top:20rem;
    width: 70%;
  padding: 5px;
  animation: move 12s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(60px); }
}


/*--------------------------------btn--------------------------------------------*/


.button {
  min-width: 300px;
  min-height: 60px;
  display: inline-flex;
  font-family: 'Nunito', sans-serif;
  font-size: 22px;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.3px;
  font-weight: 700;
  color: #fff;
  background: #52BDC1;
  background: linear-gradient(159deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
  border: none;
  border-radius: 1000px;
  box-shadow: 12px 12px 24px rgba(79,209,197,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 10px;
  text-decoration: none;
  }

.button::before {
content: '';
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  border: 6px solid #00FFCB;
  box-shadow: 0 0 60px rgba(0,255,203,.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.button:hover, 
.button:focus {
  color: #fff;
  transform: translateY(-6px);
}

.button:hover::before, 
.button:focus::before {
  opacity: 1;
}

.button::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #52BDC1;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;

}

.button:hover::after, 
.button:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}

.btn-head{
    position: absolute;
    bottom: 8rem;
    right: 6rem;
}

/*--------------------------------fine-btn--------------------------------------------*/



.sp-box{
    padding: 8rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.sp-top{
    padding-top: 6rem;
    padding-left: 12rem;
    padding-right: 12rem;
}
.txt{
    color:#FFF;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (30 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    margin-bottom: 0;
}
.title-h2{
    color:#FFF;
    font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 800;
}
.title-h3{
    color:#FFF;
    font-size: calc(24px + (26 - 24) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    padding-top: 4rem;  
}

.title-h4{
    color:#FFF;
    font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 800;
    padding-top: 4rem;  
}
.txt-gal{
    color:#FFF;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    margin-bottom: 0;
}
.btn{
    background-color: #fff;
    border-radius: 2px solid #fff;
    border-radius: 4rem;
    color:#127277;
    font-weight: 700;
    margin-top: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
    box-shadow: 0px 0px 20px 0px #1F7B7E;
}

.btn:hover{
    background-color: #127277;
    border-radius: 2px solid #fff;
    border-radius: 4rem;
    color:#fff;
    font-weight: 700;
    margin-top: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
    box-shadow: 0px 0px 20px 0px #fff;
}

.btn-green{
    background: rgb(82,189,193);
    background: linear-gradient(135deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
    border-radius: 1rem;
    color:#fff;
    font-weight: 700;
    margin-top: 2rem;
    padding: 0.5rem 1rem;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
    box-shadow: 0px 0px 20px 0px #1F7B7E;
}
.btn-green:hover{
    background: rgb(82,189,193);
    background: linear-gradient(135deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
    border-radius: 1rem;
    color:#fff;
    font-weight: 700;
    margin-top: 2rem;
    padding: 0.5rem 1rem;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));  
    transition-duration: 0.8s;
    box-shadow: 0px 0px 20px 0px #fff;
}

.sp-ins{

}
.insegna{
    position: absolute;
    top:20rem;
    width: 100%;
    left: 4rem;
}
.box-1-txt{
    background: rgb(82,189,193);
    background: linear-gradient(135deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
    border-radius:2rem;
    padding:8rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    box-shadow: 0px 0px 20px 0px #52BDC1;
}
.sp-btn{
    padding-top: 1rem;
}
.insegna{
    position: absolute;
    top:14rem;
    width: 84%;
    left: 8rem;
}
.box-insegna{
    background: rgb(82,189,193);
    background: linear-gradient(135deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
    border-radius:2rem;
    padding:2rem;
    box-shadow: 0px 0px 20px 0px #52BDC1;
}
.tit-insegna{
    font-size: calc(30px + (38 - 30) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(30px + (38 - 30) * ((100vw - 300px) / (1920 - 300)));
    color:#FFF;
    font-weight: 800;
}

.sp-insegna{
    padding-bottom: 20rem;
}
.box-txt{
    padding-top: 6rem;
    padding-left: 4rem;
     padding-bottom: 2rem;
    padding-right: 8rem;
}
.txt-big{
    color:#333333;
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.box-divisione-servizi{
    padding-top: 1rem;
     padding-bottom: 2rem;
    padding-right: 4rem;
}
.hr-cartello{
    border-top: 3px solid #127277;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.back{
    background-image: url(../img/back.svg);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
}
.back-farm{
    
}
.post{
    border-radius: 2rem;
    border: 3px solid #127277;
    box-shadow: 0px 0px 20px 0px #52BDC1;
}
.box-card{
    background: rgb(82,189,193);
    background: linear-gradient(135deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
    border-radius:2rem;
    box-shadow: 0px 0px 20px 0px #52BDC1;
}

.box-ricetta{
    background: rgb(255,255,255);
    background: linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    border-radius:0rem;
    box-shadow: 0px 0px 20px 0px #E8E8E8;
}
.box-txt-card{
    padding: 8rem;
}
.box-txt-foto{
    padding: 4rem;
}
.carte{
    padding-top: 2rem;
}

.foto-farm{

    top:0rem;
    right: 4rem;
}
.box-ritiro-online{
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
/*--------------------------form--------------------------*/

.box-form{
    padding: 2rem 4rem;
    background-color: #fff;
}
form > div {
  margin: 0 0 20px 0;
}
input[type=text], input[type=email], input[type=tel]
 {
  border: 2px solid #E49292;
  background: linear-gradient(to left, #F4BEBE 1px, transparent 0);
  background-color: #FAF4F4;
  background-size: 29px 1px;
  width: 100%; 
  font: 22px monaco, monospace; 
  letter-spacing: 16.5px;
  text-indent: 0px;
  text-transform: uppercase;
}
textarea, txt-area {
  border: 2px solid #E49292;
  width: 100%; 
  font: 22px monaco, monospace; 
  letter-spacing: auto;
  text-indent: 0px;
  text-transform: uppercase;
  background-color: #FAF4F4;
}

.form-control {
    border: 2px solid #E49292;
    font: 22px monaco, monospace; 
    background-color: #FAF4F4;
}

.h-form{
    margin-top: 1rem;
}
.tit-form{
    color:#D62929;
    font-size: calc(20px + (20 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (20 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    font-family: monaco, monospace;
    margin-bottom: 0rem; 
    padding-top: 2rem;
}
.form-check{
    border-left: 12px solid #D62929;
    padding-left: 2rem;
    margin-left: 0.7rem;
}

.form-check-label{
    color:#D62929;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    font-family: monaco, monospace;
}
.btn-form{
    background-color: #D62929;
    border-radius: 0.4rem ;
    border: 0px;
    color:#fff;
    font-weight: 700;
    margin-top: 0.5rem;
    padding: 0.5rem 1.5rem;
    font-size: calc(20px + (16 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    font-family: monaco, monospace;;
    transition-duration: 0.8s;
}
.btn-form:hover{
    background-color: #fff;
    border-radius: 0.4rem ;
    border: 0px;
    color:#D62929;
    font-weight: 700;
    margin-top: 0.5rem;
    padding: 0.5rem 1.5rem;
    font-size: calc(20px + (16 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    font-family: monaco, monospace;;
    transition-duration: 0.8s;
}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    box-shadow: none;
    display:none;
}


.ph-storia{
    padding-top: 2rem;
}

.sp-pag{
    padding-top: 10rem;
    padding-bottom: 4rem;
}
.sp-box-serv{
    padding: 1.3rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.box-serv{
    border-radius:1.5rem;
    padding:1.5rem;
    background-position: bottom right;
    background-repeat: no-repeat;
    height:20rem;
    position: relative;
}

.title-serv{
    color:#FFF;
    font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(24px + (30 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    padding-bottom: 1rem;
}


.btn-serv{
    
    background-color: #fff;
    border-radius: 2rem;
    border: 0px;
    color:#127277;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
    text-align: center;
}

.btn-serv:hover{
    background-color: #127277;
    border-radius: 4rem;
    color:#fff;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    
    margin-bottom: 0px;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
}

.h-btn{
    position: absolute;
    bottom: 1rem;
}

.evento{
    margin-top: 3rem;
    margin-bottom: 3rem;
    border-radius: 2rem;
}

.sp-box-notizia{
    padding: 1.3rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.box-notizia{
    border-radius:1.5rem;
    padding:1.5rem;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: relative;
}

.title-notizia{
    color:#FFF;
    font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(24px + (30 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.txt-notizia{
    color:#FFF;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
}

.btn-notizia{
    
    background-color: #fff;
    border-radius: 2rem;
    border: 0px;
    color:#127277;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
    text-align: center;
}

.btn-notizia:hover{
    background-color: #127277;
    border-radius: 4rem;
    color:#fff;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    
    margin-bottom: 0px;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    transition-duration: 0.8s;
}
.img-notizia{
    margin-top: 0rem;
    margin-bottom: 2rem;
    padding: 0px;
    border-radius: 1rem;
    box-shadow: 2px 2px 10px 0px #1E5857;
}

.ph-head-notizia{
    margin-bottom: 4rem;
    margin-top: 2rem;
    border-radius: 5rem;
    height: 70vh;
}
.txt-pag-notizia{
    color:#303030;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
}

.subtxt-pag-notizia{
    color:#303030;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (26 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    margin-bottom: 0px;
}


.back-foot{
    background: rgb(82,189,193);
    background: linear-gradient(135deg, rgba(82,189,193,1) 0%, rgba(18,114,119,1) 100%);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.sp-foot{
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid #fff;
}

.tit-foot{
    color:#FFF;
    font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(22px + (30 - 22) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.txt-foot{
    color:#FFF;
    font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    margin-bottom: 0.5rem;
}
.video-g{
     border-radius: 2rem;
     box-shadow: 0px 0px 20px 0px #52BDC1;
     margin-top: 9rem;
}

.sedi-foot{
    color:#FFF;
    font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}
ul {
  list-style-type: none;
}
.img-storia{
    max-width: 80%;
}
.title-h1-pag{
font-size: calc(30px + (66 - 30) * ((100vw - 300px) / (1920 - 300)));
font-weight: 700;
background: #57BEC1;
background: linear-gradient(to bottom right, #57BEC1 0%, #177479 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.title-reparti{
font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300)));
line-height: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300)));
font-weight: 700;
background: #57BEC1;
background: linear-gradient(to bottom right, #57BEC1 0%, #177479 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.title-h1-pag-big{
position:absolute;
bottom:4rem;
left:4rem;
font-size: calc(30px + (196 - 30) * ((100vw - 300px) / (1920 - 300)));
line-height: calc(30px + (186 - 30) * ((100vw - 300px) / (1920 - 300)));
color:#fff;
font-weight: 700;
max-width:80%;
text-shadow: 0rem 0rem 2rem #485859;
}


*-------------------------------------owl-carousel------------------------*/

.owl-back-blu {
  background-color: #005192;
}

.owl-nopaddig {
  padding: 2px;
}

.sp-card-slider {
  padding-top: 1rem;
  padding-bottom: 6rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.back-offerte {
  background-size: cover;
  background-position: center;
  height: 30vh;
}

.box-descrizione-card {
  margin-top: -6rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.img-owl{
    border-radius: 1rem;
}

.owl-carousel {
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABQCAYAAAB28QlaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfBJREFUeNrs28FxgkAYxXE+bSAl5OzJFtIDBWAJVpJ0EAvwkgq85pgTdVhC1gQnjhlnggtvA+//ZpgdvMj3c13YBaqKEEIIIYQQMnRC/YV1Xb+mZp22p/1+fwR7XOim2/1wA18UgmYYEULb9WoJNtAibKBF2ECLsIEWYQMtwgZahA20CBtoETbQIuypQqfjfkjNc9q2ymMNU+hD9b3yKD3mheHQ0XTQVdceuh/g//XsOYzRpWoIN+iStYQjdKmawhW6RG3hDK2uMZiw6GoNoHU1B9C62gNoHXgArQMPoHXgi4rcTELdpGZ38VHWWgrDiLCHc4IUgnPpJwRnUiMEZ7ouBGchSghuv8SqBLe+eaAGt70tVgLc8oZvKfAY+68D+I+L3UM6JcHvXogaepFmRtmm7Xjl8oWfteoH+K9efX607bL+XXJ6yRpGGFJuQq+voDdZJ0jA+0MPiu0K/lfowbHdwPtAj4LtAt4XejTsuYPfAz0q9lzB74UeHXtu4DnQEuy5gOdCy7CnDj4EdPZ0PXNqb9Ojz1kqD7xt27fVavXY7U7tNb4saOkw4tyjwRZDgy2EBlsIDbYQGmwhNNhCaHtsJbQ1thraFrsEtCV2KehTHN8Wa0pAn7J0k27b9r1bDFsrod0v+RoUCCGE3MqnAAMAfDFYDLIBBVUAAAAASUVORK5CYII='), auto !important;
}


/*-------------------------------------fine-owl-carousel------------------------*/
.sp-mob-rep{
    padding: 2rem;
    padding-top: 6rem;
    
}
.img-reparto{
    padding: 1rem;
    border-radius: 2rem 8rem 2rem 8rem;
}
.txt-reparto{
    color:#FFF;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    margin-bottom: 0;
}
.dati{
    color:#FFF;
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    margin-bottom: 0.5rem;
}

.black{
    color:#333333;
}
a{
    text-decoration:none;
}
.orari-mobile{
    color:white!important;
}
.link-privacy{
    color:white;
}

a{
    color:#fff;
}
a:hover{
    color:#DDDDDD;
}
@media only screen and (max-width: 1700px) {
.nav-link {
display: block;
font-size: calc(20px +(18 - 20)*((100vw - 300px) /(1920 - 300)));
text-decoration: none;
font-weight: 500;
color: #212121;
margin-left: 0.2rem;
}
.link-top {
font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
text-decoration: none;
font-weight: 500;
color: #fff;
margin-left: 0.2rem;
}
.h1-head {
    top: 14rem;
    font-size: calc(40px + (24 - 40) * ((100vw - 300px) / (1920 - 300)));
}
.btn-head {
    bottom: 3rem;
}
.txt-head{
    font-size: calc(40px + (24 - 40) * ((100vw - 300px) / (1920 - 300)));

}
.sp-top {
    padding-top: 6rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
.title-h2 {

    font-size: calc(24px + (24 - 24) * ((100vw - 300px) / (1920 - 300)));
    
    padding-top: 2rem;
}
.sp-box {
    padding: 4rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.insegna {
    position: absolute;
    top: 16rem;
    width: 94%;
    left: 2rem;
}
.sp-insegna {
    padding-bottom: 16rem;
}
}

@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 840px) {
.nav-link {
display: block;
font-size: calc(20px +(20 - 20)*((100vw - 300px) /(1920 - 300)));
text-decoration: none;
font-weight: 500;
color: #212121;
margin-left: 1rem;
}
.nav-cont {
margin-left: 0.1rem;
margin-right: 0.1rem;
}
.sp-nav {
padding: 0rem;
padding-top: 1rem;
}

.nav-up {
    border-radius: 0.6rem 0.6rem 0rem 0rem;
}
.navbar-toggler {
border: 0px;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0;
}
.sp-box{
    padding: 2rem;
    padding-bottom: 1rem;
    padding-top: 0rem;
}
.sp-top{
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.box-1-txt {
    border-radius: 2rem;
    padding: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    box-shadow: 0px 0px 20px 0px #52BDC1;

}
.insegna {
    position: absolute;
    top: 13rem;
    width: 90%;
    left: 1rem;
}

.sp-insegna{
    padding-bottom: 12rem;
}
.move1{
  padding: 5px;
  animation: none;

}
.orari-mobile{
    color:white!important;
    font-size: 12px;
}


.rombo1{
    position: absolute;
    bottom:4rem;
    width: 30%;
    rotate: 0deg;
    opacity: 0.6;
  padding: 5px;
  animation: move 10s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(40px); }
}

.rombo2{
    position: absolute;
    bottom:20rem;
    width: 40%;
  padding: 5px;
  animation: move 12s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(60px); }
}

.puntini{
    position: absolute;
    top:10rem;
    right:0rem;
    width: 40%;
    opacity: 0.6;
  padding: 5px;
}

.rombo3{
    position: absolute;
    top:4rem;
    width: 30%;
    rotate: 0deg;
    opacity: 0.6;
  padding: 5px;
  animation: move 10s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(40px); }
}

.rombo4{
    position: absolute;
    top:20rem;
    width: 40%;
  padding: 5px;
  animation: move 12s infinite  alternate;
  animation-direction: alternate;
}
@keyframes move {
   0% { transform: translateY(0); }
   100% { transform: translateY(60px); }
}

.btn-head{
    position: relative;
    bottom: auto;
    right: auto;
    text-align: center;
    padding-top: 1rem;
}
.h1-head{
position: relative;
top:auto;
right:auto;
font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300)));
line-height: calc(26px + (40 - 26) * ((100vw - 300px) / (1920 - 300)));
font-weight: 700;
color:#127277;
text-align: center;
}
.txt-head{
position: relative;
bottom:0;
left:auto;
padding-top: 6rem;
font-size: calc(20px + (34 - 20) * ((100vw - 300px) / (1920 - 300)));
line-height: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300)));
font-weight: 800;
color:#127277;
text-align: center;
text-transform: uppercase;
}
.box-ritiro-online {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.button {
    font-size: 18px;
}
.btn{
    padding-left: 1rem;
    padding-right: 1rem;
}
.title-h2{
    padding-top: 2rem;
}
.box-txt{
    padding-top: 4rem;
    padding-left: 2rem;
     padding-bottom: 4rem;
    padding-right: 2rem;
}
.box-txt-card{
    padding: 2rem;
}
.box-form {
    padding: 1rem 2rem;
    background-color: #fff;
}
input[type=text], input[type=email], input[type=tel]
 {
  border: 2px solid #E49292;
  background: linear-gradient(to left, #F4BEBE 1px, transparent 0);
  background-color: #FAF4F4;
  background-size: 23px 1px;
  width: 100%; 
  font: 16px monaco, monospace; 
  letter-spacing: 10.5px;
  text-indent: 0px;
  text-transform: uppercase;
}
textarea, txt-area {
  border: 2px solid #E49292;
  width: 100%; 
  font: 16px monaco, monospace; 
  letter-spacing: auto;
  text-indent: 0px;
  text-transform: uppercase;
  background-color: #FAF4F4;
}
.tit-foot{
    padding-top: 2rem;
}
.mappa{
    height: 50vh;
}
.foto-farm{
    position: relative;
    top:0rem;
    padding-top: 2rem;
    right: 0rem;
}
.nav-green{
     color:#127277;
     font-weight: 700;
}
.post{
    border-radius: 0.4rem;
    border: 2px solid #127277;
    box-shadow: 0px 0px 6px 0px #52BDC1;
}
.carte{
    padding-bottom: 2rem;
}
.logo-foot{
    width: 80%;
    padding-left: 1.5rem;
}
.sp-foot{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
}
.dati{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.wa {
            right: 0.2rem;
            bottom: 0.2rem;
            max-width: 60px;
        }
.sp-head-mobile{
    overflow: unset;
    padding-top: 3rem;
}
.ph-storia{
    padding-top: 7rem;
}
.txt-farmacia{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
}
.box-serv{
    height: auto;
}
.h-btn{
    position: relative;
    bottom: auto;
}
.img-reparto{
    padding-top: 3rem;
    padding-bottom: 0rem;
    border-radius: 2rem 4rem 2rem 4rem;
}
.sp-mob-rep{
    padding: 2rem;
    padding-top: 2rem;
}
.txt-pag{
    padding-left: 2rem;
    padding-right: 2rem;
}
.ph-head-notizia{
    border-radius: 2rem;
    height: auto;
}
.sp-pag {
    padding-top: 8rem;
    padding-bottom: 4rem;
}
.evento {
    margin-top: 0rem;
    margin-bottom: 1rem;
    border-radius: 2rem;
}
.box-divisione-servizi {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-right: 4rem;
}
.video-g {
    border-radius: 1rem;
    box-shadow: 0px 0px 20px 0px #52BDC1;
    margin-top: 4.5rem;
}
.title-h1-pag-big {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    font-size: calc(30px + (196 - 30) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(30px + (186 - 30) * ((100vw - 300px) / (1920 - 300)));
    color: #fff;
    font-weight: 700;
    max-width: 80%;
    text-shadow: 0rem 0rem 2rem #485859;
}
.sp-card-slider {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}



}

@media only screen and (max-width: 700px) {}