.container .searchWidgetModal li a:focus,
.navmenu a {
   outline: 0
}

#footer form .btn-iscriviti,
#servizi-prenotazione .ui-widget,
#ui-datepicker-div.ui-widget,
.btn-iscriviti,
.btn-spid,
table,
td,
th {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

#topcontrol,
.img-fit-ie img {
   visibility: hidden
}

#articolo-dettaglio-testo #menu-sinistro-cerca h4,
#contenuti-altri-argomenti .argomenti h4,
#footer h4,
#intro #menu-sezione h4,
#intro-argomenti #menu-sezione h4,
#menu-sinistro h4.dropdown,
#searchModal .modal-body-search .search-start,
#searchModal .modal-body-search h2,
#sub_nav .linksezione .tutte,
#sub_nav .scheda-megamenu .scheda-icona-small,
.altri-argomenti .altri-argomenti-titolo h4,
.cerca-risultati .show-filters,
.cerca-risultato-item .categoria,
.scheda .scheda-icona-small,
.step .date-step .date-step-mese {
   text-transform: uppercase;
   text-transform: uppercase
}

#calendario,
#home-novita {
   background-color: #eceff1
}

#briciole .breadcrumb,
.form-group label {
   white-space: nowrap;
   text-overflow: ellipsis
}

#briciole .breadcrumb .breadcrumb-item:focus,
.condividi a:focus,
.list-group-item-action:focus,
.servizi-widget .nav-tabs a.nav-link:focus,
input[type=checkbox]:focus,
input[type=checkbox]:focus+label::after,
input[type=radio]:focus,
input[type=text]:focus,
select:focus {
   border: 2px solid #ff8c00 !important
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .linksmall:hover,
#articolo-dettaglio-testo .articolo-ulterioriinfo a,
#articolo-dettaglio-testo .scheda-allegato h4 a,
#articolo-dettaglio-testo .scheda-ufficio-contatti h4 a,
#articolo-dettaglio-testo h4 a,
#mainheader .btn-cerca,
#notizie-elenco .card-title a,
#sezioni-servizi .card-title a,
.cbp-spmenu .accedi .btn-accedi,
.md-virtual-repeat-container .md-autocomplete-suggestions li .highlight,
.navmenu li a.current span:after,
.navmenu>li.open ul li a,
.notifica.info h5,
.scheda .scheda-testo h4 a,
.scheda .scheda-testo h4 a:not([href]):not([tabindex]),
.scheda .scheda-testo h4 a:not([href]):not([tabindex]):focus,
.scheda .scheda-testo h4 a:not([href]):not([tabindex]):hover,
.scheda-help .tutte,
.scheda-help .tutte:not([href]):not([tabindex]),
.scheda-help .tutte:not([href]):not([tabindex]):focus,
.scheda-help .tutte:not([href]):not([tabindex]):hover,
.servizi-widget .note a,
.utilitymobile li a,
a,
md-checkbox.md-checked .md-ink-ripple,
md-checkbox.md-default-theme.md-checked .md-ink-ripple {
   color: #17324d
}

#actionModal .icon-primary,
#evento-rating .rating:not(:checked)>label:hover svg,
#evento-rating .rating:not(:checked)>label:hover~label svg,
#evento-rating .rating>input:checked+label:hover+svg,
#evento-rating .rating>input:checked~label svg,
#evento-rating .rating>input:checked~label:hover+svg,
#evento-rating .rating>input:checked~label:hover~label+svg,
#evento-rating .rating>label svg,
#evento-rating .rating>label:hover~input:checked~label+svg,
#sub_nav .linksezione .tutte:hover svg.icon,
.btn-celeste svg.icon,
.condividi svg.icon,
.notification.with-icon.info .icon,
.scheda-help .scheda-icona-grande svg,
.scheda-help .tutte svg.icon,
.titolo-sezione svg.titolo-sezione-icon,
md-autocomplete .md-show-clear-button button md-icon svg path {
   fill: #17324d
}

#articolo-dettaglio-testo .paragrafo a {
   left: 0;
   top: -100px;
   position: absolute
}

#articolo-dettaglio-testo .paragrafo p a,
#articolo-dettaglio-testo .paragrafo ul li a {
   left: unset;
   top: unset;
   position: unset;
   text-decoration: underline
}

.bg-servizi {
   background-position-y: 60%
}

a {
   color: var(--primary-color)
}

.card-header {
   padding: 20px;
   margin-bottom: 0;
   background-color: transparent;
   border-bottom: 0
}

.card .card-body {
   padding: 1rem 20px
}


body .menu-underlayer,
body.menu-opened,
body.menu-opened2 {
   width: 100%;
   position: fixed
}

body {
   color: #000;
   background-color: #fff;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   position: relative;
   height: auto !important;
   font-weight: 300
}

#mainheader,
body .menu-underlayer {
   -webkit-transition: .3s;
   -o-transition: .3s
}

body .menu-underlayer {
   top: 0;
   left: 0;
   z-index: 2000;
   height: 100%;
   visibility: hidden;
   background-color: #003882;
   opacity: 1;
   transition: .3s
}

body.menu-opened .menu-underlayer,
body.menu-opened2 .menu-underlayer {
   display: block;
   visibility: visible
}

body.ridotto {
   padding-top: 100px !important
}

#mainheader {
   height: 193px;
   color: #fff;
   position: relative;
   transition: .3s;
   z-index: 999;
}

#mainheader .preheader {
   height: 26px;
   padding: 0;
   margin: 0;
   font-weight: 400;
   line-height: 20px;
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   line-height: 26px
}

#mainheader .preheader img {
   height: 32px;
   max-height: 32px;
   margin-bottom: 4px;
   padding: 0;
   line-height: 40px
}

#mainheader.ridotto .preheader img {
   height: 20px;
   max-height: 20px;
   margin-bottom: 4px;
   padding: 0
}

#footer .logoimg,
#mainheader .logoimg,
.cbp-spmenu .logoimg-burger {
   display: inline-block
}

#mainheader .preheader .entesup {
   font-size: 16px;
   color: #fff
}

#mainheader.ridotto .preheader .entesup {
   font-size: 14px;
   color: #fff
}

#argomenti-albo .card-title a,
#articolo-dettaglio-testo .articolo-ulterioriinfo .argomenti a:hover,
#articolo-dettaglio-testo .galleriaslide h4,
#contenuti-altri-argomenti .argomenti h4 a,
#footer .logotxt h3 a,
#footer .social a,
#footer a,
#footer a:hover,
#footer form label,
#footer p a,
#footer p a:hover,
#mainheader .preheader .entesup .logotxt a,
#mainheader .preheader .entesup a,
.filtro.filtro-primary>.chip-label,
.filtro.filtro-primary>.filtro-label,
.scheda-gestione-ufficicitta a,
.scheda-gestione-ufficicitta p,
.scheda-ufficicitta .scheda-footer .tutte,
.scheda-ufficicitta .scheda-testo h4 a,
.scheda-ufficicitta .scheda-testo p,
.titolo-bottone-landing a {
   color: #fff
}

#mainheader .preheader .sitiverticali {
   margin: 0;
   border: 0;
   text-align: center;
   height: 40px;
   padding: 0;
   line-height: 38px
}

#mainheader .preheader .sitiverticali a {
   height: 40px;
   font-weight: 600;
   display: inline-block;
   vertical-align: middle;
   border-right: 2px solid #17324d;
   padding: 0 24px
}

#mainheader .preheader .accedi .btn-accedi:hover span,
#mainheader .preheader .sitiverticali a:hover,
.list_link-utili li a:focus,
.list_link-utili li a:hover,
.tutte:hover {
   color: #333;
   text-decoration: underline
}

#mainheader .preheader .accedi {
   margin: 0 24px;
   border: 0;
   text-align: center;
   height: 40px;
   padding: 0;
   line-height: 38px
}

#mainheader .preheader .accedi .btn-accedi {
   padding: 0;
   background: 0;
   color: #fff;
   margin: 0;
   font-weight: 600;
   line-height: 0
}

#mainheader .preheader .accedi .btn-accedi svg.icon {
   vertical-align: middle;
   margin: 0;
   fill: #fff;
   width: 24px;
   height: 24px
}

#mainheader .preheader .accedi .btn-accedi:hover svg.icon,
#mainheader .social a:hover svg.icon,
.socialmobile a:hover svg.icon,
.tutte svg.icon {
   fill: #333
}

#mainheader .preheader .accedi span {
   margin: 0 0 0 8px
}

#areapersonale-intestazione #intro,
#articolo-dettaglio-foto figure,
#articolo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo,
#articolo-dettaglio-testo .galleriaslide figure,
#articolo-dettaglio-testo .step .scheda-step .scheda-step-testo p,
#footer .footer-list li,
#mainheader.ridotto .preheader .accedi span,
#sub_nav .scheda-megamenu .scheda-foto figure,
.data-articolo,
.lettura-articolo,
.navmenu,
.scheda-news .scheda-foto figure,
.scheda-srv .scheda-foto figure,
.servizi-widget .form-check,
.servizi-widget .form-group {
   margin: 0
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-indirizzo .scheda-contatti-mappa a,
#footer h4 a,
#mainheader .preheader .accedi .btn-accedi#dropdownAP .avatar {
   vertical-align: middle
}

#actionModal .link-list-wrapper ul li a.ombra.collapsed svg.iconexpand,
#articolo-dettaglio-testo #menu-sinistro-cerca a.collapsed svg.iconexpand,
#mainheader .preheader .accedi.show .btn-accedi svg.icon,
#menu-sinistro h4.dropdown [data-toggle=collapse][aria-expanded=false] svg.icon,
#sub_nav .sub_nav .megamenu a[data-toggle=dropdown][aria-expanded=true] svg.icon {
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1)
}

#mainheader .preheader .accedi .dropdown-menu {
   border-radius: 4px;
   -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
   box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
   margin-top: 4px
}

#mainheader .preheader .accedi .dropdown-menu:before {
   content: '';
   position: absolute;
   top: -6px;
   left: 40px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 10px solid #fff;
   background: 0;
   -webkit-transform: none;
   transform: none
}

#actionModal .link-list-wrapper ul li a:hover,
#mainheader .preheader .accedi .dropdown-menu .link-list-wrapper ul li:hover {
   background-color: #efefef
}

#mainheader .preheader .accedi .dropdown-menu .link-list-wrapper ul li a {
   color: #17324d;
   font-size: .778em;
   font-weight: 300
}

#mainheader .preheader .accedi .dropdown-menu .link-list-wrapper ul li a svg.icon {
   fill: #17324d;
   width: 24px;
   height: 24px
}

#mainheader .comune .logoimg a:focus {
   outline: transparent 0 !important
}

#mainheader .comune .logotxt {
   vertical-align: middle;
   height: 60px;
   text-align: left;
   margin-left: 0;
   margin-top: 30px;
   display: none !important
}

#mainheader .comune .logotxt h1 {
   display: table-cell;
   height: 60px;
   line-height: 60px;
   vertical-align: bottom;
   margin: 0;
   font-size: 1.778em;
   letter-spacing: 0;
   font-weight: 700
}

#footer .logotxt b,
#mainheader .comune .logotxt h1 b {
   font-weight: 700 !important
}

#mainheader .comune .logotxt h1 a,
#mainheader .comune .logotxt h1 a:hover {
   color: #000;
   text-decoration: none;
   margin-left: 5px
}

#mainheader.ridotto .comune .logotxt h1 a,
#mainheader.ridotto .comune .logotxt h1 a:hover {
   /*! width: 500px; */
   color: #fff !important;
   text-decoration: none;
   /*! width: 500px; */
   display: none;
   height: 72px;
   max-height: 72px
}

#mainheader .comune .logotxt h1 a:focus,
#mainheader .comune .logotxt h1 a:hover:focus {
   text-decoration: underline;
   outline: #ff8c00 solid 1px !important;
   height: 60px !important
}

#mainheader .comune .logotxt .badge-demo {
   font-size: 10px;
   background-color: #db001b !important;
   color: #fff;
   border-radius: 8px;
   padding: 1px 8px;
   margin-top: 8px;
   margin-left: 4px;
   display: inline-block;
   vertical-align: top
}

#mainheader .social {
   padding-top: 12px;
   margin-bottom: 0;
   display: inline-block;
   height: 48px;
   margin-top: 40px
}

#mainheader .social .small {
   padding-right: 15px;
   font-size: 14px;
   font-weight: 300
}

#mainheader .social a {
   display: inline-block;
   width: 24px;
   height: 24px;
   margin: 0;
   font-size: 1.111em;
   line-height: 24px;
   color: #fff !important;
   text-align: center
}

#mainheader .social a:hover,
.socialmobile a:hover {
   color: #333 !important;
   text-decoration: none
}

#calendario #owl-calendario .owl-nav svg.icon,
#mainheader .social a svg.icon {
   fill: #fff;
   width: 26px;
   height: 26px
}

#mainheader .social li {
   padding: 0;
   vertical-align: middle;
   margin-right: 8px
}

#mainheader .social li:last-child,
.btn-trasparente:last-child,
.scheda-persona .scheda-testo.scheda-testo-large {
   margin-right: 0
}

#mainheader .cerca span {
   color: #fff;
   font-size: 14px
}

#mainheader .btn-cerca {
   height: 44px;
   width: 44px;
   border: 0;
   border-radius: 50%;
   padding: 0;
   background: #fff;
   margin-left: 24px
}

#mainheader .btn-cerca svg.icon {
   width: 28px;
   height: 28px;
   vertical-align: middle;
   fill: #000 !important
}

#mainheader .btn-cerca svg.icon:hover {
   fill: #fff !important;
   width: 28px;
   height: 28px;
   vertical-align: middle
}

#mainheader .btn-cerca:hover {
   background: #17324d !important;
   color: #fff !important
}

#mainheader .menu-btn,
#mainheader .p_cercaMobile,
#mainheader.ridotto #sub_nav .list_link-utili,
#mainheader.ridotto .preheader .accedi svg,
#sub_nav .sub_nav .dropdown-menu:before,
.list_link-utili .bar-content-edit,
md-autocomplete>md-autocomplete-wrap>md-progress-linear {
   display: none
}

#mainheader #sub_nav {
   background: #333;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 54px;
   line-height: 25px;
   background: var(--primary-color);
   color: #fff !important;
   font-weight: 400
}

#mainheader .menu-btn:focus,
#mainheader .menu-btn:hover:focus {
   outline: #333333 solid 3px !important;
   outline-offset: 6px
}

#mainheader.ridotto {
   height: 104px;
   position: fixed;
   top: 0;
   z-index: 1071;
   margin-top: 0;
   margin-bottom: 56px;
   width: 100%;
   background-color: var(--primary-color) !important
}

#mainheader.ridotto .preheader,
#mainheader.ridotto .preheader .accedi {
   display: block;
   height: 24px;
   line-height: 24px !important
}

#mainheader.ridotto #sub_nav {
   z-index: 999;
   bottom: 0;
   left: 0;
   height: 54px
}

#mainheader.ridotto .sub_nav li,
.list_link-utili li {
   display: inline-block;
   padding: 0;
   margin: 0;
   font-size: 1em;
   line-height: 30px;
   position: relative;
   height: 69px
}

#mainheader.ridotto #sub_nav .col-lg-12.pull-left {
   margin-left: 300px;
   top: -15px
}

#mainheader.ridotto .attachment-406x406,
#mainheader.ridotto .ras,
#mainheader.ridotto .social,
.addeventatc .alarm_reminder,
.addeventatc .all_day_event,
.addeventatc .attendees,
.addeventatc .calname,
.addeventatc .client,
.addeventatc .date_format,
.addeventatc .description,
.addeventatc .end,
.addeventatc .facebook_event,
.addeventatc .location,
.addeventatc .method,
.addeventatc .organizer,
.addeventatc .organizer_email,
.addeventatc .recurring,
.addeventatc .start,
.addeventatc .status,
.addeventatc .timezone,
.addeventatc .title,
.addeventatc .transp,
.addeventatc .uid,
.hidden,
.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
   display: none !important
}

#mainheader .ras-sticky {
   margin-top: 10px !important;
   display: none
}

#mainheader.ridotto .ras-sticky {
   margin-top: 2px !important;
   display: inline-block !important
}

#mainheader .cerca {
   padding-top: 0;
   margin-top: 10px !important
}

#mainheader #med-header {
   height: 120px !important
}

#mainheader.ridotto #med-header .comune {
   height: unset !important
}

#mainheader.ridotto #med-header {
   height: 86px !important
}

#mainheader.ridotto .comune .logoimg img {
   height: 40px;
   z-index: 1000;
   position: relative;
   max-height: 40px;
   margin-top: 20px
}

#mainheader.ridotto .comune .logotxt {
   font-size: 14px;
   color: #fff;
   margin-top: 7px;
   display: block !important
}

#mainheader.ridotto .comune .logotxt h1 {
   height: 60px;
   max-height: 60px;
   vertical-align: middle;
   z-index: 1000;
   position: relative;
   line-height: 60px
}

#mainheader.ridotto .cerca {
   margin-top: 2px !important;
   padding-top: 0;
   z-index: 1000;
   position: relative
}

#mainheader.ridotto .btn-cerca {
   height: 48px;
   width: 48px;
   bottom: 37px;
   position: relative;
   top: 15px
}

#mainheader.ridotto .btn-cerca svg.icon {
   width: 24px;
   height: 24px
}

.list_link-utili,
.sub_nav {
   display: block;
   padding: 0;
   margin: 0
}

.list_link-utili:after,
.sub_nav:after {
   content: '';
   display: inline-block;
   width: 100%
}

.list_link-utili:before,
.sub_nav:before {
   content: '';
   display: block
}

.list_link-utili li,
.sub_nav li {
   display: inline-block;
   padding: 0;
   margin: 0;
   font-size: 1em;
   line-height: 30px;
   position: relative;
   height: 54px
}

.list_link-utili li a,
.sub_nav li a {
   color: #fff;
   display: block
}

#footer .footer-list li a:hover,
.sub_nav li a:focus,
.sub_nav li a:hover {
   color: #fff;
   text-decoration: underline
}

.cbp-spmenu .logotxt-burger a:hover,
.navmenu a {
   text-decoration: none
}

.list_link-utili li.active a,
.sub_nav li.active a {
   border-bottom: 4px solid #fff !important
}

.list_link-utili li {
   font-weight: 300;
   font-size: .889em
}

.list_link-utili li:last-child a {
   font-weight: 700;
   padding-right: 0
}

.sub_nav li.megamenu a {
   padding: 12px 22px
}

#articolo-dettaglio-testo .galleriaslide .owl-item:first-child,
.socialmobile li:first-child,
.sub_nav li.megamenu:first-child a {
   padding-left: 0
}

#sub_nav .sub_nav .megamenu a[data-toggle=dropdown] svg.icon {
   float: right;
   fill: #fff;
   width: 22px;
   height: 22px
}

#sub_nav .sub_nav .dropdown-menu {
   margin: 0;
   padding: 48px;
   width: 1184px;
   transform: translate3d(14px, 32px, 0) !important;
   -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1)
}

#sub_nav .sub_nav .nav-item.megamenu>a.dropdown-toggle:before {
   opacity: 0;
   bottom: -16px;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   content: '';
   position: absolute;
   top: auto;
   width: 18px;
   height: 18px;
   border-radius: 4px;
   background-color: #fff;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   display: block;
   -webkit-transition: opacity .8s cubic-bezier(.1, .57, .36, .99);
   transition: opacity .8s cubic-bezier(.1, .57, .36, .99)
}

#sub_nav .sub_nav .nav-item.megamenu:first-child>a.dropdown-toggle:before {
   left: -29px
}

#owl-correlati .owl-item.active,
#owl-help .owl-item.active,
#sub_nav .owl-megamenu .owl-dots .owl-dot.active span,
#sub_nav .sub_nav .nav-item.megamenu.show>a.dropdown-toggle:before,
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled,
.ui-datepicker-calendar td.ui-state-disabled {
   opacity: 1
}

#sub_nav .navmegamenu {
   border-top: 1px solid #d8d8d8;
   padding: 0
}

#sub_nav .navmegamenu li {
   border-bottom: 1px solid #d8d8d8;
   display: block
}

#sub_nav .navmegamenu li a {
   font-size: 1em;
   color: #17324d;
   font-weight: 400;
   padding: 12px 24px
}

#sub_nav .navmegamenu li a:hover {
   background-color: rgba(116, 166, 129, .1)
}

#sub_nav .scheda-megamenu .scheda-foto {
   position: relative;
   height: 192px;
   overflow: hidden;
   border-radius: 4px
}

#actionModal .link-list-wrapper ul li,
#actionModal .link-list-wrapper ul.link-sublist,
#contenuti-correlati .scheda-correlati .scheda-testo,
#introricerca .form-group,
#owl-correlati .owl-item:last-of-type,
#owl-help .owl-item:last-of-type,
#searchModal .form-group,
#sub_nav .scheda-megamenu .scheda-foto a,
.card-link-list.submenu-card.card-empty .padd {
   padding: 0
}

#sub_nav .scheda-megamenu .scheda-foto img {
   width: 100%;
   height: 192px;
   object-fit: cover
}

#sub_nav .scheda-megamenu .scheda-icona-small {
   color: #17324d;
   letter-spacing: 1px;
   font-size: .778em;
   font-weight: 600;
   padding: 0;
   margin-bottom: 16px
}

#sub_nav .scheda-megamenu .scheda-icona-small svg.icon {
   width: 22px;
   height: 22px;
   margin-right: 4px;
   vertical-align: bottom;
   fill: #17324d
}

#sub_nav .scheda-megamenu .scheda-testo h4 {
   font-size: 1.111em;
   font-weight: 700;
   color: #17324d
}

#sub_nav .scheda-megamenu .scheda-testo h4 a {
   color: #17324d;
   padding: 0
}

#sub_nav .scheda-megamenu .scheda-testo p {
   color: #555;
   font-size: .889em;
   font-weight: 400
}

#servizi-prenotazione .scheda-gestione,
#sub_nav .scheda-megamenu .scheda-footer,
.lista-eventi-figli {
   margin-top: 16px
}

#sub_nav .linksezione .tutte {
   color: #333;
   font-size: .778em;
   vertical-align: middle;
   display: inline-block;
   font-weight: 700;
   letter-spacing: 1px;
   padding: 0
}

#sub_nav .linksezione .tutte svg.icon {
   vertical-align: middle;
   width: 24px;
   height: 24px;
   fill: #333
}

#contenuti-correlati .scheda-correlati .scheda-testo ul li a,
#sub_nav .linksezione .tutte:hover {
   color: #17324d;
   text-decoration: underline
}

#contentuto .link-list-wrapper ul li a:hover,
.postFooter a:hover {
   text-decoration: underline !important
}

#sub_nav .owl-megamenu {
   max-height: 300px;
   margin-bottom: 40px
}

#sub_nav #owl-megamenu-doc .owl-stage,
#sub_nav #owl-megamenu-ser .owl-stage {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex
}

#articolo-dettaglio-testo .allegati-riga .allegato,
#sub_nav #owl-megamenu-doc .owl-item .item,
#sub_nav #owl-megamenu-ser .owl-item .item,
.stepper-comunicazioni .step {
   height: 100%
}

#sub_nav #owl-megamenu-doc .owl-item .scheda-megamenu,
#sub_nav #owl-megamenu-ser .owl-item .scheda-megamenu {
   padding-right: 24px;
   padding-left: 24px;
   height: 100%
}

#sub_nav #owl-megamenu-doc .owl-item.active .scheda-megamenu,
#sub_nav #owl-megamenu-ser .owl-item.active .scheda-megamenu {
   border-left: 1px solid #d8d8d8
}

#sub_nav #owl-megamenu-doc .owl-item:first-child .scheda-megamenu,
#sub_nav #owl-megamenu-ser .owl-item:first-child .scheda-megamenu {
   padding-left: 0;
   border: 0 !important
}

#sub_nav .owl-megamenu .owl-dots .owl-dot span {
   background: #333;
   opacity: .1;
   width: 8px;
   height: 8px;
   margin: 5px
}

.cbp-spmenu {
   position: fixed;
   background: #fff
}

.cbp-spmenu-vertical {
   width: 300px;
   height: 100%;
   top: 0;
   z-index: 99999;
   overflow-y: scroll;
   position: fixed
}

.push-body,
.push_container {
   position: relative;
   left: 0
}

.cbp-spmenu-left {
   left: -300px
}

.cbp-spmenu-right {
   right: -300px
}

.cbp-spmenu-left.menu-open {
   left: 0
}

.cbp-spmenu-right.menu-open {
   right: 0
}

.push-body {
   overflow-x: hidden;
   padding: 0 !important
}

.push-body.navbar-toggle {
   overflow-y: hidden;
   overflow: hidden !important
}

.push-body-toright .push_container {
   left: 300px
}

.cbp-spmenu,
.push-body,
.push_container {
   -webkit-transition: .3s;
   -moz-transition: .3s;
   transition: .3s
}

.push-body-toright #main_container,
.push-body-toright #mainheader .areariservata,
.push-body-toright #mainheader .comune,
.push-body-toright #mainheader .entesup,
.push-body-toright #mainheader .pull-right,
.push-body-toright .scrollto_top,
.push-body-toright .sub_nav,
.push-body-toright footer {
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0
}

.footer-landing,
.push-body-toright .body_wrapper,
.push-body-toright .body_wrapper .preheader {
   background: #17324d !important
}

#actionModal .link-list-wrapper ul li a.ombra.collapsed,
#searchModal #opzioniTab .form-check.form-check-group,
.push-body-toright .body_wrapper #mainheader {
   -webkit-box-shadow: none;
   box-shadow: none
}

