::selection {
  background: #e3e3e3; /* WebKit/Blink Browsers */
  }
::-moz-selection {
  background: #e3e3e3; /* Gecko Browsers */
  }

*:focus {
    outline-color: #d50c3d;
	}

.hs-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: rgba(0,0,0,0.6);
  padding: 20px;
  z-index: 9999;
  }

.hs-overlay.is-open {
	display: flex;
	}

.hs-modal {
  max-width: 650px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
  }

.hs-title {
	margin: 0 0 12px;
	}

h1 {
	font-size: 2em;
	margin: 0 0;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
	}  
h2 {
	font-size: 25px;
	text-align:center;
	margin-bottom: 22px;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #444;
	}
h3 {
	font-size: 15px;
	text-align:center;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #C2C2C2;
	line-height: 28px;
	}
p {
	margin-bottom: 10px;
	}
a {
	color: #d50c3d;
	}
h4 {
	color: #333333;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	margin-top: 10px;
	}

#prodotti h2 {
	display: block;
	border-bottom: 1px solid #d50c3d;
	text-align: left;
	}

#prodotti ul {
	list-style-type: disc;
	padding-left: 35px;
	margin: 20px 0;
	}

#prodotti ul li {
	margin-bottom: 10px;
	}

#privacy h2 {
	margin-top: 17px;
	}

.info {
	background-color: lightgray;
	text-align: center;
	float:left;
	color: #424242;
	padding-top:60px;
	padding-bottom:80px;
	}
.info a, form button {
	display: inline-block;
	color: white;
	background-color: #d50c3d;
	border: 1px solid #d50c3d;
	border-radius: 2px;
	text-align:center;
	padding: 12px 20px 12px 20px;
	font-family: "Lato", sans-serif;
    font-weight: 900;
	}
.info a:hover {
	background-color: #942944;
    border: 1px solid #942944;
	}
.info p {
    margin-bottom: 10px;
	}

.banner {
	background: linear-gradient(-90deg, #e6e6e6 10%, #d694a4 40%, #c43f60 70%, #d50c3d 90%);
	height: 3px;
	}

.mostrata {
	display:none;
	position:absolute;
	right:5px;
	top:50px;
	max-width: 125px !important;}
#mostra-cerca {
	position:absolute;
	right:5px;
	top:15px;
	background-image:url(../tipuesearch/search.svg);
	background-position:right;
	background-repeat:no-repeat;
	height:30px;
	width:100%;
	z-index:2;
	}
.expand {display: block !important;}
.tipue_search_icon:focus {
	outline:none;}
