* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {/* font-size: 62.5%*/ font-size: 10px }
body { font-family: 'Open Sans', sans-serif; color: #555555; background-color: #ccc; }
.body { background-color: #fff; max-width: 200rem; margin: 0 auto; overflow: hidden; }
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
a { text-decoration: none; color: #555555; outline: none; font-size: 1.7rem; line-height: 1.6; }
a:focus {outline: none!important }
b { font-weight: 600!important; }
p { line-height: 1.6; font-size: 1.7rem; letter-spacing: 0.6px }
.container { max-width: 148rem; margin: 0 auto; padding: 0 2%; width: 90%; }
.container2 { max-width: 85rem; margin: 0 auto; padding: 0 2%; width: 90%; }
button { cursor: pointer; background-color: transparent; border: none; font-family: 'Open Sans', sans-serif; color: #555555; letter-spacing: 0.5px}
input, textarea { border: 0; border-radius: 0; font-family: 'Open Sans', sans-serif; }
input:focus { outline: none!important }
.blk { font-weight: 900 }
.center { text-align: center; }
.clear { clear: both; }
.flex { display: flex; flex-wrap: wrap; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.fff {color: #fff}
.hide { overflow: hidden; }
.bgfff { background-color: #fff }
.bgeee { background-color: #eee }
.trans {transition: all 0.3s ease 0s;}
.bold { font-weight: bold; }
.sbold { font-weight: 600; }
.light { font-weight: 300; }
.light b { font-weight: 700; }
.grey { color: #888 }
.red { color: #FF3636 }
.green { color: #3AA26D }
.green2 { color: #008747 }
.grblu { color: #007F7E }
.blu { color: #044372 }
.greycolor { color: #444 }
.bglblu { background-color: #00ADE9 }
.lblu { color: #00ADE9 }
.bggreen { background-color: #3AA26D }
.bggrblu { background-color: #007F7E }
.bgblu { background-color: #044372 }
.bggrey { background-color: #444 }
.bgred { background-color: #FF3636 }
.bggra { background: rgb(0,173,233); background: linear-gradient(90deg, rgba(0,173,233,1) 0%, rgba(58,162,109,1) 100%);  }
.bggra2 { background: rgb(0,173,233); background: linear-gradient(180deg, rgba(0,173,233,1) 0%, rgba(58,162,109,1) 100%);  }
.sha { text-shadow: 0 0 23px rgba(0,0,0,0.46) }
.bggreen2 { background-color: #008747 }

.newsletter { padding: 4rem 0 }
.newsletter .flex { justify-content: center; flex-wrap: nowrap; }
.newsletter .img { width: 48%; margin-right: 4rem; display: flex; align-items: center; justify-content: center; }
.newsletter .img img { width: 80%; margin-left: 20% }
#mc_embed_signup { width: 48%; background-color: #fff; font-size: 1.4rem; padding: 1rem 0; border-radius: 1rem; box-shadow: 0 0 20px rgba(0,0,0,0.1) }
#mc_embed_signup h2 { font-size: 3rem!important; color: #3aa26d }
#mc_embed_signup .mc-field-group { padding-bottom: 1rem!important; width: 100%!important }
#mc_embed_signup .indicates-required { text-align: left!important; margin-bottom: 2rem }
#mc_embed_signup .button { height: auto!important; width: 18rem!important; background-color: #00ADE9!important; border-radius: 5rem!important; padding: 1rem 2rem!important; text-transform: uppercase; font-weight: bold!important }
#mc_embed_signup .button:hover { background-color: #3AA26D!important }

.sostenibilita { width: 16rem; margin: 2rem 0 0.5rem }

/*TOP BUTTON*/
.back-to-top { text-align: center; position: fixed; z-index: 200; bottom: 1rem; right: 1rem; display: inline-block; padding: 1.6rem 1.5rem; border-radius: 5px; margin: 1em; background-color: #3AA26D; }
.back-to-top img { width: 1.8rem; }
.back-to-top:hover {cursor: pointer;}

.cta { line-height: 1.1; display: flex; justify-content: space-between; align-items: center; font-weight: bold; transition: 0.3s; padding: 1.2rem 2rem 1.3rem; border-radius: 5rem;}
.cta:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2) }
.cta.inbl { display: inline-block; padding: 2rem 3rem }
.ctaunder { display: inline-block; transition: 0.3s; font-weight: 600; border-bottom: 2px solid; padding-bottom: 2px }
.ctaunder:hover { color: #888 }
.cta3 { font-size: 1.5rem; }
.cta3 img { vertical-align: middle; margin: -2px 0 0 1rem; }

.headerpage .cta.bgp { background-color: #E5A399!important }

.shadow { box-shadow: 0 0 20px rgba(0,0,0,0.1) }

.bggradient { background: rgb(0,95,171); background: linear-gradient(0deg, rgba(0,95,171,0.9) 0%, rgba(34,156,216,0) 100%); }

header { padding: 3rem 0 0; width: 100%; max-width: 200rem; z-index: 10; position: relative;}
header .flex { justify-content: space-between; align-items: center; }
header .logo { margin-bottom: 2.5rem }
header .logo img { transition: 0.3s; max-width: 50rem; width: 100% }
header .menu { display: flex; width: 100%; align-items: center; justify-content: center; padding: 1.4rem 0 1.6rem }
header .menu li { padding: 0 1.5rem; }
header .menu li a { font-size: 1.7rem; font-weight: 600; color: #fff; }
header .menu .iconsocial img { width: 2rem }
header .active { opacity: 0.54 }
.dropdown { margin-top: 2px; position: relative; cursor: pointer; color: #fff; font-size: 1.3rem}
.dropdown .img2 { width: 1rem; margin-left: 0.5rem; margin-top: 3px }
.dropdown-content { text-align: center; display: none; position: absolute; min-width: 15rem; z-index: 3; right: -1.5rem; padding-top: 1rem}
.dropdown-content a img { width: 2rem; margin-right: 5px; margin-top: 3px }
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content { padding-top: 3.5rem; }
.dropdown-content a { background-color: rgba(255,255,255,0.8); padding: 2rem 2rem 0 2rem; display: block; }
.dropdown-content a:last-child { padding-bottom: 2rem; border-radius: 0 0 1rem 1rem }

header .dropdown-content { background-color: transparent; text-align: center; display: none; position: absolute; min-width: 40rem; z-index: 3; left: -13px; padding-top: 1.6rem}
.dropbtn { align-items: center; }
.dropdown-content .flex { border-radius: 1rem; align-items: center; justify-content: flex-start; text-align: left; padding: 1rem 1.4rem }
.dropdown-content .flex img { width: 3.5rem; margin-right: 1rem }
.dropdown-content .flex:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3) }
.sticky { padding: 1.5rem 0 0; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: fixed; top: 0; width: 100%; left: 0; right: 0; margin: 0 auto; z-index: 1000; background-color: rgba(255,255,255,0.9);}
.sticky .logo { margin-bottom: 1rem }
.sticky .logo img { width: 23rem; }
.sticky .dropdown-content { padding-top: 1.6rem; }

.hidden-sticky { height: 13rem}

header .iconsocial img { margin-bottom: -3.5px; width: 2rem; }
header .iconsocial { padding-right: 0.5rem!important }

.h_respgreen .menu { background-color: #008747 }
.h_respblk .menu { background-color: #444 }
.h_respgrblu .menu { background-color: #007F7E }
.h_respblu .menu { background-color: #044372 }

.t1 { font-size: 4.4rem; line-height: 1.2 }
.t2 { font-size: 2.2rem }
.t3 { font-size: 3rem; }
.tit1 { font-size: 3rem }
.line { height: 0.6rem; width: 7rem; border-radius: 2rem; margin: 2rem auto }

.slideindex { position: relative; height:85vh; width: 100%; min-height: 50rem; }
.slideindex .container { display: flex; align-items: center; height: 85% }
.slideindex .txt { position: relative; width: 52rem; z-index: 2; background-color: #fff; padding: 2.5rem; border-radius: 0 4rem 0 0}
.slideindex .txt .t2 { margin: 1rem 0; font-weight: 600 }
.slideindex .txt p { margin-bottom: 2rem }
.slideindex .txt a { width: 95% }
.slideindex .txt a:hover { width: 100% }
#slidehome { position: absolute; top: 0; left: 0; width: 100%; }
.slidehome .splide__slide { height: 85vh; min-height: 50rem; display: flex; align-items: center; justify-content: center; position: relative; }
.slidehome .txt { width: 50%; position: relative; z-index: 2; margin-top: 3% }
#slidehome .my-arrows {position: absolute; top: 37%; width: 97%; height: 2rem; z-index: 9; right: 0; left: 0; margin: 0 auto }
#slidehome .my-arrows button:focus {outline: none;}
#slidehome .my-prev { transform: rotate(180deg); margin-top: -4px}
#slidehome .my-next, #slidehome .my-prev { }
#slidehome .my-prev svg {  }
#slidehome .my-next svg { position: absolute; right: 0; top: 0 }
#slidehome .my-prev svg, #slidehome .my-next svg path {fill:#3AA26D; cursor: pointer;}
#slidehome .splide__slide img { object-fit: cover; width: 100%; height: 100%; object-position: center; }

.video { height: 100%; width:100%; object-fit: cover; position: absolute; left: 0; top:0; }

.shape { width: 100%; margin-top: -22rem; position: relative; z-index: 3; object-fit: cover; object-position: top; height: 20rem }

.lefarmacie .txt p { margin: 2rem 0; max-width: 70rem; width: 100% }
.lefarmacie .txt { margin: 1rem 0 0}

.mappa { position: relative; text-align: center; width: 70rem; margin: -2rem auto 5rem; padding-bottom: 10rem }
.mappa .river { width: 100% }
.mappa .pin { transform: scale(1); transition: 0.3s; height: 7.2rem; position: absolute; }
.mappa .pin:hover { height: 7.8rem; margin-top: -2px; margin-left: -2px }
.mappa .pin1 { left: 18rem; bottom: 8rem }
.mappa .pin2:hover { }
.mappa .pin2 { bottom: 2rem; right: 24rem }
.mappa .pin3 { right: 15rem; top: 15rem }
.mappa .pin4 { right: 8rem; top: 2rem }

.mappaimg { display: none; }

.lefarmacie .boxes { padding: 5rem 0 }
.lefarmacie .container.flex { justify-content: space-between; }
.lefarmacie .box { transition: 0.3s; padding: 1.5rem; justify-content: space-between; display: flex; align-items: flex-start; width: 24%; border-radius: 1rem }
.lefarmacie .box:hover {box-shadow: 0 0 20px rgba(0,0,0,0.4);/* margin-top: -0.5rem;*/}
.lefarmacie .box .txt {display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; width: calc(100% - 11rem) }
.lefarmacie .box .txt .luogo { font-size: 1.7rem; align-items: center; margin-top: -1rem; margin-bottom: 1.5rem }
.lefarmacie .box .txt .luogo img { margin-right: 1rem }
.lefarmacie .box .logo { width: 10rem; border-radius: 5px }
.lefarmacie .box .txt .title { font-size: 1.7rem; margin-bottom: 1.5rem; line-height: 1.1 }
.lefarmacie .box .txt p { margin: 0 0 1.5rem }

.slide_carousel { padding: 5rem 0 }

.carousel { width: 100%; margin: 2rem 0; }

.carousel .img, .splide__track { width: 100%; }
.carousel .splide__pagination {width: 100%!important; height: 6rem; z-index: 1}
.carousel .splide__pagination__page { background: #ddd; width: 8px; height: 8px; border-radius: 50%; margin: 3px; cursor: pointer;display: block;}
.carousel .splide__pagination__page:focus {outline: none;}
.carousel .splide__pagination__page.is-active {background: #00ade9; width: 8px; height: 8px;}
#carousel_prodotti .splide__pagination__page.is-active {background: #FF3636; width: 10px; height: 10px;}

.carousel .my-arrows {position: absolute; bottom: 3rem; width: 100%; height: 2rem; z-index: 9; right: 0; left: 0; margin: 0 auto }
.carousel .my-arrows button:focus {outline: none;}
.carousel .my-prev { transform: rotate(180deg); position: absolute; left: 2rem }
.carousel .my-next, .carousel .my-prev { }
.carousel .my-prev svg {  }
.carousel .my-next svg { position: absolute; right: 2rem; top: 0 }
.carousel .my-prev svg, .carousel .my-next svg path {fill:#888888; cursor: pointer;}

.carousel li.splide__slide { padding: 1.5rem; }
.boxservizio { display: flex; height: 100%; flex-direction: column; justify-content: space-between; padding: 2rem; box-shadow: 0 0 15px rgba(0,0,0,0.15); border-radius: 1rem; }
.boxservizio .title { line-height: 1.2; margin-bottom: 2rem; font-size: 2rem }
.boxservizio .img { border-radius: 0.5rem; margin-bottom: 2rem; height: 14vw; width: 100%; overflow: hidden; }
.boxservizio .img img { transition: 0.3s; transform: scale(1); object-position: center; object-fit: cover; width: 100%; height: 100%; }
.boxservizio:hover .cta.bglblu { background-color: #0197CB }
.boxservizio:hover .img img { transform: scale(1.05); opacity: 0.8 }

.box_blog { padding: 4rem 0 }
.teampage .box_blog { padding: 0 0 4rem }
.box_blog .boxservizio { display: flex; flex-direction: column; justify-content: space-between; width: 23%; background-color: #fff; margin: 1rem 1%; height: auto }
.box_blog .articoli { justify-content: center; margin: 3rem 0 1rem }
.boxservizio .cat { margin-bottom: 2rem; justify-content: center; font-weight: lighter; font-size: 1.4rem; font-style: italic; background-color: #888888; }
.boxservizio .data { font-size: 1.4rem; margin-bottom: 1rem }
.box_blog .boxservizio.special p { margin: 2rem 0; font-size: 1.5rem }
.box_blog .boxservizio.special .logo { max-width: 20rem; width: 100%; margin: 2rem auto; opacity: 0.5 }
.box_blog .boxservizio.special .cta { background-color: rgba(255,255,255,0.2); }

.boxservizio.bprod .imgprod { position: relative; margin: 2rem 0 }
.boxservizio.bprod .imgprod .perc { display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: bold; z-index: 1; position: absolute; height: 5rem; width: 5rem; border-radius: 50%; top: 0; left: 0 }
.boxservizio.bprod .imgprod img { width: 100%; object-fit: contain; object-position: center; height: 100%; max-height: 25rem; }
.boxservizio.bprod .prices { justify-content: space-between; align-items: center; }
.boxservizio.bprod .prices .old { text-decoration: line-through; color: #aaa }
.boxservizio.bprod .prices .new { font-size: 2rem }

/*sidenav*/
.menuresponsive { display: none; }
#mySidenav { display: none;}

footer { padding: 4rem 0 2rem; position: relative; border-top: 4px solid #eee }
footer .flex { justify-content: space-between; }
footer .cl { width: auto}
footer .cl.logo { display: flex; flex-direction: column; }
footer .cl.logo .unilife { margin-top: 2rem }
footer .title { font-size: 1.6rem }
footer .cta { margin-top: 1.4rem } 
footer .logo img { width: 20rem }
footer .social { margin: 0.55rem 0 0 }
footer .social img { margin-right: 2px }
footer p, footer a { font-weight: 300; font-size: 1.4rem }
footer .farm { margin-bottom: 2rem }
footer a:hover, .credits a:hover { color: #3AA26D }

.credits .flex { justify-content: space-between; border-top: 1px solid #cdcdcd; padding: 2rem 0 }
.credits p, .credits a { font-size: 1.3rem; }

/*pages*/
.headerpage .container.pr { position: relative; z-index: 1 }
.headerpage .logofarm { transition: 0.3s; width: 21rem; position: absolute; top: -3rem; left: 0; padding: 1.5rem 2rem; border-radius: 0 0 2rem 2rem; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1) }
.headerpage .logofarm img { width: 100%; }
.headerpage .tlogo { transition: 0.3s; font-size: 3.5rem; font-weight: 600; line-height: 1.2 }
.headerpage .wapp { z-index: 1; flex-wrap: nowrap; text-align: right; position: absolute; right: 2rem; top: 3.3rem; width: 20rem }
.headerpage .wapp span { margin-right: 1rem; font-size: 1.8rem; line-height: 1.2 }
.headerpage .wapp .img1 { transition: 0.3s; width: 5rem }
.headerpage .wapp:hover { color: #1ac675; }
.headerpage .menuresponsive { background: rgba(255,255,255,0.2)!important; display: inline-block; position: absolute; right: 0; top: 0; padding: 2rem; }
.headerpage #mySidenav { display: block;}
.headerpage .blpr { position: relative; overflow: hidden; }

.sticky .logofarm { width: 16rem }
.sticky .tlogo { font-size: 2.2rem }
.sticky .wapp { width: auto; top: 1rem }
.sticky .wapp span { display: none; }
.headerpage .wapp .img1 { display: inline-block; }
.headerpage .wapp .img2 { display: none; }
.sticky .wapp .img1 { width: 3.7rem }

.menuresponsive { padding: 1.35rem 0 1.15rem}
.menuresponsive img { width: 9rem; }
#mySidenav { z-index: 1000;}
.sidenav { height: 100%; width: 0; position: fixed; z-index:1; top: 0; right: 0; overflow-x: hidden; transition: 0.5s; }
.sidenav a { text-decoration: none; font-size: 2rem; color: #fff; font-weight: bold; display: block;transition: 0.3s; }
.sidenav .closebtn { width: 4rem; opacity: 1; position: absolute; top: 2rem; right: 2rem; }
.sidenav .logonav { width: 20rem; padding-bottom: 2rem }
.sidenav .flexnav { width: 100%; }
.sidenav .flexnav .bg { padding: 12rem 4rem; box-shadow: 0 0 20px rgba(0,0,0,0.3); width: 40rem; margin-left: calc(100% - 40rem); min-height: 100vh; height: 100%; }
.sidenav .flexnav .bg .divblock { display: block; padding: 2rem 0; font-weight: lighter; }
.sidenav li { text-transform: uppercase; width: 100%; text-align: left; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,0.3) }
.open-close-box { position: relative; border-bottom: 1px solid rgba(255,255,255,0.3)}
.open-close-box li { width: 100%; border-bottom: 0 }
.open-close-box li a { display: inline-block; color: #fff; font-weight: bold; }
.open-close-box .btnmore { right: 0; top: 0; width: 50%; position: absolute; height: 5rem; cursor: pointer; }
.sidenav .open-close-box .showhide img { width: 2rem; position: absolute; right: 5px; top: 1.55rem}
header .open-close-box .text_open { text-align: left; padding-bottom: 2rem;}
header .open-close-box .text_open a { display: flex; align-items: center; padding:0 0 1rem 0; }
.sidenav .lang { justify-content: flex-start; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 1.5rem; padding-bottom: 2.5rem }
.sidenav .lang a { font-size: 1.5rem; align-items: center; display: flex; margin-right: 1rem }
.sidenav .lang a img { margin-right: 4px }
.sidenav .cta { margin-top: 2rem }
.farmresp p.flex { width: 100%; border-radius: 0.5rem; padding: 0.8rem 1rem; justify-content: flex-start; }
.farmresp p.flex img { margin-right: 1rem }
.farmresp p.flex span { width: calc(100% - 5rem); line-height: 1.3 }

.txtfaramcia .title { font-size: 2.3rem }
.txtfaramcia .where { line-height: 1; flex-wrap: nowrap; align-items: flex-end; margin: 2rem 0; font-size: 1.8rem; font-weight: lighter; }
.txtfaramcia .where img { margin-right: 1rem; }
.slideindex .txt.txtfaramcia { z-index: 4; margin-top: -2rem; background-color: rgba(255,255,255,0.85); padding: 3rem; padding-bottom: 7rem; position: relative; }
.slideindex .txt.txtfaramcia .cta { position: absolute; border-radius: 0; bottom: 0; left: 0; width: 100%; padding: 2rem 2rem 2rem 3rem }

.storia .blstoria { margin: 0 auto; background-color: #fff; border-radius: 2rem; padding: 4rem; max-width: 81rem; width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,0.2) }
.storia { margin-bottom: 8rem; position: relative; z-index: 5; margin-top: -19rem;}
.storia .percorso { position: relative; margin-top: 3rem; padding: 3rem 0 }
.storia .percorso .linea { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; width: 1.3rem; border-radius: 2rem; }
.storia .percorso .bl { text-align: right; padding-right: 7rem; position: relative; width: 50%; margin-right: 50% }
.storia .percorso .bl img { position: absolute; top: 0; right: 0 }
.storia .percorso .date { font-size: 2.3rem; }
.storia .percorso .bl.reverse { margin-top: -3.3rem; text-align: left; padding-right: 0; padding-left: 7rem; position: relative; width: 50%; margin-left: 50%; margin-right: 0 }
.storia .percorso .bl.reverse img { position: absolute; top: 0; right: inherit; left: 0 }
/*.storia .percorso .bl:last-child { margin-top: -16rem }*/

.team .boxes { margin-top: 1rem; justify-content: center; }
.team .boxes .img { position: relative; margin-bottom: 1.5rem }
.team .boxes .box { width: 29.33%; margin: 2% }
.team .boxes .img img { width: 100%; border-radius: 50%; }
.team .boxes .img .imgb { transition: 0.6s; opacity: 0; position: absolute; top: 0; left: 0 }
.team .boxes .box:hover .imgb { z-index: 2; opacity: 1; }
.team .boxes .txt .cta { width: 26rem; margin: 1.5rem auto 0; padding: 2rem }
.team .boxes .txt .cta:hover { background-color: #1ca8ae }

.servizifarmacia { padding: 5rem 0; margin: 3rem 0 }
.servizifarmacia .text img { margin-bottom: 1rem }
.boxservizi { justify-content: center; margin: 2rem 0; align-items: stretch; }
.boxservizi .boxservizio { width: 23%; margin: 1%; box-shadow: none; display: flex; height: auto; }

.contatti { justify-content: space-between; margin: 6rem 0 }
.contatti .bl1 { width: 49%; position: relative; margin-bottom: 3rem; border-radius: 0 3rem 0 0; background-color: #fff; }
.contatti .info1 { margin-bottom: 3rem; border-radius: 0 3rem 0 0; padding: 2rem 3rem}
.contattipage .contatti .bl1 { width: 49%; position: relative; margin-bottom: 3rem; border-radius: 0 3rem 0 0; padding: 3rem 3rem 7rem 3rem; background-color: #fff; }
.contattipage .contatti .info1 { margin-bottom: 0; border-radius: 0; padding: 0}
.contatti .info1 a { align-items: center; margin: 1rem 0 }
.contatti .info1 a img { margin-right: 1rem; width: 2.4rem }
.contatti .info1 a span { width: calc(100% - 3.5rem) }
.contatti .maps { width: 48% }
.contatti .maps iframe { width: 100%; background-color: #eee; height: 100%; }
.contatti .info1 .t2 { margin-bottom: 2rem }
.contatti .form form { padding: 3rem }
.contatti .form form input, .contatti .form form textarea { margin-bottom: 1.5rem; width: 100%; font-size: 1.8rem; font-family: 'Open Sans', sans-serif; border-radius: 5rem; border: 1px solid #ccc; padding: 1.4rem 2rem }
.contatti .form form textarea { border-radius: 2rem }
.contatti .form .t2 { padding: 1.8rem 3rem }
.contatti .form .cta { font-size: 1.8rem; width: 100%; letter-spacing: 0; padding: 2rem }

/*pages*/
.pages .lefarmacie .t3 { margin-bottom: 4rem }
.paragrafo { border-bottom: 5px solid #eee; display: flex; justify-content: space-between; padding: 5rem 0 }
.paragrafo .title { width: 35%; }
.paragrafo .title .linea { height: 0.8rem; width: 100%; border-radius: 1rem; margin-top: 2rem }
.paragrafo .p { width: 60% }
.paragrafo .p.valori .flex img { width: 4rem; margin-right: 1.5rem }
.paragrafo .p.valori .flex { align-items: center; margin-bottom: 2rem }
.paragrafo .p.valori .flex span { width: calc(100% - 6rem); line-height: 1.2 }
.paragrafo.last { border-bottom: 0 }

.mission { padding: 6rem 0 0; }
.mission .t1 { color: #ccc!important; display: flex; align-items: center; flex-wrap: nowrap; justify-content: center; }
.mission .t1 .linee { height: 2px; width: calc(100% - 80rem); display: inline-block; background-color: #ccc }
.mission .t1 .tit { margin: 0 2rem; width: 35rem }
.paragrafomission { border-bottom: 2px solid #ccc; padding-bottom: 6rem; margin-top: 6rem; justify-content: space-between;}
.paragrafomission .img { width: 35%; border-radius: 0 4rem 0 0; object-position: top; object-fit: cover; }
.paragrafomission .txt { width: 60% }
.paragrafomission .txt p { margin-top: 1.5rem }
.paragrafomission:last-child { border-bottom: 0 }

.pages .boxservizio.bgfff { background-color: #eee }
.maintxtpage { padding: 4rem 0 }
.maintxtpage p { margin-top: 1rem }
.bold { font-weight: 600 }
.pages .servizifarmacia { padding: 2rem 0; margin: 0 }
.dove { border-top: 1px solid #ccc; padding-top: 1rem; border-bottom: 1px solid #ccc; padding-bottom: 1.7rem; margin-bottom: 2rem; }
.dove .p100 { width: 100%; text-align: left; font-size: 1.5rem }
.dove .nome { font-weight: 600; background-color: #ddd; padding: 0.2rem 1.2rem; border-radius: 5rem; margin: 6px 5px 0 0; font-size: 1.4rem }
.dove .nome img { width: 1.4rem; margin-right: 0.5rem }

.offerte { padding: 2rem 0 }
.offerte .boxservizio { border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.15) }
.offimg { width: 3.5rem; vertical-align: middle; margin-top: -3px }

.formgenerica .form { max-width: 90rem; width: 100%; margin: 0 auto }
.formgenerica .form .t2 { text-align: center; }
.formgenerica .form form input { width: 31%; margin: 0.9%; border-radius: 1rem  }
.formgenerica .form form textarea { margin-top: 2rem; border-radius: 1rem }

.contattipage .contatti { padding: 6rem 0 3rem }
.contattipage .contatti .info1 .cta {margin-bottom: 0; padding: 1.5rem 3rem; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0 }

.flexinput { justify-content: space-between; }
.flexinput input { margin: 0!important; width: 32%!important }

.filtro_argomenti .pad { padding-top: 1rem; padding-bottom: 1rem}
.filtro_argomenti p { font-size: 1.4rem }
.filtro_argomenti .letter { background-color: #888; color: #fff; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin: 0.6rem 0.6rem 0 0; border-radius: 5px; font-size: 2rem; border: 2px solid #fff }
.filtro_argomenti .letter:hover { background-color: #aaa }
.filtro_argomenti .letter.active { background-color: #3AA26D }
.argomenti { padding: 1rem 0 2rem }
.argomenti li { color: #888; border: 1px solid #ccc; font-size: 1.5rem; letter-spacing: 0.8px; background-color: #eee; border-radius: 5px; padding: 0.4rem 1.4rem; margin: 1rem 1rem 0 0 }
.argomenti li:hover { background-color: #ddd }

.ricerca-argomenti .argomenti { padding: 1rem 0 0; width: calc(100% - 40rem); justify-content: flex-end;}
.ricerca-argomenti .argomenti li { margin: 0 0 1rem 1rem; cursor: pointer; }
.ricerca-argomenti .argomenti li:hover { background-color: #ddd }

.argomenti li.active { background-color: #3AA26D; border:1px solid #3AA26D; color: #fff }
.argomenti li.active:hover { background-color: #3AA26D; border:1px solid #3AA26D; color: #fff  }

.ricerca-argomenti { padding: 1rem 0 }
.ricerca-argomenti .container.flex { justify-content: space-between; align-items: center; }
.ricerca-argomenti .search { height: 5rem; width: 35rem; position: relative; display: flex; }
.ricerca-argomenti .search input { font-size: 1.5rem; color: #555555; border-radius: 1rem 0 0 1rem; width: calc(100% - 5rem); padding: 1rem; }
.ricerca-argomenti .search .cerca { width: 5rem; padding: 1.5rem; background-color: #3AA26D; border-radius: 0 1rem 1rem 0; }
.ricerca-argomenti .search .cerca img { width: 100% }
.ricerca-argomenti .search input::placeholder { font-style: italic; opacity: 0.3 }

.box_blog .boxservizio .info { padding: 0; margin-bottom: 2rem; text-align: left; }
.box_blog .boxservizio .info p { font-size: 1.4rem; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px }
.box_blog .boxservizio .argomenti li { padding: 3px 8px }
/*.box_blog .boxservizio .argomenti li:hover { background-color: #eee }*/
.box_blog .boxservizio .argomenti { padding: 0 }

.articoli { margin: 3rem 0; justify-content: space-between; }
.articolo { margin-bottom: 3rem; width: 48%; display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 2.5rem }
.articolo .img { width: 46%; overflow: hidden; height: 100%; border-radius: 5px  }
.articolo .img img { object-fit: cover; height: 100%; transition: 0.3s; transform: scale(1); width: 100%;}
.articolo .img img:hover { transform: scale(1.05); opacity: 0.8; }
.articolo .info { width: 50% }
.articolo .info .bgeee p, .articolo .info .bgeee a { font-size: 1.4rem }
.articolo .info .bgeee a:hover { color: #007F7E }
.articolo .info .bgeee { font-size: 1.4rem; padding: 1rem; border-radius: 5px; margin-bottom: 1.5rem }
.articolo .info .title { font-size: 2.5rem; line-height: 1.2; text-align: left; font-weight: 600 }
.articolo .info .title:hover { color: #00ADE9 }
.articolo .info .argomenti li { padding: 3px 8px; }
.articolo .info .argomenti li:hover { background-color: #eee }

.titolo_blog { padding: 3rem 0}
.titolo_blog p { letter-spacing: 3px; margin-top: 1rem }

.content { margin: 3rem 0; justify-content: space-between; align-items: flex-start; }
.paragraph .titolo { font-size: 2.5rem; margin-bottom: 1.5rem }
.paragraph .txt-img img { width: 30rem; border-radius: 5px; margin: 0 3rem 3rem 0; float: left; }
.paragraph .descrizione { text-align: justify; width: auto; color: #888!important }
.paragraph .descrizione blockquote p { font-family: inherit; font-size: 1.7rem; padding: 1rem; margin: 1rem 0; }
.paragraph .descrizione h1 { font-size: 2.5rem }
.paragraph .descrizione .marker { background-color: rgba(58,162,109,0.4); padding: 1px 5px }
.paragraph .descrizione ol, .paragraph .descrizione ul {padding: 1rem 0 0 2rem; margin: 1rem 0}
.paragraph .descrizione ul { padding: 1rem 0 0 1.5rem; }
.paragraph .descrizione ol li { list-style: inherit; }
.paragraph .descrizione li { font-size: 1.5rem; margin: 2px 0}
.paragraph .descrizione li { line-height: 1.6;
font-size: 1.7rem;
letter-spacing: 0.6px;}
.paragraph .descrizione li::marker {
  color: #02ade5;
  font-size: 2rem;
}
.paragraph .descrizione a { font-size: 1.7rem; color:#3aa26d; font-weight: bold; text-decoration:underline; }

.content .testi { width: 70% }
#sostenibilita .content .testi { width: 100% }
.content .col2 { width: 26%;  }
.content .biblio { overflow: hidden; border-radius: 0.5rem; padding: 2rem; margin-bottom: 2rem }
.content .biblio .linkbib p { width: calc(100% - 2.5rem); font-size: 1.4rem; text-decoration: underline #007F7E; line-height: 1.4 }
.content .biblio .linkbib .n { width: 2.5rem; margin-top: -5px }
.content .biblio .linkbib { align-items: flex-start; margin: 2rem 0 0; padding-bottom: 2rem; border-bottom: 1px solid #ccc }
.content .biblio .linkbib:last-child { border-bottom: none }
.content .biblio .linkbib p:hover { color: #007F7E }

.a_corr .box { display: flex;justify-content: space-between; margin: 2rem 0 0; padding-bottom: 2rem; border-bottom: 1px solid #ccc }
.a_corr .box img { width: 20%; border-radius: 5px; height: 100%; margin-top: 4px }
.a_corr .box .txt { width: 77%; }
.a_corr .box .txt .title { font-size: 1.8rem; line-height: 1.2 }
.a_corr .box .txt p { font-size: 1.4rem; }
.a_corr .box:hover img { opacity: 0.8 }
.a_corr .box:hover .title { color: #007F7E }
.a_corr .box:last-child { border-bottom: none; }

.paragraph { border-bottom: 4px dotted #ddd; padding-bottom: 3.5rem; margin-bottom: 3rem }
.paragraph:last-child { border:none; }
.paragraph ul { padding: 1rem 0 0 1rem }
.paragraph li { list-style: disc; padding-left: 0.5rem }


.infoblog { margin-bottom: 2rem; background-color: #eee; padding: 1rem 1rem 0.7rem; border-radius: 5px; align-items: center; }
.autore { display: flex; align-items: center; }
.autore img { margin-right: 1rem; width: 5rem; border-radius: 50%; border: 1px solid #fff; }
.infoblog p { font-size: 1.4rem }
.infoblog .data { padding-left: 1rem; border-left: 1px solid #ccc; margin-left: 1rem }

.teampage { padding: 4rem 0 }
.ilteam { max-width: 90rem; width: 90%; margin: 0 auto; padding: 3rem; background-color: #fff; border-radius: 1rem }
.breadcrumbs { border-radius: 0.5rem; color: #aaa; background-color: #eee; display: inline-block; padding: 1rem 2rem; font-size: 1.4rem }
.breadcrumbs a {font-size: 1.3rem; color: #888 }
.breadcrumbs a:last-child { color: #3AA26D; font-weight: bold }
.ilteam .titoli { margin: 3rem 0 2rem }
.ilteam .titoli .t2 { margin-top: 0.5rem }
.ilteam .img { position: relative; max-width: 40rem; width: 100%; margin: 0 auto }
.ilteam .img img { width: 100%; border-radius: 50%;  }
.ilteam .img .imgb { transition: 0.3s; opacity: 0; position: absolute; top: 0; left: 0 }
.ilteam .imgb:hover { z-index: 2; opacity: 1; }
.ilteam .img .farm { width: 11rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: absolute; top: 2rem; left: -1rem; z-index: 3; padding:1rem; background-color: #fff }
.ilteam .desc { font-size: 1.6rem; margin: 3rem 0 }
.slide_carousel.box_blog .boxservizio { width: 100% }
.ilteam .lafarmacia { text-align: left; border-left: 5px solid #ddd; padding-left: 2rem; margin-top: 2rem}

.teampage .container { }
.teampage .desc { text-align: left; border-left: 5px solid #ddd; padding-left: 2rem }
.team.center { padding-top: 4rem }

.divisorio { margin: 6rem 0; border-top: 8px dotted #ccc }

.txtservizio .breadcrumbs { margin-bottom: 3rem }
.txtservizio.content { border-bottom: 0.7rem dotted #ddd; padding-bottom: 4rem }
.txtservizio .paragraph { padding-bottom: 0; }
.biblio .dove { border-top:none;}
.biblio .dove .nome { width: 100% }
.biblio .dove .nome:hover { background-color: #ccc }

#prenotazioni { border-top: 4rem solid #fff; margin-bottom: 3rem }
.prenotazioni { padding-bottom: 2rem; border-radius: 0.5rem }
.prenotazioni .t2 { padding: 1.5rem; text-align: center; border-radius: 0.5rem 0.5rem 0 0}
.prenotazioni .lafarmacia { margin: 2rem 2rem 0; padding: 1rem 1rem 1rem 2rem; background-color: #ddd; border-radius: 5rem; align-items: center; justify-content: space-between; }
.prenotazioni .lafarmacia img { width: 2.5rem; margin-right: 0.7rem }
.prenotazioni .lafarmacia .nome { font-size: 2rem; font-weight: 600 }
.prenotazioni .lafarmacia .nome:hover { opacity: 0.8 }

.mrgen { display: inline-block!important } 
.headerpage .menuresponsive { display: none; }

.link_gallery { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 }

.teampage .container.teamcon { border-top: 0; border-radius: 2rem; padding-bottom: 4rem; margin-top: 0 }

.linkdesk { min-height: 50vh; display: flex; align-items: center; justify-content: center; }
.linkdesk .bannerapp { max-width: 90rem; width: 100% }

.linkmobile { display: none; }

.error { align-items: center; justify-content: center; min-height: 80vh }
.error p { font-size: 12vw; font-weight: bold; opacity: 0.3 }
.error a { width: 25rem; margin: 0 auto; padding: 2rem }

.staffhome .team .boxes .box { width: 100%; margin: 0!important }
.staffhome .team .boxes .txt .cta { width: 100% }
.staffhome { padding: 4rem 0; border-top: 4px solid #eee; border-bottom: 4px solid #eee; }

.bgeeecontact { padding: 6rem 0 }
.bgeeecontact .contatti { margin: 0 }

.borderbo { border-bottom: 4px solid #eee }

.blog_new .boxservizio.box1 { width: 49% }
.blog_new { justify-content: space-between; margin: 6rem 0 0; border-bottom: .6rem solid #eee; padding-bottom: 6rem }
.blog_new .tit { font-weight: bold; color: #aaa; font-size: 1.4rem; letter-spacing: 0; margin-bottom: 1rem; }
.blog_new .boxservizio { height: auto; }
.blog_new .boxservizio .title { margin-bottom: .3rem; }
.blog_new .boxservizio .undertitle { font-style: italic; font-weight: lighter; }
.blog_new .boxservizio .img { margin-top: 1.5rem }
.blog_new .boxservizio .info p { font-size: 1.4rem }
.blog_new .boxservizio .info ul { display: block;  }
.blog_new .boxservizio .info li { margin: 0; width: 100%}

.blog_new .bboxes { width: 49% }
.blog_new .boxservizio.box2 { width: 100%; position: relative; }
.blog_new .boxservizio.box2 .img { height: calc(100% - 4rem); position: absolute; top: 2rem; left: 2rem; margin: 0; width: calc(48% - 2rem)}
.blog_new .boxservizio.box2 .col { display: flex; justify-content: space-between; flex-direction: column; height: 100%; margin-left: 50%; width: 50% }
.blog_new .boxservizio.box2 .info { justify-content: space-between; margin-top: 1rem }
.blog_new .boxservizio.box2 .argomenti, .blog_new .boxservizio.box3 .argomenti { padding-bottom: 0; font-size: 1.3rem }
.blog_new .boxservizio.box2 .argomenti li, .blog_new .boxservizio.box3 .argomenti li { line-height: 1.1; padding: 4px 8px 5px; font-size: 1.3rem }

.blog_new .boxservizio.box3 { width: 49%; margin-top: 1rem; justify-content: space-between; display: flex; flex-direction: column; }
.blog_new .flex2 { justify-content: space-between; width: 100% }
.blog_new .imgflex { justify-content: space-between; margin-top: 1rem; align-items: flex-end; }
.blog_new .imgflex a { width: 48%; }
.blog_new .imgflex a .img { margin: 0; height: 7.5vw; min-height: 15rem }
.blog_new .imgflex .info { width: 48% }

/*news*/
.carnews { padding: 2rem 5rem 0;
background: #fff;
position: relative;
margin-top: -11rem;
z-index: 4;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
border-radius: 0rem 3rem 0rem 0rem; }

.carnews .tit { position: absolute;
top: -6.1rem;
z-index: 3;
padding: 1.5rem 3rem;
left: 0;
border-radius: 0 2rem 0 0; }

.carnews .tit img { margin: -1px 1rem 0 0 }

.carnews .boxservizio { border: 1px solid #ddd; background-color: #fff; border-radius: 0; box-shadow: none }
.carnews .carousel .my-arrows { left: -4.5%; width: 109%; bottom: 50%; }
.carnews .carousel li.splide__slide { padding: 1rem }
.carnews .carousel .splide__pagination__page.is-active { background: #3aa26d }
.carnews .carousel .splide__pagination__page { margin-bottom: 1rem }
.carnews .boxservizio .data { display: flex; align-items: center; margin-bottom: 0 }
.carnews .boxservizio .data img { margin-right: 5px }
.carnews .boxservizio .ora { font-size: 1.4rem; } 
.carnews .boxservizio .title { margin: 1rem 0 1.5rem }
.carnews .boxservizio .ctaflex { display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem }
.carnews .boxservizio .ctaflex img { width: 1.8rem }

.titolo_blog p.green img { margin-right: 1rem }
.contentnews { justify-content: space-between; padding: 5rem 0; }
.contentnews .img { object-position: center; object-fit: cover; width: 38% }
.contentnews .txt { width: 60% }
.contentnews .txt .data { display: inline-block; padding: 1rem; margin-bottom: 2rem }

.newsbg { padding: 4rem 0 }
.newsbg .carnews { margin-top: 0; background: transparent; box-shadow: inherit; padding: 1rem 5rem 0 }

.ckeditor, .ckeditor p, .ckeditor li, .ckeditor ul { line-height: 1.6; font-size: 1.7rem; letter-spacing: 0.6px }
.ckeditor li { list-style: inside; }
.ckeditor ul { padding: 2rem 0; }

.lecta { display: flex; align-items: center; }
.lecta .ca img { width: 3rem; margin-right: 1rem }
.lecta .ca { margin-right: 1rem; border-radius: 5px; border: 1px solid #ccc; margin-top: 2rem; display: inline-flex; align-items: center; background-color: #eee; padding: 1rem 2rem }

/*style check box*/
.containercheck { text-align: left; margin: 1rem 0 0;
  font-size: 1.6rem;
  display: block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #fff;
  border-radius: 0.2rem;
  border: 1px solid #aaa;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #98bb45;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 0.5rem;
  top: 0.1rem;
  width: 0.5rem;
  height: 1rem;
  border: solid white;
  border-width: 0 0.3rem 0.3rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 1600px) {
.lefarmacie .container.flex { justify-content: center; }
.lefarmacie .box { margin: 1rem 0.5%; width: 24% }
.lefarmacie .box .txt { width: calc(100% - 8rem) }
.lefarmacie .box .logo { width: 7rem }
.slideindex .txt { width: 45rem; background-color: rgba(255,255,255,0.9); }
.slideindex .txt .t1 { font-size: 3.4rem }
}

@media screen and (max-width: 1400px) {
header .logo img { max-width: 40rem; margin: -1rem 0 }
.servizifarmacia .container { width: 100% }
}

@media screen and (max-width: 1200px) {
html { font-size: 9.5px }
.slideindex .container { justify-content: center; }
.slideindex .txt { background-color: rgba(255,255,255,0.9); }
.shape { height: 14rem }
.boxservizio .img { height: 21vw }
.lefarmacie .boxes .container { width: 100% }
.boxservizi .boxservizio { min-width: 32rem }
}

@media screen and (max-width: 1024px) {
.slide_carousel .container { width: 100%; max-width: 100%; padding: 0 }
.teampage .slide_carousel .container { padding-top: 5rem }
.lefarmacie .box:hover { margin-top: 1rem!important }
.box_blog .boxservizio { width: 30rem }
.headerpage .logofarm { width: 14rem; padding: 0.5rem 1rem; }
.team .boxes .box { width: 33rem; margin: 3rem 2rem }
.boxservizi .boxservizio { width: 30rem; margin-bottom: 3rem }
.servizifarmacia { padding-bottom: 2rem }
.contatti .bl1 { width: 100%; }
.contatti .maps { width: 100%; margin-top: 3rem; height: 50vw }

.mission .t1 .linee { display: none; }
.paragrafomission .img { width: 100%; height: 30vw }
.paragrafomission .txt { width: 100%; margin-top: 3rem }
.paragrafomission { padding-bottom: 5rem }

.content .testi { width: 100% }
.content .col2 {width: 100%; }

.articolo { width: 100% }

.lefarmacie .box .txt { width: calc(100% - 10rem) }
.lefarmacie .box .logo { width: 9rem }
.lefarmacie .box { margin: 1rem 1% 1rem 1%; max-width: 33rem; width: 100% }

.ricerca-argomenti .container.flex { flex-direction: column; padding-top: 1rem }
.ricerca-argomenti .argomenti { width: 100%; justify-content: center; margin-top: 1rem }

.lefarmacie .boxes .container { width: 90% }

.newsletter .img { width: 100% }
.newsletter .flex { flex-direction: column; justify-content: center; align-items: center;}
#mc_embed_signup { max-width: 60rem!important; width: 100%!important; }
.newsletter .img { margin-right: 0 }
.newsletter .img img { margin-left: 0; max-width: 40rem;width: 90%; margin: 0 auto 3rem }
#mc_embed_signup { padding: 0 }
#mc_embed_signup h2 { line-height: 1!important }

.blog_new .boxservizio.box2 .img, .blog_new .boxservizio.box3 .img { display: none; }
.blog_new .boxservizio.box2 .col, .blog_new .imgflex .info { width: 100%; margin: 0 }
.blog_new .boxservizio.box2 .info { display: block; }
} 

@media screen and (max-width: 768px) {
.boxservizio .img { height: 30vw }
.mappa { display: none; }
.mappaimg { display: block; width: 100%; margin: 3rem 0 5rem }
/*sidenav*/
header .menu { display: none; }
header { display: flex; flex-direction: column-reverse; padding: 0 }
header .logo img { margin: 3rem 0 0 }
.sticky { padding: 0 }
.menuresponsive { display: block; padding: 1.35rem 0 1.15rem}
.menuresponsive img { width: 9rem; margin-top: 3px }
#mySidenav { display: block; z-index: 1000;}
.headerpage .menuresponsive { display: inline-block }
.mrgen { display: none!important }
.sidenav .flexnav .bg { width: 100%; margin-left: 0 }
.shape { display: none; }
.t1 { font-size: 3.6rem; line-height: 1.2 }
.t2 { font-size: 2.2rem }
.t3 { font-size: 3rem; }
#mySidenav .iconsocial img { width: 3rem; margin-bottom: 1px; vertical-align: middle; }

footer { padding: 3rem 0 0 }
footer .cl { width: 100%; text-align: center; margin: 0 }
footer .farm { margin: 0 0 3rem; }
footer .logo img { width: 100%; max-width: 20rem; margin: 2rem 0 0 }
footer .cl.logo { align-items: center; }
footer .cl.logo .unilife { margin-bottom: 4rem; width: 18rem }

.credits .flex { flex-direction: column; }
#slidehome { position: relative; }
.slideindex .container { height: auto; }
.slideindex { flex-direction: column-reverse; display: flex; height:100%; min-height: auto }
.slideindex .txt.shadow { box-shadow: none; padding: 5rem 0 6rem; width: 100%; border-bottom: 5px solid #eee; margin-bottom: 3rem }
.slideindex .txt .t2 { margin: 2rem 0; }
.slideindex .txt .cta { width: 100% }
#slidehome .my-arrows { top: 44% }
.bggradient { background: rgb(0,95,171); background: linear-gradient(0deg, rgba(0,95,171,1) 0%, rgba(34,156,216,0) 100%);  }
.slideindex .bggradient { bottom: inherit; top: 20rem; height: 20rem }
.slidehome .splide__slide { height: 40rem; min-height: auto }

.headerpage .menuresponsive { padding: 1.35rem 0 1.15rem; background: rgb(0,173,233);
  background: linear-gradient(90deg, rgba(0,173,233,1) 0%, rgba(58,162,109,1) 100%)!important; z-index: 2; position: relative; width: 100% }
.headerpage .logo { display: inline-block; }

.headerpage .logofarm { background-color: transparent; position: relative; box-shadow: none; top: inherit; width: 100% }
.headerpage .logofarm img { width: 14rem }
header .logo { margin: -1rem 0 1.5rem }
.headerpage .wapp { z-index: 3; width: auto; top: 0; right: 1rem }
.headerpage .wapp span { display: none; }
.headerpage .wapp .img1 { display: none; }
.headerpage .wapp .img2 { display: inline-block; width: 3rem; margin-top: 7px; }
.sticky.headerpage .logofarm { display: none; }
.sticky.headerpage .tlogo { padding-top: 2rem; font-size: 3rem }

.storia { margin-top: 0 }
.slideindex .txt.txtfaramcia { margin-top: 0; box-shadow: none; border-bottom: 0; padding: 3rem 0 2rem }
.slideindex .txt.txtfaramcia .cta { position: relative; border-radius: 5rem }
.storia .blstoria { padding: 3rem 2rem }
.storia .percorso .bl img { width: 3rem; top: 8px }
.storia .percorso .bl { padding-right: 4rem }
.storia .percorso .bl.reverse { padding-left: 4rem }
.storia .percorso .bl p { line-height: 1.4 }
header .logo img { max-width: 40rem }

.paragrafo .title {width: 100%;}
.paragrafo .title .linea{ margin-top: 3rem }
.paragrafo .p { width: 100%; margin-top: 3rem }
.paragrafo .p.valori .flex { margin-bottom: 3rem }

.h_respgreen.headerpage .menuresponsive { background: #008747!important }
.h_respblk.headerpage .menuresponsive { background: #444!important }
.h_respblu.headerpage .menuresponsive { background: #044372!important }
.h_respgrblu.headerpage .menuresponsive { background: #007F7E!important }
.prenotazioni .lafarmacia { flex-direction: column; justify-content: center; background-color: transparent; padding: 0 0 2rem; border-bottom: 1px solid #ccc; border-radius: 0 }
.prenotazioni .lafarmacia .nome { margin-bottom: 1rem; justify-content: center; text-align: center; }
.prenotazioni .lafarmacia .cta {  justify-content: center;}
.prenotazioni .lafarmacia:last-child { border-bottom: 0 }
.prenotazioni { padding-bottom: 0.5rem }
#prenotazioni { border-top: 0; margin-bottom: 6rem }

.formgenerica .form form input { width: 100%; margin: 1rem 0 }

.linkdesk { display: none; }
.linkmobile { display: block; padding: 6rem 0 }
.linkmobile .flex { margin: 2rem 0; justify-content: center; align-items: center; }
.linkmobile img { width: 20rem; margin: 1rem }

.contattipage .contatti .bl1 { width: 100% }
.container { width: 96% }

.h_respgreen.headerpage .flexnav .bg { background: rgba(0,135,71,0.9)!important }
.h_respblk.headerpage .flexnav .bg { background: rgba(68,68,68,0.9)!important }
.h_respblu.headerpage .flexnav .bg { background: rgba(4,67,114,0.9)!important }
.h_respgrblu.headerpage .flexnav .bg { background: rgba(0,127,126,0.9)!important }

.flexinput input { margin: 2rem 0 0!important; width: 100%!important }

.blog_new .boxservizio.box3 { width: 100% }

.carnews { margin-top: 2rem; padding: 0; box-shadow: inherit; }
.carnews .tit { position: relative; top: 0; border-radius: 2rem 2rem 0 0; justify-content: center; }

.contentnews { flex-direction: column-reverse; }
.contentnews .img { width: 100%; margin-top: 4.5rem }
.contentnews .txt { width: 100% }
.newsbg .carnews { padding: 1rem 0 0 }

.video { position:relative; }
}

@media screen and (max-width: 600px) {
html { font-size: 9px }
.boxservizio .img { height: 44vw }
header .logo img { width: 90% }
.lefarmacie .box { width: 100%; max-width: 100%; }
.paragrafomission .img { height: auto; }
.paragraph .txt-img img { float: none; margin: 0 0 1.5rem; width: 100%;}
.infoblog { background-color: #fff; padding: 0; flex-direction: column-reverse; align-items: flex-start; }
.infoblog .data { padding: 0.5rem 1rem; margin-left: 0; background-color: #eee; border-radius: 5px; border:none; margin-bottom: 2rem }
.txtservizio .breadcrumbs { width: 100% }
.titolo_blog { padding: 2rem 0 }
.prenotazioni .lafarmacia .cta { width: 100% }
.articolo .img { width: 40%; height: auto; }
.articolo .info { width: 56%; }
.ricerca-argomenti .search { width: 100% }
.headerpage .tlogo { font-size: 3rem }
.team.center { padding-top: 0 }

.blog_new .boxservizio.box1 { width: 100%; }
.blog_new .bboxes { width: 100%; margin-top: 2rem }
.blog_new .boxservizio.box2 .img, .blog_new .boxservizio.box3 .img { display: block; }
.blog_new .boxservizio.box2 .img { position: relative; width: 100%; height: 44vw; margin-top: 1.5rem; top: inherit; left: inherit; }
.blog_new .boxservizio.box3 { width: 48%; margin-top: 2rem; }
.blog_new .imgflex a { width: 100%; margin-bottom: 1rem }

}

@media screen and (max-width: 400px) {
html { font-size: 8.5px }
.articolo { display: block; }
.articolo .img { width: 100%; height: auto; }
.articolo .info { width: 100%; margin-top: 1rem }
.blog_new .imgflex a .img { height: 25vw; min-height: auto }
}