.navbar-toggle.menu-active .icon-bar {
   -ms-filter: "alpha(opacity=$ms)";
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
   position: absolute;
   height: 4px;
   background: #fff;
   -webkit-transition: .3s cubic-bezier(.35, .085, .305, 1.005);
   -moz-transition: .3s cubic-bezier(.35, .085, .305, 1.005);
   -o-transition: .3s cubic-bezier(.35, .085, .305, 1.005);
   transition: .3s cubic-bezier(.35, .085, .305, 1.005)
}

.navbar-toggle.menu-active .icon-bar1 {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   -ms-filter: "alpha(opacity=$ms)";
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   background: #fff;
   top: 8px
}

.navbar-toggle.menu-active .icon-bar3 {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -ms-filter: "alpha(opacity=$ms)";
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   background: #fff;
   top: -8px
}

.cbp-spmenu .user-burger {
   height: 136px;
   padding: 25px
}

#servizi-prenotazione .form-group-disabled,
#spidModal .header-buttons,
.cbp-spmenu .user-burger .usertitle-burger {
   position: relative
}

.cbp-spmenu .user-burger .usertitle-burger .avatar-wrapper {
   width: 48px;
   height: 48px;
   margin-right: 12px;
   vertical-align: middle;
   display: inline-block
}

.cbp-spmenu .user-burger .usertitle-burger .avatar.size-lg {
   width: 48px;
   height: 48px
}

.cbp-spmenu .user-burger .usertitle-burger .avatar.size-lg .avatar-notifiche {
   position: absolute;
   color: #fff;
   font-size: .5em;
   font-weight: 600;
   background: #d71820;
   width: 12px;
   height: 12px;
   display: block;
   border-radius: 50%;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   top: 4px;
   right: -6px
}

.cbp-spmenu .user-burger .usertitle-burger span {
   font-weight: 600;
   font-size: 1.125em;
   display: inline-block;
   vertical-align: middle
}

.altri-argomenti .altri-argomenti-elenco a.badge-argomenti,
.navmenu li a,
.navmenu li a.current,
.search-filter-ckgroup .search-filter-ckgroup-title,
.utilitymobile li:last-child a {
   font-weight: 700
}

.cbp-spmenu .user-burger .usertitle-burger svg.icon {
   fill: #fff;
   position: absolute;
   width: 22px;
   height: 22px;
   top: 0;
   right: 0
}

.cbp-spmenu .usermail-burger,
.mt-24,
.searchWidgetModal .form-group {
   margin-top: 24px
}

.cbp-spmenu .usermail-burger a {
   font-size: .75em;
   color: #fff
}

.cbp-spmenu .logo-burger {
   margin: 60px 0 25px 25px
}

.cbp-spmenu .logo-burger-user {
   margin: 25px 0 25px 25px
}

.cbp-spmenu .logoimg-burger img {
   height: 48px;
   max-height: 48px
}

.cbp-spmenu .logotxt-burger {
   vertical-align: middle;
   height: 48px;
   text-align: left;
   margin: 0 0 0 5px;
   display: none;
   width: 151px !important
}

.cbp-spmenu .logotxt-burger a {
   font-size: 1.375em;
   vertical-align: bottom;
   display: table-cell;
   height: 48px;
   font-weight: 700;
   color: #17324d
}

.navmenu a,
.navmenu li>a:hover>span {
   color: #259
}

.navmenu li a.current span {
   color: #fff !important
}

.navmenu,
.navmenu li,
.navmenu ul {
   padding: 0;
   list-style: none
}

.navmenu li.active ul li ul,
.navmenu ul {
   display: none;
   padding: 0
}

#actionModal .link-list-wrapper ul li a.left-icon,
.navmenu a,
.navmenu li ul li:first-child,
.navmenu li.active ul,
.navmenu li.active ul li.active ul,
.navmenu li:first-child,
.stepper-comunicazioni .scheda-gestione p {
   display: block
}

ul.navmenu {
   padding: 0 0 25px
}

.navmenu>li {
   border: 0;
   width: 100%
}

#calendario .scheda-calendario .scheda-calendario-lista li:first-child,
#servizi-prenotazione .ui-widget.ui-widget-content,
#ui-datepicker-div.ui-widget.ui-widget-content,
.navmenu>li li {
   border: 0
}

.navmenu [tabindex="0"]:focus,
.navmenu li a:focus {
   outline: #333333 solid 3px !important
}

.navmenu li>a>span {
   float: right;
   font-size: .6em;
   text-align: center;
   display: inline-block;
   margin: 0
}

.navmenu li>a>span:after {
   line-height: 1;
   content: '\e818';
   color: #17324d
}

.navmenu li.open>a>span:after {
   line-height: 1;
   content: '\e810'
}

#calendario #owl-calendario .owl-nav .owl-next:hover,
#calendario #owl-calendario .owl-nav .owl-prev:hover,
.navmenu>li.open ul {
   background: 0 0
}

#articolo-dettaglio-testo .scheda-ufficio-contatti .scheda-ufficio-testo h4,
.navmenu li li a {
   font-size: 1em
}

.navmenu>li.open ul li a:hover,
.navmenu>li.open ul>li.open>a {
   background: 0 0;
   color: #333
}

.navmenu li a {
   font-size: 1.333em;
   color: #17324d;
   line-height: 26px;
   padding: 13px 0 13px 25px;
   border-left: 4px solid transparent
}

.navmenu li>a:hover>span:after,
.navmenu>li>a:focus,
.navmenu>li>a:hover {
   background-color: rgba(130, 178, 206, .1);
   border-left: 4px solid #333
}

.navmenu>li.open>a {
   background-color: rgba(116, 166, 129, .1);
   border-left: 4px solid #333
}

.utilitymobile {
   margin: 10px 25px;
   padding: 0
}

#actionModal,
#spidModal {
   padding: 0 !important
}

.utilitymobile li {
   padding: 7px 0
}

.utilitymobile li a:hover {
   color: #333;
   text-decoration: none
}

.socialmobile {
   margin: 40px 25px 25px
}

.socialmobile .small {
   padding-right: 8px;
   font-size: 14px;
   color: #17324d
}

.socialmobile a {
   display: inline-block;
   width: 24px;
   height: 24px;
   margin: 0;
   font-size: 1.111em;
   line-height: 24px;
   color: #17324d !important;
   text-align: center
}

.cbp-spmenu .accedi .btn-accedi svg.icon,
.socialmobile a svg.icon {
   fill: #17324d;
   width: 22px;
   height: 22px
}

.socialmobile li {
   padding: 0;
   vertical-align: middle;
   margin-right: 4px;
   display: inline-block
}

.cbp-spmenu .accedi {
   margin: 15px 25px
}

#spidModal {
   z-index: 1200
}

#intro .btn-celeste,
#intro-sititematici .menu-area,
#menu-sinistro #lista-paragrafi,
#spidModal .modal-header-fullsrc .back {
   margin-top: 8px
}

#spidModal .modal-header-fullsrc .close {
   position: absolute;
   top: 8px;
   right: 0;
   margin: 0
}

#spidModal .modal-header-fullsrc .back svg.icon,
#spidModal .modal-header-fullsrc .close svg.icon {
   width: 44px;
   height: 44px;
   fill: #06c
}

#spid-step1 h3,
#spid-step2 h3,
#spid-step3 h3,
#spid-step4 h3,
#spid-step5 h3 {
   color: #17324d;
   font-size: 1.778em;
   margin: 24px 0 8px
}

#argomenti-sezione .argomenti-sezione-info,
#articolo-dettaglio-testo .scheda-persona .scheda-testo p,
#briciole,
#footer .lista-linkutili .footer-list,
#servizi-prenotazione .ui-datepicker table,
#spidModal h4,
#spidModal p.desc,
#ui-datepicker-div.ui-datepicker table,
.evento-rating-risultati .mediapunti span,
.md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-intro,
.scheda .scheda-testo-small p,
.scheda-evento .scheda-testo p,
.scheda-help .scheda-footer span,
.scheda-persona .scheda-testo p,
.scheda-video .scheda-testo p,
.servizi-widget .note {
   font-size: .889em
}

#spidModal h4 {
   margin: 0 0 24px;
   font-weight: 300;
   line-height: 1.5
}

#spid-step2 h4 strong {
   font-weight: 600
}

#spidModal p {
   margin: 16px 0 32px;
   font-size: .778em;
   width: 100%;
   line-height: 1.5
}

#spidModal p a {
   color: #06c;
   font-weight: 600
}

#spidModal .spid-inputgroup label {
   font-weight: 600;
   color: #555;
   font-size: .778em;
   width: auto !important
}

#spidModal .btn-bianco,
#spidModal .btn-blu,
#spidModal .btn-trasparente {
   font-size: .889em;
   border-radius: 4px;
   width: 100%;
   margin: 0 auto 16px;
   min-height: 48px
}

#spidModal .btn-bianco {
   color: #5c6f82;
   background-color: #fff;
   border: 1px solid #e6e9f2
}

#spidModal .btn-bianco:hover {
   color: #38444f !important;
   background-color: #fff !important;
   border: 1px solid #e6e9f2 !important
}

#spidModal .btn-blu {
   color: #fff;
   background-color: #0073e6;
   border: 1px solid #0073e6
}

#spidModal .btn-blu:hover {
   color: #fff !important;
   background-color: #004d99 !important;
   border: 1px solid #004d99 !important
}

#spidModal .btn-trasparente {
   color: #0073e6;
   background-color: #fff;
   border: 1px solid #0073e6
}

#spidModal .btn-trasparente:hover {
   color: #07529c !important;
   background-color: #fff !important;
   border: 1px solid #0073e6 !important
}

#searchModal #opzioniTab .search-filter-dategroup .form-group input,
.searchWidgetModal .search-filter-dategroup .form-group input,
.searchWidgetModal select,
img.spidback {
   height: 40px
}

.spid-banners {
   margin-top: 56px
}

.spid-banner {
   width: 48%;
   float: left;
   background-color: #fbfbfc;
   border-radius: 4px;
   height: 56px;
   text-align: center;
   vertical-align: middle;
   margin-bottom: 12px;
   display: table
}

.spid-banner a {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   cursor: pointer
}

.spid-banner:nth-child(2n) {
   float: right
}

.spid-banner img {
   width: 100%;
   height: auto;
   max-height: 28px;
   max-width: 100px
}

.spid-logo-sel {
   width: 110px;
   height: 30px
}

#spidModal .spid-inputgroup {
   margin-top: 16px;
   margin-bottom: 24px
}

#spidModal .spid-inputgroup input {
   font-size: 1.25em;
   font-weight: 700;
   color: #555;
   border-bottom: 1px solid #d8d8d8
}

#searchModal,
.searchWidgetModal {
   z-index: 1100;
   padding: 0 !important
}

#argomenti-novita,
#contenuti-correlati,
#sezioni-ambiti,
#sezioni-inevidenza,
#sezioninterne-ambiti,
#sezioninterne-inevidenza,
#sezioninterne-novita {
   padding: 64px 0 56px;
   background: url(../img/ombra.png) top center/contain no-repeat
}

#searchModal .modal-dialog,
#spidModal .modal-dialog,
.searchWidgetModal .modal-dialog {
   width: 100%;
   max-width: 100%;
   margin: 0;
   height: 100%
}

#searchModal .modal-dialog .modal-content,
#spidModal .modal-dialog .modal-content,
.searchWidgetModal .modal-dialog .modal-content {
   height: 100%;
   overflow-y: auto;
   background-color: #f1f1f1
}

.searchWidgetModal .modal-header-title {
   border-bottom: 1px solid #dfe4f2;
   padding-bottom: 48px
}

.modal-header-fullsrc {
   margin-top: 40px;
   margin-bottom: 40px
}

.modal-header-fullsrc h1 {
   font-size: 2.667em;
   color: #555;
   font-weight: 700;
   letter-spacing: 0
}

.center-v {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center
}

.modal-header-fullsrc .back,
.modal-header-fullsrc .close {
   color: #17324d;
   opacity: 1;
   font-size: 1.111em;
   text-shadow: none;
   line-height: 0;
   float: left;
   padding: 0;
   background-color: transparent;
   border: 0;
   -webkit-appearance: none;
   margin-top: 24px
}

#searchModal #searchclear svg.icon,
.modal-header-fullsrc .back svg.icon,
.modal-header-fullsrc .close svg.icon {
   width: 32px;
   height: 32px;
   fill: #17324d
}

.modal-header-fullsrc .back:focus,
.modal-header-fullsrc .back:hover,
.modal-header-fullsrc .close:focus,
.modal-header-fullsrc .close:hover,
.modal-header-fullsrc .close:not(:disabled):not(.disabled):focus,
.modal-header-fullsrc .close:not(:disabled):not(.disabled):hover {
   color: #17324d;
   opacity: 1
}

#searchModal .modal-body-search {
   margin-bottom: 56px
}

#searchModal .modal-body-search .form-group {
   border-bottom: 1px solid rgba(85, 85, 85, .7);
   height: 56px
}

#searchModal .search-filter-dategroup .form-group label,
.searchWidgetModal .form-group label {
   padding: 0;
   font-size: 1em;
   font-weight: 300;
   top: -12px
}

#searchModal #cerca-txt {
   background: 0 0;
   color: #555;
   font-size: 2.222em;
   padding-left: 48px;
   font-weight: 300;
   height: 56px
}

#searchModal input::placeholder {
   color: rgba(85, 85, 85, .4)
}

#searchModal input:-ms-input-placeholder {
   color: rgba(85, 85, 85, .4)
}

#searchModal input::-ms-input-placeholder {
   color: rgba(85, 85, 85, .4)
}

#searchModal .modal-body-search .form-group .md-whiteframe-1dp,
#searchModal .modal-body-search .form-group .md-whiteframe-z1 {
   border: 0;
   -webkit-box-shadow: none;
   box-shadow: none
}

#searchModal md-autocomplete,
#searchModal md-autocomplete md-autocomplete-wrap {
   height: 56px;
   background: 0 0
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   max-height: none !important;
   margin-top: 16px
}

.md-virtual-repeat-container .md-autocomplete-suggestions li {
   font-size: 1.111em;
   padding: 0 8px;
   color: #17324d
}

.md-virtual-repeat-container .md-autocomplete-suggestions li.selected,
.md-virtual-repeat-container .md-autocomplete-suggestions li:hover,
.servizi-widget textarea:focus {
   background: #f2f2f2
}

.md-virtual-repeat-container .md-autocomplete-suggestions li svg.icon-sm {
   fill: #17324d;
   width: 20px;
   height: 20px;
   margin-right: 8px
}

.md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-list-text em {
   color: #9b9b9b;
   letter-spacing: 1.86px;
   font-weight: 700;
   font-size: .722em;
   font-style: normal;
   text-transform: uppercase;
   margin-left: 12px
}

input[type=search]::-ms-clear {
   display: none;
   width: 0;
   height: 0
}

input[type=search]::-ms-reveal {
   display: none;
   width: 0;
   height: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
   display: none
}

md-autocomplete .md-show-clear-button button md-icon {
   width: 32px;
   height: 32px
}

#searchModal .modal-body-search .form-group .ico-prefix {
   position: absolute;
   left: 0;
   top: 10px;
   fill: #17324d;
   width: 40px;
   height: 40px
}

#searchModal .modal-body-search .search-start {
   background: 0;
   color: #17324d;
   letter-spacing: 1px;
   font-size: .889em;
   font-weight: 600;
   border: 0;
   margin-top: 48px;
   padding: 0
}

#intro #menu-sezione .list-group-item a:hover,
#intro-argomenti #menu-sezione .list-group-item a:hover,
#searchModal .modal-body-search .search-start:hover,
.card-link-list.submenu-card li a:hover {
   text-decoration: underline
}

#searchModal .modal-body-search .search-start svg {
   fill: #17324d;
   width: 22px;
   height: 22px;
   margin-right: 8px
}

#searchModal .search-filter-dategroup .form-group input,
.searchWidgetModal .search-filter-dategroup .form-group input {
   font-weight: 300;
   color: #555;
   height: 56px;
   border: 0;
   border-radius: 4px;
   background-color: #f2f2f2;
   padding: 16px;
   font-size: .889em
}

#searchModal input::placeholder,
.searchWidgetModal input::placeholder,
.servizi-widget input::placeholder {
   color: #9b9b9b !important
}

#searchModal input:-ms-input-placeholder,
.searchWidgetModal input:-ms-input-placeholder,
.servizi-widget input:-ms-input-placeholder {
   color: #9b9b9b !important
}

#searchModal input::-ms-input-placeholder,
.searchWidgetModal input::-ms-input-placeholder,
.servizi-widget input::-ms-input-placeholder {
   color: #9b9b9b !important
}

#intro .box-servizi i,
#intro-argomenti .box-servizi i,
#searchModal .box-servizi i {
   color: #d1cfcf;
   width: 21px;
   height: 21px;
   margin: 13px
}

#searchModal .form-group .ico-sufix,
.searchWidgetModal .form-group .ico-sufix {
   position: absolute;
   width: 56px;
   text-align: center;
   right: 0;
   top: 0;
   bottom: 0;
   vertical-align: middle;
   background-color: #333;
   color: #fff;
   border-radius: 0 4px 4px 0;
   border: 0;
   padding: 0;
   cursor: pointer
}

.searchWidgetModal input[type=text] {
   background: #f2f2f2;
   border: 0;
   border-radius: 4px;
   width: 100%;
   margin-bottom: 32px;
   font-weight: 400;
   padding: 16px;
   height: 40px
}

#searchModal #opzioniTab .form-group .ico-sufix,
.searchWidgetModal .search-filter-dategroup .form-group .ico-sufix {
   width: 40px
}

#searchModal .form-group .ico-sufix svg.icon,
.searchWidgetModal .form-group .ico-sufix svg.icon,
.servizi-widget .form-group .ico-sufix svg.icon {
   width: 26px;
   height: 26px;
   fill: #fff
}

#searchModal #searchclear {
   position: absolute;
   top: 12px;
   background: 0 0;
   right: 64px;
   -webkit-appearance: none;
   border: 0;
   color: #17324d;
   padding: 0;
   line-height: 0;
   outline: 0
}

#searchModal .modal-body-search h2 {
   font-size: .889em;
   color: #333;
   font-weight: 700;
   letter-spacing: 0
}

#searchModal .modal-body-search .form-filtro {
   margin-top: 32px;
   margin-bottom: 64px
}

.form-filtro .btn-trasparente {
   margin: 0 8px 8px 0;
   cursor: pointer
}

.form-filtro .btn-trasparente.active,
.form-filtro .btn-trasparente:hover {
   background-color: #eaf2ec;
   color: #555 !important;
   border: 1px solid #eaf2ec
}

.form-filtro .btn-trasparente.active svg.icon,
.form-filtro .btn-trasparente:hover svg.icon {
   fill: #555 !important
}

#footer .subFooter a:first-of-type,
#searchModal .modal-body-search .form-filtro .btn-trasparente:first-of-type {
   margin-left: 0
}

#searchModal .modal-body-search .btn-badge.active,
#searchModal .modal-body-search .btn-badge:hover,
.cerca-risultati label,
.scheda .scheda-icona-small .datagrigia,
.scheda-evento .scheda-icona-small,
.scheda-interna .scheda-icona-small,
.scheda-persona .scheda-icona-small {
   color: #555
}

#searchModal .modal-body-search .badge-argomenti {
   color: #17324d;
   border: 1px solid #17324d;
   margin-right: 8px;
   margin-bottom: 12px;
   font-size: .889em;
   font-weight: 600;
   line-height: 1.2
}

#searchModal .modal-body-search .badge-argomenti.active,
#searchModal .modal-body-search .badge-argomenti:hover {
   background-color: #eaf2ec;
   color: #555;
   text-decoration: none;
   border: 1px solid #eaf2ec
}

#searchModal .modal-body-search .badge-argomenti.puntini {
   padding-left: 12px;
   padding-right: 12px
}

#articolo-dettaglio-testo .allegati-riga,
#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-indirizzo,
#searchModal .modal-body-search .form-blockopz,
#servizi-prenotazione form,
#sezioni-argomenti,
#sezioni-documenti.sezioni-documenti-tema,
.servizi-widget .tab-content p,
.servizi-widget form,
.servizi-widget select,
.widget-mono .col-md-6 {
   margin-bottom: 32px
}

#articolo-dettaglio-testo .allegati-riga:last-of-type,
#articolo-dettaglio-testo .articolo-ulterioriinfo .persone,
#articolo-dettaglio-testo .profilo-dettaglio-testo .col-md-6:last-child .scheda-staff:last-of-type,
#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff .ampio a:last-child,
#briciole-sititematici nav .breadcrumb,
#footer section:last-of-type,
#searchModal .modal-body-search .form-blockopz:last-child,
#sezioni-servizi .veditutti .btn-verde,
.search-filter-ckgroup label,
.servizi-widget .form-check:last-child [type=checkbox]+label,
.servizi-widget .form-check:last-child [type=radio]+label,
.step:last-of-type .scheda-gestione,
.step:last-of-type .scheda-step,
.widget-mono .col-md-6 .scheda-gestione {
   margin-bottom: 0
}

section .titolettosezione,
section h3.titolettosezione {
   margin: 0 0 36px
}

#searchModal .modal-body-search .form-blockopz ul {
   list-style-type: none;
   padding: 0
}

#searchModal .modal-body-search .form-blockopz ul li {
   margin: 12px 0
}

#menu-sinistro-cerca ul li a,
#searchModal .modal-body-search .form-blockopz ul li a {
   color: #17324d;
   vertical-align: middle;
   line-height: 1;
   font-size: 1.111em
}

#searchModal .modal-body-search .form-blockopz ul li a svg.icon {
   vertical-align: middle;
   width: 24px;
   height: 24px;
   fill: #17324d
}

.modal-header-fullsrc .confirm {
   position: absolute;
   top: 24px;
   right: 14px;
   font-size: .778em;
   min-width: 152px
}

.modal-header-fullsrc .search-filter-type {
   max-width: 1184px !important;
   margin: 24px auto -14px
}


.modal-header-fullsrc .nav-tabs {
   overflow-x: hidden
}

.modal-header-fullsrc .nav-tabs li {
   width: 33.333%;
   text-align: center
}

.modal-header-fullsrc .nav-tabs li a {
   color: #17324d;
   font-size: 1.111em;
   font-weight: 600;
   letter-spacing: 1px;
   display: block;
   border-bottom: 2px solid transparent;
   padding: 16px 0
}

.modal-header-fullsrc .nav-tabs li a.active,
.modal-header-fullsrc .nav-tabs li a:hover,
.servizi-widget .nav-tabs li a.active,
.servizi-widget .nav-tabs li a:hover {
   color: #333;
   border-bottom: 2px solid #333;
   text-decoration: none
}

.search-filter-ckgroup {
   margin-top: 24px;
   margin-bottom: 36px;
   color: #17324d
}

md-checkbox.md-default-theme:not(.md-checked) .md-icon,
md-checkbox:not(.md-checked) .md-icon {
   border-color: #17324d
}

section .titolettosezione,
section .titolosezione.filtrisezione,
section h3.titolettosezione {
   border-bottom: 2px solid #f1f2f4;
   padding-bottom: 16px
}

md-checkbox.md-checked .md-icon,
md-checkbox.md-default-theme.md-checked .md-icon {
   background-color: #17324d
}

md-checkbox.md-indeterminate .md-icon {
   background-color: rgba(0, 56, 130, .3)
}

#footer a:focus,
#siti_tematici .scheda-sito a:focus,
.container li a:focus,
.row.clearfix a:focus,
.scheda-gestione a:focus,
.scheda-news .scheda-argomenti a:focus,
.scheda-sito a:focus,
.scheda-srv .scheda-argomenti a:focus,
.step .scheda-step .scheda-step-testo a:focus,
h2 a:focus,
h2:focus,
h3 a:focus,
h3:focus,
h4 a:focus,
h4:focus,
md-checkbox:focus {
   outline: #ff8c00 solid 1px !important
}

#nav1 li a:focus svg {
   outline: #fff solid 1px !important
}

.container li a:focus {
   outline: var(--primary-color) !important;
}

#searchModal #opzioniTab,
.pt-24 {
   padding-top: 24px
}

#searchModal #opzioniTab p.small {
   font-weight: 300;
   font-size: .875em;
   width: 100%;
   display: block
}

#searchModal .toggles label {
   margin: 0;
   font-size: 1.125em;
   font-weight: 600
}

#searchModal .toggles label input[type=checkbox]+.lever {
   margin: 8px 0 16px
}

#searchModal .toggles label input[type=checkbox]+.lever:after {
   background-color: #8e8c8c
}

#searchModal .toggles label input[type=checkbox]:checked+.lever:after {
   background-color: #333
}

#searchModal .search-filter-dategroup,
.altri-argomenti {
   margin-top: 48px
}

#searchModal .search-filter-dategroup .form-group,
.searchWidgetModal .search-filter-dategroup .form-group {
   padding: 0;
   border: 0;
   height: auto
}

#searchModal .search-filter-dategroup input {
   background-color: #f2f2f2;
   border-radius: 4px
}

#ui-datepicker-div.ui-datepicker {
   border-radius: 4px;
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   width: auto
}

#ui-datepicker-div .ui-widget-header {
   background: 0 !important;
   color: #555 !important;
   border: 0 !important;
   font-size: 1.111em !important
}

#servizi-prenotazione .ui-datepicker th,
#ui-datepicker-div.ui-datepicker th {
   color: #333;
   font-weight: 600;
   text-align: center;
   font-size: 1em
}

