/* VARIBLES */
:root {
--bs-blue:#03045E;
}

body {
	margin: 0;padding: 0;font-size: 15px;line-height: 1.5;-webkit-text-size-adjust:100%;
	font-family: 'Euclid Circular A Light';
	color:#020202;
	overflow-x: hidden;
}

a {color:#0077B6; text-decoration: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; }
a:hover, a:focus {text-decoration: none; outline: none; color:#023E8A}


/* TYPOGRAPHY */
@font-face {
    font-family: 'Euclid Circular A';
    src: local('Euclid Circular A Regular'), local('Euclid-Circular-A-Regular'),
        url('../fonts/EuclidCircularA-Regular-WebM.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Regular-WebM.woff') format('woff'),
        url('../fonts/EuclidCircularA-Regular-WebM.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
	@font-face {
	    font-family: 'Euclid Circular A Light';
	    src: local('Euclid Circular A Light'), url('../fonts/EuclidCircularA-Light-WebM.woff2') format('woff2'),
	        url('../fonts/EuclidCircularA-Light-WebM.woff') format('woff'),
	        url('../fonts/EuclidCircularA-Light-WebM.ttf') format('truetype');
	    font-weight: 300;
	    font-style: normal;
	  }
	@font-face {
	    font-family: 'Euclid Circular A Medium';
	    src: local('Euclid Circular A Medium'), url('../fonts/EuclidCircularA-Medium-WebM.woff2') format('woff2'),
	        url('../fonts/EuclidCircularA-Medium-WebM.woff') format('woff'),
	        url('../fonts/EuclidCircularA-Medium-WebM.ttf') format('truetype');
	    font-weight: 500;
	    font-style: normal;
	  }
		@font-face {
		    font-family: 'Euclid Circular A Bold';
		    src: local('Euclid Circular A Bold'), url('../fonts/EuclidCircularA-Bold-WebM.woff2') format('woff2'),
		        url('../fonts/EuclidCircularA-Bold-WebM.woff') format('woff'),
		        url('../fonts/EuclidCircularA-Bold-WebM.ttf') format('truetype');
		    font-weight: 700;
		    font-style: normal;
		  }
.euclid {font-family: 'Euclid Circular A';}
.euclid-light {font-family: 'Euclid Circular A Light';}
.euclid-medium {font-family: 'Euclid Circular A Medium';}
.euclid-bold {font-family: 'Euclid Circular A Bold';}
/* CLASSI PER RESPONSIVE */
.show-desktop {display:block}
.show-mobile {display:none}
.hide-smobile {display:block}
.show-smobile {display:none}
.no-resp {display:block}
.resp {display:none}
.mobile {display:none}
.no-mobile {display:block}

/* IMPOSTAZIONI GENERALI */
.float_left, .fl{float:left;}
.float_right, .fr{float:right;}
.clear_both, .clear{clear:both;}
.pointer, .cursor_pointer{cursor:pointer!important;}
.modal {z-index:9999}
.v-none {visibility:hidden}
/* POSIZIONI */
.rel-up {position:relative; z-index:1}
.rel-2 {position:relative; z-index:2}
.rel-sup {position:relative; z-index:3}
.rel {position:relative}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-center-left {display: flex;align-items: center;}
.flex-center-col {display: flex;align-items: center;justify-content: center; flex-direction:column}
.flex-center-col-left {display: flex; flex-direction:column; justify-content: center;}
.flex-display {display:flex}
.flex-align {display:flex; align-items: center;}
.allinea-dx {display:flex; justify-content: flex-end;}
.flex-end {display: flex; justify-content: flex-end;}

/* MARGIN E PADDING */
.no-mar, .nomar {margin:0!important;}
.no-mar-l, .nomarl {margin-left:0 !important}
.no-mar-t, .nomart {margin-top:0 !important}
.no-mar-b, .nomarb {margin-bottom:0 !important}
.no-mar-r, .nomarr {margin-right:0 !important}
.no-pad, .nopad {padding:0!important;}
.no-pad-l, .nopadl {padding-left: 0 !important;}
.no-pad-t, .nopadt {padding-top: 0 !important;}
.no-pad-b, .nopadb {padding-bottom: 0 !important;}
.no-pad-r, .nopadr {padding-right: 0 !important;}

.m-10 {margin:10px}
.mr-15 {margin:15px}
.m-20 {margin:20px}
.m-25 {margin:25px}
.m-30 {margin:30px}
.m-35 {margin:35px}
.m-40 {margin:40px}
.m-45 {margin:45px}
.m-50 {margin:50px}
.m-55 {margin:55px}
.m-60 {margin:60px}
.m-65 {margin:65px}
.m-70 {margin:75px}
.m-75 {margin:75px}
.m-80 {margin:80px}
.m-100 {margin:100px}
.m-120 {margin:120px}
.m-140 {margin:140px}

.mtb-10 {margin:10px 0}
.mtb-15 {margin:15px 0}
.mtb-20 {margin:20px 0}
.mtb-25 {margin:25px 0}
.mtb-30 {margin:30px 0}
.mtb-35 {margin:35px 0}
.mtb-40 {margin:40px 0}
.mtb-45 {margin:45px 0}
.mtb-50 {margin:50px 0}
.mtb-55 {margin:55px 0}
.mtb-60 {margin:60px 0}
.mtb-65 {margin:65px 0}
.mtb-70 {margin:70px 0}
.mtb-75 {margin:75px 0}
.mtb-80 {margin:80px 0}
.mtb-100 {margin:100px 0}
.mtb-120 {margin:120px 0}
.mtb-140 {margin:140px 0}

.mrl-10 {margin:0 10px}
.mrl-15 {margin:0 15px}
.mrl-20 {margin:0 20px}
.mrl-25 {margin:0 25px}
.mrl-30 {margin:0 30px}
.mrl-35 {margin:0 35px}
.mrl-40 {margin:0 40px}
.mrl-45 {margin:0 45px}
.mrl-50 {margin:0 50px}
.mrl-55 {margin:0 55px}
.mrl-60 {margin:0 60px}
.mrl-65 {margin:0 65px}
.mrl-70 {margin:0 70px}
.mrl-75 {margin:0 75px}
.mrl-80 {margin:0 80px}
.mrl-100 {margin:0 100px}
.mrl-120 {margin:0 120px}
.mrl-140 {margin:0 140px}

.mr-2 {margin-right:2px !important}
.mr-10 {margin-right:10px}
.mr-5imp {margin-right:10px !important}
.mr-15 {margin-right:15px}
.mr-20 {margin-right:20px}
.mr-25 {margin-right:25px}
.mr-30 {margin-right:30px}
.mr-35 {margin-right:35px}
.mr-40 {margin-right:40px}
.mr-45 {margin-right:45px}
.mr-50 {margin-right:50px}
.mr-55 {margin-right:55px}
.mr-60 {margin-right:60px}
.mr-65 {margin-right:65px}
.mr-70 {margin-right:70px}
.mr-75 {margin-right:75px}
.mr-80 {margin-right:80px}
.mr-100 {margin-right:100px}
.mr-120 {margin-right:120px}
.mr-140 {margin-right:140px}

.ml-10 {margin-left:10px}
.ml-15 {margin-left:15px}
.ml-20 {margin-left:20px}
.ml-25 {margin-left:25px}
.ml-30 {margin-left:30px}
.ml-35 {margin-left:35px}
.ml-40 {margin-left:40px}
.ml-45 {margin-left:45px}
.ml-50 {margin-left:50px}
.ml-55 {margin-left:55px}
.ml-60 {margin-left:60px}
.ml-65 {margin-left:65px}
.ml-70 {margin-left:70px}
.ml-75 {margin-left:75px}
.ml-80 {margin-left:80px}
.ml-100 {margin-left:100px}
.ml-120 {margin-left:120px}
.ml-140 {margin-left:140px}

.mt-10 {margin-top:10px}
.mt-15 {margin-top:15px}
.mt-20 {margin-top:20px}
.mt-25 {margin-top:25px}
.mt-30 {margin-top:30px}
.mt-35 {margin-top:35px}
.mt-40 {margin-top:40px}
.mt-45 {margin-top:45px}
.mt-50 {margin-top:50px}
.mt-55 {margin-top:55px}
.mt-60 {margin-top:60px}
.mt-65 {margin-top:65px}
.mt-70 {margin-top:70px}
.mt-75 {margin-top:75px}
.mt-80 {margin-top:80px}
.mt-100 {margin-top:100px}
.mt-120 {margin-top:120px}
.mt-140 {margin-top:140px}

.mb-10 {margin-bottom:10px}
.mb-15 {margin-bottom:15px}
.mb-20 {margin-bottom:20px}
.mb-25 {margin-bottom:25px}
.mb-30 {margin-bottom:30px}
.mb-35 {margin-bottom:35px}
.mb-40 {margin-bottom:40px}
.mb-45 {margin-bottom:45px}
.mb-50 {margin-bottom:50px}
.mb-55 {margin-bottom:50px}
.mb-60 {margin-bottom:60px}
.mb-65 {margin-bottom:65px}
.mb-70 {margin-bottom:70px}
.mb-75 {margin-bottom:75px}
.mb-80 {margin-bottom:80px}
.mb-100 {margin-bottom:100px}
.mb-120 {margin-bottom:120px}
.mb-140 {margin-bottom:140px}

.p-10 {padding:10px}
.p-15 {padding:15px}
.p-20 {padding:20px}
.p-25 {padding:25px}
.p-30 {padding:30px}
.p-35 {padding:35px}
.p-40 {padding:40px}
.p-45 {padding:45px}
.p-50 {padding:50px}
.p-55 {padding:55px}
.p-60 {padding:60px}
.p-65 {padding:65px}
.p-70 {padding:70px}
.p-75 {padding:75px}
.p-80 {padding:80px}
.p-100 {padding:100px}
.p-120 {padding:120px}
.p-140 {padding:140px}

.ptb-10 {padding:10px 0}
.ptb-15 {padding:15px 0}
.ptb-20 {padding:20px 0}
.ptb-25 {padding:25px 0}
.ptb-30 {padding:30px 0}
.ptb-35 {padding:35px 0}
.ptb-40 {padding:40px 0}
.ptb-45 {padding:45px 0}
.ptb-50 {padding:50px 0}
.ptb-55 {padding:55px 0}
.ptb-60 {padding:60px 0}
.ptb-65 {padding:65px 0}
.ptb-70 {padding:70px 0}
.ptb-75 {padding:75px 0}
.ptb-80 {padding:80px 0}
.ptb-100 {padding:100px 0}
.ptb-120 {padding:120px 0}
.ptb-140 {padding:140px 0}

.prl-10 {padding:0 10px}
.prl-15 {padding:0 15px}
.prl-20 {padding:0 20px}
.prl-25 {padding:0 25px}
.prl-30 {padding:0 30px}
.prl-35 {padding:0 35px}
.prl-40 {padding:0 40px}
.prl-45 {padding:0 45px}
.prl-50 {padding:0 50px}
.prl-55 {padding:0 55px}
.prl-60 {padding:0 60px}
.prl-65 {padding:0 65px}
.prl-70 {padding:0 70px}
.prl-75 {padding:0 75px}
.prl-80 {padding:0 80px}
.prl-100 {padding:0 100px}
.prl-120 {padding:0 120px}
.prl-140 {padding:0 140px}

.pr-10 {padding-right:10px}
.pr-15 {padding-right:15px}
.pr-20 {padding-right:20px}
.pr-25 {padding-right:25px}
.pr-30 {padding-right:30px}
.pr-35 {padding-right:35px}
.pr-40 {padding-right:40px}
.pr-45 {padding-right:45px}
.pr-50 {padding-right:50px}
.pr-55 {padding-right:55px}
.pr-60 {padding-right:60px}
.pr-65 {padding-right:65px}
.pr-70 {padding-right:70px}
.pr-75 {padding-right:75px}
.pr-80 {padding-right:80px}
.pr-100 {padding-right:100px}
.pr-120 {padding-right:120px}
.pr-140 {padding-right:140px}

.pl-10 {padding-left:10px}
.pl-15 {padding-left:15px}
.pl-20 {padding-left:20px}
.pl-25 {padding-left:25px}
.pl-30 {padding-left:30px}
.pl-35 {padding-left:35px}
.pl-40 {padding-left:40px}
.pl-45 {padding-left:45px}
.pl-50 {padding-left:50px}
.pl-55 {padding-left:55px}
.pl-60 {padding-left:60px}
.pl-65 {padding-left:65px}
.pl-70 {padding-left:70px}
.pl-75 {padding-left:75px}
.pl-80 {padding-left:80px}
.pl-100 {padding-left:100px}
.pl-120 {padding-left:120px}
.pl-140 {padding-left:140px}

.pt-10 {padding-top:10px}
.pt-15 {padding-top:15px}
.pt-20 {padding-top:20px}
.pt-25 {padding-top:25px}
.pt-30 {padding-top:30px}
.pt-35 {padding-top:35px}
.pt-40 {padding-top:40px}
.pt-45 {padding-top:45px}
.pt-50 {padding-top:50px}
.pt-55 {padding-top:55px}
.pt-60 {padding-top:60px}
.pt-65 {padding-top:65px}
.pt-70 {padding-top:70px}
.pt-75 {padding-top:75px}
.pt-80 {padding-top:80px}

.pb-10 {padding-bottom:10px}
.pb-15 {padding-bottom:15px}
.pb-20 {padding-bottom:20px}
.pb-25 {padding-bottom:25px}
.pb-30 {padding-bottom:30px}
.pb-35 {padding-bottom:35px}
.pb-40 {padding-bottom:40px}
.pb-45 {padding-bottom:45px}
.pb-50 {padding-bottom:50px}
.pb-55 {padding-bottom:55px}
.pb-60 {padding-bottom:60px}
.pb-65 {padding-bottom:65px}
.pb-70 {padding-bottom:70px}
.pb-75 {padding-bottom:75px}
.pb-80 {padding-bottom:80px}
.pb-100 {padding-bottom:100px}
.pb-120 {padding-bottom:120px}
.pb-140 {padding-bottom:140px}

/* ALTEZZE E LARGEZZE */
.w-auto {width:auto}
.h-auto {height:auto}

/* TITOLI, TESTI, LISTE */
.h1, .h2, .h3, h1, h2, h3, h4 {margin-top: 20px;margin-bottom: 20px; font-family: 'Euclid Circular A Bold';}
.title-h1 {font-size:40px; font-weight:500; margin-top:0; margin-bottom:0}
.title-h2 {font-size:40px; font-weight:500; margin-top:0; margin-bottom:15px}
.title-h3 {font-size:30px; font-weight:500; margin-top:0; margin-bottom:0;}
.title-h4	{font-size:18px; color:#021A30; margin-top:0; margin-bottom:10px}
.intro .title-h1 {color:#B08D57}
ul.checked {list-style-type: none; padding-left:10px;}
.checked li {position: relative; padding-left: 20px; margin-bottom:10px}
.checked li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.upper{text-transform:uppercase;}
.bold{font-weight:700;}
.underline{text-decoration:underline;}
.light-text {color:#fff;}
.text-small {font-size:14px;}
.text-xsmall {font-size:13px;}
.text-ssmall {font-size:11px;}

/* CONTENITORI E SFONDI*/
.container {padding-right: 15px;padding-left: 15px;}
.container-fluid {padding-left:0px;padding-right:0px;}
.row{margin-left:0;margin-right:0;}
.centered {text-align:center}
.rightend {text-align:right}
.leftend {text-align:left}
.white-bg{background-color:#fff;}
.grey-bg{background-color:#f1f1f1}
.light-grey-bg{background-color:#fbfbfb}
.white-bg-sfuma {background: linear-gradient(#fefefe, #fff);}
.white-bg-sfumatrasp {background: linear-gradient(0.25turn, #fff 40%, rgba(255,255,255,0));}
.border-dark {border-color: #979797!important;}
.dark-blu {background-color:#03045E}
.blu {background-color:#023E8A}
.azz {background-color:#0077B6}
.grigio {background-color:#EFEFEF; color:#020202}
/* BOTTONI */
.button a {text-decoration:none;}
a.btn-circle, button.btn-circle, span.btn-circle, .sidebar.form-candidatura button.btn-circle.btn-light {color:#262626; font-weight:300; text-transform:uppercase; display: flex; align-items: center; justify-content: center; cursor:pointer}
a.btn-circle i, button.btn-circle i, span.btn-circle i, .sidebar.form-candidatura button.btn-circle.btn-light i {background-color:#023E8A; color:#fff; border-radius:50px; font-size:24px; padding:2px; margin-left:20px; height: 48px; width: 48px; display: flex; align-items: center; justify-content: center;-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;}
a.btn-circle.left-btn {justify-content:inherit}
button.btn-circle, .sidebar.form-candidatura button.btn-circle.btn-light {border:0; background-color:transparent}
a.btn-circle:hover, button.btn-circle:hover, span.btn-circle:hover, .sidebar.form-candidatura button.btn-circle.btn-light:hover  {color:#023E8A}
a.btn-circle:hover i, button.btn-circle:hover i, span.btn-circle:hover i, .sidebar.form-candidatura button.btn-circle.btn-light:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
a.btn-circle.btn-light, button.btn-circle.btn-light, span.btn-circle.btn-light {color:#fff}
a.btn-circle.btn-light i, button.btn-circle.btn-light i, span.btn-circle.btn-light i {background-color:#fff;color:#023E8A}
a.btn-circle:hover, button.btn-circle:hover, span.btn-circle:hover {color:#262626}
.blu a.btn-circle:hover, .blu button.btn-circle:hover, .blu span.btn-circle:hover {color:#ADDEF8}
a.btn-text, span.btn-text {color:#03045E}
a.btn-text:hover, span.btn-text:hover {color:#2B8EC2}
.intro-banner-home .btn-container a.btn-main, .intro-banner-home .btn-container button.btn-main {background-color:#03045E; display: flex;align-items: center; color:#fff; padding: 20px 15px 20px 105px; border-radius:50px; font-size:22px; font-family: 'Euclid Circular A Medium'; width:100%; position:relative; text-transform: uppercase; overflow:hidden; transition: all 1.3s;}
.intro-banner-home .btn-container a.btn-main.btn-med {background-color:#03045E;}
.intro-banner-home .btn-container a.btn-main.btn-med:before {content:""; width:61px; height:100%; background-image:url(../images/ico-btn-med.svg); background-size:contain; background-repeat:no-repeat; background-position:center left; position:absolute; top:0; left:15px}
.intro-banner-home .btn-container a.btn-main.btn-rep {background-color:#023E8A; left:40px}
.intro-banner-home .btn-container a.btn-main.btn-rep:before {content:""; width:61px; height:100%; background-image:url(../images/ico-btn-rep.svg); background-size:contain; background-repeat:no-repeat; background-position:center left; position:absolute; top:0; left:15px}
.intro-banner-home .btn-container a.btn-main.btn-paz {background-color:#0077B6}
.intro-banner-home .btn-container a.btn-main.btn-paz:before {content:""; width:61px; height:100%; background-image:url(../images/ico-btn-paz.svg); background-size:contain; background-repeat:no-repeat; background-position:center left; position:absolute; top:0; left:15px}
a.btn-main i, button.btn-main i {background-color:#fff; color:#03045E; border-radius:50px; font-size:30px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; margin-left:auto}
a.btn-main:hover, button.btn-main:hover {background-color:#0077B6;}
a.btn-main.btn-med:hover, button.btn-main.btn-med:hover, a.btn-main.btn-paz:hover, button.btn-main.btn-paz:hover { transform: translateX(20px);}
a.btn-main.btn-rep:hover, button.btn-main.btn-rep:hover { transform: translateX(-20px);}
a.btn-main:hover i, button.btn-main:hover i {background-color:#023E8A; color:#fff}
a.btn-main.btn-rep:hover i {background-color:#03045E}
a.btn-main.btn-w, button.btn-main.btn-w {background-color:#fff; color:#212F8E}
a.btn-main.btn-w:hover, button.btn-main.btn-w:hover {background-color:#EA5B1F; color:#fff}
/* EFFETTI */
.zoom{transform: perspective(1px) translateZ(0px);transition-duration: 0.6s;}
.zoom:hover{transform: scale(1.1);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);	}

/* CSS SCRIPT */
.blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content {color:#fff !important}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#20628F !important}
.owl-theme .owl-dots .owl-dot span {background:rgba(0, 119, 182, 0.3) !important;}
.flickity-page-dots .dot {background:#E9E9E9; opacity:1 !important; width:30px;height:8px; border-radius:4px}
.flickity-page-dots .dot.is-selected {background:#20628F !important;}
.flickity-prev-next-button.previous {left:-60px}
.swal2-icon.swal2-success {border-color: #B08D57; color:#B08D57}
.swal2-icon.swal2-success .swal2-success-ring {border:.25em solid rgba(183,153,97,.3) !important}
.swal2-title {font-weight:400 !important}
.swal2-styled.swal2-confirm {background-color:#B08D57 !important; border-radius:50px !important; padding:10px 35px; border:0 !important; box-shadow:none !important}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color:#B08D57 !important}
/* HEADER TOOLBAR */
.header-toolbar {position:absolute; top:10px; right:360px; display: flex;align-items: center;justify-content: center;}
.droopmenu-showbg .header-toolbar {right:15px}
.header-toolbar .nav-link {color:#03045E;font-size:13px; text-transform:uppercase; font-family:'Euclid Circular A'}
.header-toolbar .nav-link:hover {color:#2B8EC2}
.header-toolbar .nav-link:before {content:"|"; padding: 0 8px}
.header-toolbar .nav-link:nth-child(1):before {display:none}
.pronto-soccorso-menu {display: flex;align-items: center;}
.pronto-soccorso-menu img {width:30px; margin-right:10px}
.pronto-soccorso-menu .num-sos {font-size:16px; font-weight:600}
/* HEADER*/
.header-menu {background-color:#fff;position:relative}
.header-menu .logo-header {width:180px}
.droopmenu-nav {position:relative}
.droopmenu li .big-menu-col.col-spec {columns: 4; -webkit-columns: 4; -moz-columns: 4;}
.droopmenu li .big-menu-col.col-spec li {break-inside: avoid; /* Evita che gli elementi vengano spezzati tra una colonna e l'altra */
  -webkit-column-break-inside: avoid; /* Prefisso per Chrome e Safari */
  page-break-inside: avoid; /* Per compatibilità con la stampa e altri contesti */
  box-sizing: border-box; /* Assicura che padding e border siano inclusi nella larghezza totale dell'elemento */
  width: 100%;}
.droopmenu li .big-menu-col li {width:50%}
.droopmenu li li.titolo-big-col {width:100%}
.droopmenu li .small-menu-col {display:flex; flex-wrap:wrap}
.droopmenu li .small-menu-col li {width:50%}
.droopmenu .droopmenu-col li a.main-item.titolo-specializzazione {color:#023E8A; margin-top:10px; font-family:'Euclid Circular A Medium';}
.droopmenu .droopmenu-col li a.main-item.titolo-specializzazione:hover {color:#0077B6}
.droopmenu .droopmenu-col li a.main-item.second-item {padding-left:15px}
.droopmenu .droopmenu-col li a.main-item.second-item.last-item {margin-bottom:10px}
.header-title {width:60%; padding-top:100px; position:relative; z-index:2}
.header-title .title-h1 {font-size:40px; margin-top:0;}
.header-title .title-h2 {font-size:40px; margin-top:0;}
.header-title .title-h3 {font-size:3rem; margin-top:20px; margin-bottom:20px}
.box-clinica-menu {display:flex}
.img-clinica-menu {min-height:230px; width:50%; border-radius:20px; overflow: hidden}
.img-clinica-menu img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.info-clinica-menu {padding-left:20px; width:50%}
.dato-clinica-menu {display: flex;align-items: center;}
.droopmenu li ul li a .dato-clinica-menu i {font-size:18px; color:#03045E; margin-right:15px}
.droopmenu.droopmenu-right .droopmenu-col li.li-clinica-menu {text-transform: none}
.droopmenu.droopmenu-right .droopmenu-col li.li-clinica-menu {font-family:'Euclid Circular A'}
.droopmenu.droopmenu-right .droopmenu-col li.li-clinica-menu a:hover {color:#020202}
.box-clinica-menu span.btn-circle {justify-content: flex-start;}
.box-clinica-menu span.btn-circle i {width:45px; height:45px; font-size:24px; background-color:#023E8A}
.droopmenu.droopmenu-right .droopmenu-col li.li-clinica-menu a:hover .box-clinica-menu span.btn-circle i{ -webkit-transform: scale(1.1);transform: scale(1.1); background-color:#2B8EC2}
/* ICON TOGGLER MENU*/
.animated-icon1, .animated-icon2, .animated-icon3 {width: 30px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {display: block;position: absolute;height: 3px;width: 100%;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.animated-icon2 span {background: #2F7AD8;}
.animated-icon2 span:nth-child(1) {top: 0px;}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {top: 10px;}
.animated-icon2 span:nth-child(4) {top: 20px;}
.animated-icon2.open span:nth-child(1) {top: 11px;width: 0%;left: 50%;}
.animated-icon2.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animated-icon2.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.animated-icon2.open span:nth-child(4) {top: 11px;width: 0%;left: 50%;}

/* HOME */
.carousel-item {
  height: 500px;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	overflow:hidden;
}

/* banner video home page*/
.cont-video {height: 100vh; min-height:500px; position:relative}
.video-home {
    position: relative;
    background-color: #191717;
    height: 100vh;
    min-height: 500px;
    width: 100%;
    overflow: hidden
}
.video-home video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video-home .container {
    position: relative;
    z-index: 2
}

.video-home .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color:rgba(0,0,0,0.3);
    z-index: 1
}
.cont-home {position:relative;}
.cerchio-1 {clip-path: circle(30%); background-color:rgba(2, 62, 138, 0.9); margin-top:-200px; position:relative; right:10%; width:100%; height:150%; animation: muovi-cerchio-uno 5s infinite linear;}
.cerchio-2 {clip-path: circle(30%); background-color:rgba(0, 119, 182, 0.8); position:absolute; right:-14%; top:30px; width:60%; height:130%; animation: muovi-cerchio-due 5s infinite linear;}
.cerchio-3 {clip-path: circle(30%); position:absolute; right:2%; top:160px; width:60%; height:130%; opacity:0.9; animation: muovi-cerchio-tre 5s infinite linear;}
@keyframes muovi-cerchio-uno{
    0% { transform: translateX(0); }
    50% { transform: translateX(30px); }
    100% { transform: translateX(0); }
}
@keyframes muovi-cerchio-due{
    0% { transform: translateX(0); }
    50% { transform: translateX(-30px); }
    100% { transform: translateX(0); }
}
@keyframes muovi-cerchio-tre{
    0% { transform: translateY(0); }
    50% { transform: translateY(30px); }
    100% { transform: translateY(0); }
}
/*
.cerchio-1 {clip-path: circle(25%); background-color:rgba(2, 62, 138, 0.9); margin-top:-200px; position:relative; right:20%; width:100%; height:150%;}
.cerchio-2 {clip-path: circle(25%); background-color:rgba(0, 119, 182, 0.8); position:absolute; right:-10%; top:30px; width:60%; height:130%;}
.cerchio-3 {clip-path: circle(25%); position:absolute; right:6%; top:120px; width:60%; height:160%; opacity:0.9}*/
.intro-banner-home {padding-right:80px; padding-top:40px}
.intro-banner-home h1 {margin-bottom:40px; padding-right:60px}
.intro-banner-home p.lead {font-size:26px; font-family:'Euclid Circular A'; margin-bottom:0px; padding-bottom:20px}
.section.section-carousel-spec {padding:50px 0 200px 0; position:relative}
.cerchio-big-up {width:80%; height:120%; clip-path: circle(40% at 30%); background-color:#F5F5F5; position:absolute; left:0; top:-140px; animation: muovi-cerchio-big-up 5s infinite linear; z-index:0}
@keyframes muovi-cerchio-big-up {
    0% { transform: translateY(0); }
    50% { transform: translateY(30px); }
    100% { transform: translateY(0); }
}
.carousel-spec {position:relative; padding-top:60px}
.carousel-spec .carousel-cell {width:23.8%; margin-right: 20px;}
.box-round-spec {background-color:#023E8A; position:relative; width: 100%; border-radius: 100%;}
.box-round-spec:before {content: ''; display: block; padding-top: 100%;}
.box-round-spec:hover {background-color:#03045E}
.box-round-spec a {color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; padding:0 40px; text-align:center}
.box-round-spec a h3 {font-size:18px; margin-bottom:10px}
.box-round-spec a p {margin-bottom:0}
.box-round-spec a .box-img {height:70px}
.box-round-spec a .box-img img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; filter: brightness(0) invert(1);}
.carousel-spec  .flickity-prev-next-button, .carousel-partners .flickity-prev-next-button {top:50%}
.carousel-spec .flickity-prev-next-button.previous {left:-66px}
.carousel-spec .flickity-prev-next-button.next {left:-66px; top:calc(50% + 56px)}
.carousel-spec .flickity-button {background-color:#023E8A; color:#fff; width:46px; height:46px;}
.carousel-spec .flickity-prev-next-button .flickity-button-icon, .carousel-partners .flickity-prev-next-button .flickity-button-icon {width:35%; height:35%; top:30%; left:30%}
.cont-over {overflow: hidden}
.section-home-centrale {position:relative}
.cerchio-big {width:60%; height:60%; clip-path: circle(50% at 60%); background-color:#F5F5F5; position:absolute; right:0; top:-120px; animation: muovi-cerchio-big 5s infinite linear; z-index:0}
.cerchio-small {width:100%; height:100%; clip-path: circle(20% at 3rem 40%); background-color:#F5F5F5; position:absolute; left:0; animation: muovi-cerchio-small 5s infinite linear;}
@keyframes muovi-cerchio-big {
    0% { transform: translateX(0); }
    50% { transform: translateX(30px); }
    100% { transform: translateX(0); }
}

@keyframes muovi-cerchio-small {
    0% { transform: translateX(0); }
    50% { transform: translateX(-30px); }
    100% { transform: translateX(0); }
}
.cont-gruppo {padding-bottom:115px}
.intro-gruppo {padding-right:90px}
.box-struttura {background-color:#03045E; color:#fff; border-radius:40px; overflow: hidden}
.box-struttura.second-sede {background-color:#023E8A}
.box-struttura:hover {background-color:#2B8EC2}
.box-struttura .img-box-list {height: 280px; overflow: hidden; position: relative;}
.box-struttura .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%; transition: all 1.3s;}
.box-struttura:hover .img-box-list img {transform: scale(1.1)}
.box-struttura .cont-box-list {padding:20px}
.box-struttura a {color:#fff}
.box-struttura h3 {font-size:20px; margin-top:0}
.dato-clinica {display: flex;align-items: start;}
.dato-clinica.tel-clinica {padding-left:15px}
.dato-clinica a:hover {text-decoration:underline;}
.box-struttura .dato-clinica i {color:#fff}
.dato-clinica i {margin-right:10px; color:#03045E}
.blu .dato-clinica i, .azz .dato-clinica i {color:#fff}
.box-struttura a.btn-circle {justify-content: flex-end;}
.box-struttura a.btn-circle i {background-color:#fff; color:#03045E}
.section-sostenitore {position:relative; background-image:url(../images/bg-diventa-sostenitore.webp); background-size:cover; min-height:635px; margin-bottom:-88px; margin-top:250px;}
.section-sostenitore:before {content:""; width:500px; height:500px; background-color:#F5F5F5; border-radius:100%; position:absolute; top:-250px; left:-250px; z-index:-1}
.cont-sostenitore {display:flex; position:relative}
.cont-sostenitore .row {margin-top:-250px;}
.cta-sost, .testo-sost {width: 100%;position: relative; border-radius: 100%;}
.cta-sost {animation: muovi-cta-sost 5s infinite linear;}
.testo-sost {animation: muovi-testo-sost 5s infinite linear;}
@keyframes muovi-cta-sost {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}

@keyframes muovi-testo-sost {
	0% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}
.section-r-content {margin-bottom:180px}
.intro-info-home img {height:46px; margin-bottom:20px}
.intro-info-home .title-h3 {margin-bottom:20px}
.intro-info-home ul {padding-top:20px}
.intro-info-home .checked li:before {content: "\f3d3"; font-family: Ionicons; color:#023E8A; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.intro-info-home a {color:#020202}
.intro-info-home a:hover {color:#2B8EC2}
.col-info-arrivo {height:480px; position:relative}
.col-info-arrivo img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius:240px 0 0 240px; position:relative}
.col-info-arrivo:before {content:""; width:398px; height:398px; background-color:#2B8EC2; border-radius:100%; position:absolute; bottom:-120px; left:-60px; z-index:0; animation: muovi-cerchio-arrivo 8s infinite linear;}
.col-servizi-pazienti {height:480px; position:relative}
.col-servizi-pazienti  img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius:0 240px 240px 0; position:relative}
.col-servizi-pazienti:before {content:""; width:398px; height:398px; background-color:#023E8A; border-radius:100%; position:absolute; top:-180px; left:-37px; z-index:0; animation: muovi-cerchio-servizi 8s infinite linear;}
@keyframes muovi-cerchio-arrivo {
    0% { transform: translate(0, 0); }
    25% { transform: translate(20px, -20px); }
    50% { transform: translate(0, -40px); }
    75% { transform: translate(-20px, -20px); }
    100% { transform: translate(0, 0); }
}
@keyframes muovi-cerchio-servizi {
    0% { transform: translate(0, 0); }
    25% { transform: translate(-20px, 20px); }
    50% { transform: translate(0, 40px); }
    75% { transform: translate(20px, 20px); }
    100% { transform: translate(0, 0); }
}
.cta-sost::before, .testo-sost::before {content: ''; display: block; padding-top: 100%;}
.cta-sost {background-color:#2B8EC2}
.cta-sost a, .testo-sost a {color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; padding:0 80px }
.cta-sost a span.btn-circle, .testo-sost a span.btn-circle {align-items: flex-start; justify-content: flex-start;}
.cta-sost a span.btn-circle i, .testo-sost a span.btn-circle i {background-color:#fff; color:#03045E; margin-left:0}
.testo-sost {background-color:#03045E;}
.testo-sost h3 {margin-bottom:30px}
.testo-sost p {margin-bottom:30px}
.col-cerchio-sup {margin-right:-80px; margin-top:60px; z-index:1}
.cta-sost:hover, .testo-sost:hover {background-color:#023E8A}
.cta-sost:hover a span.btn-circle i {-webkit-transform: scale(1.1);transform: scale(1.1);}
/* INTERNE */
.section.section-banner-interno {background-color:#03045E; padding:170px 0 90px 0; position:relative; color:#fff}
.section-banner-interno .titolo-interno span.span-title {font-family:'Euclid Circular A medium'; color:#0077B6; font-size:18px}
span.span-title {font-family:'Euclid Circular A medium'; color:#023E8A}
.section-banner-interno .titolo-interno h1 {padding-top:10px; padding-bottom:15px; margin-bottom:0}
.interna .section.section-home-centrale {padding:0 0 115px}
.col-icona {position:relative; margin-bottom: -360px; z-index: 1;}
.cerchio-small-1 {width:270px; height:270px; margin-left:10px; animation: muovi-cerchio-small-1 5s infinite linear;}
.cerchio-small-2 {width:250px; height:250px; position:absolute; top:50%; margin-top:-165px; right:20px; animation: muovi-cerchio-small-2 5s infinite linear;}
.cerchio-small-3 {width:292px; height:292px; margin-top:-100px; animation: muovi-cerchio-small-3 5s infinite linear;}
@keyframes muovi-cerchio-small-1{
    0% { transform: translateY(0); }
    50% { transform: translateY(30px); }
    100% { transform: translateY(0); }
}
@keyframes muovi-cerchio-small-2{
    0% { transform: translateX(0); }
    50% { transform: translateX(-30px); }
    100% { transform: translateX(0); }
}
@keyframes muovi-cerchio-small-3{
    0% { transform: translateY(0); }
    50% { transform: translateY(-30px); }
    100% { transform: translateY(0); }
}
.ico-banner-interno {height:200px; width:170px; position:absolute; top:50%; margin-top:-100px; left:80px; z-index:1}
.ico-banner-interno img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.section.section-testo-pagina {padding:200px 0 115px 0}
.col-foto-pagina {min-height: 700px; margin-top: -250px;}
.col-immagine-pagina {margin-top:-240px}
.img-pagina-round {height: 100%; width: 100%; position: relative; mask: url('../images/mask-circle.svg') left / contain no-repeat; -webkit-mask: url('../images/mask-circle.svg') left / contain no-repeat;}
.img-pagina-round img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.longtxt {width: 100%; height: 100%; -o-object-fit: cover; object-fit: none!important;}
.img-pagina-round-big {width: 120%; position: relative; clip-path: circle(50%); left: 50%; margin-left: -60%; margin-bottom:60px}
.img-pagina-round-big img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.img-pagina-round-abs {display:none}
.img-round-small p {font-size: 12px;}
.img-round-small img {width: 70%; height: auto;}
.col-testo-pagina .testo-pagina {padding-left:50px}
.col-testo-pagina .testo-pagina .title-h2 {margin-bottom:50px}
.testo-pagina h2.title-h3 {padding-bottom:60px}
.testo-pagina b {font-family:'Euclid Circular A Bold'}
h3.title-h3 {padding-bottom:30px}
.box {border-radius:20px; padding:40px 30px; color:#fff}
.box h5, .big-box h5 {font-size:20px; font-family:'Euclid Circular A Bold'; margin-top:0; margin-bottom:20px}
.box a {color:#fff}
.big-box {border-radius:40px; padding:40px; color:#fff}
.big-box.grigio, .box.grigio {color:#020202}
a .cta-lavoro {background-color:#023E8A; border-radius:100px; color:#fff; display: flex;align-items: center;justify-content: center; padding:26px; margin-bottom:-88px; position:relative}
a:hover .cta-lavoro {background-color:#03045E}
a .cta-lavoro .testo-cta {width:50%; text-align:center; margin:auto}
a .cta-lavoro .btn-cta {position:absolute; top:50%; margin-top:-24px; right:26px;}
a .cta-lavoro .btn-cta span.btn-circle i {width:48px; height:48px; font-size:24px; background-color:#fff; color:#03045E}
a:hover .cta-lavoro .btn-cta span.btn-circle i {background-color:#2B8EC2; color:#fff; -webkit-transform: scale(1.1);transform: scale(1.1);}
.banner-interno {background-size:cover; height:500px; position:relative; background-position:center center}
.banner-interno:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; top:0; left:0}
.titolo-int {position:relative; z-index:1}
.section {padding:115px 0}
.section .intro {padding:40px}
.section-breadcrumbs {padding:20px 0; background-color:#f2f2f2}
a .item-download {display: flex;align-items: center; color:#fff; margin-bottom:1rem}
a .item-download h5 {font-family:'Euclid Circular A Medium'; font-size:18px; margin-top:0; margin-bottom:5px}
a .item-download p {margin-bottom:0; position:relative}
a:hover .item-download {text-decoration:underline;}
a .item-download i {margin-right:10px; font-size:20px; line-height:0}
.main-listing {padding-top:80px}
.section-cerca {position:relative; background-image:url(../images/bg-cerca-dottore.webp); background-size:cover; min-height:635px; margin-bottom:-88px; margin-top:250px;}
.section-cerca:before {content:""; width:500px; height:500px; background-color:#F5F5F5; border-radius:100%; position:absolute; top:-250px; left:-250px; z-index:-1}
/* CLINICHE */
.big-box.box-pronto-soccorso {background-color:#fff; color:#020202}
.section-bg-pronto-soccorso {background-size:cover}
.pagina-clinica .section.section-carousel-spec {padding:115px 0 200px 0}
.row-info-box {padding-top:40px}
/* LISTING SPECIALIZZAZIONI */
.lista-specializzazioni {padding-top:60px; padding-left:40px}
a .box-listing-spec {display: flex;align-items: center; background-color:#0077B6; color:#fff; border-radius:20px; padding:15px;}
a:hover .box-listing-spec {background-color:#023E8A}
a .box-listing-spec .icona-spec {flex-shrink: 0; width:85px; height:85px; background-image:url(../images/bg-listing-spec.svg); background-size:contain; background-position:center center; background-repeat:no-repeat; padding:15px}
a .box-listing-spec .icona-spec img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
a .box-listing-spec .titolo-spec {padding-left:20px}
a .box-listing-spec .titolo-spec h3 {font-family: 'Euclid Circular A Medium'; font-size:18px; margin-bottom:10px; margin-top:0}
a .box-listing-spec .titolo-spec .btn-text {color:#fff}
.big-box.box-sede {color:#020202;}
.sidebar {position: sticky; top:90px;}
.dato-sede {width: 100%;}
.dato-s {display: flex;align-items: start;padding-bottom:10px}
.dato-s.tel-clinica {padding-left:15px}
.dato-s a:hover {text-decoration:underline;}
.dato-s i {margin-right:10px; color:#03045E}
/* DETTAGLIO SPECIALIZZAZIONE */
.lista-medici-pagina {padding-bottom:10px}
.lista-medici-pagina a .box-listing-medico .nome-medico .cliniche-dottore {font-size:13px}
span.show-mail {display:none}
/* DETTAGLIO GRUPPO */
.testo-pagina.testo-aggiuntivo {padding-top: 60px;}
.pagina-gruppo .lista-medici-pagina {padding-bottom:0}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.tab input:checked ~ .tab__content {
  max-height: 1000px; /* Ad esempio 1000px, ma potresti aver bisogno di un valore più alto a seconda del contenuto */
}

/* Visual styles */
.accordion {
  border-radius: 0.5rem;
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
  background: #EFEFEF;
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
	font-size: 18px;
	font-family: 'Euclid Circular A Medium';
	color: #021A30;
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content h4 {padding:1rem 1rem 0 1rem}
.tab__content p, .tab__content ul {
  margin: 0;
  padding: 1rem;
}
.tab__content ul {padding-left:40px}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}


/* LISTING MEDICO */
a .box-listing-medico {display: flex;align-items: center; background-color:#F5F5F5; color:#020202; border-radius:20px; padding:15px;}
a .box-listing-medico .img-medico {flex-shrink: 0; width:90px; height:90px; border-radius:50%; overflow:hidden}
a .box-listing-medico .img-medico img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
a .box-listing-medico .nome-medico {padding-left:20px}
a .box-listing-medico .nome-medico h3 {font-family: 'Euclid Circular A Medium'; font-size:18px; margin-bottom:0; margin-top:0}
a .box-listing-medico .nome-medico .cliniche-dottore {margin-bottom:10px; display: flex; align-items: center; font-size:13px}
a .box-listing-medico .nome-medico .cliniche-dottore span {padding:0 5px}
a .box-listing-medico .nome-medico .btn-text {color:#03045E}
a:hover .box-listing-medico .nome-medico .btn-text {color:#0077B6}
.info-medico {display: flex;align-items: center; padding-right:20px; width:60%}
.info-spec {padding-left:20px; border-left:1px solid rgba(0,0,0,0.4); width:40%; height:100%}
.ricerca-medico {margin-top:60px;}
.ricerca-medico.input-group .btn, .ricerca-medico.input-group select {height: 80px; border:0; border-radius: 40px 0 0 40px; background-color:#023E8A; padding:0 40px}
.ricerca-medico.input-group select {width:200px; margin-bottom:0}
.ricerca-medico.input-group .btn:hover {background-color:#0077B6;}
.ricerca-medico.input-group .input-group-btn .btn {border-radius:0 40px 40px 0; background-color:#0077B6; width:80px; padding:inherit}
.ricerca-medico.input-group .input-group-btn .btn:hover {background-color:#03045E}
.ricerca-medico .form-control:focus {box-shadow:none; border-color:#dee2e6}
.scrollable-menu {height: auto; max-height: 240px; overflow-x: hidden;}
/* DETTAGLIO MEDICO */
.dettaglio.medico-dettaglio .cerchio-small-3 {border-radius:50%; overflow:hidden}
.dettaglio.medico-dettaglio .col-immagine-pagina {margin-top:160px}
.dettaglio.medico-dettaglio .col-testo-pagina .testo-pagina {padding-left:0; padding-right:50px}
.lista-altro {padding-top:60px; padding-right:50px}
.lista-altro h4 {padding-top:50px; padding-bottom:30px; margin-top:0; margin-bottom:0}
.item-lista {display:flex;align-items: start;}
.item-lista.medialtro {flex-direction:column}
.item-lista i {margin-right:10px}
.item-pub a {background-color:#F5F5F5; border-radius:20px; color:#020202; display: flex; padding: 20px; min-height: 240px; flex-direction: column;}
.item-pub a:hover {background-color:#e2e2e2}
.item-pub a .testo-pub {font-family:'Euclid Circular A Medium'}
.item-pub a .btn-text {margin-top:auto}
.item-pub a:hover .btn-text {color:#2B8EC2}
/* DETTAGLIO INFO */
.section.section-contenuto-info {padding:180px 0 115px 0}
.dettaglio.dettaglio-info .col-immagine-pagina {margin-top:0}
.dettaglio.dettaglio-info .col-testo-pagina .testo-pagina, .dettaglio.dettaglio-info .lista-altro {padding-left:50px; padding-right:0}
.box .item-download-info {display: flex;align-items: start; color:#fff; margin-bottom:20px}
.box .item-download-info h5 {font-family:'Euclid Circular A Medium'; font-size:18px; margin-top:0; margin-bottom:5px; color:#fff}
.box .item-download-info p {margin-bottom:0; position:relative}
.box .item-download-info h5 a:hover{text-decoration:underline;}
.box .item-download-info i {margin-right:10px; font-size:20px; line-height:0}
.box .item-download-info .tool i {font-size:15px}
.tooltip {font-size:12px; --bs-tooltip-bg: var(--bs-blue);}
/* INFORMAZIONI E DOCUMENTI */
.pagina-info a .box-listing-spec {min-height:200px}
/* DOCUMENTI UTILI */
.lista-documenti {padding-left:50px}
.documento-select {margin-bottom:40px}
.documento-select .form-control:focus {box-shadow: none; border-color:#023E8A}
.tabs {display: flex;flex-wrap: wrap; padding:0 0 30px 0; border-top:3px solid #f1f1f1}
.tabs.select-tabs {border-top:0}
.tabs .tab {order: 99;flex-grow: 1;width: 100%;display: none; padding:20px}
.tabs.select-tabs .tab {padding:0}
.tabs label {border-top:3px solid #f1f1f1; padding: 10px 20px 0 20px; margin-top: -3px;}
.tabs input[type="radio"] {display: none;}
.tabs input[type="radio"]:checked + label {color:#333;border-top:3px solid #009FE3;margin-top: -3px;}
.tabs input[type="radio"]:checked + label + .tab {display: block;}
.tabs .cont-testo-pagina {padding:0}
.tab .titolo_side {padding:0 10px; margin-bottom:0}
.sportello-download-item {padding-bottom:15px; border-bottom: 1px solid #f1f1f1; margin-bottom:15px}
.sportello-download-item a {color:#020202}
.sportello-download-item a i.ico-file {font-size:20px; color:#023E8A}
.sportello-download-item a h5 {font-family:'Euclid Circular A Medium'; font-size:18px; margin-top:0; margin-bottom:5px;}
.sportello-download-item a:hover h5 {color:#023E8A}
.sportello-download-item a p {margin-bottom:0}
.sportello-download-item a p i {color:#0077B6}
.sportello-download-item a .download-icon {position:inherit; bottom:unset; right:unset; width:25px; height:25px;color:#fff; background-color:#0077B6; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.sportello-download-item a .download-icon .flaticon-download:before, .sportello-download-item a .download-icon .flaticon-link:before {font-size:10px}
.sportello-download-item a:hover .download-icon {background-color:#023E8A}
.accordion-doc .card-header button[aria-expanded="true"]:before { font-family: 'Material Icons'; content: "expand_less";vertical-align: middle;}
.accordion-doc .card-header button[aria-expanded="false"]:before {font-family: 'Material Icons';content: "expand_more";vertical-align: middle;}
.albo-list h3, .tabs h3 {font-weight: bold; font-size: 18px; font-family: 'Euclid Circular A Medium', serif; margin-top:0; width:100%}
.accordion-doc .card-header h3{margin-top:0}
.accordion-doc .card-header h3:after, .albo-list h3:after, .tabs h3:after  {height:1px}
.btn-link {text-decoration: none !important;}
.tab .card {background:unset; border-radius:0; border:0}
.tab .card .card-header {padding:0; background-color:transparent; border-bottom:0}
.tab button.titolo_side {border:0; background-color:transparent; outline: none;}
.nome-file a {color:#009FE3}
.ui-datepicker .ui-datepicker-title select {margin-bottom:0; padding:0 16px}
/* DIVENTA SOSTENITORE */
.section-contenuto-info .box-struttura .cont-box-list {min-height:240px}
.car-sost .box-struttura .cont-box-list {min-height:240px}
/* LAVORA CON NOI */
.pagina-jobs .col-immagine-pagina {margin-top:0}
.pagina-jobs .col-testo-pagina .testo-pagina {padding-left:0px; padding-right:50px}
.listing-job {padding-top:40px}
.item-job {margin-bottom:30px; display:flex}
.item-job a {background-color:#0077B6; border-radius:20px; color:#fff; display:flex; flex-direction:column; padding:30px 20px; width:100%}
.item-job a:hover {background-color:#023E8A}
.item-job a h3 {font-size:18px; margin-top:0; margin-bottom:20px}
.info-job span {font-family:'Euclid Circular A Medium'}
.item-job a .row-info-job {padding-top:1rem; border-top:1px solid #fff; padding-bottom:1rem}
.item-job a:hover .btn-circle i {-webkit-transform: scale(1.1); transform: scale(1.1);}
.pagina-jobs.dettaglio-job .testo-pagina h2.title-h3 {padding-top:20px; padding-bottom:30px}
.section-altri-job {padding-top:115px}
.carousel-job {margin-top:60px}
/* CONTATTI */
.pagina-contatti .banner-contatti {background-image:url(../images/bg-contatti.webp); background-size:cover; background-position:center center}
.pagina-contatti .breadcrumb-cont {color:#020202}
.pagina-contatti .breadcrumb-cont a {color:#0077B6}
.pagina-contatti .breadcrumb-cont a:hover {color:#023E8A}
.pagina-contatti .col-servizi-pazienti::before {background-color: #46B75C;}
.pagina-contatti .col-info-arrivo::before {background-color: #D92429;}

.big-box.form-big  {border-radius:40px; padding:80px 60px; color:#fff}
.intro-info-contatti {display:flex}
.intro-info-contatti img {height:96px;}
.nome-clinica {margin-left:40px}
.nome-clinica .title-h3 {margin-bottom:20px}
.col-contatto-clinica {display: flex;align-items: center;justify-content: center; flex-direction: column}
.col-contatto-clinica hr {width:100%}
.col-contatto-clinica .info-clinica-menu {width:100%; display:flex}
.col-contatto-clinica .info-clinica-menu .dato-clinica-menu {display:flex; width:50%; align-items: flex-start;}
.col-contatto-clinica .info-clinica-menu .dato-clinica-menu i {margin-right:10px; color:#03045E}
.ps-contatti {background-color:#98e6ce; border-radius:20px; padding:20px; width:100%}
.ps-contatti h5 {font-size:18px; font-family:'Euclid Circular A Bold'; margin-bottom:20px}

.ps-contatti.verde-santa-chiara {background-color: #46B75C; color: #ffffff;}
.ps-contatti.rosso-moncucco {background-color: #D92429; color: #ffffff;}

.ps-contatti.rosso-moncucco a,.ps-contatti.verde-santa-chiara a {color: #ffffff;}

.col-contatto-clinica .ps-contatti.rosso-moncucco .info-clinica-menu .dato-clinica-menu i,.col-contatto-clinica .ps-contatti.verde-santa-chiara .info-clinica-menu .dato-clinica-menu i {color: #ffffff;}
/* MEDIA */
.listing-media {padding-top:60px}
.listing-media .item-list {margin-bottom:30px}
h5.span-title {font-size:18px; font-family:'Euclid Circular A Bold'; margin-bottom:30px}
.item-cat-media {display:block; margin-bottom:15px}
.item-cat-media.active {font-family:'Euclid Circular A Medium'; color:#023E8A}
/* DETTAGLIO MEDIA */
.testo-pagina.testo-news p.lead {font-family:'Euclid Circular A Bold'; font-size:24px; margin-bottom:40px}
.testo-pagina.testo-news h2 {font-size: 40px; font-weight: 500; margin-top: 40px; margin-bottom:30px}
.testo-pagina.testo-news img {max-width: 100%; height: auto; margin:20px 0 40px 0; border-radius:20px}
.testo-pagina.testo-news ul {list-style-type: none; padding-left:10px;}
.testo-pagina.testo-news ul li {position: relative; padding-left: 20px; margin-bottom:10px}
.testo-pagina.testo-news ul li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
/* IL GRUPPO */
.numeri-list .box {height:100%}
.dato-item {display:flex}
.dato-item .numero {padding-left:20px}
.dato-item .numero .num {font-family:'Euclid Circular A Bold'; line-height:1}
.dato-item .numero.big-num .num {font-size:60px;}
.dato-item .numero.small-num .num {font-size:40px;}
.dato-item .numero .num span {font-family:'Euclid Circular A Light'}
.dato-item .numero.big-num .num span {font-size:18px;}
.dato-item .numero.small-num .num span {font-size:15px;}
.dato-item .numero.big-num .num-desc {font-size:22px}
.dato-item .numero.small-num .num-desc {font-size:18px}
/* MAPPA */
.mappa {padding-right:0 !important; padding-left: 0 !important; z-index:999;}
#container-map{height: 550px;left: 0;position: relative;width: 100%;}
#map-canvas{height: 100%;position: relative;width: 100%;z-index: 10;}
.box-pop h5{font-family: 'Frank Ruhl Libre', serif; color:#333; font-weight:900; font-size:18px; text-transform:uppercase;}
.box-pop a{color:#2F7AD8;text-decoration:underline;font-size:10px;}

/*FOOTER*/
.footer {background-color:#EFEFEF; font-family: 'Euclid Circular A Light'; color:#020202; padding:160px 0 30px}
.footer .loghi-cliniche-footer {display:flex; padding-top:30px}
.footer .loghi-cliniche-footer img {height:70px}
.footer h5 {font-family: 'Euclid Circular A Medium'; font-size:16px; margin-bottom:30px}
.footer .list-unstyled {line-height:2}
.footer a {color:#020202}
.footer a:hover {color:#2B8EC2}
.footer .dato-clinica-menu {align-items: start}
.footer .dato-clinica-menu i {margin-right:10px}
.footer .dato-clinica-menu.ps-num {color:#023E8A; font-family:'Euclid Circular A Medium'}
.footer .dato-clinica-menu.ps-num a {color:#023E8A}
.footer .dato-clinica-menu.ps-num a:hover {color:#023E8A}
.footer .contatti-social {display: flex; align-items: center;}
.footer .contatti-social i {background-color:#023E8A; color:#fff; border-radius:50px; height: 35px; width: 35px; display: flex; align-items: center; justify-content: center;}
.footer .contatti-social i:hover {background-color:#2B8EC2;}
.copy{font-size: 13px; padding-top:70px}
.copy a{color:#023E8A;}
.copy a span {color:#2B8EC2;}
.social-icon {color:#fff; font-weight:300; font-size:15px; line-height:1.5; font-family: 'Frank Ruhl Libre', serif; letter-spacing:1px}
.social-icon {margin-bottom:30px; text-align:right}
.circle-icon {background: #fff;width: 24px !important;height: 24px;text-align: center; vertical-align: middle;padding: 5px; color:#333; transition: all 500ms ease; margin-right:10px}
.circle-icon:hover {background: #2F7AD8; color:#fff; transition: all 500ms ease; transform: scale(0.9); transition: all 500ms ease;}

/* NEWSLETTER SUBSCRIPTION */
.bg_pre_footer {position:relative; margin-top:-195px; z-index:999}
.box-newsletter {background-color:#2F7AD8; padding:60px 20px; margin-bottom:40px; margin-top:-300px; color:#fff; position:relative; z-index:999;}
.box-newsletter h2 {font-size:18px; margin-top:10px; font-family: 'Frank Ruhl Libre', serif; font-weight:900;}
.bordo-left {background-image:url(../images/bordo-left.svg); background-repeat:no-repeat; background-position:right; background-size:cover}
.titolo-newsletter {padding:40px 40px 84px 40px; text-align:right}
.titolo-newsletter h2 {font-family: 'Frank Ruhl Libre', serif; font-weight:900; font-size:32px; color:#fff; text-transform:uppercase; margin:0}

/* listing */
.carousel-latest {padding-top:60px}
.item-list a {background-color:#f1f1f1; border-radius:40px; display:block; overflow:hidden; position:relative;}
.item-list a .img-box-list {height: 280px; overflow: hidden; position: relative;}
.item-list a .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%; transition: all 1.3s;}
.item-list a:hover .img-box-list img {transform: scale(1.1)}
.item-list a .cont-box-list {padding:20px;}
.item-list a .cont-box-list .latest-meta {color:#03045E}
.item-list a .cont-box-list h3 {color:#020202; font-size:24px; margin-bottom:40px; margin-top:20px}
.item-list a:hover .cont-box-list h3 {color:#03045E}
.item-list a span.btn-circle {justify-content: flex-end;}
.item-list a:hover span.btn-circle i {background-color:#0077B6; -webkit-transform: scale(1.1);transform: scale(1.1);}

/* dettaglio */
.btn-fb {background-color: #3b5998!important;color: #fff!important;}
.btn-tw {background-color: #55acee!important;color: #fff!important;}
.btn-gplus {background-color: #dd4b39!important;color: #fff!important;}
.btn-li {background-color: #0082ca!important;color: #fff!important;}

.blog-post h2 {margin-bottom:30px; font-size: 35px; font-weight: 500; margin-top: 0;}
.blog-post p {margin-bottom:40px; line-height:1.8}
.blog-post img {margin: 0 0 40px 0}
.blog-post iframe {margin: 0 0 40px 0}
.blog-post  ul {list-style-type: none; padding-left:10px; margin-bottom: 40px}
.blog-post li {position: relative; padding-left: 20px; margin-bottom:10px}
.blog-post li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.blog-meta {background-color:#023E8A; padding:40px; border-radius:20px; margin-top:40px}
a.btn-share i {background-color:#0077B6; color:#fff; padding:2px; height: 44.5px; border-radius:50px; width: 44.5px; display: flex; align-items: center; justify-content: center;}
a.btn-share i:hover {background-color:#fff; color:#2B8EC2}
.social-news .btn-outline-primary {color:#fff; border-radius:20px; border:1px solid #fff; padding:10px 20px}
.social-news .btn-outline-primary:hover{color:#fff; border:1px solid #2B8EC2; background-color:#2B8EC2}

/* BREADCRUMBS */
.breadcrumb-cont {color:#fff}
.breadcrumb-cont, .breadcrumb-cont span {font-size:13px;}
.breadcrumb-cont a {color:#ADDEF8}
.breadcrumb-cont a:hover {color:#0077B6; text-decoration:underline}

/* PAGINAZIONE */
.pagination {text-align: center; padding: 20px 0 40px 0; }
	.pagination ul {
		list-style: none;
		clear: both;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		        justify-content: center; }
	.pagination__page {
		font-size: 0.875rem;
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius:50%;
		line-height: 36px;
		margin: 0 2px;
		text-align: center;
		color: #023E8A;
		vertical-align: middle;
		white-space: nowrap;
		border: 2px solid #023E8A;
		list-style: none;
		-webkit-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out; }
	.pagination a:hover,
	.pagination a:focus, .pagination__page--active {
		background-color: #0077B6;
		color: #fff;
		border-color: transparent; }
	.pagination i {
		font-size: 0.75rem; }


/* FORM*/
.form-dettaglio button.btn-main:hover {background-color:#fff; color:#333}
.form-control::placeholder { color:#fff;opacity: 1;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::-ms-input-placeholder {color: #fff;}
.input_home, .input_home.form-control {width:100%; border-radius:40px; background: transparent; color:#fff; font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; font-weight:400; outline: none;}
select, select.form-control {width:100%; border-radius:40px; background: transparent; color:#fff; font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; font-weight:300; -webkit-appearance: none;
  -webkit-border-radius: 0px;}
.textarea_home, .textarea_home.form-control {width:100%; border-radius:40px; background: transparent; color:#fff;font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; outline: none;font-weight:400;}
::placeholder { color:#fff;opacity: 1;}
:-ms-input-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
textarea::placeholder { color:#fff;opacity: 1;}
textarea:-ms-input-placeholder {color: #fff;}
textarea::-ms-input-placeholder {color: #fff;}
.form-contatti ::placeholder { color:#020202;opacity: 1;}
.form-contatti :-ms-input-placeholder {color: #020202;}
.form-contatti ::-ms-input-placeholder {color: #020202;}
.form-contatti textarea::placeholder { color:#020202;opacity: 1;}
.form-contatti textarea:-ms-input-placeholder {color: #020202;}
.form-contatti textarea::-ms-input-placeholder {color: #020202;}

.form-contatti .input_home, .form-contatti .input_home.form-control {border:1px solid #020202; color:#020202}
.form-contatti select, select.form-control {color:#020202; border-radius:40px}
.form-contatti .textarea_home, .form-contatti .textarea_home.form-control {border:1px solid #020202; color:#020202}

input:focus, select:focus, textarea:focus {outline: none}
.privacy {color:#fff;font-size: 12px;cursor:pointer;}
.privacy a{color:#fff;text-decoration:underline;}

.form-contatti .privacy {color:#020202;font-size: 12px;cursor:pointer;}
.form-contatti .privacy a{color:#023E8A;text-decoration:underline;}
.form-contatti .privacy2 a{color:#023E8A;text-decoration:underline;}
.form-contatti .privacy2 a:hover{color:#0077B6;}

.input-group.upload-cv input.form-control {border-radius:40px; border:1px solid #020202; background-color:transparent}
.input-group.upload-cv>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {border-top-left-radius:40px; border-bottom-left-radius:40px}
.form-contatti .form-control:focus {box-shadow:none; border-color:#023E8A}
.form-control:focus {box-shadow:none; border-color:#fff}

.privacy2 {font-size: 14px; font-weight: 400;cursor:pointer;}
.section-title span.privacy2 {font-size: 14px}
.privacy2 a{color:#fff;text-decoration:underline;}
.privacy2 a:hover{color:#9D0E1C;}
label.checkbox, label.radio{padding-left: 0px;}
.checkbox, .radio{margin-top:0;margin-bottom:25px;}
.form-page .checkbox, .form-page .radio {margin-bottom:0}
.form-page label a {display:inherit}
#recaptcha {display:none}
#capatcha {display: block; }
#capatcha div iframe {width:100% !important}
.was-validated .form-select:invalid:not([multiple]):not([size]) {background-repeat:no-repeat}
.was-validated .form-select:valid:not([multiple]):not([size]) {background-repeat:no-repeat}
::backdrop, .section-checkout option {background-color: #254C47;}

/* RICERCA */
.form-control-borderless {border: none;}
.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {border: none;outline: none;box-shadow: none;}

/* SHORTCUT */
#shortcut {display: none; position: fixed; bottom: 20px; right: 0; width:80px; z-index: 99;}
#shortcut .div-short a{
	font-family: 'Euclid Circular A Light';
	font-size:11px;
	position:relative;
	background-color:#03045E;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height:80px;
	margin-bottom:2px;
	padding:5px;
	flex-direction:column;
	text-align:center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	line-height:1;
}
#shortcut .div-short:nth-child(1) a {border-radius:30px 0 0 0}
#shortcut .div-short:nth-child(2) a{ background-color: #023E8A}
/*#shortcut .div-short:nth-child(3) a {background-color: #0077B6}*/
#shortcut .div-short:nth-child(3) a {border-radius:0 0 0 30px; background-color: #B83232}


#shortcut .div-short a i {font-size:18px}
#shortcut .div-short a img {width:25px; margin-bottom:4px;}
#shortcut .div-short a:hover {background-color:#2B8EC2; color:#fff}


/* NUOVA COOKIE BAR */
.show_banner_cookies {position: fixed;   bottom: 0px;   width: 50%;   background: #03045E; color: #fff; z-index: 1000; padding: 30px; left: 0px; font-size: 14px; font-weight:400}
.show_banner_cookies a {color:#2B8EC2}
.show_banner_cookies a:hover {color:#77c0e7}
.show_banner_cookies a.btn {padding:15px 20px; min-width:210px}
.show_banner_cookies a.btn.btn-white, a.btn.btn-white {background-color:#fff; border:1px solid #fff; color:#333}
.show_banner_cookies a.btn.btn-outline, a.btn.btn-outline {background-color:transparent; border:1px solid #fff; color:#fff}
.show_banner_cookies a.btn.btn-outline-dark, a.btn.btn-outline-dark {background-color:transparent; border:1px solid #2B8EC2; color:#2B8EC2}
.show_banner_cookies a.btn.btn-color, a.btn.btn-color {background-color:#2B8EC2; border:1px solid #2B8EC2; color:#fff}
.show_banner_cookies a.btn:hover, .bottoni-accetta a.btn:hover {background-color:#2B8EC2; border: 1px solid #2B8EC2; color:#fff}
.show_banner_cookies.big-ban {width: 70%;}
.show_banner_cookies.big-ban .col-bottoni-cookie {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.show_banner_cookies.big-ban .btn-foot {text-align:center}
.switch-cont {display:flex}
.switch-item {display: flex; align-items: center; justify-content: center;}
.switch-item-text {display: flex; align-items: center; justify-content: center; margin-left:auto}
.cmn-toggle {position: absolute; margin-left: -9999px; visibility: hidden;}
.cmn-toggle + label {display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
input.cmn-toggle-round-flat + label
{
  padding: 2px;
  width: 45px;
  height: 25px;
  background-color: #b7b7b7;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
	margin-bottom:0;
	margin-left:10px;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {display: block; position: absolute; content: "";}
input.cmn-toggle-round-flat + label:before
{
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after
{
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 18px;
  background-color: #b7b7b7;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {background-color: #2B8EC2;}
input.cmn-toggle-round-flat:checked + label:after {margin-left: 19px;background-color: #2B8EC2;}
.para-cookie {display: flex; flex-wrap: wrap; margin-bottom:30px}
.col-switch {display: flex; flex-direction:column; justify-content: center; border-left:1px solid #f2f2f2}
.col-switch .switch-label {font-size:13px; margin-bottom:10px}
.col-switch input.cmn-toggle-round-flat + label {margin-left:0}
.col-switch .switch-page {padding-left:30px}
.bot_ros {box-shadow:none; border:1px solid #040506}
.bottoni-accetta .bot_ros.bot-und {background:transparent; border:1px solid #2B8EC2; color:#2B8EC2}
.bottoni-accetta .bot_ros:hover, .bottoni-accetta .bot_ros.bot-und:hover {border:1px solid #ed3042}
.bottoni-accetta .bot_ros.bot-und:hover {background:#ed3042; color:#fff}
.col-custom {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;width:20%;float:left;}
.col-custom a .box-scelta{padding:20px;}
/* FINE COOKIES */
/* NUOVA COOKIE BAR */
@media (max-width: 1024px) {
  .show_banner_cookies {position: fixed;  width: 100%;   background: #282B30; color: #fff; z-index: 999999; padding: 30px; left: 0px; font-size: 12px;}
  .switch-item.pl-20 {padding-left:10px}
}

@media only screen and (max-width : 998px) {
  .switch-label {font-size:11px}
}

@media (max-width: 991px) {
  .show_banner_cookies {width:50%}
  .col-switch {border-left:0; border-bottom:1px solid #f2f2f2; padding-bottom:30px}
  .col-switch .switch-page {padding-left:0}
  .show_banner_cookies.big-ban {width:80%}
  .cookiebar-page hr {border-top:0}
}

@media (max-width : 767px) {
  .show_banner_cookies {width:70%}
  .switch-cont {flex-wrap:wrap}
  .switch-item {width:50%; margin-bottom:10px}
  .switch-item.pl-20 {padding-left:0}
  .switch-item-text {margin-top:10px}
  .show_banner_cookies {padding:20px 10px}
  .show_banner_cookies.big-ban .col-bottoni-cookie {flex-direction:row}
  .show_banner_cookies.big-ban .col-bottoni-cookie .btn-foot.mb-20 {margin-bottom:0}
  .show_banner_cookies.big-ban .btn-foot {width:50%}
  .show_banner_cookies a.btn {padding:10px; min-width:90%; font-size:10px}
}

@media (max-width: 575px) {
  .show_banner_cookies {width:90%}
}


/* ERROR PAGE */
.error-page {margin-top:125px}
.error-page .error-span {font-family: 'Frank Ruhl Libre', serif;font-weight: 900;letter-spacing: 1px; font-size:18px; text-transform: uppercase;}
.error-page .error-img {padding-bottom:40px; border-bottom:1px solid #2F7AD8}
.error-page .box-testo-home h3 {font-family: 'Frank Ruhl Libre', serif;font-weight: 900;letter-spacing: 1px; font-size:28px; text-transform: uppercase;}
.error-page .box-testo-home a {display:block}
/* STANDARD */
.section-standard {padding:100px 0}
/* 24 02 19 */
/* popup iscriviti alla newsletter*/
.popup{text-align:center;}
.popup p {font-size:18px}
#popup-article:target{
  display: flex;
}
.modal-header {display:block !important}
.popup:before{
  content: "";
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;

  position: fixed;
  left: 0;
  top: 50%;
  will-change: height, top;
  animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;
}

.popup:after{
  content: "";
  width: 0;
  height: 2px;
  background-color: #f0f0f0;

  will-change: width, opacity;
  animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both;

  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

@keyframes line-animation{

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

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

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

@keyframes open-animation{

  0%{
    height: 0;
    top: 50%;
  }

  100%{
    height: 600px;
    top: 0;
  }
}

.popup__block{
  height: calc(100vh - 40px);
  padding: 30px;
  box-sizing: border-box;
  position: relative;

  margin: auto;
  overflow: auto;
  animation: fade .5s ease-out 1.3s both;
}

@keyframes fade{

  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

.popup__title{
  font-size: 2.5rem;
  margin: 0 0 1em;
}

.modal-footer ul li {
   display: inline-block;
   width: 50%;
   float:left;
}
.modal-footer ul li button {
   width: 100%;
   border-radius: 0;
}
ul li:first-of-type button {
   color:#000;
   font-size:12px;
   background-color:transparent;
}
ul li:last-of-type button {
   background: #43e97b;
}

.button_pop {
   display: inline-block;
   min-width: 200px;
   height: 60px;
   line-height: 60px;
   border: none;
   color: #fff;
   font-size: 15px;
   letter-spacing: 1px;
   cursor: pointer;
   transition: all .3s
}
.input_pop{border: 0;
	background:(#f1f1f1);
	color: #000;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	padding: 10px 15px;
	width: 100%;}

.nego{transition: all 0.3s;}
.nego:hover{color:red;}


/* BOOTSTRAP 5 EXAMPLES */
/* SEZIONE ICONE */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* SEZIONE TESTO / FOTO */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.form-signIn {
  align-items: baseline;
}

.hide{
  display: none;
}

#success{
  background: #03a679;
  color: #f0f0f0;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  transition: background .5s;
}
#error{
  background: #f05d0d;
  color: #f0f0f0;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  transition: background .5s;
}

.errorLabel {
  margin-left: 10px;
  color: red;
  font-weight: bold;
}