@media screen and (min-width: 1064px) {#mostra-cerca {display:none;}}
header {
	background-color:#fff;
	text-align:center;
	display:block;
	float:left;
	padding: 38px 0 38px 0;
	width:100%;
	}

.master-margin {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	padding: 0 20px 0 20px;
	}
header>.master-margin {
	max-width:none;}
main {
	width:100%;
	float:left;
	}
.container-medisan {
	text-align: center;
	float:left;
	}

nav ul {list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
	}
nav li {
	color: #333;
	font-family: 'Lato', sans-serif;
	display: block;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	}
nav {
	padding:30px 0 0 0;
	}
nav li>a {color: #333;
	position: relative;
	width:100%;
	display: block;
	line-height: 43px;
	letter-spacing: 1px;
	}
	
nav li>a:hover {text-decoration:none;
	color:#333;
	background-color:#e3e3e3;
	}
nav li>a:focus {
	background-color:#e3e3e3;
	}
nav li>a:active {
	background-color:#e3e3e3;
	}
nav .current a{cursor:default;
	background-color:#e3e3e3;}
nav li>a:focus {visibility:visible;
	color:#333;
	}
	
.container-search {
	display:none;
	float:right;
	}
.ricerca {
	width:224px;
	margin:auto;
	float:none;
	}

@media screen and (min-width: 768px) {
.master-margin {
	max-width: 900px;
	}}
@media screen and (min-width: 1064px) {
.container-medisan {
	text-align: left;
	}
.container-search {
	display:block;
	}
.master-margin {
	max-width: 1200px;
	}
header>.master-margin {
	max-width:1200px;}
nav li {
	float:left;
	margin-left: 40px;
	}
nav {
	padding:0px;
	float: right;
	}
.ricerca {
	float: right;
	}
nav li>a:hover {text-decoration:none;
	color:#333;
	background-color:transparent;
	}
nav li>a:focus {
	background-color:transparent;
	}
nav li>a:active {
	background-color:transparent;
	}
	
nav li>a:after {content: '';
	float:left;
	height: 2px;
	width: 100%;
	background-color: #d93d64;
	visibility: hidden;
	transform: scaleX(0);
	transition: all .1s ease;
	}
nav li>a:hover:after {visibility:visible;
	transform:scaleX(1);
	}
nav .current a{cursor:default;
	background-color:transparent;}
nav .current a:after {visibility:visible;
	color:#333;
	background-color:#d93d64;
	content: '';
	position: relative;
	height: 2px;
	width: 100%;
	transform:scaleX(1);
	}
nav li>a:focus {visibility:visible;
	color:#333;
	}
	}
	
	
.bgpar {
	position:fixed;
	z-index: -1;
	background-image: url(../img/bgpar.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	height:100%;
	float: left;
	}
.container-titolo-pagina {
	margin-left:auto;
	margin-right:auto;
	}
.pad-70 {
	float: left;
	padding:70px 0 70px 0;
	}
.pad-top-60 {
	padding-top:60px;
	float:left;
	background-color:#fff;}
.pad-top-60-w {
	padding-top:0px;
	float:left;
	background-color:#fff;
	}
@media screen and (min-width: 1064px) {
.pad-top-60-w {
	padding-top:60px;
	}}
.pad-t-b-60-80-w {
	padding-top:60px;
	padding-bottom:80px;
	float:left;
	background-color:#fff;	
	}

.container-icone {
	float:left;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	display:block;
	}

.icone {
	height:auto;
	margin-top:40px;
	padding-left:10px;
	padding-right:10px;
	}
.container-titolo-icone {
	height:60px;
	padding: 0px 0 14px 0;
	text-align:center;
	}
.align-center {text-align:center;}
@media screen and (min-width: 768px) {
.icone {
	padding-left:10px;
	padding-right:10px;
	height: 300px;
	}
.container-titolo-icone {
	height:70px;
	}
	}
@media screen and (min-width: 1064px) {
.icone {
	margin-top:0px;
	height:320px;
	}}
.paragrafo-titolo {
	position: relative;
	right: 4px;
	width: 50%;
	color:#d50c3d;
	text-align:right;
	float:left;
	}
.paragrafo-descrizione {
	position: relative;
	left: 4px;
	width: 50%;
	text-align:left;
	float:right;
	}
.testo-contatti {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	float:left;
	}
p em {
	color:#444;
	font-style:normal;}
	
.container-mappa {
	float:left;
	padding-top:60px;
	background-color: #fff;
	overflow: hidden;
	}
.container-mappa img {
	width: 100%;
    object-position: center;
    object-fit: cover;
	height: 100%;
	}
	
.container-format {
	height:500px;
	float:left;
	padding-top:60px;
	}
.spazio-contatti-destra {
	padding-right:20px;
	}
.spazio-sns {
	padding-right:20px;
	}
.spazio-nsn{
	padding-right:0px;
	}
.spazio-nss {
	padding-right:0px;
	}
.spazio-nns {
	padding-right:0px;
	}
@media screen and (min-width: 768px) {
.spazio-contatti-destra {
	padding-right:30px;
	}
.spazio-sns {
	padding-right:0px;
	}
.spazio-nsn{
	padding-right:30px;
	}
.spazio-nss {
	padding-right:30px;
	}
.spazio-nns {
	padding-right:0px;
	}
	}
@media screen and (min-width: 1064px) {
.spazio-sns {
	padding-right:30px;
	}
.spazio-nsn{
	padding-right:0px;
	}
.spazio-nss {
	padding-right:30px;
	}
.spazio-nns {
	padding-right:30px;
	}
	}
.spazio-contatti-sinistra {
	padding-left:30px;
	}
.success {
  padding: 5px 9px 5px 9px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	}
.error {
  padding: 5px;
  margin-bottom: 20px;
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	}

.testo-contatti hr {
	border: 0;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
	background:url(../img/hr.svg);
	background-repeat:no-repeat;
	background-position:center;
	height: 6px;
	}
.didascalia {
	font-family: 'Droid Serif', serif !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    line-height: 26px;
    padding: 25px 0;
	}
	
footer {
	padding: 25px 13px;
	float:left;
	background-color: #333;
	text-align:center;
	}
footer a {
	color: #C2C2C2;
	text-decoration: underline;
	}
footer a:hover {
	color: #C2C2C2;
	background-color: #4B4B4B;
	}
footer a:focus {
	color: #C2C2C2;
	background-color: #4B4B4B;
	}
	
/* @media only screen and (max-width: 767px) and (min-width: 480px) {
	a {width: 420px;}} */
	
.hvr-icon {
  height:120px;
  margin:auto;
  width: 180px;
  position:relative;
  padding: 0 60px 0 60px;}
/* Icon Drop INDIRIZZO */
.posizione {
  position:relative;
  top:23px;
  height:54px;
  background-image:url(../img/position.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;}
@-webkit-keyframes hvr-icon-drop {
  75% {-webkit-transform: translateY(-30%);
    transform: translateY(-30%);}
  90% {-webkit-transform: translateY(-20%);
    transform: translateY(-20%);}}
@keyframes hvr-icon-drop {
  75% {-webkit-transform: translateY(-20%);
    transform: translateY(-20%);}
  90% {-webkit-transform: translateY(-20%);
    transform: translateY(-20%);}}
.hvr-icon-drop {
  height:100px;
  margin:auto;
  width: 170px;
  position:relative;
  padding: 0 60px 0 60px;}
.hvr-icon-drop:hover, .hvr-icon-drop:focus, .hvr-icon-drop:active {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;}
/* Icon Rotate TELEFONO */
.telefono {
  position:relative;
  top:23px;
  height:54px;
  background-image:url(../img/telefono.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;}
@-webkit-keyframes hvr-icon-rotate {
  0%,
  50%,
  100% {-webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  25%,
  75% {-webkit-transform: rotate(45deg);
    transform: rotate(45deg);}}
@keyframes hvr-icon-rotate {
  0%,
  50%,
  100% {-webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  25%,
  75% {-webkit-transform: rotate(45deg);
    transform: rotate(45deg);}}
.hvr-icon-rotate {
  height:100px;
  margin:auto;
  width: 170px;
  position: relative;
  padding: 0 60px 0 60px;
  -webkit-transform-origin: 50% 42%;
  transform-origin: 50% 42%;}
.hvr-icon-rotate:hover, .hvr-icon-rotate:focus, .hvr-icon-rotate:active {
  -webkit-animation-name: hvr-icon-rotate;
  animation-name: hvr-icon-rotate;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;}
/* Icon Spin EMAIL */
.email {
  position:relative;
  top:20px;
  height:60px;
  background-image:url(../img/email.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;}
@-webkit-keyframes hvr-icon-spin {
  0% {-webkit-transform: rotate(0deg);
  transform: rotate(0deg);}
  70% {-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
  100% {-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}}
@keyframes hvr-icon-spin {
  0% {-webkit-transform: rotate(0deg);
  transform: rotate(0deg);}
  70% {-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
  100% {-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}}
.hvr-icon-spin {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-transform-origin: 50% 41%;
  transform-origin: 50% 41%;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
.hvr-icon-spin:hover, .hvr-icon-spin:focus, .hvr-icon-spin:active {
  -webkit-animation-name: hvr-icon-spin;
  animation-name: hvr-icon-spin;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
/* Icon Buzz Indic COME ARRIVARE */
.indicazioni {
  position:relative;
  top:20px;
  height:60px;
  background-image:url(../img/cartello.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;}
@-webkit-keyframes hvr-icon-buzz-indic {
  25% {-webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);}
  75% {-webkit-transform: rotate(30deg);
    transform: rotate(30deg);}
  0%,
  100% {-webkit-transform: rotate(0deg);
    transform: rotate(0deg);}}
@keyframes hvr-icon-buzz-indic {
  25% {-webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);}
  75% {-webkit-transform: rotate(30deg);
    transform: rotate(30deg);}
  0%,
  100% {-webkit-transform: rotate(0deg);
    transform: rotate(0deg);}}
.hvr-icon-buzz-indic {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: 49% 65%;
  transform-origin: 49% 65%;}
.hvr-icon-buzz-indic:hover, .hvr-icon-buzz-indic:focus, .hvr-icon-buzz-indic:active {
  -webkit-animation-name: hvr-icon-buzz-indic;
  animation-name: hvr-icon-buzz-indic;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
  /* Icon Buzz Out ORARI */
.orari {
  position:relative;
  top:20px;
  height:60px;
  background-image:url(../img/orologio.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;}
@-webkit-keyframes hvr-icon-buzz-out {
  10% {-webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);}
  20% {-webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);}
  30% {-webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);}
  40% {-webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);}
  50% {-webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);}
  60% {-webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);}
  70% {-webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);}
  80% {-webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);}
  90% {-webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);}
  100% {-webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);}}
@keyframes hvr-icon-buzz-out {
  10% {-webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);}
  20% {-webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);}
  30% {-webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);}
  40% {-webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);}
  50% {-webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);}
  60% {-webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);}
  70% {-webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);}
  80% {-webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);}
  90% {-webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);}
  100% {-webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);}}