#ui-datepicker-div.ui-datepicker td a,
#ui-datepicker-div.ui-datepicker td span {
   text-align: center;
   color: #555;
   font-weight: 600;
   padding: 8px;
   border-radius: 50%;
   background-color: transparent;
   border: 1px solid transparent;
   width: 40px;
   height: 40px
}

#ui-datepicker-div .ui-button,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-datepicker-div.ui-state-default,
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html #ui-datepicker-div .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
   border: 1px solid transparent;
   background: 0 0;
   font-weight: 600;
   color: #555
}

#ui-datepicker-div.ui-datepicker .ui-button.ui-state-active:hover,
#ui-datepicker-div.ui-datepicker .ui-button:active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a.ui-state-active,
#ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-active,
#ui-datepicker-div.ui-datepicker a.ui-button:active,
#ui-datepicker-div.ui-datepicker td a.ui-state-active {
   background-color: #333;
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   color: #fff
}

#ui-datepicker-div .ui-button:focus,
#ui-datepicker-div .ui-button:hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
   color: #555;
   font-weight: 600;
   border: 1px solid #333;
   border-radius: 50%
}

#ui-datepicker-div .ui-widget-header .ui-icon,
.ui-widget-header .ui-icon {
   background: 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
   font-family: italia-icon-font;
   color: #17324d !important;
   font-size: .6em;
   text-align: center;
   position: absolute;
   top: 12px;
   border: 1px solid transparent;
   border-radius: 50%;
   background: 0 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev {
   background-image: url(../img/it-chevron-left.svg)
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next {
   background-image: url(../img/it-chevron-right.svg)
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled:before,
.ui-datepicker-calendar td.ui-state-disabled:before {
   background: #f5a623;
   content: "";
   position: absolute;
   transform: rotate(45deg);
   width: 1px;
   height: 40px;
   margin-left: 20px
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month:before,
.ui-datepicker-calendar td.ui-datepicker-other-month:before {
   background: 0;
   content: none
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today a {
   border: 1px solid #333;
   background: 0 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #555
}

.md-autocomplete-suggestions-container {
   z-index: 1105 !important
}

#actionModal .modal-body {
   padding-left: 0;
   padding-right: 0
}

#actionModal .modal-content {
   border-radius: 4px;
   -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
   box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
   max-width: 278px;
   margin: 0 auto
}

#actionModal .link-list-wrapper a:hover .icon {
   fill: #17324d !important
}

#actionModal .icon {
   width: 22px;
   height: 22px;
   vertical-align: middle;
   margin-right: 16px
}

#actionModal .link-list-wrapper ul li a.ombra {
   -webkit-box-shadow: 0 15px 25px -10px rgba(2, 2, 2, .1);
   box-shadow: 0 15px 25px -10px rgba(2, 2, 2, .1)
}

#actionModal .link-list-wrapper ul li a.ombra svg.iconexpand {
   fill: #17324d;
   width: 22px;
   height: 22px;
   position: absolute;
   right: 24px;
   top: 8px
}

#actionModal .link-list-wrapper ul li a {
   padding: 0 24px;
   color: #17324d
}

#footer {
   background: #2a3035;
   word-wrap: break-word;
   background: var(--primary-color);
   color: #fff;
   padding-top: 48px;
   word-wrap: break-word
}

#footer section,
#footer section .intestazione {
   margin-bottom: 28px
}

#footer form,
#footer p {
   margin: 16px 0;
   font-size: .889em
}

#footer .logotxt {
   vertical-align: middle;
   height: 48px;
   text-align: left;
   display: inline-block
}

#footer .logotxt h3 {
   display: table-cell;
   vertical-align: bottom;
   margin: 0;
   font-weight: 700;
   color: #fff;
   font-size: 1.778em;
   height: 48px
}

#footer .logotxt h3 a:hover {
   color: #fff;
   text-decoration: none
}

#footer .logoimg img {
   height: 96px !important;
   max-height: 96px !important;
   width: 100%
}

#footer h4 {
   color: #fff;
   font-size: .778em;
   font-weight: 700;
   margin: 0;
   padding: 0 0 16px;
   border-bottom: 5px solid #fff;
   line-height: 1em;
   vertical-align: middle
}

#footer h4 svg.icon {
   width: 22px;
   height: 22px;
   opacity: .5;
   margin-right: 8px;
   fill: #fff
}

#footer .icon {
   color: #fff !important;
   fill: #fff
}

#footer p {
   color: #fff
}

#footer .footer-list {
   list-style-type: none;
   margin: 15px 0;
   padding: 0;
   font-size: .889em
}

#footer .footer-list li a {
   padding: 4px 0;
   display: block;
   color: #fff
}

#footer form input {
   border-radius: 4px;
   margin-bottom: 16px
}

#footer form input::placeholder {
   color: #555;
   opacity: 1;
   font-weight: 400
}

#footer form input:-ms-input-placeholder {
   color: #555;
   font-weight: 400
}

#footer form input::-ms-input-placeholder {
   color: #555;
   font-weight: 400
}

#footer form .btn-iscriviti,
.btn-iscriviti {
   color: #fff !important;
   padding: 12px 60px;
   background: #333
}

#footer form .btn-iscriviti:hover,
.btn-iscriviti:hover {
   background: #395c42;
   color: #fff
}

.btn-spid {
   color: #fff;
   padding: 10px 0;
   background-color: #0064d3;
   border-radius: 4px;
   font-size: 1.5em;
   width: 100%;
   margin-bottom: 40px
}

.btn-spid .ico-prefix {
   left: 0;
   border-right: 1px solid #fff;
   position: absolute;
   top: 0;
   bottom: 0;
   width: 56px;
   padding: 3px
}

.btn-spid .btn-spid-text-center {
   display: inline-block;
   margin-left: 54px
}

.linkbold {
   font-weight: 700;
   font-size: 1em;
   color: #17324d !important
}

#footer .social,
#menu-sinistro-cerca ul li {
   margin: 16px 0
}

#footer .social li {
   margin-right: 8px
}

#argomenti-amministrazione .card-title a,
#footer .social a:hover,
#servizi-prenotazione .verifica h4,
.notifica.success h5,
.servizi-widget .table th,
.tutte:not([href]):not([tabindex]),
.tutte:not([href]):not([tabindex]):focus,
.tutte:not([href]):not([tabindex]):hover,
section .titolosezione h3 a {
   color: #333
}

#footer .social a svg.icon,
#home-servizi .form-group .ico-sufix svg.icon,
#intro .form-group .ico-sufix svg.icon,
#intro-argomenti .form-group .ico-sufix svg.icon,
#introricerca .form-group .ico-sufix svg.icon {
   fill: #fff;
   width: 24px;
   height: 24px
}

#footer .social a:hover svg.icon {
   fill: #333;
   fill: #fff !important
}

#footer .subFooter {
   padding: 20px 0;
   border-top: 5px solid #fff;
}

#footer .subFooter a {
   color: #fff;
   margin: 0 50px;
}

#footer .subFooter a:hover {
   color: #fff !important;
   text-decoration: underline
}

.it-footer-small-prints {
   background-color: #fff !important;
   font-weight: 400
}

.it-footer-small-prints a,
.it-footer-small-prints a:active,
.it-footer-small-prints a:hover,
.it-footer-small-prints a:visited {
   color: #333 !important;
   font-weight: 400 !important;
   font-size: 1em !important
}

#footer .subFooter .it-footer-small-prints a,
.arancione,
.bootstrap-select-wrapper .dropdown.bootstrap-select .dropdown-menu li a.selected span.check-mark,
.oro,
.verde {
   color: #333 !important
}

#footer .current_page_item,
.current-page-ancestor {
   background-image: unset !important;
   background-position: unset !important;
   background-repeat: unset !important;
   display: inline-block !important
}

#topcontrol {
   position: fixed;
   right: 30px;
   bottom: 30px;
   width: 40px;
   height: 40px;
   cursor: pointer;
   opacity: 1;
   text-align: center;
   padding: 0;
   -webkit-transition: visibility 0s 1s, opacity 1s linear;
   -o-transition: visibility 0s 1s, opacity 1s linear;
   transition: visibility 0s 1s, opacity 1s linear;
   z-index: 100
}

#topcontrol.visualizza {
   visibility: visible;
   opacity: 1;
   -webkit-transition: opacity 1s linear;
   -o-transition: opacity 1s linear;
   transition: opacity 1s linear
}

#topcontrol svg.icon {
   width: 40px;
   height: 40px;
   fill: #fff
}

section .titolosezione h3 {
   color: #333;
   font-size: 2em;
   margin: 0 0 36px;
   font-weight: 400;
}

section .titolettosezione h3,
section h3.titolettosezione {
   color: #17324d;
   font-size: 1.556em;
   font-weight: 600
}

section.bg-grigio .titolosezione.filtrisezione {
   border-bottom: 2px solid #dfe3e7
}

.btn-trasparente {
   background: 0 0;
   border: 1px solid #17324d;
   border-radius: 4px;
   box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .33);
   -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .33);
   color: #17324d !important;
   font-weight: 600;
   font-size: .889em;
   padding: 4px 12px;
   vertical-align: middle;
   margin: 0 8px
}

#home-servizi .btn-verde,
#intro .btn-verde,
.btn-trasp,
.btn-verde {
   font-size: .778em;
   padding: 8px 24px;
   margin: 0 16px 24px 0;
   color: #fff !important
}

.btn-trasparente svg.icon {
   vertical-align: middle;
   fill: #17324d;
   width: 20px;
   height: 20px
}

.btn-celeste:hover svg.icon,
.btn-trasparente:hover svg.icon,
.scheda-sito .icona-sito svg.icon,
.scheda-ufficicitta .scheda-footer .tutte svg.icon,
.scheda-ufficicitta .scheda-icona-small svg.icon {
   fill: #fff
}

.btn-trasparente.active {
   background: #333;
   color: #fff !important;
   border: 1px solid #395c42;
   -webkit-box-shadow: none !important;
   box-shadow: none !important
}

.btn-trasparente.activepart {
   background: rgba(116, 166, 129, .5);
   color: #fff !important;
   border: 1px solid #395c42;
   -webkit-box-shadow: none !important;
   box-shadow: none !important
}

.btn-trasparente.active svg.icon,
.btn-trasparente.activepart svg.icon,
section .pagination .page-item .page-link:hover svg.icon {
   fill: #fff !important
}

.btn-trasparente:hover {
   background: #395c42;
   color: #fff !important
}

#home-servizi .btn-verde,
#intro .btn-verde,
.btn-verde {
   background: #333
}

.btn-trasp {
   background: 0 0;
   border: 0;
   -webkit-box-shadow: none;
   box-shadow: none
}

.btn-badge,
.btn-celeste {
   color: #17324d !important;
   vertical-align: middle;
   font-size: .889em
}

.btn-badge {
   background-color: #e6efe8;
   border: 1px solid #e6efe8;
   border-radius: 4px;
   font-weight: 600;
   padding: 4px 12px;
   margin: 0 8px 8px 0;
   display: inline-block;
   line-height: 1.5
}

.btn-badge-close {
   cursor: pointer;
   margin-left: 8px;
   padding: 0;
   display: inline-block
}

.btn-badge-close svg.icon {
   width: 18px;
   height: 18px;
   fill: #17324d;
   margin: 0;
   padding: 0
}

.btn-celeste {
   background: #fcfdff;
   border: 2px solid #e6e9f2;
   border-radius: 4px;
   box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .33);
   -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .33);
   font-weight: 700;
   padding: 4px 12px;
   text-align: center
}

.btn-celeste:hover {
   background: #17324d;
   color: #fff !important
}

.argomenti {
   margin-bottom: 20px
}

.argomenti a.badge-argomenti {
   color: #333;
   border: 1px solid #333;
   margin-right: 8px;
   margin-bottom: 12px;
   font-size: .889em;
   font-weight: 600
}

.argomenti a.badge-argomenti:hover {
   background-color: #333;
   color: #fff;
   text-decoration: none
}

.altri-argomenti .altri-argomenti-titolo {
   float: left
}

.altri-argomenti .altri-argomenti-titolo h4 {
   display: inline-block;
   color: #555;
   letter-spacing: 1px;
   font-size: .778em;
   font-weight: 700
}

.altri-argomenti .altri-argomenti-elenco {
   margin-left: 144px
}

.altri-argomenti .altri-argomenti-tutti,
.servizi-widget .nav-tabs li {
   text-align: center
}

#main_container .owl-theme .owl-dots .owl-dot span {
   width: 8px;
   height: 8px;
   margin: 5px
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-email,
#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff .scheda-staff-email,
section .pagination .page-item .page-link {
   font-size: .778em;
   color: #17324d
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-indirizzo .scheda-contatti-mappa svg.icon,
section .pagination .page-item .page-link svg.icon {
   fill: #17324d;
   width: 26px;
   height: 26px
}

section .pagination .page-item .page-link[aria-current] {
   border: 1.5px solid #333;
   color: #fff;
   background: #333
}

section .pagination .page-item .page-link:hover {
   background: #333 !important;
   text-decoration: underline !important;
   color: #fff !important
}

.page-link:focus {
   -webkit-box-shadow: 0 0 0 .1rem rgba(255, 140, 0, .25) !important;
   box-shadow: 0 0 0 .1rem rgba(255, 140, 0, .25) !important
}

.cookiebar {
   min-height: 120px;
   vertical-align: baseline;
   text-align: center;
   padding-top: 36px;
   font-size: .889em;
   width: 100%;
   max-width: none !important
}

.cookiebar p {
   margin: 0 auto
}

.cookiebar .btn-verde {
   font-size: .875em;
   margin: 8px 0 8px 16px;
   vertical-align: baseline
}

.cookiebar .btn-trasp {
   font-size: .875em;
   margin: 8px 0;
   padding-left: 0;
   padding-right: 0;
   text-decoration: underline;
   vertical-align: baseline
}

.btn.focus,
.btn:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 .1rem rgba(255, 140, 0, .85);
   box-shadow: 0 0 0 .1rem #ff8c00
}

#intro .form-group .ico-sufix:focus,
#intro-argomenti .form-group .ico-sufix:focus,
#introricerca .form-group .ico-sufix:focus,
.argomenti a.badge-argomenti:focus,
button.btn.btn-default.btn-trasparente.active:focus {
   border: 2px solid #ff8c00 !important;
   outline: 0
}

#topcontrol:focus,
.scheda .scheda-icona-small a:focus,
a.tutte:focus,
button.btn.btn-info.mr-2.btn-verde:focus {
   outline: #ff8c00 solid 2px !important
}

button.owl-dot:focus {
   outline: 0;
   border: 2px solid #ff8c00 !important;
   border-radius: 50%
}

input[type=checkbox]:focus+label::after,
input[type=text]:focus,
select:focus {
 /*  border-bottom: 3px solid #000 !important*/
}

#help,
#intro-argomenti,
#intro-sititematici,
.box-argomento,
.continua-lettura,
.scheda-app,
.scheda-brick {
   position: relative
}

.img-fit-ie {
   background-size: cover;
   background-position: center
}

input.orig {
   border-bottom: 1px solid #ccc !important
}

#servizi-prenotazione .btn-ora.active,
.btn.btn-primary,
.btn.btn-primary a {
   background-color: #333;
   color: #fff
}

.preheader {
   background-color: #17324d !important;
   color: #fff;
   background-image: url('https://nextmed.demo.sardegnait.it/wp-content/uploads/2023/12/sfondo_arcobaleno.png');
   background-size: 100%
}

#articolo-dettaglio-testo #menu-sinistro-cerca .list-group-item-action:focus,
#articolo-dettaglio-testo #menu-sinistro-cerca .list-group-item-action:hover,
.scheda-brick {
   background: #fff
}

.postFooter a:hover {
   color: #fff !important
}

.proinput .orig,
.proinput input.orig {
   background-color: #ececec !important;
   color: #333 !important;
   padding-left: 10px !important
}

.continua-lettura {
   font-size: .789em;
   padding: 0;
   color: #17324d;
   border: 0;
   display: block;
   margin-bottom: -1px;
   background-color: #fff;
   width: 100%;
   text-align: inherit
}

.paragrafo-iniziale,
.paragrafo-iniziale h4 {
   height: 1px !important;
   max-height: 1px !important
}

#intro {
   margin: 0 0 80px
}

#intro_dettaglio_atto {
   margin: 0 0 20px
}

#introricerca {
   margin: 0 0 56px
}

section#briciole {
   margin: 32px 0 0
}

#briciole a {
   color: #17324d;
   font-weight: 300
}

#briciole .breadcrumb {
   padding: 0;
   overflow: hidden;
   vertical-align: bottom;
   display: block;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   line-height: 1.5
}

#briciole .breadcrumb .breadcrumb-item [aria-current] {
   font-weight: 400 !important
}

#briciole .breadcrumb .breadcrumb-item {
   line-height: 1.5;
   display: inline-block
}

#briciole .breadcrumb .breadcrumb-item a {
   line-height: 1.5
}

#briciole .breadcrumb .breadcrumb-item span.separator {
   font-weight: 300;
   padding: 0;
   margin: 0 4px 0 8px;
   line-height: 1.5
}

#briciole .breadcrumb .breadcrumb-item.active a {
   color: #555;
   pointer-events: auto
}

#articolo-dettaglio-testo .paragrafi_testo_dettaglio h4,
#intro #menu-sezione,
#intro .titolo-sezione,
#intro-argomenti .titolo-sezione,
#introricerca .titolo-sezione,
#servizi-prenotazione .prenotazione-nav {
   margin-top: 32px
}

#intro #menu-sezione {
   margin-top: 0;
   border-left: 1px solid;
   padding-left: 15px;
   font-weight: 700
}

#intro .titolo-sezione h2,
#intro-argomenti .titolo-sezione h2,
#intro-sititematici .box-sitotematico .titolo-sezione h3,
#intro-sititematici .titolo-sezione h2,
#introricerca .titolo-sezione h2 {
   color: #17324d;
   font-size: 2.222em;
   margin: 0;
   letter-spacing: 0
}

#intro .titolo-sezione h4,
#intro-argomenti .titolo-sezione h4,
#introricerca .titolo-sezione h4 {
   color: #333;
   font-size: 1.556em;
   margin: 16px 0 0;
   font-weight: 700
}

#intro .titolo-sezione p,
#intro-argomenti .titolo-sezione p,
#intro-sititematici .titolo-sezione p,
.listaluoghi .scheda-ufficio-contatti {
   margin: 24px 0 0
}

#intro #menu-sezione h4,
#intro-argomenti #menu-sezione h4 {
   font-size: .889em;
   font-weight: 600
}

#intro #menu-sezione .list-group-item,
#intro-argomenti #menu-sezione .list-group-item {
   border: 0;
   padding: 4px 0;
   font-size: .889em;
   background: 0 0
}

#intro #menu-sezione .list-group-item a,
#intro-argomenti #menu-sezione .list-group-item a {
   color: #17324d;
   text-decoration: none
}

#intro #cerca-intro,
#intro .ricerca-testo,
#intro-argomenti #cerca-intro,
#intro-argomenti .ricerca-testo,
#introricerca #cerca-intro,
#introricerca .ricerca-testo {
   font-weight: 300;
   color: #9b9b9b;
   height: 48px;
   border: 0;
   border-radius: 4px;
   background-color: #f2f2f2
}

#intro input:-ms-input-placeholder,
#intro input::-ms-input-placeholder,
#intro input::placeholder,
#intro-argomenti input:-ms-input-placeholder,
#intro-argomenti input::-ms-input-placeholder,
#intro-argomenti input::placeholder,
#introricerca input:-ms-input-placeholder,
#introricerca input::-ms-input-placeholder,
#introricerca input::placeholder {
   color: #9b9b9b;
   font-size: .889em;
   line-height: 21px
}

#home-servizi md-autocomplete,
#home-servizi md-autocomplete-wrap,
#intro md-autocomplete,
#intro md-autocomplete-wrap,
#intro-argomenti md-autocomplete,
#intro-argomenti md-autocomplete-wrap {
   height: 48px;
   border: 0;
   border-radius: 4px;
   background-color: #f2f2f2;
   box-shadow: none;
   font-size: 1em
}

#home-servizi md-autocomplete input#cerca-txt-intro,
#intro md-autocomplete input#cerca-txt-intro,
#intro-argomenti md-autocomplete input#cerca-txt-intro {
   height: 48px;
   font-size: 1em;
   font-weight: 300;
   color: #9b9b9b
}

#home-servizi md-autocomplete .md-show-clear-button button,
#intro md-autocomplete .md-show-clear-button button,
#intro-argomenti md-autocomplete .md-show-clear-button button {
   margin-right: 56px
}

#intro .form-group,
#intro-argomenti .form-group {
   padding: 0;
   margin-top: 48px
}

#intro .form-group .ico-sufix,
#intro-argomenti .form-group .ico-sufix,
#introricerca .form-group .ico-sufix {
   position: absolute;
   width: 48px;
   text-align: center;
   right: 0;
   top: 0;
   bottom: 0;
   vertical-align: middle;
   background-color: #333;
   border-radius: 0 4px 4px 0;
   border: 0;
   padding: 8px;
   cursor: pointer;
   z-index: 700
}

#intro .form-filtro h5,
#intro-argomenti .form-filtro h5,
#introricerca .form-filtro h5 {
   margin-top: 22px;
   font-size: .778em
}

.cerca-risultati {
   margin-top: 64px;
   font-size: .889em;
   vertical-align: middle;
   padding: 8px 0;
   line-height: 30px
}

.cerca-risultati #ordinamento {
   color: #17324d;
   box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .33);
   border-radius: 4px;
   border: 1px solid rgba(85, 85, 85, .24);
   margin-left: 24px;
   font-weight: 600;
   font-size: .889em;
   padding: 4px 8px
}

.cerca-risultati .show-filters {
   border-left: 1px solid #e5e5e5;
   font-size: 1em;
   font-weight: 600;
   margin-left: 16px;
   padding: 0 16px
}

.cerca-risultato-item {
   margin-top: 16px;
   padding-bottom: 24px
}

.cerca-risultato-item .categoria {
   color: #17324d;
   font-size: .778em;
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 20px
}

.cerca-risultato-item .categoria svg.icon {
   fill: #17324d;
   width: 20px;
   height: 20px
}

#articolo-dettaglio-testo .cerca-risultato-item h4 {
   font-size: 1.222em;
   margin-top: 12px;
   line-height: 24px
}

#articolo-dettaglio-testo .cerca-risultato-item p {
   color: #555;
   font-family: Lora, serif;
   font-size: 1em
}

#articolo-dettaglio-testo p.cerca-path {
   color: #555;
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   font-size: .889em;
   font-weight: 600
}

#articolo-dettaglio-testo .pagination-wrapper {
   margin-top: 40px
}

#articolo-dettaglio-testo #menu-sinistro-cerca {
   margin-top: 64px
}

#articolo-dettaglio-testo #menu-sinistro-cerca h4 {
   color: #333;
   font-size: .889em;
   font-weight: 700;
   letter-spacing: 1px;
   margin-top: 40px;
   margin-bottom: 24px
}

#articolo-dettaglio-testo #menu-sinistro-cerca h5 {
   font-size: 1.111em;
   color: #17324d;
   vertical-align: middle;
   margin: 0
}

#articolo-dettaglio-testo #menu-sinistro-cerca .cerca-section-group {
   border-bottom: 1px solid #e5e5e5;
   padding: 8px 0
}

#articolo-dettaglio-testo #menu-sinistro-cerca .list-group {
   padding: 0;
   margin: 0 0 0 40px
}

#articolo-dettaglio-testo #menu-sinistro-cerca .list-group .list-group-item {
   border: 0;
   padding: 8px 0 0;
   margin: 0;
   color: #17324d
}

#articolo-dettaglio-testo #menu-sinistro-cerca svg.icon {
   fill: #17324d;
   width: 20px;
   height: 20px;
   vertical-align: middle;
   margin-right: 8px
}

#articolo-dettaglio-testo #menu-sinistro-cerca a svg.iconexpand {
   fill: #17324d;
   width: 18px;
   height: 18px;
   vertical-align: middle;
   margin-right: 16px;
   margin-top: 4px;
   float: right
}

#articolo-dettaglio-testo #menu-sinistro-cerca .search-mostra {
   margin-bottom: 40px;
   display: block
}

#menu-sinistro-cerca ul {
   padding: 0;
   list-style-type: none
}

#menu-sinistro-cerca ul li a svg.icon {
   vertical-align: middle;
   width: 22px;
   height: 22px;
   fill: #17324d;
   margin-right: 8px
}

#sezioninterne-ambiti,
#sezioninterne-inevidenza {
   margin-bottom: 32px
}

#argomenti-amministrazione .widget,
#argomenti-documenti .widget,
#argomenti-servizi .widget,
#sezioni-amministrazione .widget,
#sezioninterne-amministrazione .widget,
#sezioninterne-documenti .widget {
   padding: 32px 0
}

#sezioninterne-servizi .widget {
   padding: 0 0 32px
}

#sezioninterne-novita {
   margin: 32px 0
}

#sezioninterne-novita .titolettosezione h3 {
   color: #333;
   font-size: 1.778em;
   font-weight: 700
}

#argomenti-novita {
   margin: 0 0 32px
}

.lista-persone,
.listaluoghi .row:first-child .scheda-ufficio-contatti,
.mt-12,
.row.schede {
   margin-top: 12px
}

.scheda-brick {
   -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   border: 1px solid #eceff1
}

.box-argomento .icona-sezione,
.scheda .scheda-icona,
.scheda-argomento-lista .scheda-icona {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: #eaf2ec;
   vertical-align: middle;
   line-height: 43px;
   color: #17324d;
   text-align: center
}

.scheda-argomento-lista .scheda-argomento-lista-testo {
   display: flex;
   align-items: center;
   padding: 10px 24px 16px
}

.scheda-argomento-lista .scheda-argomento-lista-testo h4 {
   font-size: 1.333em;
   font-weight: 700;
   margin: 0;
   line-height: 1
}

.scheda-argomento-lista .scheda-icona {
   min-width: 48px;
   margin: 0 16px 0 0
}

#briciole-sititematici .nav,
#help .scheda-help .scheda-testo h4,
#siti_tematici .scheda-sito,
.bricklayer-column .scheda-news,
.condividi,
.mb-24,
.scheda-breve,
.scheda-margine {
   margin-bottom: 24px
}

.box-argomento .icona-sezione svg.icon,
.scheda .scheda-icona svg.icon,
.scheda-brick .scheda-icona svg.icon,
.step .scheda-step .scheda-step-testo a svg.icon {
   width: 24px;
   height: 24px;
   fill: #17324d
}

.scheda-breve {
   height: auto
}

.scheda .scheda-icona-small svg.icon {
   vertical-align: bottom;
   fill: #17324d
}

.scheda-interna .scheda-icona-small svg.icon,
.scheda-news .scheda-icona-small svg.icon,
.scheda-persona .scheda-icona-small svg.icon {
   fill: #555
}

.scheda .scheda-footer,
.scheda .scheda-testo,
.scheda .scheda-testo-small,
.scheda-brick .scheda-testo,
.scheda-news .scheda-argomenti,
.scheda-srv .scheda-argomenti {
   padding: 10px 24px 16px
}

.box-argomento .icona-sezione,
.scheda .scheda-icona {
   margin: 24px 24px 8px
}

.scheda .scheda-icona-inline {
   float: right;
   margin: 24px 0
}

.scheda .scheda-testo,
.scheda .scheda-testo-small {
   flex: 1 0 auto
}

.scheda .scheda-testo.nopadd {
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center
}

.scheda .scheda-testo.nopadd img {
   max-width: 240px
}

#articolo-dettaglio-testo .scheda .scheda-testo h4,
.scheda .scheda-testo h4 {
   font-size: 1.556em;
   font-weight: 700;
   margin: 0 0 8px;
   line-height: 1.1
}

.scheda .scheda-testo p {
   font-size: .889em;
   line-height: 24px
}

.scheda .scheda-testo .scheda-testo-w70 {
   float: left;
   width: 70%
}

.txt-roboto {
   font-family: Roboto, sans-serif;
   font-weight: 500
}

.txt-lora {
   font-family: Lora, serif;
   font-weight: 500
}

.scheda-news .scheda-foto {
   position: relative;
   height: 160px;
   overflow: hidden
}

.scheda-news .scheda-foto img {
   border-radius: 4px 4px 0 0;
   width: 100%;
   height: 160px;
   object-fit: cover
}

.scheda-evento .scheda-data,
.scheda-news .scheda-data {
   height: 80px;
   width: 80px;
   border-radius: 4px;
   background-color: #fff;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
   -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
   position: absolute;
   right: 24px;
   top: 24px;
   color: #455a64;
   text-align: center;
   font-size: .889em;
   font-weight: 600;
   line-height: 1.3;
   padding: 12px 0;
   text-transform: capitalize
}

.scheda-evento .scheda-data strong,
.scheda-news .scheda-data strong {
   font-size: 1.667em;
   font-weight: 700;
   display: block
}

.scheda-brick .scheda-testo h4,
.scheda-news .scheda-testo h4,
.scheda-srv .scheda-testo h4 {
   font-size: 1.333em;
   font-weight: 700;
   margin: 0 0 8px;
   line-height: 1.1
}

.scheda-news .scheda-icona-small {
   color: #555;
   margin: 0 0 12px
}

.scheda-news .scheda-argomenti a.badge-argomenti,
.scheda-srv .scheda-argomenti a.badge-argomenti {
   color: #17324d;
   border: 1px solid #17324d;
   margin-right: 8px;
   margin-bottom: 12px;
   font-size: .889em;
   font-weight: 600;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis
}

.persone a.badge-persone:hover,
.scheda-news .scheda-argomenti a.badge-argomenti:hover,
.scheda-srv .scheda-argomenti a.badge-argomenti:hover {
   background-color: #17324d;
   color: #fff;
   text-decoration: none
}

.veditutti {
   text-align: center;
   margin-top: 16px
}

.veditutti a svg.icon,
.veditutti button svg.icon {
   display: none
}

#sezioni-documenti,
#sezioni-servizi {
   padding: 64px 0 32px
}

#sezioni-servizi.sezioni-servizi-tema {
   padding-top: 32px
}

.scheda-ufficicitta .scheda-sigla {
   position: absolute;
   width: 140px;
   right: 0;
   height: 100%;
   top: 0;
   bottom: 0;
   font-size: 4em;
   color: #fff;
   text-align: center;
   font-weight: 600;
   display: flex;
   justify-content: center;
   align-items: center
}

.scheda-sito .icona-sito,
.scheda-sito p {
   display: table-cell;
   vertical-align: middle
}

.scheda-ufficicitta .scheda-testo {
   margin-right: 140px
}

#articolo-dettaglio-testo .articolo-mt0 p:first-child,
#articolo-dettaglio-testo .paragrafo,
#articolo-dettaglio-testo .paragrafo-init,
#articolo-dettaglio-testo .scheda-staff p,
#sezioni-argomenti .altri-argomenti {
   margin-top: 0
}

#sezioni-argomenti .altri-argomenti .altri-argomenti-elenco {
   margin-left: 0;
   text-align: center
}

#intro-argomenti {
   padding-top: 96px;
   margin: 0
}

#help .bg-help,
#intro-argomenti .bg-argomento,
#intro-sititematici .bg-argomento {
   width: 100%;
   height: 400px;
   overflow: hidden;
   position: absolute;
   top: 0
}

#centroinfo .bg-centroinfo img,
#help .bg-help img,
#intro-argomenti .bg-argomento img,
#intro-sititematici .bg-argomento img,
.novita-foto img,
.scheda-app .bg-full img {
   object-fit: cover;
   height: 100%;
   width: 100%
}

.box-argomento {
   -webkit-box-shadow: 4px 4px 8px 0 rgba(90, 103, 114, .1);
   -moz-box-shadow: 4px 4px 8px 0 rgba(90, 103, 114, .1);
   box-shadow: 4px 4px 8px 0 rgba(90, 103, 114, .1);
   background-color: #fff;
   border-radius: 4px;
   padding: 32px 64px
}

.scheda-app,
.scheda-sito {
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1)
}

.box-argomento .icona-sezione {
   margin: 12px 24px 0 0
}

#intro #menu-gestione p,
.box-argomento #menu-area p {
   font-size: .778em;
   font-weight: 600
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff,
#contenuti-correlati .scheda-correlati,
#intro #menu-gestione .scheda-gestione,
.box-argomento #menu-area .scheda-gestione {
   margin-bottom: 16px
}

#intro #menu-gestione .scheda-gestione p,
.box-argomento #menu-area .scheda-gestione p {
   font-size: .889em;
   font-weight: 400
}

#intro #menu-gestione .scheda-gestione p a,
.box-argomento #menu-area .scheda-gestione p a {
   font-size: 1.25em;
   font-weight: 700;
   line-height: 1
}

#argomenti-inevidenza {
   padding-bottom: 64px;
   margin-bottom: 32px
}

.scheda-sito .icona-sito {
   width: 64px;
   text-align: center
}

.scheda-sito .icona-sito svg.icon.ca-portaporta {
   width: 65px
}

.scheda-sito .icona-sito svg.icon.ca-ponmetro {
   width: 63px
}

.scheda-sito .icona-sito svg.icon.ca-iti {
   width: 52px
}

.scheda-sito p {
   font-size: .889em;
   padding-left: 8px
}

.scheda-sito a strong {
   font-size: 1.125em;
   font-weight: 700
}

.calendario-filtro,
.filtro {
   text-align: right
}

#help {
   padding-top: 96px;
   margin: 0 0 64px
}

#areapersonale-help h3,
#argomenti_evidenza .argomenti-foto h3,
#help h3 {
   color: #fff;
   font-size: 1.778em;
   margin: 0
}

#help p,
.scheda-app a {
   font-size: .889em;
   color: #fff
}

#help p {
   margin: 16px 0 48px;
   line-height: 1.5
}

#owl-correlati .owl-item,
#owl-help .owl-item {
   padding: 0 28px 0 0;
   opacity: 0;
   transition: opacity .5s
}

.scheda-help .scheda-testo {
   padding: 24px 24px 16px
}

#help .scheda-help .scheda-testo p {
   color: #455a64;
   margin: 8px 0 0;
   line-height: 1.5em
}

#help .scheda-help .scheda-testo p svg.icon {
   vertical-align: top;
   width: 26px;
   height: 26px;
   fill: #455a64
}

#help .scheda-help .scheda-testo p strong {
   font-size: 1.778em;
   font-weight: 300
}

.scheda-help .scheda-icona-grande {
   height: 60px;
   max-width: 82px;
   display: inline-block;
   margin-right: 32px
}

.scheda-help .scheda-icona-grande svg.icon1 {
   height: 60px;
   width: 80px
}

.scheda-help .scheda-icona-grande svg.icon2 {
   height: 60px;
   width: 60px
}

#intro-sititematici {
   padding-top: 64px;
   margin: 0 0 64px
}

#intro-sititematici h2 {
   color: #fff;
   font-size: 3.111em;
   margin-bottom: 24px;
   vertical-align: bottom;
   letter-spacing: 0
}

#intro-sititematici h2 svg.icon {
   fill: #fff;
   width: 64px;
   height: 64px;
   vertical-align: bottom;
   margin-right: 16px
}

#intro-sititematici h2 svg.icon.ca-ponmetro {
   width: 104px
}

#intro-sititematici h2 svg.icon.ca-iti,
#intro-sititematici h2 svg.icon.ca-portaporta {
   width: 83px
}

.box-sitotematico {
   padding: 32px 64px 48px;
   margin: 0 36px
}

.scheda-app {
   border-radius: 4px;
   color: #fff;
   padding: 0;
   margin-bottom: 24px;
   height: 128px
}

.scheda-app .bg-full {
   width: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   bottom: 0;
   border-radius: 4px;
   border: 1px solid #eceff1
}

.scheda-app p {
   color: #fff;
   padding: 16px 24px;
   position: relative
}

.scheda-app a strong {
   font-size: 1.25em
}

.scheda-app.h488 {
   height: 488px
}

.scheda-app.h264 {
   height: 252px
}

.scheda-app.h184 {
   height: 184px
}

.scheda-app.h144 {
   height: 144px
}

#intro #menu-gestione,
.scheda-app .scheda-arg-img {
   position: relative;
   height: 100%
}

.scheda-app .scheda-arg-img .velo {
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .5) 100%);
   height: 100%;
   position: relative;
   border-radius: 4px
}

.scheda-app .scheda-arg-img h4 {
   position: absolute;
   bottom: 24px;
   left: 32px;
   right: 32px;
   font-size: 2em;
   font-weight: 700;
   color: #fff;
   line-height: 1
}

#centroinfo {
   position: relative;
   height: 240px;
   display: flex;
   align-items: center;
   justify-content: center
}

#centroinfo .bg-centroinfo {
   width: 100%;
   height: 240px;
   overflow: hidden;
   position: absolute;
   top: 0
}

#centroinfo .row-centroinfo {
   display: flex;
   align-items: center;
   justify-content: center
}

#centroinfo .testo-centroinfo {
   width: 296px;
   color: #fff;
   float: right
}

#centroinfo .testo-centroinfo h4 {
   font-size: 1.333em
}

#centroinfo .box-numeroverde {
   border: 1px solid #eceff1;
   border-radius: 4px;
   background-color: #fff;
   box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   color: #17324d;
   font-weight: 700;
   font-size: 1.778em;
   height: 80px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center
}

#argomenti-sezione {
   height: auto;
   position: relative;
   float: right
}

#argomenti-sezione .argomenti {
   margin: 36px 0 0
}

#argomenti-sezione .argomentispid {
   position: relative;
   margin-top: 40px
}

#argomenti-sezione h4 {
   font-size: .778em;
   font-weight: 400
}

#argomenti-sezione .argomenti-sezione-info p {
   margin: 24px 0
}

#argomenti-sezione .argomenti-sezione-info p:last-of-type {
   margin-bottom: 8px
}

#intro #menu-gestione .gestione {
   position: absolute;
   bottom: -16px
}

.scheda-evento,
.scheda-persona,
.scheda-video {
   display: block;
   background: #fff;
   -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   border: 1px solid #eceff1;
   position: relative;
   height: 100%;
   min-height: 168px
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn.dropdown-toggle.btn-light,
.scheda-persona-singola .scheda-persona {
   height: auto !important
}

#actionModal,
#shareModal {
   overflow-y: hidden
}

.condividi a {
   font-size: .889em;
   color: #17324d
}

.condividi svg.icon {
   vertical-align: middle;
   fill: var(--primary-color);
   width: 22px;
   height: 22px
}

.condividi .link-list svg.icon {
   margin: 4px 8px 8px 0 !important
}

.condividi .link-list {
   padding: .5em !important
}

#articolo-dettaglio-testo .note,
.data-articolo span,
.lettura-articolo span {
   font-size: .778em
}

.data-articolo strong {
   font-size: .889em;
   font-family: "Roboto Mono", monospace;
   font-weight: 700
}

#articolo-dettaglio-foto figure img {
   object-fit: cover;
   object-fit: cover;
   height: auto;
   width: 100%
}

.objpos-top {
   object-position: top
}

.objpos-center {
   object-position: center
}

.objpos-bottom {
   object-position: bottom
}

#articolo-dettaglio-foto figure figcaption {
   font-size: .778em;
   text-align: center;
   margin: 24px 0 16px
}

.articolo-foto-interna {
   margin-top: 48px;
   margin-bottom: 16px
}

.articolo-foto-interna figure {
   margin: 0 0 0 -28px
}

.articolo-foto-interna figure img {
   object-fit: cover;
   height: 448px;
   width: 100%
}

#menu-sinistro h4.dropdown {
   color: #555;
   font-weight: 600;
   font-size: .778em;
   padding: 16px 24px 16px 0;
   margin: 0;
   letter-spacing: 0
}

#menu-sinistro h4.dropdown [data-toggle=collapse] svg.icon {
   float: right;
   fill: #17324d;
   width: 22px;
   height: 22px
}

#menu-sinistro h4.dropdown a {
   color: #555;
   text-decoration: none
}

#menu-sinistro .menu-separatore {
   height: 4px;
   border-radius: 1px;
   background-color: #e5e5e5;
   margin-right: -14px
}

#menu-sinistro .menu-separatore .bg-oro {
   width: 40px;
   height: 4px
}

#menu-sinistro #lista-paragrafi .list-group-item {
   font-size: .889em;
   padding: 6px 0;
   color: #000;
   border: 0
}

#menu-sinistro #lista-paragrafi .list-group-item.active,
#menu-sinistro #lista-paragrafi .list-group-item:hover {
   font-weight: 700;
   background: 0 0
}

#articolo-dettaglio-testo .articolo-paragrafi {
   padding-bottom: 56px
}

#articolo-dettaglio-testo .lineright {
   border-right: 1px solid #e5e5e5
}

#articolo-dettaglio-testo .linetop {
   border-top: 1px solid #e5e5e5
}

#articolo-dettaglio-testo .linetop-lg {
   border-top: 1px solid #e5e5e5;
   width: 100%;
   margin: 0 14px
}

#articolo-dettaglio-testo .paragrafi_testo_anchor a {
   position: absolute;
   left: 0;
   top: -120px
}

#articolo-dettaglio-testo .paragrafo-init a {
   position: absolute;
   left: 0;
   top: -255px
}

#articolo-dettaglio-testo .articolo-paragrafi .deleghe ul {
   list-style-type: none;
   padding: 0;
   margin: 0
}

#articolo-dettaglio-testo .articolo-paragrafi .deleghe ul>li {
   text-indent: 0
}

#articolo-dettaglio-testo .articolo-paragrafi .deleghe ul>li:before {
   content: "- ";
   text-indent: 0
}

#articolo-dettaglio-testo h4 {
   font-size: 1.333em;
   font-weight: 600;
   margin-bottom: 4px;
   margin-top: 25px
}

#articolo-dettaglio-testo p,
.callout {
   margin-top: 12px;
   margin-bottom: 0
}

#articolo-dettaglio-testo .articolo-titoletto {
   font-size: 1em !important;
   font-weight: 600 !important;
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif !important;
   color: #555;
   margin: 16px 0 0;
   display: inline-block
}

#articolo-dettaglio-testo .testolungo {
   font-family: Lora, serif
}

#articolo-dettaglio-testo .articolo-paragrafi-link .paragrafo h4 a {
   position: relative;
   left: auto;
   top: auto
}

#articolo-dettaglio-testo .articolo-paragrafi-link .testolungo p a strong {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   font-weight: 700;
   font-size: 1em
}

#articolo-dettaglio-testo .galleriasfondo {
   background: #30373d;
   margin-left: -14px;
   margin-right: -50vw;
   width: 100vw;
   position: absolute;
   height: 368px
}

#articolo-dettaglio-testo .galleriaslide {
   height: 335px;
   position: relative
}

#articolo-dettaglio-testo .galleriaslide .owl-item {
   padding: 0 4px
}

#articolo-dettaglio-testo .galleriaslide .owl-item:last-child {
   padding-right: 0
}

#articolo-dettaglio-testo .galleriaslide .galleria-foto {
   height: 200px;
   overflow: hidden
}

#novita_evidenza,
#owl-correlati.owl-carousel .owl-stage-outer {
   overflow: visible
}

#articolo-dettaglio-testo .galleriaslide .galleria-foto img {
   object-fit: cover;
   height: 100%
}

#articolo-dettaglio-testo .galleriaslide figcaption {
   color: #fff;
   font-size: .778em;
   margin-top: 8px
}

#articolo-dettaglio-testo .articolo-ulterioriinfo p {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   font-size: .889em;
   margin-bottom: 16px
}

.barretta-verde {
   border: 0 !important;
   border-left: 8px solid #eaf2ec !important
}

.scheda-allegato,
.scheda-ufficio-contatti {
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   border: 0;
   font-size: 1em;
   padding: 16px 24px;
   display: table;
   width: 100%;
   background: #fff;
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.scheda-ufficio-contatti {
   margin: 24px 0 36px
}

#articolo-dettaglio-testo .lista-persone-ruoli .persona-ruolo {
   font-size: .889em;
   margin-top: 12px
}

#articolo-dettaglio-testo .lista-persone-ruoli .persona-ruolo a {
   color: #17324d;
   font-weight: 600;
   display: inline-block
}

#articolo-dettaglio-testo .scheda-allegato svg.icon,
#articolo-dettaglio-testo .scheda-ufficio-contatti svg.icon,
#menu-area .scheda-ufficio-contatti svg.icon,
.scheda-gestione svg.icon {
   fill: #17324d;
   margin-right: 8px;
   width: 24px;
   height: 24px
}

#articolo-dettaglio-testo .scheda-allegato h4,
#articolo-dettaglio-testo .scheda-allegato span,
#articolo-dettaglio-testo .scheda-ufficio-contatti .scheda-ufficio-testo,
#menu-area .scheda-ufficio-contatti .scheda-ufficio-testo {
   font-size: 1em;
   display: table-cell;
   margin: 0;
   width: 100%
}

#articolo-dettaglio-testo .scheda-allegato h4 span {
   font-weight: 300;
   color: #4a4a4a;
   font-size: .889em;
   margin-top: 15px;
   display: block
}

#articolo-dettaglio-testo .scheda-ufficio-contatti .scheda-ufficio-testo span,
#articolo-dettaglio-testo .scheda-ufficio-contatti h4 span,
#articolo-dettaglio-testo .scheda-ufficio-contatti p,
#articolo-dettaglio-testo .scheda-ufficio-contatti ul,
#menu-area .scheda-ufficio-contatti .scheda-ufficio-testo span {
   font-weight: 300;
   color: #4a4a4a;
   font-size: .889em
}

#articolo-dettaglio-testo a svg.icon-link {
   width: 24px;
   height: 24px;
   fill: #17324d;
   margin-right: 8px
}

.scheda-gestione,
.step .scheda-step {
   border: 0;
   border-left: 8px solid #eaf2ec;
   padding: 0 24px;
   margin-bottom: 32px;
   vertical-align: middle;
   min-height: 80px;
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   font-size: 1em;
   display: table;
   width: 100%;
   background: #fff
}

.scheda-gestione p,
.step .scheda-step .scheda-step-testo {
   display: table-cell;
   vertical-align: middle;
   margin: 0;
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif !important;
   font-size: .889em;
   padding: 16px 0
}

.scheda-gestione a {
   font-size: 1.125em;
   color: #17324d;
   line-height: 1
}

.scheda-gestione .thumbs-round {
   border-radius: 50%;
   width: 88px;
   height: 88px;
   float: right;
   margin: 16px 0 16px 16px;
   overflow: hidden
}

.scheda-gestione .thumbs-round img {
   object-fit: cover;
   height: 88px;
   width: 88px
}

.scheda-gestione .thumbs-round-icon {
   background: #eaf2ec;
   color: #17324d;
   text-align: center;
   vertical-align: middle;
   line-height: 80px
}

.scheda-gestione .thumbs-round-icon svg.icon {
   width: 40px;
   height: 40px;
   vertical-align: middle;
   fill: #17324d
}

.scheda-gestione-ufficicitta {
   border: 0;
   position: relative
}

.scheda-gestione-ufficicitta .scheda-sigla {
   font-size: 4em;
   color: #fff;
   text-align: center;
   font-weight: 600
}