.hvr-icon-buzz-out {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);}
.hvr-icon-buzz-out:hover, .hvr-icon-buzz-out:focus, .hvr-icon-buzz-out:active {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
/* Icon Up DATI */
.datisocietari {
  position:relative;
  top:20px;
  height:60px;
  background-image:url(../img/lente.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;}
@-webkit-keyframes hvr-icon-up {
  0%,100% {top:0;
	left:0}
  25% {top:-15px;
	left:-10px}
  50% {top:15px;
	left:-20px}
  75% {top:10px;
	left:20px}}
@-moz-keyframes hvr-icon-up {
  0%,100% {top:0;
	left:0}
  25% {top:-15px;
	left:-10px}
  50% {top:15px;
	left:-20px}
  75% {top:10px;
	left:20px}}
@-o-keyframes hvr-icon-up {
  0%,100% {top:0;
	left:0}
  25% {top:-15px;
	left:-10px}
  50% {top:15px;
	left:-20px}
  75% {top:10px;
	left:20px}}
@keyframes hvr-icon-up {
  0%,100% {top:0;
	left:0}
  25% {top:-20px;
	left:20px}
  50% {top:-20px;
	left:-20px}
  75% {top:20px;
	left:-20px}}
.hvr-icon-up:hover, .hvr-icon-up:focus, .hvr-icon-up:active {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;}
.hvr-icon {
  height:100px;}
  
@media screen and (min-width: 768px) {
.hvr-icon-drop {
	height:120px;
	}
.hvr-icon-rotate {
	height:120px;
	}
.hvr-icon {
	height:120px;
	}}
	
	
	
.foto-prodotti {
	width:450px;
	opacity:0.4;
	text-align:center;
	transition:ease;
	transition-duration:0.3s;
	}
.foto-prodotti:hover {
	padding:10px;
	opacity:1;
	}
.container-prodotti {
	height:300px;
	margin-bottom:50px;
	}
.bg-grey {
	margin-bottom:10px;
	border-bottom: 1px solid #e8e8e8;
	}
.ptable {
	font-size: 16px;
	margin-bottom: 0;
	text-rendering: optimizeLegibility; }
align-right {
	text-align:right;
	}
.redownload {
	color:#d93d64;
	}
.redownload:hover {
	text-decoration:underline;
	}
.container-prodotti .text-right:after {
	content:"";
	background:url(../img/Download.svg) no-repeat center top;
	padding:5px 18px;
	}