#articolo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo strong,
.scheda-interna .scheda-testo-small h4 {
   font-size: 1.111em
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo strong {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   font-size: 1em
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .linksmall {
   font-size: .889em;
   text-decoration: underline
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti {
   border-radius: 2px;
   background-color: rgba(116, 166, 129, .1);
   box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   padding: 12px 16px 16px;
   margin-top: 12px
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-indirizzo .scheda-contatti-mappa {
   border-radius: 4px;
   background-color: rgba(116, 166, 129, .2);
   width: 40px;
   height: 40px;
   color: #17324d;
   display: block;
   float: right;
   text-align: center
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-telefono strong {
   font-weight: 300;
   color: #17324d
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff strong {
   color: #17324d;
   font-weight: 700
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff .ampio a {
   margin-bottom: 12px;
   display: inline-block
}

#articolo-dettaglio-testo .profilo-dettaglio-testo h5 {
   font-size: 1.111em;
   font-weight: 600
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .mappa-url {
   border-left: 1px solid #003382;
   margin-left: 8px;
   padding: 0 0 0 28px
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .mappa-url li {
   color: #003382;
   margin-left: -8px;
   font-size: 1.333em
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .mappa-url li a {
   font-size: .667em;
   vertical-align: text-bottom;
   line-height: 36px
}

.persone a.badge-persone {
   color: #17324d;
   border: 1px solid #17324d;
   margin-right: 8px;
   margin-top: 12px;
   font-size: .889em;
   font-weight: 600
}

.callout.important {
   border-color: #333 !important
}

.callout.important .callout-title .icon {
   fill: #333333 !important
}

.scheda-verde-piatta {
   -webkit-box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   -moz-box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   background-color: #eaf2ec;
   padding: 24px 12px;
   margin-bottom: 16px
}

.scheda-verde-link,
.scheda-verde-piatta-sp {
   background-color: #eaf2ec;
   padding: 12px 24px
}

.scheda-verde-piatta ul {
   margin: 0;
   list-style: none;
   padding-left: 0
}

.scheda-verde-piatta ul>li {
   margin-left: 44px
}

.scheda-verde-piatta ul>li::before {
   content: "-";
   margin-left: -12px
}

.callout p,
.scheda-verde-piatta p {
   list-style: disc;
   display: list-item;
   margin: 0 0 0 32px !important
}

.callout-punti p,
.callout.sp p {
   list-style: none;
   display: block;
   margin: 0 0 8px !important
}

.callout p,
.callout ul {
   font-family: Lora, serif;
   font-size: 1em;
   color: #555;
   margin-bottom: 16px !important
}

.callout ul li {
   margin-left: 16px
}

.callout.callout-highlight {
   border-left: 2px solid #e6e9f2
}

.callout.callout-highlight .callout-title {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   font-size: 1em;
   color: #003382
}

.callout.callout-highlight .callout-title span {
   font-size: .899em;
   color: #555;
   font-weight: 300;
   text-transform: none
}

.callout.callout-highlight .callout-title strong {
   font-size: 1.333em;
   font-weight: 700
}

.callout.callout-highlight p {
   font-size: .899em;
   color: #555
}

.articolo-ulterioriinfo .callout ul,
.callout-punti p,
.callout-punti ul {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   font-size: .889em;
   padding-left: 0
}

.articolo-ulterioriinfo .callout ul li {
   margin-left: 0;
   list-style-type: none
}

.callout-punti .callout-punto {
   display: table;
   margin-bottom: 16px
}

.callout-punti .callout-punto .callout-punto-icona,
.callout-punti .callout-punto .callout-punto-testo {
   display: table-cell
}

.callout-punti .callout-punto .callout-punto-testo p {
   margin: 0 !important
}

.callout-punti .callout-punto .callout-punto-testo ul {
   margin-left: 16px;
   margin-bottom: 0 !important
}

.callout-punti .callout-punto .callout-punto-icona svg.icon {
   fill: #333333;
   width: 24px;
   height: 24px;
   margin-right: 8px
}

.scheda-verde-piatta-sp {
   -webkit-box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   -moz-box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
   margin-bottom: 16px
}

.scheda-verde-link {
   margin: 16px 0
}

.scheda-verde-link p {
   margin: 0 !important;
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
   padding: 12px
}

.alert-warning {
   border: 0;
   border-left: 8px solid rgba(132, 111, 93, .4);
   padding: 24px;
   margin-top: 40px !important;
   vertical-align: middle;
   min-height: 80px;
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   font-size: 1em;
   display: table;
   width: 100%;
   background: #fff
}

.alert-warning svg.icon {
   fill: #846f5d;
   margin-right: 8px
}

.stepper,
.stepper-comunicazioni {
   margin-top: 32px;
   margin-bottom: 16px
}

.stepper .step {
   height: 96px
}

.stepper .step .date-step,
.stepper-comunicazioni .step .date-step {
   color: #333;
   font-family: "Roboto Mono", monospace;
   font-weight: 500;
   text-align: center;
   width: 11%;
   border-right: 1px solid #333;
   float: left;
   height: 100%;
   line-height: 1.2;
   position: relative
}

.addeventatc,
.addeventatc_dropdown,
.card .card-body .card-text {
   font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.step .date-step .pallino {
   width: 9px;
   height: 9px;
   position: absolute;
   top: 35px;
   right: -5px;
   background-color: #333;
   border-radius: 50%
}

.evento-rating-risultati .mediapunti strong,
.step .date-step .date-step-giorno {
   font-size: 2.222em
}

.step .date-step .date-step-mese {
   font-size: .889em;
   font-weight: 500
}

.stepper .step .testo-step {
   width: 89%;
   float: right;
   height: 100%;
   padding-left: 20px;
   font-weight: 600
}

.stepper .step .testo-step-largo {
   width: 100%;
   float: left;
   height: 100%;
   padding-left: 20px;
   font-weight: 600
}

.stepper .step:last-of-type {
   height: 76px
}

.stepper-comunicazioni .step .testo-step {
   width: 89%;
   float: right;
   height: 100%;
   padding-left: 20px;
   font-weight: 400
}

.stepper-comunicazioni .step .testo-step-largo {
   width: 100%;
   float: left;
   height: 100%;
   padding-left: 20px;
   font-weight: 400
}

.stepper-comunicazioni .scheda-gestione {
   padding: 12px 24px 24px
}

.step .scheda-step .scheda-step-testo a {
   font-size: 1em;
   color: #17324d
}

#contenuti-correlati .scheda-correlati h4 {
   font-size: 1.333em;
   font-weight: 600;
   margin: 0;
   line-height: 1.1;
   border-bottom: 1px solid #e5e5e5;
   padding: 16px
}

#contenuti-correlati .scheda-correlati h4 svg.icon {
   vertical-align: middle;
   margin-right: 8px;
   width: 22px;
   height: 22px;
   fill: #17324d
}

#contenuti-correlati .scheda-correlati .scheda-testo ul {
   padding: 16px;
   list-style-type: none
}

#contenuti-correlati .scheda-correlati .scheda-testo ul li {
   padding: 0 0 8px
}

#contenuti-altri-argomenti {
   padding: 64px 0 56px
}

#contenuti-altri-argomenti .argomenti h4 {
   font-size: .778em;
   color: #fff;
   letter-spacing: 1px
}

#contenuti-altri-argomenti .argomenti a.badge-argomenti {
   color: #fff;
   border: 1px solid #fff
}

#contenuti-altri-argomenti .argomenti a.badge-argomenti:hover {
   background-color: #fff;
   color: #333
}

#articolo-dettaglio-testo .scheda-logo {
   display: inline-block;
   margin: 12px 40px 0 0;
   height: 100px;
   vertical-align: middle;
   text-align: center;
   padding: 0
}

#articolo-dettaglio-testo .scheda-logo-piccolo {
   display: inline-block;
   margin: 12px 40px 0 0;
   height: 60px;
   vertical-align: middle;
   text-align: center;
   line-height: 55px;
   padding: 0
}

#articolo-dettaglio-testo .scheda-logo-piccolo img {
   width: auto;
   height: 100%;
   margin: 0;
   vertical-align: middle
}

.servizi-widget {
   margin-bottom: 64px
}

.numero-step {
   margin-right: 25px
}

#servizi-prenotazione a#anchor-link {
   position: absolute;
   left: 0;
   top: 200px
}

#servizi-prenotazione .form-group {
   margin: 48px 0
}

#servizi-prenotazione h4,
.servizi-widget h4 {
   font-size: 1.333em;
   margin: 0 0 32px
}

#servizi-prenotazione .select-container,
.servizi-widget .select-container {
   position: relative;
   padding: 0
}

#intro select,
#servizi-prenotazione select,
.searchWidgetModal select,
.servizi-widget select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   font-weight: 300;
   color: #5a6772;
   height: 48px;
   border: 0;
   border-radius: 4px;
   background-color: rgba(127, 127, 127, .1);
   padding: 0 40px 0 16px;
   width: 100%
}

#intro select:focus,
#servizi-prenotazione label.dati-referente:hover input~.radiomark,
#servizi-prenotazione select:focus,
.searchWidgetModal select:focus,
.servizi-widget select:focus {
   background-color: rgba(127, 127, 127, .1)
}

#intro .select-arrow,
#servizi-prenotazione .select-arrow,
.searchWidgetModal .select-arrow,
.servizi-widget .select-arrow {
   fill: #17324d;
   right: 8px;
   bottom: 8px;
   width: 28px;
   position: absolute;
   display: block;
   z-index: 10;
   margin: 0;
   pointer-events: none
}

.searchWidgetModal .select-arrow {
   top: 4px
}

#servizi-prenotazione select::-ms-expand,
.servizi-widget select::-ms-expand {
   display: none
}

#servizi-prenotazione .btn-verde,
.servizi-widget .btn-verde {
   font-size: 1em;
   padding: 12px 32px;
   min-width: 174px;
   margin: 0 16px 0 0
}

.widget #intro .btn-verde-search {
   font-size: 1em;
   padding: 12px 32px;
   min-width: 174px;
   margin: 42px 16px 42px 0
}

.scheda-referente {
   border: 0 !important;
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1) !important;
   -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1) !important;
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1) !important;
   padding: 32px 24px 0
}

#servizi-prenotazione label.dati-referente {
   display: block;
   position: relative;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #17324d;
   font-size: 1em;
   font-weight: 300;
   padding-left: 32px
}

#servizi-prenotazione label.dati-referente input {
   position: absolute;
   opacity: 0;
   cursor: pointer
}

#servizi-prenotazione label.dati-referente .radiomark {
   position: absolute;
   top: 0;
   left: 0;
   height: 22px;
   width: 22px;
   background-color: #fff;
   border: 1px solid #17324d;
   border-radius: 50%
}

#servizi-prenotazione label.dati-referente input:checked~.radiomark:after,
#servizi-prenotazione label.dati-referente:checked~.radiomark {
   top: 2px;
   left: 2px;
   border-radius: 50%;
   background: #333;
   width: 16px;
   height: 16px
}

#servizi-prenotazione label.dati-referente .radiomark:after {
   content: "";
   position: absolute;
   display: none
}

#servizi-prenotazione label.dati-referente input:checked~.radiomark:after {
   display: block
}

.scheda-referente label.dati-referente span {
   font-size: .889em;
   color: #555;
   font-weight: 300;
   line-height: 3
}

#servizi-prenotazione .back {
   color: #17324d;
   vertical-align: middle;
   text-decoration: underline;
   cursor: pointer
}

#servizi-prenotazione .prenota-dataora h5 {
   color: #5a6772;
   font-size: 1em;
   font-weight: 300;
   margin-bottom: 32px
}

#servizi-prenotazione .ui-widget-header {
   background: 0;
   color: #555;
   border: 0;
   font-size: 1.111em
}

.ui-datepicker td a,
.ui-datepicker td span {
   text-align: center;
   color: #555;
   font-weight: 600;
   padding: 8px;
   border-radius: 50%
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-datepicker-calendar .ui-datepicker-today a.ui-state-active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
   background-color: #333;
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   color: #fff
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
   font-size: .6em;
   text-align: center;
   position: absolute;
   top: 12px;
   border: 1px solid transparent;
   border-radius: 50%
}

.ui-datepicker-calendar .ui-datepicker-today a {
   border: 1px solid #333;
   background: 0 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   color: #555
}

#servizi-prenotazione .btn-ora {
   -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .17);
   -moz-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .17);
   box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .17);
   background-color: #fff;
   margin-bottom: 16px;
   height: 56px;
   text-align: center;
   color: #4a4a4a;
   font-size: .889em;
   font-weight: 600;
   width: 100%
}

#servizi-prenotazione label,
.servizi-widget .form-group label {
   color: #5a6772;
   margin-bottom: 16px;
   line-height: 1.5;
   font-size: 1em;
   font-weight: 300;
   padding: 0;
   position: relative;
   transform: none;
   z-index: 1
}

.servizi-widget .form-ckgroup {
   margin-top: 24px;
   margin-bottom: 32px;
   color: #5a6772
}

#servizi-prenotazione textarea,
.servizi-widget textarea {
   min-height: 328px;
   background: #f2f2f2;
   border: 0;
   border-radius: 4px;
   width: 100%;
   color: #5a6772;
   font-weight: 400;
   padding: 16px
}

#servizi-prenotazione input[type=text],
.servizi-widget input[type=text] {
   background: #f2f2f2;
   border: 0;
   border-radius: 4px;
   width: 100%;
   margin-bottom: 32px;
   color: #5a6772;
   font-weight: 400;
   padding: 16px;
   height: 48px
}

#servizi-prenotazione input[type=text]:disabled,
.servizi-widget input[type=text]:disabled {
   color: #908e8e
}

#servizi-prenotazione .form-group-disabled .input-checked-disabled {
   position: absolute;
   fill: #417505;
   top: 8px;
   right: 12px;
   width: 32px;
   height: 32px
}

#servizi-prenotazione h5,
.servizi-widget h5 {
   color: #333;
   font-weight: 600;
   font-size: 1.111em;
   margin-bottom: 20px
}

#servizi-prenotazione .verifica h5 {
   margin-bottom: 0;
   font-size: 1em
}

#servizi-prenotazione .verifica p {
   margin-bottom: 48px
}

#servizi-prenotazione .linebottom {
   border-bottom: 1px solid #d8d8d8;
   margin-bottom: 32px
}

.notifica {
   position: relative;
   display: block !important;
   right: auto;
   top: auto;
   bottom: auto;
   width: auto;
   margin-top: 24px;
   -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
   border-top: 0 !important;
   border-radius: 4px
}

.notifica h5 {
   font-size: 1em;
   font-weight: 600;
   line-height: 1.3
}

.notification.with-icon h5 .icon {
   position: absolute;
   top: -4px;
   left: -38px
}

.notifica.success {
   border-left: 8px solid #333
}

.notification.with-icon.success .icon {
   fill: #333333
}

.notifica.info {
   border-left: 8px solid #17324d
}

.notifica.error {
   border-left: 8px solid #d71820
}

.notifica.error h5 {
   color: #d71820
}

.notification.with-icon.error .icon {
   fill: #d71820
}

.notifica.warning {
   border-left: 8px solid #827534
}

.notifica.warning h5 {
   color: #827534
}

.notification.with-icon.warning .icon {
   fill: #827534
}

.notifica p {
   font-size: 1em;
   margin-left: 33px !important;
   margin-top: 8px !important
}

.servizi-widget .form-check [type=checkbox]+label,
.servizi-widget .form-check [type=radio]+label {
   color: #555;
   font-size: 1em;
   padding-left: 32px;
   margin-bottom: 8px
}

.servizi-widget .form-check [type=checkbox]+label::before {
   margin: 2px 0
}

.servizi-widget .form-check [type=checkbox]+label::after {
   margin: 6px 0
}

.servizi-widget .form-check [type=checkbox]:checked+label::before {
   top: 7px
}

.form-check [type=radio]:not(:checked)+label::after,
.form-check [type=radio]:not(:checked)+label::before,
.servizi-widget .form-check [type=checkbox]:not(:checked)+label::after,
.servizi-widget .form-check [type=radio]:checked+label::before {
   border-color: #555;
   border-width: 1px
}

.servizi-widget .form-check [type=checkbox]:checked+label::after,
.servizi-widget .form-check [type=radio]:checked+label::after {
   border-color: #555;
   background-color: #555
}

.servizi-widget .nav-tabs li a {
   color: #17324d;
   font-size: 1.111em;
   font-weight: 600;
   letter-spacing: 1px;
   display: block;
   border-bottom: 2px solid transparent;
   padding: 16px 32px
}

.servizi-widget .tab-content>.active {
   padding-left: 0 !important
}

.servizi-widget .form-group .ico-sufix {
   position: absolute;
   width: 48px;
   height: 48px;
   text-align: center;
   right: 0;
   bottom: 0;
   vertical-align: middle;
   background-color: #333;
   color: #fff;
   border-radius: 0 4px 4px 0;
   border: 0;
   padding: 0;
   cursor: pointer
}

.servizi-widget .form-group-inline {
   display: inline-block;
   margin-left: 16px
}

.servizi-widget .form-group-inline input[type=text] {
   height: 32px;
   margin-bottom: 0
}

.servizi-widget .form-group-inline .ico-sufix {
   width: 32px;
   height: 32px;
   top: 0;
   line-height: 0
}

.servizi-widget .form-group-inline .ico-sufix svg.icon {
   width: 16px;
   height: 16px
}

.servizi-widget .campoerrore {
   border: 2px solid #d71820 !important
}

.servizi-widget .campoerrore-testo {
   color: #d71820 !important;
   font-style: italic;
   white-space: normal;
   font-size: .887em;
   line-height: 0
}

.servizi-widget .form-check.campoerrore {
   border: 0 !important
}

.servizi-widget .form-check.campoerrore [type=checkbox]:not(:checked)+label::after {
   border-color: #d71820 !important;
   border-width: 2px
}

.scheda-dipendente {
   background-color: #eaf2ec;
   padding: 24px;
   margin-bottom: 16px;
   border-radius: 4px;
   height: 100%;
   line-height: 1.5em
}

.addeventatc_dropdown,
.addeventatc_dropdown span {
   line-height: 100%;
   background: #fff;
   font-weight: 600;
   text-decoration: none;
   font-size: 1em
}

#areapersonale-intestazione {
   padding-bottom: 72px
}

#areapersonale-intestazione section#briciole {
   padding: 32px 0 0;
   margin: 0
}

#areapersonale-intestazione .titolo-sezione h2,
.custom-chip-primary .chip-label,
.scheda-sito a {
   color: #000
}

#areapersonale-intestazione #intro #menu-sezione {
   margin-top: 45px;
   text-align: right
}

#areapersonale-help {
   padding: 48px 0 64px
}

#areapersonale-help p {
   color: #fff;
   font-size: 1em;
   margin: 8px 0;
   line-height: 1.2
}

#areapersonale-help a {
   color: #fff;
   font-weight: 700
}

#schedamappa {
   height: 368px;
   box-sizing: content-box;
   position: absolute !important;
   left: 0;
   right: 14px;
   z-index: 800
}

#schedamappah {
   height: 368px;
   position: relative;
   width: 100%
}

.addeventatc {
   display: inline-block;
   position: relative;
   cursor: pointer;
   margin-top: 16px
}

.addeventatc_dropdown {
   width: 230px;
   position: absolute;
   padding: 6px 0 0;
   color: #000 !important;
   text-align: left;
   margin-left: -1px;
   display: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -webkit-box-shadow: rgba(0, 0, 0, .4) 0 10px 26px;
   -moz-box-shadow: rgba(0, 0, 0, .4) 0 10px 26px;
   box-shadow: rgba(0, 0, 0, .4) 0 10px 26px;
   transform: scale(.98, .98) translateY(5px);
   z-index: -1;
   transition: transform .15s;
   -webkit-user-select: none;
   -webkit-tap-highlight-color: transparent
}

.scheda .scheda-icona-small,
.tutte {
   letter-spacing: 1px;
   font-size: .778em;
   text-transform: uppercase
}

.addeventatc_dropdown.topdown {
   transform: scale(.98, .98) translateY(-5px) !important
}

.addeventatc_dropdown span {
   display: block;
   cursor: pointer;
   color: #555;
   padding: 16px 24px;
   -webkit-transition: background-color .3s;
   transition: background-color .3s
}

.addeventatc_dropdown span:hover {
   background-color: #fcfdff;
   color: #000;
   text-decoration: none
}

.addeventatc_dropdown em {
   color: #999 !important;
   font-size: .667em !important;
   font-weight: 400
}

.addeventatc_dropdown .frs a {
   background: #fff;
   color: #cacaca !important;
   cursor: pointer;
   font-size: 9px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 110% !important;
   padding-left: 10px;
   position: absolute;
   right: 10px;
   text-align: right;
   text-decoration: none;
   top: 5px;
   z-index: 101
}

.addeventatc_dropdown .frs a:hover {
   color: #999 !important
}

.addeventatc_dropdown .copyx {
   height: 21px;
   display: block;
   position: relative;
   cursor: default
}

.evento-rating-risultati .mediapunti,
.evento-rating-risultati .valori {
   display: table-cell;
   vertical-align: top
}

.addeventatc_dropdown .brx {
   height: 1px;
   overflow: hidden;
   background: #e8e8e8;
   position: absolute;
   z-index: 100;
   left: 10px;
   right: 10px;
   top: 9px
}

.addeventatc_dropdown.addeventatc-selected {
   transform: scale(1, 1) translateY(0);
   z-index: 99999999999
}

.addeventatc_dropdown.topdown.addeventatc-selected {
   transform: scale(1, 1) translateY(0) !important
}

.addeventatc_dropdown .drop_markup {
   background-color: #f4f4f4
}

#articolo-dettaglio-testo .lista-eventi-figli .scheda-evento .scheda-testo h4 {
   font-size: 1em;
   font-weight: 700;
   margin: 0 0 8px;
   line-height: 1.2
}

#articolo-dettaglio-testo .lista-eventi-figli .scheda-evento .scheda-icona-small {
   color: #003382
}

#articolo-dettaglio-testo .lista-eventi-figli .scheda-evento .scheda-icona-small svg.icon {
   fill: #003382
}

#articolo-dettaglio-testo .lista-eventi-figli .scheda-evento .scheda-icona-small span {
   color: #555;
   font-weight: 300
}

.evento-rating-risultati {
   display: table;
   width: 100%;
   margin-bottom: 16px
}

.evento-rating-risultati .mediapunti {
   color: #846f5d;
   font-weight: 700;
   width: 64px;
   text-align: center;
   line-height: 1;
   border-right: 1px solid #827534
}

.evento-rating-risultati .valori-riga {
   height: 12px
}

.evento-rating-risultati .valori-riga .stelle {
   float: left;
   line-height: 0;
   height: 12px;
   display: inline-block;
   text-align: right;
   width: 80px;
   margin-right: 16px
}

.evento-rating-risultati .valori-riga .stelle svg.icon-xs {
   width: 12px;
   height: 12px;
   fill: #846f5d;
   margin: 0 -2px
}

.evento-rating-risultati .valori-riga .percentuale {
   padding-top: 3px;
   width: 100%
}

.evento-rating-risultati .valori-riga .percentuale .progress-bar {
   background: #846f5d
}

.evento-rating-risultati .valori-riga .percentuale .progress {
   background: #d8d8d8
}

.scheda-srv .scheda-foto {
   position: relative;
   height: 200px;
   overflow: hidden
}

.scheda-srv .scheda-foto img {
   border-radius: 4px 4px 0 0;
   width: 100%;
   height: 200px;
   object-fit: cover
}

.novita-testo .argomenti,
.novita-testo h2 {
   margin-right: 24px
}

.allegati-riga div {
   margin-bottom: 15px;
   word-break: break-word
}

#novita_evidenza {
   min-height: 472px;
   max-width: 1280px;
   margin: 0 auto;
   position: relative
}

.novita-foto {
   width: 50%;
   float: right;
   height: 480px;
   position: absolute;
   right: 0
}

.novita-testo {
   padding: 48px 0 0
}

.novita-testo h2 {
   font-size: 2.222em;
   line-height: 1.1;
   margin-bottom: 20px;
   letter-spacing: 0
}

.novita-testo h2 a,
.scheda .scheda-icona-small a,
.scheda .scheda-testo-small h4 a {
   color: #4e4e4e
}

.novita-testo p {
   color: #555;
   margin: 20px 24px 20px 0
}

.tutte {
   color: #333;
   vertical-align: middle;
   display: inline-block;
   font-weight: 700
}

.bg-arancione,
.bg-bianco,
.bg-blu,
.bg-bluscuro {
   color: #fff !important
}

.tutte svg.icon {
   vertical-align: bottom;
   width: 18px;
   height: 20px;
   fill: #333333
}

.tutte:hover svg.icon {
   fill: #4e4e4e
}

#home-novita {
   padding: 10px 0;
   clear: both
}

#home-novita .container {
   clear: both
}

.scheda {
   background: #fff;
   -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   border: 1px solid #eceff1;
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column
}

.mt-88n {
   margin-top: -88px
}

.mt-125n {
   margin-top: -125px
}

.scheda-round {
   border-radius: 4px
}

.scheda .scheda-icona-small {
   color: #4e4e4e;
   font-weight: 600;
   padding: 16px 24px 0
}

.scheda .scheda-icona-small svg.icon {
   width: 22px;
   height: 22px;
   margin-right: 4px;
   fill: #4e4e4e
}

.scheda .scheda-testo-small h4 {
   font-size: 1.111em;
   font-weight: 700;
   margin-bottom: 8px
}

.scheda .scheda-footer {
   border-top: 0 solid #d8d8d8;
   flex: 0 0 auto
}

#calendario {
   padding: 0 0 56px
}

#calendario h3 {
   color: #333;
   font-size: 1.778em;
   margin: 0
}

#calendario h4 {
   color: #fff;
   font-size: 1.111em;
   text-align: center;
   border-radius: 4px 4px 0 0;
   background-color: #4e4e4e;
   margin: 32px 0 0;
   padding: 10px 0
}

#calendario #owl-calendario {
   background: 0;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   position: relative
}

#calendario #owl-calendario .owl-stage-outer {
   background-color: #fff;
   border-radius: 0 0 4px 4px;
   box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .1)
}

#calendario #owl-calendario .owl-nav {
   top: -44px;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0
}

#calendario #owl-calendario .owl-nav .owl-prev {
   left: 8px;
   position: absolute
}

#calendario #owl-calendario .owl-nav .owl-next {
   right: 8px;
   position: absolute
}

#calendario #owl-calendario .owl-dots {
   margin: 20px 0 0
}

#calendario #owl-calendario .owl-dots .owl-dot span {
   background-color: #d4d4d4;
   width: 12px;
   height: 12px
}

#calendario #owl-calendario .owl-dots .owl-dot.active span,
#calendario #owl-calendario .owl-dots .owl-dot:hover span {
   background-color: #9b9b9b
}

#calendario .scheda-calendario {
   -webkit-box-shadow: 8px 0 32px -8px rgba(0, 0, 0, .2);
   -moz-box-shadow: 8px 0 32px -8px rgba(0, 0, 0, .2);
   box-shadow: 8px 0 32px -8px rgba(0, 0, 0, .2);
   min-height: 380px;
   padding: 0
}

#calendario .scheda-calendario .progress-spinner {
   margin: 16px auto
}

#calendario .scheda-calendario .progress-spinner.progress-spinner-active:not(.progress-spinner-double) {
   opacity: .5;
   border-color: #7f9bc0 #7f9bc0 #e5ebf2
}

#calendario .scheda-calendario .scheda-calendario-data {
   color: #333;
   font-weight: 700;
   font-size: .889em;
   padding: 12px 22px;
   background-color: rgba(78, 126, 91, .2);
   text-transform: capitalize;
   line-height: 1
}

#calendario .scheda-calendario .scheda-calendario-data strong {
   font-size: 2em;
   display: block;
   font-weight: 700
}

#calendario .scheda-calendario .scheda-calendario-lista {
   margin: 0;
   padding: 0;
   color: #4e4e4e;
   list-style-type: none
}

#calendario .scheda-calendario .scheda-calendario-lista li {
   border-top: 1px solid #d8d8d8;
   font-size: .889em;
   padding: 12px 0;
   margin: 0 16px;
   color: #555
}

#calendario .scheda-calendario .scheda-calendario-lista li a {
   color: #4e4e4e;
   font-weight: 700
}

#argomenti_evidenza .argomenti-foto {
   background: url(../img/foto/home_argomenti.jpg) center/cover no-repeat;
   height: 260px;
   display: block;
   position: relative;
   padding-top: 52px
}

.row.mt-128n {
   margin-top: -128px
}

#siti_tematici {
   margin: 32px 0 64px
}

#siti_tematici h3 {
   color: #333;
   font-size: 1.778em;
   margin: 0 0 32px
}

#siti_tematici .mb16,
#siti_tematici .row-eq-height,
.mb0 {
   margin-bottom: 0 !important
}

.bg-servizi {
   background: 0 0/cover #f1f1f1;
   height: 407px;
   background-position-y: 60%;
   display: block;
   position: relative
}

#cerca-servizi {
   font-weight: 300;
   color: #9b9b9b;
   height: 48px;
   border: 1px solid #e5e5e5;
   border-radius: 4px;
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
   -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1)
}

#home-servizi input:-ms-input-placeholder,
#home-servizi input::-ms-input-placeholder,
#home-servizi input::placeholder {
   color: #9b9b9b;
   font-size: .889em;
   line-height: 21px
}

#home-servizi .form-group {
   padding: 0;
   margin: 16px 0
}

#home-servizi .form-group .ico-sufix {
   position: absolute;
   width: 48px;
   text-align: center;
   right: 0;
   top: 0;
   bottom: 0;
   vertical-align: middle;
   background-color: #333;
   border-radius: 0 4px 4px 0;
   border: 0;
   padding: 8px
}

#home-servizi .box-servizi {
   position: absolute;
   top: 124px
}

.scheda-evento .scheda-foto,
.scheda-persona .scheda-foto,
.scheda-video .scheda-anteprima {
   position: absolute;
   width: 130px;
   right: 0;
   height: 100%;
   top: 0;
   bottom: 0
}

.scheda-evento .scheda-foto figure,
.scheda-persona .scheda-foto figure,
.scheda-video .scheda-anteprima figure {
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center
}

.scheda-evento .scheda-foto img,
.scheda-persona .scheda-foto img,
.scheda-video .scheda-anteprima img {
   border-radius: 0 4px 4px 0;
   object-fit: cover;
   height: 100%;
   width: 130px
}

.scheda-evento .scheda-testo,
.scheda-persona .scheda-testo,
.scheda-video .scheda-testo {
   margin-right: 130px !important;
   padding: 24px 24px 16px !important
}

#articolo-dettaglio-testo .scheda-persona .scheda-testo h4,
.scheda-evento .scheda-testo h4,
.scheda-persona .scheda-testo h4,
.scheda-video .scheda-testo h4 {
   font-size: 1em !important;
   font-weight: 700 !important;
   margin-bottom: 8px
}

.scheda-evento .scheda-testo h4 a,
.scheda-persona .scheda-testo h4 a,
.scheda-video .scheda-testo h4 a {
   color: #003882
}

.scheda-evento .scheda-icona-small.mr130,
.scheda-persona .scheda-icona-small.mr130 {
   margin-right: 130px
}

.scheda-video .scheda-anteprima svg.icon {
   fill: #fff;
   position: absolute;
   width: 48px;
   height: 48px;
   opacity: .7
}

.scheda-interna .scheda-testo-small .lista-titoli {
   list-style-type: square;
   color: #003882;
   padding: 0;
   margin: 0 0 0 24px;
   font-size: .889em
}

.scheda-interna .scheda-testo-small .lista-titoli li {
   font-size: 1.222em;
   padding: 0
}

.scheda-interna .scheda-testo-small .lista-titoli li a {
   color: #003882;
   font-weight: 700
}

.logoprint {
   display: none
}

.bg-blu {
   background-color: #17324d !important
}

.bg-arancione {
   background-color: #333 !important
}

.bg-bianco {
   background-color: #fff !important
}

.bg-bluscuro {
   background-color: #06c !important
}

.bg-grigioscuro {
   background-color: #4e4e4e !important
}

.bg-grigio {
   background-color: #eceff1 !important
}

.bg-oro {
   background-color: #9c8c3e !important
}

.bg-verde,
.card-header.bg-primary {
   background-color: #333 !important
}

.btn-verde:hover {
   background-color: #395c42 !important
}

.bg-azzurro {
   background-color: #0968b4 !important
}

.bg-grigiomedio {
   background-color: #757575 !important
}

.bg-rosa {
   background-color: #e5007b !important
}

.bg-rosso {
   background-color: #db001b !important
}

.bg-petrolio {
   background-color: #455a64 !important
}

.form-check,
.mt0 {
   margin-top: 0 !important
}

.ml0 {
   margin-left: 0 !important
}

.mr0 {
   margin-right: 0 !important
}

.mt8 {
   margin-top: 8px !important
}

.mb8 {
   margin-bottom: 8px !important
}

.ml8 {
   margin-left: 8px !important
}

.mr8 {
   margin-right: 8px !important
}

.mt12 {
   margin-top: 12px !important
}

.mb12 {
   margin-bottom: 12px !important
}

.ml12 {
   margin-left: 12px !important
}

.mr12 {
   margin-right: 12px !important
}

.mt16 {
   margin-top: 16px !important
}

.mb16 {
   margin-bottom: 16px !important
}

.ml16 {
   margin-left: 16px !important
}

.mr16 {
   margin-right: 16px !important
}

#datepicker2,
.mt20 {
   margin-top: 20px !important
}

.mb20 {
   margin-bottom: 20px !important
}

.ml20 {
   margin-left: 20px !important
}

.mr20 {
   margin-right: 20px !important
}

.mt24 {
   margin-top: 24px !important
}

.mb24 {
   margin-bottom: 24px !important
}

.ml24 {
   margin-left: 24px !important
}

.mr24 {
   margin-right: 24px !important
}

.mt32 {
   margin-top: 32px !important
}

.mb32 {
   margin-bottom: 32px !important
}

.ml32 {
   margin-left: 32px !important
}

.mr32 {
   margin-right: 32px !important
}

.mt40 {
   margin-top: 40px !important
}

.mb40 {
   margin-bottom: 40px !important
}

.ml40 {
   margin-left: 40px !important
}

.mr40 {
   margin-right: 40px !important
}

.mt48 {
   margin-top: 48px !important
}

.mb48 {
   margin-bottom: 48px !important
}

.ml48 {
   margin-left: 48px !important
}

.mr48 {
   margin-right: 48px !important
}

.mt64 {
   margin-top: 64px !important
}

.mb64 {
   margin-bottom: 64px !important
}

.ml64 {
   margin-left: 64px !important
}

.mr64 {
   margin-right: 64px !important
}

.pt8 {
   padding-top: 8px !important
}

.pb8 {
   padding-bottom: 8px !important
}

.pl8 {
   padding-left: 8px !important
}

.pr8 {
   padding-right: 8px !important
}

.pt12 {
   padding-top: 12px !important
}

.pb12 {
   padding-bottom: 12px !important
}

.pl12 {
   padding-left: 12px !important
}

.pr12 {
   padding-right: 12px !important
}

.pt16 {
   padding-top: 16px !important
}

.pb16 {
   padding-bottom: 16px !important
}

.pl16 {
   padding-left: 16px !important
}

.pr16 {
   padding-right: 16px !important
}

.pt32 {
   padding-top: 32px !important
}

.pb32 {
   padding-bottom: 32px !important
}

.pl32 {
   padding-left: 32px !important
}

.pr32 {
   padding-right: 32px !important
}

.pt64 {
   padding-top: 64px !important
}

.pb64 {
   padding-bottom: 64px !important
}

.pl64 {
   padding-left: 64px !important
}

.pr64 {
   padding-right: 64px !important
}

.row-eq-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 24px
}

.list_link-utili li a,
.sub_nav li a {
   padding: 12px 30px !important;
}

.ridotto .sub_nav li a {
   padding: 12px 6px !important;
   font-size: 19px;
}

.bg-grigio-chiarissimo,
.bg-light {
   background-color: #f1f1f1 !important
}

.ui-widget {
   font-family: unset !important;
   font-size: .85em
}

.ui-widget-header {
   border: 0 !important;
   background: #fff !important;
   color: #333;
   font-weight: 700;
   text-transform: uppercase
}

.ui-widget.ui-widget-content {
   border: 0;
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
   width: 100%;
   padding: 30px
}

#talenti-sardi {
   display: block;
   float: none;
   background: url(/wp-content/uploads/2020/12/banner_talentisardi.jpg) top left repeat-x
}

.card-link-list ul li,
.card-link-list ul li * {
   list-style: disc;
   font-size: 1rem;
   color: #17324d;
   text-decoration: none
}

.card-link-list ul {
   padding: 0;
   margin: 0
}

.card-link-list ul li {
   list-style: none;
   padding: 0;
   margin: 0 0 5px
}

.card-link-list.submenu-card {
   justify-content: flex-start
}

.card-link-list.submenu-card li {
   list-style: disc;
   margin-left: 20px
}

.card-link-list.submenu-card.card-empty {
   min-height: 0;
   justify-content: flex-start;
   background-color: #e6e9f2
}

#gonfaloni-footer img {
   min-height: 105px;
   max-width: 158.6px;
   height: auto
}

.form-check [type=checkbox]:checked+label::before {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform-origin: 100% 100%;
   transform-origin: 100% 100%
}

.form-group label {
   background-color: transparent;
   position: absolute;
   font-weight: 400;
   line-height: calc(2.5rem - 1px);
   -webkit-transition: .2s ease-out;
   transition: .2s ease-out;
   top: 0;
   font-size: 1rem;
   cursor: text;
   display: block;
   max-width: 100%;
   width: auto;
   overflow: hidden;
   padding: 0 2.5rem
}

.slick {
   .slick-track {
      display: flex;

      .slick-slide {
         display: flex;
         height: auto;

         img {
            height: 100%;
            object-fit: cover;
            object-position: center;
         }
      }
   }
}

.splide__track {
   padding-left: 10px !important;
   padding-right: 10px !important;
}



.chip.chip-selezionata {
   background-color: #5c6f82;
   border-color: #5c6f82;
   color: #fff !important
}

.chip.chip-selezionata a {

   color: #fff !important
}

.splide__pagination {
   bottom: -10px !important;

}

.splide__pagination__page {
   width: 13px !important;
   height: 13px !important;
   margin-right: 4px !important
}

.splide__pagination__page.is-active {
   background: var(--primary-color) !important;
   transform: scale(1.3) !important;
   z-index: 1 !important;
}

a:hover {
   color: #000;
   text-decoration: underline
}

.card .card-body .card-text {
   font-weight: lighter;
   font-size: 1rem;
   line-height: 1.5rem;
   color: #000
}

#attiTeaseContainer .card-title a {
   color: #000;
   padding: 10px 0 20px
}

.back-to-top:hover {
   background: #333 !important;
   text-decoration: none
}

.back-to-top {
   background: #333
}

.overlay-black a {
   color: #fff !important;
   font-size: 1.3em;
   text-decoration: none
}

#mainheader .header-landing,
.header-landing {
   height: 160px !important
}

.ridotto .header-landing {
   height: 104px !important
}

#widget-landing .link-list-wrapper ul li a {
   font-size: 1em;
   line-height: 1.2;
   display: block;
   padding: 0;
   position: relative;
   text-decoration: none;
   margin-bottom: 12px
}

#contentuto .link-list-wrapper ul li a,
#contentuto .link-list-wrapper ul li a:hover {
   padding: 0;
   position: unset;
   display: unset;
   font-size: unset !important;
   line-height: unset !important
}

#sezione-altri-contenuti h3 {
   text-transform: uppercase;
   color: #003352
}

#home-servizi .btn-verde,
.btn-verde {
   font-size: .85em;
   color: #fff !important;
   padding: 8px 24px;
   background: #333 !important;
   margin: 0 16px 24px 0
}

.scheda-sito {
   border-radius: 10px;
   background-color: #fff;
   box-shadow: 0;
   color: #000;
   padding: 16px;
   margin-bottom: 20px;
   border: 2px solid #e6ecf2 !important
}

.scheda-sito .icona-sito svg.icon {
   fill: #000;
   width: 40px;
   height: 40px
}

.chip-sfondo-blu {
   background-color: #003352 !important
}

.chip-sfondo-verde {
   background-color: #006837 !important
}

.chip-sfondo-rosso {
   background-color: #c1272d !important
}

.chip-sfondo-azzurro {
   background-color: #2d71b7 !important
}

.chip-sfondo-marrone {
   background-color: #603813 !important
}

.chip-sfondo-grigio {
   background-color: #534741 !important
}

.titolo-bottone-landing {
   width: 100%;
   text-align: left;
   color: #fff
}

#gonfaloni-landing img {
   max-height: 63px
}

.subfooter-landing {
   background-color: #333 !important;
   padding: 10px 0 !important
}

.textwidget {
   margin-bottom: 30px
}

.sottolinea-rosso {
   background-color: var(--primary-color);
   padding: 5px;
   color: #fff !important
}

.sottolinea-verde {
   background-color: #6a7e5f !important;
   padding: 5px;
   color: #fff !important
}

.sottolinea-blu {
   background-color: var(--primary-color);
   padding: 2px 10px;
   color: #fff !important;
   font-size: .7rem
}

#contentuto .link-list-wrapper ul li a {
   text-decoration: none !important
}

.list-group-item {
   background-color: transparent !important;
   border: 0
}

input[type=text] {
   border: none;
   border-radius: 0;
   padding: .375rem .5rem;
   outline: 0;
   height: 2.5rem;
   width: 100%;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-transition: .2s ease-out;
   transition: .2s ease-out;
   font-weight: 700
}

.bootstrap-select-wrapper .dropdown.bootstrap-select .dropdown-menu li a {
   font-size: .88889rem;
   color: #000 !important;
   white-space: inherit
}

#farmacie,
input[type=text] {
   border-bottom: 3px solid #000 !important;
   font-size: 29px !important
}

.input-group .input-group-text {
   padding: .375rem .5rem;
   border-bottom: 3px solid #000 !important
}

.bootstrap-select-wrapper button .filter-option::after {
   content: '';
   height: 3px !important;
   position: absolute;
   left: 0;
   right: 0;
   background: #000;
   bottom: 0;
   -webkit-transition: .3s;
   transition: .3s;
   -webkit-transform-origin: bottom;
   transform-origin: bottom
}

.filtro.filtro-primary {
   background-color: #17324d;
   border-color: #17324d;
   color: #fff
}

.filtro.filtro-primary:hover {
   background-color: #fff !important;
   border: 2px solid #17324d;
   color: #000
}

.filtro.filtro-primary:hover>.filtro-label {
   color: #000;
   text-decoration: underline;
   background: #fff !important
}

.filtro-primary a {
   color: #fff;
   width: 100%;
   display: block
}

.filtro-primary a:hover {
   color: #000;
   display: block
}

.btn-secondary {
   background-color: #fff;
   border: 2px solid #333;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
   background-color: var(--white);
   color: #000;
   border: 3px solid var(--primary-color)
}

.btn-secondary-blue,
.btn-tertiary {
   border: 3px solid var(--secondary-color)
}

.btn-secondary:hover {
   background-color: #333;
   border-color: #333
}

.btn-secondary.focus,
.btn-secondary:focus,
.form-check [type=checkbox]:focus+label.btn-secondary,
.form-check [type=radio]:focus+label.btn-secondary,
.toggles label input[type=checkbox]:focus+.btn-secondary.lever {
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(92, 111, 130, .5);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
   color: #fff;
   background-color: #5c6f82;
   border-color: #5c6f82
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #333;
   border-color: #333
}

.filter-option-inner-inner {
   display: block !important;
   width: 95%
}

button,
input,
optgroup,
select,
textarea {
   font-family: "Titillium Web", sans-serif !important
}

:root {
   --primary-color: #00419A;
   --secondary-color: #000000;
   --complementary-color-01-1: #00B7A5;
   --complementary-color-01-2: #8EC60D;
   --complementary-color-02-1: #EC5152;
   --complementary-color-02-2: #006FBC;
   --complementary-color-02-3: #f2f2f2;
   --black: #000000;
   --white: #FFFFFF
}

.btn.btn-secondary-blue:focus:not(.focus--mouse):not([data-focus-mouse=true]),
.btn.btn-secondary:focus:not(.focus--mouse):not([data-focus-mouse=true]),
.form-check [type=checkbox]:focus+label,
.form-check [type=radio]:focus+label,
.toggles label input[type=checkbox]:focus+.lever,
:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   border-color: transparent !important;
   box-shadow: none !important;
   outline: 0 !important
}

.btn.btn-primary {
   background-color: var(--primary-color);
   color: #fff;
   border: 3px solid var(--primary-color);
   box-shadow: none !important
}

.btn-primary:hover {
   background-color: var(--secondary-color);
   text-decoration: underline;
   border-color: var(--secondary-color);
   box-shadow: none !important
}

.btn.btn-primary:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   color: var(--black);
   text-decoration: underline;
   background-color: var(--complementary-color-02-3);
   border: 3px solid;
   border-color: var(--primary-color) !important;
   -webkit-box-shadow: none;
   box-shadow: none !important;
   outline: 0 !important
}

.btn-secondary:hover {
   background-color: var(--primary-color);
   text-decoration: underline;
   color: #fff;
   border: 3px solid var(--primary-color);
   transition: .25s
}

.btn.btn-secondary:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   color: var(--black);
   text-decoration: underline;
   background-color: var(--complementary-color-02-3);
   border: 3px solid;
   border-color: var(--primary-color) !important;
   -webkit-box-shadow: none;
   box-shadow: none !important;
   outline: 0 !important;
   transition: .25s
}

.btn-secondary-blue {
   background-color: #fff;
   color: #000;
   box-shadow: none
}

.btn-secondary-blue:hover,
.btn-tertiary {
   color: #fff;
   background-color: var(--secondary-color)
}

.btn-secondary-blue:hover {
   text-decoration: underline;
   transition: .25s
}

.btn.btn-secondary-blue:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   color: var(--black);
   text-decoration: underline;
   background-color: var(--complementary-color-02-3);
   border: 3px solid;
   border-color: var(--secondary-color) !important;
   -webkit-box-shadow: none;
   box-shadow: none !important;
   outline: 0 !important;
   transition: .25s
}

.btn-tertiary {
   box-shadow: none
}

.btn-tertiary:hover {
   background-color: var(--complementary-color-02-3);
   color: #000;
   text-decoration: underline;
   transition: .25s
}

.custom-badge,
.custom-chip-secondary .chip-label {
   color: var(--white)
}

.btn.btn-tertiary:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   color: var(--black);
   text-decoration: underline;
   background-color: var(--white);
   border: 3px solid;
   border-color: var(--secondary-color) !important;
   -webkit-box-shadow: none;
   box-shadow: none !important;
   outline: 0 !important;
   transition: .25s
}

.custom-chip-primary:focus:not(.focus--mouse):not([data-focus-mouse=true]) .chip-label,
.custom-chip-secondary:focus:not(.focus--mouse):not([data-focus-mouse=true]) .chip-label {
   color: #000
}

.form-check [type=checkbox]+label {
   font-size: 1.1rem;
   color: var(--black)
}

.form-check [type=checkbox]:checked+label::after {
   border-color: var(--secondary-color);
   background-color: var(--secondary-color);
   z-index: 0
}

.form-check [type=checkbox]:indeterminate+label::after {
   border-color: var(--secondary-color);
   background-color: var(--secondary-color);
   z-index: 0
}

.form-check [type=checkbox]:checked+label::before {
   top: 6px;
   left: 1px;
   width: 8px;
   height: 13px;
   border-style: solid;
   border-width: 2px;
   border-color: transparent #fff #fff transparent !important;
   -webkit-transform: rotate(40deg);
   transform: rotate(40deg);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform-origin: 100% 100%;
   transform-origin: 100% 100%;
   opacity: .8
}

.form-check [type=radio]:checked+label::after,
.form-check [type=radio]:checked+label::before {
   border-color: var(--secondary-color);
   z-index: 0
}

.form-check [type=radio]+label {
   font-size: 1.1rem
}

.form-check [type=radio]:checked+label::after {
   background-color: var(--secondary-color)
}

.custom-chip-primary {
   background-color: #fff;
   border: 1px solid var(--primary-color);
   text-decoration: none
}

.custom-chip-primary:hover {
   background-color: var(--primary-color) !important;
   border: 2px solid var(--primary-color) !important;
   color: var(--white);
   transition: .25s
}

.custom-chip-primary:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   color: var(--black) !important;
   text-decoration: underline !important;
   background-color: var(--complementary-color-02-2) !important;
   border: 2px solid !important;
   border-color: var(--primary-color) !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   outline: 0 !important;
   transition: .25s
}

.custom-chip-secondary {
   background-color: var(--secondary-color);
   border: 2px solid var(--secondary-color);
   text-decoration: none
}

.custom-chip-secondary:hover,
.custom-chip-secondary:hover .chip-label {
   color: var(--black) !important
}

.custom-chip-secondary:hover {
   background-color: var(--complementary-color-02-2) !important;
   border: 2px solid var(--secondary-color) !important;
   transition: .25s
}

.custom-chip-secondary:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
   color: var(--black) !important;
   text-decoration: none;
   background-color: var(--white) !important;
   border: 2px solid !important;
   border-color: var(--secondary-color) !important;
   -webkit-box-shadow: none;
   box-shadow: none !important;
   outline: 0 !important;
   transition: .25s
}

.custom-badge {
   font-size: 18px;
   padding: 10px 20px;
   font-weight: 600
}

.custom-badge-primary {
   background-color: var(--primary-color)
}

.custom-badge-secondary {
   background-color: var(--secondary-color)
}

.custom-badge-complementary {
   background-color: var(--complementary-color-01-1)
}

.titolo_card_con_divider:after {
   border-bottom: 6px solid var(--secondary-color);
   content: "";
   display: block;
   padding-bottom: 5px;
   max-width: 100px;
   margin-top: 20px
}

.componente-card-persona {
   padding: 20px !important;
   margin-bottom: 24px
}

,
.componente-card-farmacia,
.componente-card-medico,
.componente-card-persona,
.componente-card-servizi,
.componente-card-servizio {
   padding: 20px !important;
   margin-bottom: 24px
}

.componente-card-struttura {
   padding: 20px !important;
   margin-bottom: 0
}

.componente-card-servizi-mb0,
.componente-card-struttura-footer,
.componente-card-struttura-mb-0 {
   padding: 20px !important
}

.mb-12 {
   margin-bottom: 12px
}

.mt-36 {
   margin-top: 36px
}

.mb-36 {
   margin-bottom: 36px
}

.pt-12 {
   padding-top: 12px
}

.pb-12 {
   padding-bottom: 12px
}

.pb-24 {
   padding-bottom: 24px
}

.pt-36 {
   padding-top: 36px
}

.pb-36 {
   padding-bottom: 36px
}

.badge-tipologia-card-blu {
   font-size: .75rem;
   line-height: 1rem;
   padding-top: 12px;
   padding-bottom: 12px;
   display: block
}

a.read-more .icon {
   margin-left: 8px;
   fill: #30373D;
   width: 24px;
   height: 24px;
   -ms-flex-negative: 0;
   flex-shrink: 0
}

.link-list-wrapper ul li a {
   font-size: unset !important;
   line-height: unset !important;
   padding: unset !important;
   position: unset !important;
   text-decoration: unset !important;
   text-overflow: ellipsis;
   overflow: hidden !important;
   width: 100%;
   display: block !important
}

#servizi-asl .it-right-zone {
   padding: 12px 0;
   margin-left: 0
}

#servizi-asl .it-list-wrapper .it-list a span.text {
   font-size: 1rem;
   font-weight: 400;
   display: block
}

#servizi-asl .card:after {
   content: unset;
   display: block;
   margin-top: unset;
   margin-left: 24px
}

#servizi-asl .it-list-wrapper .it-list li:last-child a span.text {
   border-bottom: 0
}

#servizi-digitali-asl .card .card-body,
#servizi-digitali-asl .card .card-header {
   padding: 20px
}

#servizi-digitali-asl .card-header {
   border-bottom: unset
}

#servizi-digitali-asl .card-title {
   margin-bottom: unset
}

#servizi-digitali-asl .card:after {
   content: unset !important;
   display: block;
   margin-top: unset;
   margin-left: 24px
}

#mappa-mediterraneo {
   height: auto;
   background-position: right;
   background-repeat: no-repeat;
   background-color: #f2f2f2
}

.counter-number {
   color: var(--primary-color)
}

.med-tv-border-left {
   border-left: 10px solid var(--complementary-color-01-2)
}

.icon-primary {
   fill: var(--primary-color) !important
}

.collapse-header [data-toggle=collapse][aria-expanded=false] {
   color: var(--primary-color) !important
}

.bg-lightgrey {
   background-color: var(--complementary-color-02-3) !important
}

#slider {
   position: relative;
   top: -193px;
   /*! z-index:-1; */
}

.lang-item {
   list-style: none;
}

#mainheader .comune .logoimg .attachment-204x204 {
   display: none;
}

#mainheader.ridotto .comune .logoimg .attachment-204x204 {
   display: block !important;
}

figure.aligncenter {
   margin-left: auto !important;
   margin-right: auto !important;
   display: block !important;
   text-align: center
}

#fr-FR .lang-item.lang-item-1075.lang-item-ar,
#en-US .lang-item.lang-item-1075.lang-item-ar {
   display: none !important;
}

.bg-mappa-mediterraneo-container {
   background-image: url('/wp-content/themes/nextmed/static/img/rainbow.png');
   background-repeat: no-repeat !important;
   background-position: top left !important;
   background-size: 200px !important;
}

.bg-mappa-mediterraneo {
   background-image: url('/wp-content/themes/nextmed/static/img/mappa.png');
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 75%;
}

.bt-bianco {
   background: #f2f2f2;
   border-radius: 25px;
   padding: 10px 30px;
   color: var(--primary-color);
   font-weight: 400 !important;
}

.base_btn-rainbow {
   background-image: url('/wp-content/themes/nextmed/static/img/rainbow.png');
   padding: 4px;
   border-radius: 25px;
   float: left;
   background-size: 100%;
}

.bg-togheter-for {
   background-image: url('/wp-content/themes/nextmed/static/img/omini.png');
   background-repeat: no-repeat !important;
   background-position: top left !
}

.title-togheter-for {
   color: #000 !important;
   font-size: 1.1em;
   font-weight: 400 !important;
   text-transform: uppercase !important;
   text-align: left !important;
   display: flex;
   position: absolute;
}

.bg-programme-key-figures {
   background-image: url('/wp-content/themes/nextmed/static/img/onde.png');
   background-repeat: no-repeat !important;
   background-position: top left !
}

.title-programme-key-figures {
   color: #000 !important;
   font-size: 1.2em;
   font-weight: 400 !important;
   text-transform: uppercase !important;
   text-align: center !important;
}

.counter-number-new {
   color: #00B6A4 !important;
   font-weight: 600;
   font-size: 1.9em !important
}

.testimonial_bg {
   background-image: url('/wp-content/themes/nextmed/static/img/virgolette.svg');
   background-repeat: no-repeat;
   background-position-y: 25px;
   background-position-x: 25px;
   background-size: 8%;
   padding: 95px !important;
}

#testimonials .splide__pagination {
   bottom: 30px !important;
   left: 33%;
}

#testimonials .card-title {
   font-size: 1.4em
}

#testimonials img,
#correlated img {
   width: 100%;
   height: auto !important;
   object-fit: cover
}

#correlated .card {
   background-color: unset !important;
   border-radius: unset !important
}

#correlated h5 {
   font-size: 1.2rem !important;
   margin-top: 20px
}

#correlated .vertical-image {
   min-height: 320px;
   max-height: 320px;
}

#med-tv iframe {
   width: 100% !important
}

.bg_modal {
   padding-right: 15px !important;
   background: rgba(0, 0, 0, 0.5);
   z-index: 999999;
}

.overlay-panel.overlay-black {
   background-color: rgba(0, 0, 0, .25);
}

.modal-open .modal {
   overflow-x: hidden;
   overflow-y: hidden;
}

.overlay-youtube {
   width: 60px !important;
   height: 60px !important;
}

img.aligncenter {
   align-self: center !important;
   display: flex;
   text-align: center !important;
   margin: 0 auto !important;
}

.ridotto #megamenu1 {
   font-size: 18px;
}

.ridotto .dropdown-menu.show {
   width: 73% !important
}


.icon.icon-sm.icona-mm {
   margin-top: 15px;
}

.pll-switcher-select {
   background: transparent;
   border: 0px;
   color: #FFF;
}

.pll-switcher-select option {
   background: var(--primary-color);
   color: #FFF;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


@media (min-width: 576px) {

   body,
   html {
      font-size: 20px !important;
   }

   .pl-0 {
      padding-left: 0px !important
   }

   .pr-0 {
      padding-right: 0px !important
   }

   .px-0 {
      padding-left: 0px !important;
      padding-right: 0px !important
   }

   .mx-0 {
      margin-left: 0px !important;
      margin-right: 0px !important
   }
}

@media(max-width:576px) {
   #mainheader .preheader .entesup {
      margin: 0
   }

   #mainheader .preheader .accedi .btn-accedi {
      padding: 0 4px
   }

   #mainheader .logotxt {
      margin-left: 16px !important;
      width: 135px !important
   }

   #mainheader .comune .logotxt .badge-demo b,
   #mainheader .logoimg {
      /*display: none*/
   }

   #mainheader .comune .logoimg img {
      margin-top: 20px !important;
   }

   #mainheader.ridotto .logotxt {
      width: 140px !important
   }

   #mainheader .comune .logotxt .badge-demo {
      position: absolute;
      margin-left: 4px;
      margin-top: 4px;
      vertical-align: initial
   }

   #mainheader.ridotto .p_cercaMobile {
      padding-top: 16px
   }

   #mainheader.ridotto .btn-cerca {
      margin-left: 0
   }

   #mainheader .menu-btn {
      position: absolute
   }

   #mainheader .comune {
      padding-left: 50px
   }

   #mainheader .comune .logotxt h1 {
      font-size: 1.25em;
      vertical-align: bottom
   }

   #mainheader .navbar-toggle.menu-active .icon-bar1 {
      top: 8px
   }

   #mainheader .navbar-toggle.menu-active .icon-bar3 {
      top: -8px
   }

   #mainheader .p_cercaMobile {
      padding-right: 4px
   }

   .modal-header-fullsrc .pb12 {
      padding: 0 !important
   }

   .modal-header-fullsrc h1 {
      margin-left: 40px
   }

   #searchModal .modal-body-search .search-start {
      margin-top: 24px
   }

   #searchModal #cerca-txt {
      padding-left: 32px
   }

   md-autocomplete .md-show-clear-button button md-icon {
      width: 24px;
      height: 24px
   }

   .col-md-12.paragrafi_testo_dettaglio.pb-4 img {
      width: 100%;
      height: auto;
   }

   #testimonials .splide__pagination {
      left: 0%;
      bottom: -35px !important;
   }

   .pl-0 {
      padding-left: -1px !important
   }

   .pr-0 {
      padding-right: -1px !important
   }

   .pt-xs-4 {
      padding-top: 20px !important
   }

   .px-0 {
      padding-left: 0px !important;
      padding-right: 0px !important
   }

   .mx-0 {
      margin-left: 0px !important;
      margin-right: 0px !important
   }

   .bg-mappa-mediterraneo {
      background-image: none;
      background-repeat: no-repeat;
      background-position: unset;
      background-size: unset;
   }

   .testimonial_bg {
      padding: 60px 20px 20px 20px !important;
   }

   #articolo-dettaglio-foto figure img {
      height: 240px
   }

   .scheda-persona,
   .scheda-video {
      min-height: 160px
   }

   .scheda-persona .scheda-foto,
   .scheda-persona .scheda-foto img,
   .scheda-video .scheda-anteprima,
   .scheda-video .scheda-anteprima img {
      width: 114px
   }

   .scheda-persona .scheda-testo,
   .scheda-video .scheda-testo {
      margin-right: 114px
   }

   .stepper .step .date-step {
      width: 18%
   }

   .stepper .step .testo-step {
      width: 82%
   }

   #owl-correlati .owl-item.active,
   #owl-correlati .owl-item.active:last-of-type {
      padding: 0
   }

   .articolo-foto-interna figure img {
      height: 264px
   }

   .searchWidgetModal .col-xs-6,
   .servizi-widget .col-xs-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
	}

	.servizi-widget .nav-tabs li a {
		padding: 8px 12px;
		font-size: 1em
	}

	.novita-foto img {
		max-height: 240px
	}

	#argomenti_evidenza .argomenti-foto {
		height: 170px
	}

	.scheda-news .scheda-foto,
	.scheda-news .scheda-foto img {
		width: 114px
	}

	.scheda-news .scheda-testo {
		margin-right: 114px
	}

	.scheda-news .no-mr-xs {
		margin-right: 0
	}
	#med-tv .modal-dialog.modal-lg.modal-dialog-centered{
		margin-left:8px;
		margin-right:8px;
	}
#med-tv .modal-dialog.modal-lg.modal-dialog-centered .modal-body{		
		padding-left: 8px;
		padding-right: 8px;
	}
		
/*	#med-tv .modal-dialog.modal-lg.modal-dialog-centered .modal-body{		
		position: relative;
		width: calc(100% - 16px);
		height: 0;
		padding-bottom: 56.25%;
		padding-left: 8px;
		padding-right: 8px;
		margin: auto;
	}
	
	#med-tv .modal-dialog.modal-lg.modal-dialog-centered .modal-body iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;		
	}
	*/
}

@media(max-width:767px) {

   #articolo-dettaglio-testo .allegati-riga,
   #articolo-dettaglio-testo .allegati-riga:last-of-type,
   .row-eq-height,
   .widget-mono .col-md-6 .scheda {
      margin-bottom: 0
   }

   #intro {
      margin-bottom: 42px
   }

   #intro .titolo-sezione p {
      margin: 12px 0 24px
   }

   #argomenti-sezione .argomenti,
   #intro #menu-gestione .gestione {
      position: relative;
      margin: 16px 0;
      bottom: auto;
      top: 0
   }

   #argomenti-sezione h4 {
      font-size: .889em;
      margin-bottom: 16px
   }

   .scheda-evento,
   .scheda-persona,
   .scheda-video {
      height: auto
   }

   .widget-mono .col-md-6 {
      margin-bottom: 24px
   }

   #articolo-dettaglio-testo .articolo-ulterioriinfo p,
   #articolo-dettaglio-testo .scheda-persona .scheda-testo h4,
   #articolo-dettaglio-testo .scheda-persona .scheda-testo p,
   #calendario .scheda-calendario .scheda-calendario-data,
   #calendario .scheda-calendario .scheda-calendario-lista li,
   #servizi-prenotazione .ui-datepicker table,
   .articolo-ulterioriinfo .callout ul,
   .callout-punti p,
   .callout-punti ul,
   .scheda .scheda-testo p,
   .scheda .scheda-testo-small h4,
   .scheda .scheda-testo-small p,
   .scheda-evento .scheda-testo h4,
   .scheda-evento .scheda-testo p,
   .scheda-interna .scheda-testo-small .lista-titoli,
   .scheda-interna .scheda-testo-small .lista-titoli li,
   .scheda-interna .scheda-testo-small h4,
   .scheda-lista li a,
   .scheda-persona .scheda-testo h4,
   .scheda-persona .scheda-testo p,
   .scheda-video .scheda-testo h4,
   .scheda-video .scheda-testo p,
   .step .scheda-step .scheda-step-testo {
      font-size: 1em
   }

   #articolo-dettaglio-foto figure img {
      /*height: 360px*/
	   height: 100%
   }

   #articolo-dettaglio-foto figure figcaption {
      font-size: .875em;
      text-align: left;
      max-width: 540px;
      padding-left: 24px !important;
      padding-right: 24px !important;
      margin: 16px auto
   }

   .articolo-foto-interna figure {
      margin: 0
   }

   .articolo-foto-interna figure img,
   .bg-servizi {
      height: 320px
   }

   #menu-sinistro h4.dropdown {
      font-size: .875em;
      border-top: 1px solid #e5e5e5
   }

   #menu-sinistro h4.dropdown:focus {
      border: 2px solid #ff8c00 !important
   }

   #menu-sinistro .menu-separatore,
   .novita-testo .argomenti,
   .novita-testo p {
      margin-right: 0
   }

   #articolo-dettaglio-testo .lineright,
   #articolo-dettaglio-testo .linetop,
   #articolo-dettaglio-testo .linetop-lg {
      border: 0
   }

   #menu-sinistro #lista-paragrafi {
      padding-bottom: 8px;
      border-bottom: 1px solid #e5e5e5
   }

   #menu-sinistro #lista-paragrafi .list-group-item {
      font-size: 1em;
      padding: 8px 24px
   }

   #articolo-dettaglio-testo p {
      line-height: 1.5
   }

   #articolo-dettaglio-testo .note {
      font-size: .875em;
      margin-top: 16px
   }

   #articolo-dettaglio-testo .galleriasfondo {
      margin-left: -150px;
      margin-right: -150px;
      width: 200vw
   }

   #articolo-dettaglio-testo .galleriaslide figcaption,
   #articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-email,
   #articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff .scheda-staff-email,
   .scheda .scheda-icona-small,
   .stepper .step .date-step .date-step-mese,
   .stepper-comunicazioni .step .date-step .date-step-mese,
   .tutte {
      font-size: .875em
   }

   #articolo-dettaglio-testo .allegati-riga .allegato {
      margin-bottom: 32px
   }

   #articolo-dettaglio-testo .scheda-allegato h4,
   #articolo-dettaglio-testo .scheda-ufficio-contatti .scheda-ufficio-testo h4 {
      font-size: 1.125em
   }

   #articolo-dettaglio-testo .profilo-dettaglio-testo .mappa-url li {
      margin-left: -9px
   }

   #articolo-dettaglio-testo .profilo-dettaglio-testo .mappa-url li a {
      font-size: .722em
   }

   .scheda-gestione .thumbs-round {
      width: 64px;
      height: 64px
   }

   .scheda-gestione .thumbs-round-icon {
      width: 64px;
      height: 64px;
      line-height: 58px
   }

   .scheda-gestione .thumbs-round-icon i.material-icons {
      font-size: 32px
   }

   .stepper .step {
      height: 88px
   }

   .stepper .scheda-gestione {
      min-height: 64px;
      height: 64px
   }

   .stepper .step .date-step,
   .stepper-comunicazioni .step .date-step {
      width: 15%
   }

   .stepper .step .date-step .pallino,
   .stepper-comunicazioni .step .date-step .pallino {
      top: 22px
   }

   #calendario .scheda-calendario .scheda-calendario-data strong,
   .stepper .step .date-step .date-step-giorno,
   .stepper-comunicazioni .step .date-step .date-step-giorno {
      font-size: 2em
   }

   .stepper .step .testo-step,
   .stepper-comunicazioni .step .testo-step {
      width: 85%
   }

   #contenuti-altri-argomenti,
   #contenuti-correlati {
      padding: 36px 0
   }

   #contenuti-altri-argomenti .argomenti {
      margin: 0 0 32px
   }

   #servizi-prenotazione .testo-step {
      float: right
   }

   .ui-datepicker {
      width: 100%;
      margin-bottom: 40px
   }

   #servizi-prenotazione .ui-datepicker th {
      text-align: left;
      padding-left: 0
   }

   #servizi-prenotazione .ui-datepicker th span {
      text-align: center;
      width: 40px;
      display: block
   }

   .servizi-widget textarea {
      min-height: 280px
   }

   .ui-button,
   .ui-state-default,
   .ui-widget-content .ui-state-default,
   .ui-widget-header .ui-state-default,
   html .ui-button.ui-state-disabled:active,
   html .ui-button.ui-state-disabled:hover {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0
   }

   #servizi-prenotazione .prenota-dataora .col-sm-6 {
      width: 50%
   }

   #owl-correlati .owl-item.active {
      padding: 0 12px 0 0
   }

   #owl-correlati .owl-item.active:last-of-type {
      padding: 0
   }

   #areapersonale-intestazione {
      padding-bottom: 24px
   }

   #areapersonale-intestazione #intro #menu-sezione {
      margin-top: 0;
      text-align: left
   }

   #areapersonale-intestazione #intro #menu-sezione .list-group-item {
      font-size: .889em
   }

   #areapersonale-help {
      padding: 32px 0 40px
   }

   #intro .btn-celeste,
   #intro .info-ricerca {
      margin-top: 24px
   }

   #intro select,
   #servizi-prenotazione input[type=text],
   #servizi-prenotazione select,
   .searchWidgetModal select,
   .servizi-widget input[type=text],
   .servizi-widget select {
      font-size: 1em;
      height: 40px
   }

   #intro .select-arrow,
   #servizi-prenotazione .select-arrow,
   .searchWidgetModal .select-arrow,
   .servizi-widget .select-arrow {
      bottom: 4px
   }

   #servizi-prenotazione label,
   .servizi-widget .form-group label {
      margin-bottom: 12px
   }

   .servizi-widget .form-group .ico-sufix {
      width: 40px;
      height: 40px
   }

   .servizi-widget .form-group-inline .ico-sufix {
      width: 32px;
      height: 32px
   }

   .servizi-widget .nav-tabs li a {
      padding: 8px 16px
   }

   .notification.with-icon h5 .icon {
      width: 28px;
      height: 28px
   }

   #novita_evidenza {
      margin-bottom: 88px;
      min-height: 0
   }

   .novita-foto {
      width: 100% !important;
      float: none;
      min-height: 0;
      height: auto;
      position: relative
   }

   .novita-foto img {
      width: 100%;
      object-fit: cover;
      max-height: 360px
   }

   .novita-testo h2 {
      font-size: 1.556em;
      margin-right: 0
   }

   .scheda {
      margin-bottom: 16px;
      height: auto
   }

   #home-novita div[class*=' col-']:first-of-type .mt-88n,
   #home-novita div[class^=col]:first-of-type .mt-88n {
      margin-top: -88px
   }

   .tutte svg.icon {
      vertical-align: middle
   }

   .calendario-filtro {
      text-align: left;
      margin-top: 32px
   }

   .calendario-filtro .btn-trasparente {
      margin: 0 8px 8px 0
   }

   #calendario #owl-calendario .owl-nav {
      top: -38px
   }

   #argomenti_evidenza .argomenti-foto {
      padding-top: 40px
   }

   #argomenti_evidenza .row.mt-128n {
      margin-top: -64px;
      margin-bottom: 16px
   }

   #argomenti_evidenza div[class*=' col-']:first-of-type .mt-128n,
   #argomenti_evidenza div[class^=col]:first-of-type .mt-128n {
      margin-top: -64px
   }

   .scheda .scheda-testo h4 {
      font-size: 1.5em
   }

   .scheda .scheda-footer {
      padding: 16px 24px 13px
   }

   #siti_tematici {
      margin: 32px 0
   }

   #home-servizi .box-servizi {
      top: 48px
   }

   #home-servizi .btn-verde,
   .btn-verde {
      font-size: .875em;
      padding: 8px 16px;
      margin: 0 8px 8px 0
   }

   #home-servizi input:-ms-input-placeholder,
   #home-servizi input::-ms-input-placeholder,
   #home-servizi input::placeholder {
      font-size: 1em
   }

   #home-servizi md-autocomplete,
   #home-servizi md-autocomplete input#cerca-txt-intro,
   #home-servizi md-autocomplete-wrap {
      height: 40px
   }
}

@media(min-width:767px) {
   #menu-sinistro {
      position: sticky;
      position: sticky;
      top: 120px
   }

   .col,
   .col-1,
   .col-10,
   .col-11,
   .col-12,
   .col-2,
   .col-3,
   .col-4,
   .col-5,
   .col-6,
   .col-7,
   .col-8,
   .col-9,
   .col-auto,
   .col-lg,
   .col-lg-1,
   .col-lg-10,
   .col-lg-11,
   .col-lg-12,
   .col-lg-2,
   .col-lg-3,
   .col-lg-4,
   .col-lg-5,
   .col-lg-6,
   .col-lg-7,
   .col-lg-8,
   .col-lg-9,
   .col-lg-auto,
   .col-md,
   .col-md-1,
   .col-md-10,
   .col-md-11,
   .col-md-12,
   .col-md-2,
   .col-md-3,
   .col-md-4,
   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-md-8,
   .col-md-9,
   .col-md-auto,
   .col-sm,
   .col-sm-1,
   .col-sm-10,
   .col-sm-11,
   .col-sm-12,
   .col-sm-2,
   .col-sm-3,
   .col-sm-4,
   .col-sm-5,
   .col-sm-6,
   .col-sm-7,
   .col-sm-8,
   .col-sm-9,
   .col-sm-auto,
   .col-xl,
   .col-xl-1,
   .col-xl-10,
   .col-xl-11,
   .col-xl-12,
   .col-xl-2,
   .col-xl-3,
   .col-xl-4,
   .col-xl-5,
   .col-xl-6,
   .col-xl-7,
   .col-xl-8,
   .col-xl-9,
   .col-xl-auto {
      padding-right: 14px !important;
      padding-left: 14px !important
   }

   .row {
      margin-right: -14px;
      margin-left: -14px
   }

   #menu-sinistro,
   .articolo-ulterioriinfo.schede-contatti .scheda-gestione {
      margin-bottom: 32px
   }

   .articolo-ulterioriinfo .scheda-gestione {
      margin-bottom: 0
   }

   .modal-header-fullsrc .search-filter-type {
      max-width: 720px
   }

   #mainheader .comune .logoimg img {
      height: 60px;
	  width: auto !important;
      max-height: 60px;
      margin-top: 20px !important;
   }
}

@media(min-width:767px) and (max-width:991px) {
   .articolo-foto-interna figure {
      margin: 0
   }

   .articolo-foto-interna figure img {
      height: 300px
   }

   .stepper .step .date-step,
   .stepper-comunicazioni .step .date-step {
      width: 18%
   }

   .stepper .step .testo-step,
   .stepper-comunicazioni .step .testo-step {
      width: 82%
   }

   #contenuti-correlati .scheda-correlati {
      height: auto;
      display: block
   }

   .scheda-gestione p span {
      display: none
   }

   .scheda-gestione .thumbs-round-icon {
      width: 60px;
      height: 60px;
      line-height: 54px
   }

   .scheda-gestione .thumbs-round-icon i.material-icons {
      font-size: 32px
   }

   #novita_evidenza,
   .novita-foto {
      min-height: 600px
   }
}

@media(min-width:992px) and (max-width:1200px) {
   .sub_nav li a {
      padding: 13px 12px
   }

   .sub_nav li.megamenu a {
      padding: 13px 6px
   }

   #sub_nav .sub_nav .dropdown-menu {
      width: 960px
   }

   .list_link-utili li a {
      padding: 13px 8px
   }

   #mainheader .social li {
      margin: 0
   }
}

@media(max-width:991px) {
   .headershadow {
      -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
   }

   .nav-item.megamenu {
      position: static
   }

   .nav-item.megamenu>a.dropdown-toggle {
      position: relative
   }

   #sub_nav .sub_nav .dropdown-menu {
      width: 720px;
      transform: translate3d(14px, 32px, 0) !important;
      padding: 24px
   }

   .modal-backdrop.show {
      opacity: 0 !important
   }

   #mainheader.ridotto {
      margin: 0;
      position: fixed;
      left: 0;
      right: 0
   }

   body.ridotto {
      padding-top: 0
   }

   .container {
      padding-left: 12px !important;
      padding-right: 12px !important;
   }

   .hidden-xs {
      display: none !important
   }

   html {
      overflow-x: hidden
   }

   body {
      font-size: 16px;
      line-height: 1.2
   }

   #mainheader,
   body.home #mainheader {
      height: 120px
   }


   #mainheader .preheader .entesup {
      font-size: .875em;
      font-weight: 700;
      text-align: left;
      text-indent: 0 !important
   }

   #mainheader .preheader .accedi {
      border-left: 2px solid #17324d;
      margin: 0;
      padding: 0 0 0 16px
   }

   #mainheader .preheader .accedi .btn-accedi {
      padding: 0 8px
   }

   #mainheader .cerca .form-control,
   #mainheader .preheader .accedi .dropdown-menu:before,
   #mainheader .preheader .accedi span,
   #mainheader .preheader .accedi svg.icon-expand,
   #mainheader .social,
   .md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-list-text em {
      display: none
   }


   #mainheader .cerca {
      display: inline
   }

   #mainheader .p_cercaMobile {
      display: inline-block;
      float: right;
      height: 96px;
      padding-top: 35px;
      text-align: center;
      padding-right: 8px
   }

   #mainheader .menu-btn,
   #searchModal .modal-body-search .form-group .ico-prefix {
      width: 24px;
      height: 24px
   }

   #mainheader .p_cercaMobile .btn-cerca {
      height: 24px;
      width: 24px;
      border: 0;
      color: #fff;
      padding: 0;
      background: 0 0
   }

   #mainheader .p_cercaMobile .btn-cerca svg.icon {
      width: 28px;
      height: 28px;
      vertical-align: middle;
      fill: #fff
   }

   #mainheader .p_cercaMobile .btn-cerca:hover svg.icon {
      fill: #333
   }

   #mainheader.ridotto .p_cercaMobile {
      height: 64px;
      padding-top: 16px
   }

   #mainheader .menu-btn {
      display: block !important;
      float: left;
      padding: 0;
      margin: 28px 28px 0;
      border: 0;
      background: 0 0
   }

   #mainheader.push-body-toright .menu-btn .icon-bar,
   #mainheader.ridotto .menu-btn .icon-bar {
      background-color: #FFF !important
   }

   #mainheader.ridotto .menu-btn {
      margin-top: 28px
   }

   #mainheader .menu-btn .icon-bar {
      position: relative;
      z-index: 171;
      width: 24px;
      height: 4px;
      background-color: #4e4e4e;
      display: block;
      border-radius: 0
   }

   #mainheader .menu-btn .icon-bar+.icon-bar {
      margin-top: 4px
   }

   #mainheader .menu-btn .icon-bar1,
   #mainheader .menu-btn .icon-bar3,
   #mainheader .navbar-toggle.menu-active .icon-bar1,
   #mainheader .navbar-toggle.menu-active .icon-bar3 {
      width: 24px
   }

   #mainheader .navbar-toggle.menu-active {
      position: fixed;
      top: 40px;
      left: 300px
   }

   #cercaMobile {
      position: absolute;
      right: 0;
      left: 0;
      padding: 15px 8px;
      background-color: #06c;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      z-index: 90
   }

   #mainheader #med-header {
      height: 80px !important
   }

   #mainheader .comune .logoimg img {
      height: 60px;
      max-height: 60px;
      margin-top: 20px
   }

   #mainheader.ridotto #cercaMobile {
      top: 56px
   }

   .comune .align-self-center {
      -ms-flex-item-align: center !important;
      align-self: normal !important
   }

   .navbar-toggler-icon {
      background-image: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiP�I+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=')
   }

   .cbp-spmenu-vertical {
      width: 320px
   }

   .cbp-spmenu-left {
      left: -320px
   }

   .cbp-spmenu-right {
      right: -320px
   }

   .push-body-toright .push_container {
      left: 320px
   }

   .modal-header-fullsrc {
      padding-top: 14px;
      padding-bottom: 14px;
      -webkit-box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .06);
      box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .06);
      margin: 0 0 24px
   }

   .modal-header-fullsrc h1 {
      font-size: 1.125em;
      text-align: center;
      display: inline-block
   }

   .modal-header-fullsrc .confirm {
      top: 0;
      right: 6px;
      left: auto;
      min-width: 0
   }

   #spidModal .modal-header-fullsrc {
      -webkit-box-shadow: none;
      box-shadow: none
   }

   #spidModal .modal-header-fullsrc .close {
      left: auto
   }

   #spidModal .modal-header-fullsrc .back svg.icon,
   #spidModal .modal-header-fullsrc .close svg.icon {
      width: 32px;
      height: 32px
   }

   img.spidback {
      height: 32px
   }

   #spid-step1 h3,
   #spid-step2 h3,
   #spid-step3 h3,
   #spid-step4 h3,
   #spid-step5 h3 {
      margin: 48px 0 8px;
      font-size: 2em
   }

   #spid-step1 p,
   #spid-step2 p,
   #spid-step3 p,
   #spid-step4 p,
   #spid-step5 p,
   #spidModal .spid-inputgroup label,
   .altri-argomenti .altri-argomenti-titolo h4,
   section .pagination .page-item .page-link i[class^=it-] {
      font-size: .875em
   }

   #footer .lista-linkutili .footer-list,
   #footer .postFooter,
   #searchModal .modal-body-search .form-blockopz ul li a,
   #spidModal .btn-bianco,
   #spidModal .btn-blu,
   #spidModal .btn-trasparente,
   #spidModal h4,
   #spidModal p.desc,
   .altri-argomenti .altri-argomenti-elenco a.badge-argomenti,
   .cookiebar p,
   .md-virtual-repeat-container .md-autocomplete-suggestions li {
      font-size: 1em
   }

   #spidModal .spid-inputgroup input {
      font-size: 1.5em
   }

   .searchWidgetModal .modal-header-title {
      border: 0;
      padding-bottom: 0
   }

   .modal-header-fullsrc .back,
   .modal-header-fullsrc .close {
      margin-top: 0;
      position: absolute;
      left: 0;
      z-index: 100
   }

   .modal-header-fullsrc .back svg.icon,
   .modal-header-fullsrc .close svg.icon {
      width: 28px;
      height: 28px
   }

   #searchModal #cerca-txt,
   #searchModal .search-filter-dategroup .form-group input {
      height: 40px;
      font-size: 1em
   }

   #searchModal .modal-body-search .form-filtro {
      margin-top: 24px;
      margin-bottom: 48px
   }

   #searchModal .form-group .ico-sufix {
      width: 40px
   }

   .searchWidgetModal .form-group {
      margin-top: 8px
   }

   #searchModal .modal-body-search .form-group,
   #searchModal md-autocomplete,
   #searchModal md-autocomplete md-autocomplete-wrap {
      height: 40px
   }

   #searchModal .modal-body-search .search-start {
      margin-top: 32px
   }

   #searchModal #cerca-txt {
      padding-left: 40px
   }

   md-autocomplete .md-show-clear-button button md-icon {
      width: 26px;
      height: 26px
   }

   #footer .logotxt {
      width: 150px
   }

   #footer .logotxt h3 {
      font-size: 1.375em;
      vertical-align: bottom
   }

   #footer section {
      margin-bottom: 0
   }

   #footer section .intestazione {
      margin-bottom: 8px
   }

   #footer h4 {
      font-size: .875em;
      border: 0;
      padding: 24px 0 0
   }

   #footer h4 svg.icon {
      margin-right: 8px
   }

   #footer .lista-linkutili h4 {
      border-top: 1px solid #fff
   }

   #footer .lista-linkutili div[class*=' col-']:first-of-type h4,
   #footer .lista-linkutili div[class^=col]:first-of-type h4 {
      border: 0
   }

   #footer .lista-sezioni .footer-list {
      border-bottom: 1px solid #fff;
      padding: 0 0 24px 34px;
      margin: 0;
      font-size: 1em
   }

   #footer p {
      font-size: 1em;
      margin-bottom: 24px
   }

   #footer form {
      margin: 16px 0 24px;
      font-size: 1em
   }

   #footer .postFooter a {
      line-height: 1.5
   }

   .altri-argomenti {
      margin-top: 24px
   }

   .altri-argomenti .altri-argomenti-titolo {
      float: none;
      margin-bottom: 8px
   }

   .altri-argomenti .altri-argomenti-elenco {
      margin-left: 0
   }

   section .titolosezione h3 {
      margin: 0 0 24px
   }

   section .pagination {
      margin-top: 16px
   }

   section .pagination .page-item .page-link {
      font-size: .875em;
      height: 32px;
      min-width: 32px;
      padding: 0
   }

   .bricklayer-column {
      padding-left: 6px !important;
      padding-right: 6px !important
   }

   .breadcrumb-container {
      display: none !important
   }

   .scheda .scheda-testo.nopadd img {
      max-width: 100%
   }

   #argomenti-amministrazione .widget,
   #argomenti-documenti .widget,
   #argomenti-inevidenza .widget,
   #introricerca {
      margin: 0
   }

   #sezioni-documenti.sezioni-documenti-tema .scheda-gestione,
   #sezioni-servizi .scheda-gestione,
   .bricklayer-column .scheda-news,
   .scheda,
   .scheda-app,
   .scheda-breve:last-child,
   .scheda-brick {
      margin-bottom: 16px
   }

   #intro #menu-sezione,
   #intro .titolo-sezione,
   #intro-argomenti .titolo-sezione,
   #introricerca .titolo-sezione {
      margin-top: 8px
   }

   #intro .titolo-sezione h2,
   #intro-argomenti .titolo-sezione h2,
   #introricerca .titolo-sezione h2 {
      font-size: 2em;
      line-height: 1
   }

   #articolo-dettaglio-testo .cerca-risultato-item .tutte,
   #intro #menu-sezione h4,
   .cerca-risultato-item .categoria span,
   .scheda-news .scheda-argomenti,
   .scheda-news .scheda-testo p {
      display: none
   }

   #intro #menu-sezione .list-group-item,
   .box-argomento #menu-area .scheda-gestione p,
   .box-argomento #menu-area .scheda-gestione p a,
   .cerca-risultati .btn-trasparente,
   .scheda .scheda-testo p,
   .scheda .scheda-testo-small h4,
   .scheda .scheda-testo-small p,
   .scheda-lista li a,
   .scheda-sito a,
   .scheda-sito a strong {
      font-size: 1em
   }

   #intro #cerca-intro,
   #intro .ricerca-testo,
   #introricerca #cerca-intro,
   #introricerca .ricerca-testo {
      font-size: 1em;
      height: 40px
   }

   #intro .form-group .ico-sufix,
   #introricerca .form-group .ico-sufix {
      width: 40px
   }

   .scheda {
      height: auto
   }

   .box-argomento #menu-area p,
   .scheda .scheda-icona-small,
   .tutte {
      font-size: .875em
   }

   .scheda .scheda-testo h4,
   .scheda-news .scheda-data strong {
      font-size: 1.5em
   }

   .scheda .scheda-footer {
      padding: 16px 24px 13px
   }

   .row-eq-height,
   .scheda-margine {
      margin-bottom: 0
   }

   #argomenti-inevidenza,
   #sezioni-inevidenza,
   #sezioni-servizi,
   #sezioninterne-inevidenza {
      padding: 32px 0
   }

   #sezioni-notizie,
   .box-argomento {
      padding: 32px 0 0
   }

   #argomenti-amministrazione .widget,
   #argomenti-documenti .widget,
   #argomenti-servizi .widget,
   #sezioni-amministrazione .widget,
   #sezioninterne-amministrazione .widget,
   #sezioninterne-servizi .widget {
      padding: 0 0 32px
   }

   #sezioninterne-novita {
      padding: 32px 0;
      margin: 0
   }

   #sezioni-infoutili .mt64 {
      margin-top: 32px !important
   }

   #sezioni-infoutili .mb64 {
      margin-bottom: 32px !important
   }

   .scheda-news {
      position: relative;
      display: block;
      min-height: 120px
   }

   .scheda-news .scheda-foto {
      position: absolute;
      width: 144px;
      right: 0;
      height: 100%
   }

   .scheda-news .scheda-foto figure {
      height: 100%
   }

   .scheda-news .scheda-foto img {
      border-radius: 0 4px 4px 0;
      object-fit: cover;
      height: 100%;
      width: 144px
   }

   .scheda-news .scheda-data {
      height: 64px;
      width: 64px;
      padding: 6px 0
   }

   .scheda-news .scheda-icona-small {
      margin-bottom: 4px
   }

   .scheda-news .scheda-icona-small.mr114 {
      margin-right: 114px
   }

   .scheda-news .scheda-icona-small i {
      vertical-align: middle
   }

   .scheda-news .scheda-testo {
      flex: none;
      margin-right: 144px
   }

   .scheda-news .scheda-testo h4 {
      font-size: 1em;
      line-height: 1.3
   }

   .scheda-news .no-mr-sm {
      margin-right: 0
   }

   #articolo-dettaglio-testo #menu-sinistro-cerca,
   .cerca-risultati,
   .scheda-news .mt32 {
      margin-top: 16px
   }

   .veditutti {
      text-align: left;
      margin: 8px 0 8px 8px
   }

   .veditutti .btn-verde {
      background: 0 0;
      padding: 4px 8px;
      font-size: .875em;
      color: #333 !important;
      text-transform: uppercase;
      letter-spacing: 1px
   }

   .veditutti .btn-verde:hover {
      color: #fff !important
   }

   .veditutti button svg.icon {
      display: inline-block;
      vertical-align: bottom;
      width: 18px;
      height: 18px;
      fill: #333
   }

   .veditutti button:hover svg.icon {
      fill: #fff
   }

   #intro-argomenti,
   #intro-sititematici {
      padding: 0;
      margin: 0;
      background: #fff
   }

   #intro-argomenti .bg-argomento,
   #intro-sititematici .bg-argomento {
      height: 240px;
      position: relative
   }

   #intro-sititematici .sitotematico-titolo {
      margin-top: -240px;
      height: 240px;
      padding-top: 24px
   }

   #intro-sititematici h2 {
      font-size: 2.5em
   }

   #intro-sititematici .box-sitotematico {
      margin: 0;
      padding: 32px 0 16px
   }

   #intro-sititematici .box-sitotematico .titolo-sezione h3 {
      font-size: 2em
   }

   .box-argomento {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none
   }

   #argomenti-novita .widget,
   .box-argomento #menu-area {
      margin: 32px 0
   }

   #sezioni-servizi.sezioni-servizi-tema {
      padding-top: 0
   }

   #sezioni-documenti.sezioni-documenti-tema {
      padding: 32px 0;
      margin-bottom: 32px
   }

   .scheda-sito {
      margin: 16px 0
   }

   section .titolettosezione {
      border: 0
   }

   section .titolettosezione h3 {
      border-bottom: 2px solid #f1f2f4;
      padding-bottom: 8px
   }

   section .titolettosezione .float-left,
   section .titolosezione .float-left {
      float: none !important
   }

   .filtro {
      text-align: left;
      margin-top: 32px
   }

   .filtro .btn-trasparente {
      margin: 0 8px 8px 0
   }

   #articolo-dettaglio-testo .pagination-wrapper {
      margin-top: 0
   }

   #help p {
      font-size: 1em;
      margin: 16px 0 32px
   }

   #owl-help.owl-carousel .owl-stage-outer {
      overflow: hidden
   }

   #owl-help .owl-item,
   #owl-help .owl-item:last-of-type {
      padding: 0
   }

   .scheda-help .scheda-icona-grande {
      height: 40px;
      max-width: 55px;
      display: block;
      margin-bottom: 8px
   }

   .scheda-help .scheda-icona-grande svg.icon1 {
      height: 40px;
      width: 60px
   }

   .scheda-help .scheda-icona-grande svg.icon2 {
      height: 40px;
      width: 40px
   }

   .scheda-help .scheda-footer span {
      margin-bottom: 8px;
      display: inline-block
   }

   #centroinfo .testo-centroinfo {
      width: 296px;
      float: none;
      margin: 16px auto 56px
   }

   #centroinfo .testo-centroinfo h4 {
      font-size: 1.188em
   }

   #centroinfo .box-numeroverde {
      width: 216px;
      height: 64px;
      font-size: 1.625em
   }

   #articolo-dettaglio-testo #menu-sinistro-cerca h4 {
      margin-top: 22px;
      font-size: 1em
   }

   .cerca-risultato-item {
      margin-top: 24px;
      padding-bottom: 24px
   }

   #articolo-dettaglio-testo .cerca-risultato-item {
      border-bottom: 1px solid #d8d8d8
   }

   #articolo-dettaglio-testo .cerca-risultato-item h4 {
      margin-left: 32px;
      margin-top: -24px
   }

   #articolo-dettaglio-testo .cerca-risultato-item p {
      margin-left: 32px
   }

   #intro md-autocomplete,
   #intro md-autocomplete input#cerca-txt-intro,
   #intro md-autocomplete-wrap {
      height: 40px
   }



   .scheda .scheda-testo.nopadd img {
      max-width: 100%
   }

   #argomenti-amministrazione .widget,
   #argomenti-documenti .widget,
   #argomenti-inevidenza .widget,
   #introricerca {
      margin: 0
   }

   #sezioni-documenti.sezioni-documenti-tema .scheda-gestione,
   #sezioni-servizi .scheda-gestione,
   .bricklayer-column .scheda-news,
   .scheda,
   .scheda-app,
   .scheda-breve:last-child,
   .scheda-brick {
      margin-bottom: 16px
   }

   #intro #menu-sezione,
   #intro .titolo-sezione,
   #intro-argomenti .titolo-sezione,
   #introricerca .titolo-sezione {
      margin-top: 8px
   }

   #intro .titolo-sezione h2,
   #intro-argomenti .titolo-sezione h2,
   #introricerca .titolo-sezione h2 {
      font-size: 2em;
      line-height: 1
   }

   #articolo-dettaglio-testo .cerca-risultato-item .tutte,
   #intro #menu-sezione h4,
   .cerca-risultato-item .categoria span,
   .scheda-news .scheda-argomenti,
   .scheda-news .scheda-testo p {
      display: none
   }

   #intro #menu-sezione .list-group-item,
   .box-argomento #menu-area .scheda-gestione p,
   .box-argomento #menu-area .scheda-gestione p a,
   .cerca-risultati .btn-trasparente,
   .scheda .scheda-testo p,
   .scheda .scheda-testo-small h4,
   .scheda .scheda-testo-small p,
   .scheda-lista li a {
      font-size: 1em
   }

   #intro #cerca-intro,
   #intro .ricerca-testo,
   #introricerca #cerca-intro,
   #introricerca .ricerca-testo {
      font-size: 1em;
      height: 40px
   }

   #intro .form-group .ico-sufix,
   #introricerca .form-group .ico-sufix {
      width: 40px
   }

   .scheda {
      height: auto
   }

   .box-argomento #menu-area p,
   .scheda .scheda-icona-small,
   .tutte {
      font-size: .875em
   }

   .scheda .scheda-testo h4,
   .scheda-news .scheda-data strong {
      font-size: 1.5em
   }

   .scheda .scheda-footer {
      padding: 16px 24px 13px
   }

   .row-eq-height,
   .scheda-margine {
      margin-bottom: 0
   }

   #argomenti-inevidenza,
   #sezioni-inevidenza,
   #sezioni-servizi,
   #sezioninterne-inevidenza {
      padding: 32px 0
   }

   #sezioni-notizie,
   .box-argomento {
      padding: 32px 0 0
   }

   #argomenti-amministrazione .widget,
   #argomenti-documenti .widget,
   #argomenti-servizi .widget,
   #sezioni-amministrazione .widget,
   #sezioninterne-amministrazione .widget,
   #sezioninterne-servizi .widget {
      padding: 0 0 32px
   }

   #sezioninterne-novita {
      padding: 32px 0;
      margin: 0
   }

   #sezioni-infoutili .mt64 {
      margin-top: 32px !important
   }

   #sezioni-infoutili .mb64 {
      margin-bottom: 32px !important
   }

   .scheda-news {
      position: relative;
      display: block;
      min-height: 120px
   }

   .scheda-news .scheda-foto {
      position: absolute;
      width: 144px;
      right: 0;
      height: 100%
   }

   .scheda-news .scheda-foto figure {
      height: 100%
   }

   .scheda-news .scheda-foto img {
      border-radius: 0 4px 4px 0;
      object-fit: cover;
      height: 100%;
      width: 144px
   }

   .scheda-news .scheda-data {
      height: 64px;
      width: 64px;
      padding: 6px 0
   }

   .scheda-news .scheda-icona-small {
      margin-bottom: 4px
   }

   .scheda-news .scheda-icona-small.mr114 {
      margin-right: 114px
   }

   .scheda-news .scheda-icona-small i {
      vertical-align: middle
   }

   .scheda-news .scheda-testo {
      flex: none;
      margin-right: 144px
   }

   .scheda-news .scheda-testo h4 {
      font-size: 1em;
      line-height: 1.3
   }

   .scheda-news .no-mr-sm {
      margin-right: 0
   }

   #articolo-dettaglio-testo #menu-sinistro-cerca,
   .cerca-risultati,
   .scheda-news .mt32 {
      margin-top: 16px
   }

   .veditutti {
      text-align: left;
      margin: 8px 0 8px 8px
   }

   .veditutti .btn-verde {
      background: 0 0;
      padding: 4px 8px;
      font-size: .875em;
      color: #333 !important;
      text-transform: uppercase;
      letter-spacing: 1px
   }

   .veditutti .btn-verde:hover {
      color: #fff !important
   }

   .veditutti button svg.icon {
      display: inline-block;
      vertical-align: bottom;
      width: 18px;
      height: 18px;
      fill: #333
   }

   .veditutti button:hover svg.icon {
      fill: #fff
   }

   #intro-argomenti,
   #intro-sititematici {
      padding: 0;
      margin: 0;
      background: #fff
   }

   #intro-argomenti .bg-argomento,
   #intro-sititematici .bg-argomento {
      height: 240px;
      position: relative
   }

   #intro-sititematici .sitotematico-titolo {
      margin-top: -240px;
      height: 240px;
      padding-top: 24px
   }

   #intro-sititematici h2 {
      font-size: 2.5em
   }

   #intro-sititematici .box-sitotematico {
      margin: 0;
      padding: 32px 0 16px
   }

   #intro-sititematici .box-sitotematico .titolo-sezione h3 {
      font-size: 2em
   }

   .box-argomento {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none
   }

   #argomenti-novita .widget,
   .box-argomento #menu-area {
      margin: 32px 0
   }

   #sezioni-servizi.sezioni-servizi-tema {
      padding-top: 0
   }

   #sezioni-documenti.sezioni-documenti-tema {
      padding: 32px 0;
      margin-bottom: 32px
   }

   .scheda-sito {
      margin: 16px 0
   }

   .scheda-sito a,
   .scheda-sito a strong {
      font-size: 1.18em
   }

   section .titolettosezione {
      border: 0
   }

   section .titolettosezione h3 {
      border-bottom: 2px solid #f1f2f4;
      padding-bottom: 8px
   }

   section .titolettosezione .float-left,
   section .titolosezione .float-left {
      float: none !important
   }

   .filtro {
      text-align: left;
      margin-top: 32px
   }

   .filtro .btn-trasparente {
      margin: 0 8px 8px 0
   }

   #articolo-dettaglio-testo .pagination-wrapper {
      margin-top: 0
   }

   #help p {
      font-size: 1em;
      margin: 16px 0 32px
   }

   #owl-help.owl-carousel .owl-stage-outer {
      overflow: hidden
   }

   #owl-help .owl-item,
   #owl-help .owl-item:last-of-type {
      padding: 0
   }

   .scheda-help .scheda-icona-grande {
      height: 40px;
      max-width: 55px;
      display: block;
      margin-bottom: 8px
   }

   .scheda-help .scheda-icona-grande svg.icon1 {
      height: 40px;
      width: 60px
   }

   .scheda-help .scheda-icona-grande svg.icon2 {
      height: 40px;
      width: 40px
   }

   .scheda-help .scheda-footer span {
      margin-bottom: 8px;
      display: inline-block
   }

   #centroinfo .testo-centroinfo {
      width: 296px;
      float: none;
      margin: 16px auto 56px
   }

   #centroinfo .testo-centroinfo h4 {
      font-size: 1.188em
   }

   #centroinfo .box-numeroverde {
      width: 216px;
      height: 64px;
      font-size: 1.625em
   }

   #articolo-dettaglio-testo #menu-sinistro-cerca h4 {
      margin-top: 22px;
      font-size: 1em
   }

   .cerca-risultato-item {
      margin-top: 24px;
      padding-bottom: 24px
   }

   #articolo-dettaglio-testo .cerca-risultato-item {
      border-bottom: 1px solid #d8d8d8
   }

   #articolo-dettaglio-testo .cerca-risultato-item h4 {
      margin-left: 32px;
      margin-top: -24px
   }

   #articolo-dettaglio-testo .cerca-risultato-item p {
      margin-left: 32px
   }

   #intro md-autocomplete,
   #intro md-autocomplete input#cerca-txt-intro,
   #intro md-autocomplete-wrap {
      height: 40px
   }

   #mainheader .header-landing,
   .header-landing,
   .header-landing#mainheader {
      height: 120px !important
   }
}

@media(min-width:992px) {
   #mainheader .cerca {
      margin-top: 5px !important
   }

   .modal-header-fullsrc .search-filter-type {
      max-width: 960px
   }

   #mainheader .comune .logoimg img {
      height: 60px;
      max-height: 60px;
      margin-top: 30px
   }

   .hidden-md,
   .socialmobile {
      display: none !important
   }

   .modal-backdrop.show {
      opacity: 0 !important
   }

   .current-page-ancestor,
   .current_page_item {
      background-image: url(/wp-content/uploads/2019/12/3pix.png);
      background-position: left bottom;
      background-repeat: repeat-x;
      display: inline-block !important;
      vertical-align: top !important
   }

   #mainheader #med-header .comune {
      height: 120px !important
   }

   #mainheader .cerca {
      margin-top: -2px !important
   }

   #mainheader.ridotto .comune .logoimg img {
      margin-top: 20px !important
   }

   .container {
      max-width: 960px;
      padding: 0
   }

   .ras a {
      width: 100% !important;
      text-align: right !important
   }

   .ras-logo {
      width: 100%;
      text-align: right
   }

   .modal-header-fullsrc .search-filter-type {
      max-width: 960px
   }

   .hidden-md,
   .socialmobile {
      display: none !important
   }

   .modal-backdrop.show {
      opacity: 0 !important
   }

   .current-page-ancestor,
   .current_page_item {
      content: "";
      border-bottom: 4px solid #fff;
      color: #fff;
      position: relative;
      bottom: 0
   }

   #mainheader #med-header .comune {
      height: 120px !important
   }

   #mainheader .cerca {
      margin-top: -2px !important
   }

   #mainheader.ridotto .comune .logoimg img {
      margin-top: 20px !important
   }

   .navbar .dropdown-menu .link-list-wrapper ul li a h3,
   .navbar .dropdown-menu .link-list-wrapper ul li a i,
   .navbar .dropdown-menu .link-list-wrapper ul li a span {
      color: var(--primary-color);
      padding: 8px;
   }

   .ridotto .navbar .navbar-collapsable .navbar-nav li a.nav-link {
      font-weight: 400;
      padding: 13px 20px;
      color: #fff;
      border-bottom: 3px solid transparent;
      font-size:
         16px;
   }

   .navbar .navbar-collapsable .navbar-nav li a.nav-link {
      font-weight: 400;
      padding: 13px 40px;
      color: #fff;
      border-bottom: 3px solid transparent;
   }

   .navbar {
      background: var(--primary-color);
       !important;

   }
}

@media (min-width:1200px) {
   .container {
      max-width: 1184px !important;
      padding: 0
   }

   #mainheader . {
      height: 186px !important;
      padding: 0
   }

   .ras .ridotto {
      display: none
   }

   .modal-header-fullsrc .search-filter-type {
      max-width: 1140px
   }

   .hidden-lg,
   .hidden-md {
      display: none !important
   }

   #mainheader .cerca {
      margin-top: 5px !important;
      width: 100%;
   }

   .it-list-wrapper .it-list a:hover {
      -webkit-box-shadow: unset;
      box-shadow: unset;
      color: unset;
      text-decoration: unset;
      background: unset;
      position: relative;
      z-index: 1;
      -webkit-transition: none;
      transition: none
   }

   .it-list-wrapper .it-list a:hover .it-right-zone {
      border-bottom: 1px solid #c5c7c9
   }

   .modal-lg,
   .modal-xl {
      max-width: 1024px;
   }
}

.overlay-panel {
  background-color: rgba(0,65,164,.35)!important;

}
.overlay-wrapper.overlay-hover .overlay-panel {
 opacity:1;
 -webkit-transition:opacity .1s;
 transition:opacity .1s
}
.overlay-wrapper.overlay-hover:hover .overlay-panel {
 opacity:0;
 -webkit-transition:opacity .2s;
 transition:opacity .2s
}
.badge-primary {
  color: #fff;
  background-color: var(--primary-color)!important;
}
.img-wrapper-video iframe{max-width:100% !important; max-height:100% !important; }


.ridotto #filters .dropdown-menu.show {
  width: unset !important;
}
.bg-topic-smart {
  background-color: rgba(45, 179, 165, 0.5); /* #2db3a5 */
}

.bg-topic-green {
  background-color: rgba(154, 196, 64, 0.5); /* #9ac440 */
}

.bg-topic-social {
  background-color: rgba(219, 92, 87, 0.5); /* #db5c57 */
}

.bg-topic-governance {
  background-color: rgba(14, 111, 182, 0.5); /* #0e6fb6 */
}
.toc-entry {
  margin-bottom: 15px;
  list-style: none;
  font-size: 0.925em;
  font-weight: 600;
  text-decoration: none!important;
}

.d-contents {display:contents!important}