@media (min-width:992px) {
    #mainheader .cerca {
        margin-top: 5px !important;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1184px !important;
        padding: 0
    }

    #mainheader . {
        height: 186px !important;
        padding: 0
    }

    .ras .ridotto {
        display: none
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px;
        padding: 0
    }

    .ras a {
        width: 100% !important;
        text-align: right !important
    }

    .ras-logo {
        width: 100%;
        text-align: right
    }
}

@media(min-width:767px) {

    .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
    }
}

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

body .menu-underlayer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background-color: rgba(0, 56, 130, 1);
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

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

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

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

#mainheader {
    height: 214px;
    color: #fff;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#mainheader .preheader {
    height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 40px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#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;

}

#mainheader .logoimg {
    display: inline-block
}

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

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

#mainheader .preheader .entesup a {
    color: #fff
}

#mainheader .preheader .entesup .logotxt 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 .sitiverticali a: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:hover span {
    color: #333;
    text-decoration: underline
}

#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 {
    fill: #333
}

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

#mainheader.ridotto .preheader .accedi span {
    margin: 0
}

#mainheader .preheader .accedi .btn-accedi#dropdownAP .avatar {
    vertical-align: middle
}

#mainheader .preheader .accedi.show .btn-accedi 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
}

#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: 0 transparent !important
}

#mainheader .comune .logotxt {
    vertical-align: middle;
    height: 60px;
    text-align: left;
    margin-left: 0;
    display: block;
    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;
}

#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 {
    color: #fff !important;
    text-decoration: none;
    /*! width: 500px; */
    display: block;
    height: 72px;
    max-height: 72px
}

#mainheader .comune .logotxt h1 a:focus,
#mainheader .comune .logotxt h1 a:hover:focus {
    text-decoration: underline;
    outline: 1px solid #ff8c00 !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 {
    color: #333 !important;
    text-decoration: none
}

#mainheader .social a svg.icon {
    fill: #fff;
    width: 26px;
    height: 26px
}

#mainheader .social a:hover svg.icon {
    fill: #333
}

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

#mainheader .social li:last-child {
    margin-right: 0
}

#mainheader .cerca {
    margin-top: -2px;
    padding-top: 0
}

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

#mainheader .btn-cerca {
    height: 44px;
    width: 44px;
    border: 0;
    border-radius: 50%;
    color: #17324d;
    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 .p_cercaMobile {
    display: none
}

#mainheader #sub_nav {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 54px;
    line-height: 54px;
    background: #bd171c;
    color: #fff !important;
    font-weight: 700;
}

#mainheader .menu-btn {
    display: none
}

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

#mainheader.ridotto {
    height: 104px;
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    z-index: 1071;
    margin-top: 0;
    margin-bottom: 56px;
    background: #bd171c !important;
    width: 100%
}

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

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

#mainheader.ridotto .preheader .accedi svg {
    display: none
}

#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 #sub_nav .list_link-utili {
    display: none
}

#mainheader.ridotto .social {
    display: none !important
}

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

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

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

#mainheader.ridotto .ras-sticky {
    display: inline-block !important
}

#mainheader.ridotto .ras {
    display: none !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 .bar-content-edit {
    display: none
}

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

.sub_nav li a:focus,
.sub_nav li a:hover {
    color: #30373d;
    text-decoration: underline
}

.list_link-utili li a:focus,
.list_link-utili li a:hover {
    color: #333;
    text-decoration: underline
}

.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 a {
    padding: 12px 25px
}

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

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

.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 .megamenu a[data-toggle=dropdown][aria-expanded=true] svg.icon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

#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 .dropdown-menu:before {
    display: none
}

#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
}

#sub_nav .sub_nav .nav-item.megamenu.show>a.dropdown-toggle:before {
    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
}

#sub_nav .scheda-megamenu .scheda-foto figure {
    margin: 0
}

#sub_nav .scheda-megamenu .scheda-foto a {
    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;
    text-transform: uppercase;
    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
}

#sub_nav .scheda-megamenu .scheda-footer {
    margin-top: 16px
}

#sub_nav .linksezione .tutte {
    color: #333;
    font-size: .778em;
    text-transform: uppercase;
    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
}

#sub_nav .linksezione .tutte:hover {
    color: #17324d;
    text-decoration: underline
}

#sub_nav .linksezione .tutte:hover svg.icon {
    fill: #17324d
}

#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
}

#sub_nav #owl-megamenu-doc .owl-item .item,
#sub_nav #owl-megamenu-ser .owl-item .item {
    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
}

#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
}

#sub_nav .owl-megamenu .owl-dots .owl-dot.active span {
    opacity: 1
}

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

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

.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;
    position: relative;
    left: 0;
    padding: 0 !important
}

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

.push_container {
    position: relative;
    left: 0
}

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

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

.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
}

.push-body-toright .body_wrapper {
    background: #17324d !important
}

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

.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: all .3s cubic-bezier(.35, .085, .305, 1.005);
    -moz-transition: all .3s cubic-bezier(.35, .085, .305, 1.005);
    -o-transition: all .3s cubic-bezier(.35, .085, .305, 1.005);
    transition: all .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 25px
}

.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
}

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

.cbp-spmenu .usermail-burger {
    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 {
    display: inline-block
}

.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: inline-block;
    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
}

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

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

.navmenu li a.current {
    font-weight: 700
}

.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
}

.navmenu a,
.navmenu li.active ul,
.navmenu li.active ul li.active ul {
    display: block
}

ul.navmenu {
    padding: 0 0 25px 0
}

.navmenu {
    margin: 0
}

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

.navmenu>li li {
    border: 0
}

.navmenu a {
    outline: 0;
    text-decoration: none
}

.navmenu [tabindex="0"]:focus,
.navmenu li a:focus {
    outline: 3px solid #bd171c !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 a.current span:after {
    color: #17324d
}

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

.navmenu>li.open ul {
    background: 0 0
}

.navmenu>li.open ul li a {
    color: #17324d
}

.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;
    font-weight: 700;
    color: #17324d;
    line-height: 26px;
    padding: 13px 0;
    border-left: 4px solid transparent;
    padding-left: 25px
}

.navmenu li:first-child {
    display: block
}

.navmenu li ul li:first-child {
    display: block
}

.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
}

.utilitymobile li {
    padding: 7px 0
}

.utilitymobile li a {
    color: #17324d
}

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

.utilitymobile li:last-child a {
    font-weight: 700
}

.socialmobile {
    margin: 40px 25px 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
}

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

.socialmobile a svg.icon {
    fill: #17324d;
    width: 22px;
    height: 22px
}

.socialmobile a:hover svg.icon {
    fill: #333
}

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

.socialmobile li:first-child {
    padding-left: 0
}

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

.cbp-spmenu .accedi .btn-accedi {
    color: #17324d
}

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

#spidModal {
    z-index: 1200;
    padding: 0 !important
}

#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
}

#spidModal .header-buttons {
    position: relative
}

#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 0
}

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

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

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

#spidModal p.desc {
    font-size: .889em
}

#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;
    min-height: 48px;
    margin-bottom: 16px
}

#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
}

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(even) {
    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
}

#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
}

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

.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
}

.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-autocomplete>md-autocomplete-wrap>md-progress-linear {
    display: none
}

.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 {
    background: #f2f2f2
}

.md-virtual-repeat-container .md-autocomplete-suggestions li .highlight {
    color: #17324d
}

.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
}

md-autocomplete .md-show-clear-button button md-icon svg path {
    fill: #17324d
}

#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;
    text-transform: uppercase;
    font-size: .889em;
    font-weight: 600;
    border: 0;
    margin-top: 48px;
    padding: 0
}

#searchModal .modal-body-search .search-start: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
}

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

#searchModal .form-group {
    padding: 0
}

.searchWidgetModal .form-group {
    margin-top: 24px
}

#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-check.form-check-group {
    -webkit-box-shadow: none;
    box-shadow: none
}

#searchModal #opzioniTab .search-filter-dategroup .form-group input,
.searchWidgetModal .search-filter-dategroup .form-group input {
    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 {
    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 #searchclear svg.icon {
    width: 32px;
    height: 32px;
    fill: #17324d
}

#searchModal .modal-body-search h2 {
    font-size: .889em;
    color: #bd171c;
    font-weight: 700;
    text-transform: uppercase;
    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
}

#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 {
    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
}

#searchModal .modal-body-search .form-blockopz {
    margin-bottom: 32px
}

#searchModal .modal-body-search .form-blockopz:last-child {
    margin-bottom: 0
}

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

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

#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: 0 auto;
    margin-top: 24px;
    margin-bottom: -14px
}

@media(min-width:1200px) {
    .modal-header-fullsrc .search-filter-type {
        max-width: 1140px
    }
}

@media(min-width:992px) {
    .modal-header-fullsrc .search-filter-type {
        max-width: 960px
    }

    #mainheader .comune .logoimg img {
        height: 60px;
        max-height: 60px;
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .modal-header-fullsrc .search-filter-type {
        max-width: 720px
    }
}

.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 {
    color: #bd171c;
    border-bottom: 2px solid #bd171c;
    text-decoration: none
}

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

.search-filter-ckgroup .search-filter-ckgroup-title {
    font-weight: 700
}

.search-filter-ckgroup label {
    margin-bottom: 0
}

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

md-checkbox.md-checked .md-ink-ripple,
md-checkbox.md-default-theme.md-checked .md-ink-ripple {
    color: #17324d
}

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)
}

md-checkbox:focus {
    outline: 1px solid #ff8c00 !important
}

#searchModal #opzioniTab {
    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 0
}

#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 {
    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: rgba(242, 242, 242, 1);
    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 {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

#ui-datepicker-div.ui-widget.ui-widget-content {
    border: 0
}

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

#ui-datepicker-div.ui-datepicker table {
    font-size: .889em
}

#ui-datepicker-div.ui-datepicker th {
    color: #bd171c;
    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,
html #ui-datepicker-div .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 0;
    background: 0 0;
    font-weight: 600;
    color: #555;
    border: 1px solid transparent
}

#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 {
    color: #555;
    font-weight: 600;
    border: 1px solid #333;
    border-radius: 50%
}

#ui-datepicker-div .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 {
    background-image: url(../img/it-chevron-left.svg)
}

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

#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
    opacity: 1
}

#ui-datepicker-div .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 {
    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 {
    padding: 0 !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 .icon-primary {
    fill: #17324d
}

#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 {
    padding: 0
}

#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.collapsed {
    -webkit-box-shadow: none;
    box-shadow: none
}

#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.ombra.collapsed svg.iconexpand {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

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

#actionModal .link-list-wrapper ul li a:hover {
    background-color: #efefef
}

#actionModal .link-list-wrapper ul li a.left-icon {
    display: block
}

#actionModal .link-list-wrapper ul.link-sublist {
    padding: 0
}

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

#footer a {
    color: #fff
}

#footer a:hover {
    color: #fff;
}

#footer section {
    margin-bottom: 28px
}

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

#footer .logoimg {
    display: inline-block
}

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

#footer .logotxt b {
    font-weight: 700 !important;
}

#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 {
    color: #fff
}

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

#footer .logoimg img {
    height: 48px;
    max-height: 48px
}

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

#footer h4 a {
    vertical-align: middle
}

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

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

#footer p a {
    color: #fff
}

#footer p a:hover {
    color: #fff
}

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

#footer .footer-list li {
    margin: 0
}

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

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

#footer .lista-linkutili .footer-list {
    font-size: .889em
}

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

#footer form label {
    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;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

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

.btn-spid {
    color: #fff;
    padding: 10px 0;
    background-color: #0064d3;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    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 {
    margin: 16px 0
}

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

#footer .social a {
    color: #fff
}

#footer .social a:hover {
    color: #333
}

#footer .social a svg.icon {
    fill: #fff;
    width: 24px;
    height: 24px
}

#footer .social a:hover svg.icon {
    fill: #333
}

#footer .subFooter {
    padding: 20px 0
}

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

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

#footer .subFooter a:first-of-type {
    margin-left: 0
}

.it-footer-small-prints {
    background-color: #c3cfdb !important
}

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

#footer .subFooter .it-footer-small-prints a {
    color: #30373D !important;
}

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

#footer a:focus {
    outline: 1px solid #ff8c00 !important
}

#footer section:last-of-type {
    margin-bottom: 0
}

#topcontrol {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    visibility: hidden;
    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: #bd171c;
    font-size: 1.778em;
    margin: 0 0 36px 0
}

section .titolosezione h3 a {
    color: #bd171c
}

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

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

section h3.titolettosezione {
    color: #17324d;
    font-size: 1.556em;
    font-weight: 600;
    margin: 0 0 36px 0;
    border-bottom: 2px solid #f1f2f4;
    padding-bottom: 16px
}

section .titolettosezione {
    margin: 0 0 36px 0;
    border-bottom: 2px solid #f1f2f4;
    padding-bottom: 16px
}

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

.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
}

.btn-trasparente:last-child {
    margin-right: 0
}

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

.btn-trasparente:hover 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 {
    fill: #fff !important
}

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

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

.btn-trasp {
    font-size: .778em;
    color: #fff !important;
    padding: 8px 24px;
    background: 0 0;
    margin: 0 16px 24px 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-badge {
    background-color: #e6efe8;
    border: 1px solid #e6efe8;
    border-radius: 4px;
    color: #17324d !important;
    font-weight: 600;
    font-size: .889em;
    padding: 4px 12px;
    vertical-align: middle;
    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);
    color: #17324d !important;
    font-weight: 700;
    font-size: .889em;
    padding: 4px 12px;
    vertical-align: middle;
    text-align: center
}

.btn-celeste svg.icon {
    fill: #17324d
}

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

.btn-celeste:hover svg.icon {
    fill: #fff
}

.argomenti {
    margin-bottom: 20px
}

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

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

.altri-argomenti {
    margin-top: 48px
}

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

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

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

.altri-argomenti .altri-argomenti-elenco a.badge-argomenti {
    font-weight: 700
}

.altri-argomenti .altri-argomenti-tutti {
    text-align: center
}

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

section .pagination .page-item .page-link {
    font-size: .778em;
    color: #17324d
}

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 #bd171c;
    color: #555
}

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

section .pagination .page-item .page-link:hover svg.icon {
    fill: #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
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    border: 2px solid #ff8c00 !important
}

h2 a:focus,
h2:focus,
h3 a:focus,
h3:focus,
h4 a:focus,
h4:focus {
    outline: 1px solid #ff8c00 !important
}

.argomenti a.badge-argomenti:focus {
    border: 2px solid #ff8c00 !important;
    outline: 0
}

a.tutte:focus {
    outline: 2px solid #ff8c00 !important
}

#topcontrol:focus {
    outline: 2px solid #ff8c00 !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: 2px solid #ff8c00 !important
}

.servizi-widget .nav-tabs a.nav-link:focus {
    border: 2px solid #ff8c00 !important
}

button.btn.btn-info.mr-2.btn-verde:focus {
    outline: 2px solid #ff8c00 !important
}

button.btn.btn-default.btn-trasparente.active:focus {
    border: 2px solid #ff8c00 !important;
    outline: 0
}

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none !important
}

@media(min-width:1200px) {

    .hidden-lg,
    .hidden-md {
        display: none !important
    }
}

@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(min-width:992px) {
    .hidden-md {
        display: none !important
    }

    .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
    }
}

@media(max-width:991px) {
    #mainheader .comune .logoimg img {
        height: 40px;
        max-height: 40px
    }

    #mainheader .comune .logotxt {
        vertical-align: middle;
        height: 40px;
        text-align: left;
        margin-left: 15px;
        display: block;
        margin-top: 20px
    }

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

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

    #mainheader #med-header .comune {
        height: 80px !important
    }

    #mainheader .entesup a {
        line-height: 1;
        display: inline-block;
        vertical-align: middle
    }

    .sub_nav {
        display: block;
        padding: 0;
        margin: 0
    }

    .sub_nav li {
        font-size: 1em;
        line-height: 20px
    }

    .sub_nav li a {
        padding: 13px 12px
    }

    .sub_nav li.megamenu a {
        padding: 13px 6px
    }

    .list_link-utili li {
        display: none
    }

    .list_link-utili li:last-child {
        display: inline-block
    }

    .cbp-spmenu-vertical {
        width: 300px
    }

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

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

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

@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
    }

    #footer h4 svg.icon {
        margin-right: 2px
    }

    .modal-backdrop.show {
        opacity: 0 !important
    }

    #mainheader.ridotto {
        margin: 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
    }

    body.home #mainheader {
        height: 120px
    }

    #mainheader {
        height: 120px
    }

    #mainheader.ridotto {
        position: fixed;
        left: 0;
        right: 0
    }

    #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 .preheader .accedi span,
    #mainheader .preheader .accedi svg.icon-expand {
        display: none
    }

    #mainheader .preheader .accedi .dropdown-menu:before {
        display: none
    }

    #mainheader .comune .logoimg {
        margin-top: 20px
    }

    #mainheader .cerca {
        display: inline
    }

    #mainheader .cerca .form-control {
        display: none
    }

    #mainheader .p_cercaMobile {
        display: inline-block;
        float: right;
        height: 96px;
        padding-top: 35px;
        text-align: center;
        padding-right: 8px
    }

    #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 .social {
        display: none
    }

    #mainheader .menu-btn {
        display: block !important;
        float: left;
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 28px 28px 0 28px;
        border: 0 none;
        background: 0 0
    }

    #mainheader.push-body-toright .menu-btn .icon-bar {
        background-color: #000 !important
    }

    #mainheader.ridotto .menu-btn {
        margin-top: 28px
    }

    #mainheader.ridotto .menu-btn .icon-bar {
        background-color: #000 !important
    }

    #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 {
        width: 24px
    }

    #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: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 90
    }

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

    #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 0
    }

    .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 0;
        font-size: 2em
    }

    #spid-step1 p,
    #spid-step2 p,
    #spid-step3 p,
    #spid-step4 p,
    #spid-step5 p {
        font-size: .875em
    }

    #spidModal .btn-bianco,
    #spidModal .btn-blu,
    #spidModal .btn-trasparente {
        font-size: 1em
    }

    #spidModal h4 {
        font-size: 1em
    }

    #spidModal .spid-inputgroup label {
        font-size: .875em
    }

    #spidModal .spid-inputgroup input {
        font-size: 1.5em
    }

    #spidModal p.desc {
        font-size: 1em
    }

    .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 .form-group .ico-prefix {
        width: 24px;
        height: 24px
    }

    .md-virtual-repeat-container .md-autocomplete-suggestions li {
        font-size: 1em
    }

    .md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-list-text em {
        display: none
    }

    #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
    }

    #searchModal .modal-body-search .form-blockopz ul li a {
        font-size: 1em
    }

    #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 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 .lista-linkutili .footer-list {
        font-size: 1em
    }

    #footer p {
        font-size: 1em;
        margin-bottom: 24px
    }

    #footer form {
        margin: 16px 0 24px 0;
        font-size: 1em
    }

    #footer .postFooter {
        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-titolo h4 {
        font-size: .875em
    }

    .altri-argomenti .altri-argomenti-elenco {
        margin-left: 0
    }

    .altri-argomenti .altri-argomenti-elenco a.badge-argomenti {
        font-size: 1em
    }

    section .titolosezione h3 {
        margin: 0 0 24px 0
    }

    section .pagination {
        margin-top: 16px
    }

    section .pagination .page-item .page-link {
        font-size: .875em;
        height: 32px;
        min-width: 32px;
        padding: 0
    }

    section .pagination .page-item .page-link i[class^=it-] {
        font-size: .875em
    }

    .cookiebar p {
        font-size: 1em
    }

    .bricklayer-column {
        padding-left: 6px !important;
        padding-right: 6px !important
    }
}

@media(max-width:575px) {
    #mainheader .preheader .entesup {
        margin: 0
    }

    #mainheader .preheader .accedi .btn-accedi {
        padding: 0 4px
    }

    #mainheader .logotxt {
        margin-left: 16px !important;
        width: 135px !important
    }

    #mainheader .logoimg {
        display: none
    }

    #mainheader.ridotto .logotxt {
        width: 140px !important
    }

    #mainheader .comune .logotxt .badge-demo {
        position: absolute;
        margin-left: 4px;
        margin-top: 4px;
        vertical-align: initial
    }

    #mainheader .comune .logotxt .badge-demo b {
        display: none
    }

    #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
    }
}

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

.img-fit-ie img {
    visibility: hidden
}

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

.btn.btn-primary,
.btn.btn-primary a {
    background-color: #bd171c;
    color: #fff
}

.preheader {
    background-color: #17324d !important;
    color: #fff
}

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

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

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

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

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

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

#intro {
    margin: 0 0 0 0
}

#intro_dettaglio_atto {
    margin: 0 0 20px 0
}

#introricerca {
    margin: 0 0 56px 0
}


@media (max-width:991px) {
.breadcrumb-container {display: none!important;}
}

#briciole {
    font-size: .889em
}

section#briciole {
    margin: 32px 0 0 0
}




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

#briciole .breadcrumb {
    padding: 0;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    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:focus {
    border: 2px solid #ff8c00 !important
}

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

#intro #menu-sezione,
#intro .titolo-sezione,
#intro-argomenti .titolo-sezione {
    margin-top: 32px
}

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

#introricerca .titolo-sezione {
    margin-top: 32px
}

#intro .titolo-sezione h2,
#intro-argomenti .titolo-sezione h2,
#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: #bd171c;
    font-size: 1.556em;
    margin: 16px 0 0 0;
    font-weight: 700
}

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

.titolo-sezione svg.titolo-sezione-icon {
    fill: #17324d
}

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

#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 #menu-sezione .list-group-item a:hover,
#intro-argomenti #menu-sezione .list-group-item a:hover {
    text-decoration: underline
}

#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
}

#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
}

#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
}

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

.md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-intro {
    font-size: .889em
}

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

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

#introricerca .form-group {
    padding: 0
}

#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-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
}

#intro .form-group .ico-sufix:focus,
#intro-argomenti .form-group .ico-sufix:focus,
#introricerca .form-group .ico-sufix:focus {
    border: 2px solid #ff8c00 !important;
    outline: 0
}

#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 label {
    color: #555
}

.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;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    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: #bd171c;
    font-size: .889em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    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-item-action:focus,
#articolo-dettaglio-testo #menu-sinistro-cerca .list-group-item-action:hover {
    background: #fff
}

#articolo-dettaglio-testo #menu-sinistro-cerca .list-group .list-group-item {
    border: 0;
    padding: 8px 0 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 a.collapsed svg.iconexpand {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

#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 {
    margin: 16px 0
}

#menu-sinistro-cerca ul li a {
    color: #17324d;
    vertical-align: middle;
    line-height: 1;
    font-size: 1.111em
}

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

#sezioni-inevidenza {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain
}

#sezioninterne-inevidenza {
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    padding: 64px 0 56px 0;
    margin-bottom: 32px
}

#sezioni-ambiti {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain
}

#sezioninterne-ambiti {
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    padding: 64px 0 56px 0;
    margin-bottom: 32px
}

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

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

#sezioninterne-novita {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    margin: 32px 0
}

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

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

#argomenti-novita {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    margin: 0 0 32px 0
}

.row.schede {
    margin-top: 12px
}

.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
}

.scheda-brick {
    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
}

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

.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 {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #eaf2ec;
    margin: 0 16px 0 0;
    text-align: center;
    vertical-align: middle;
    line-height: 43px;
    color: #17324d
}

.scheda-brick .scheda-icona svg.icon {
    width: 24px;
    height: 24px;
    fill: #17324d
}

.scheda-breve {
    height: auto;
    margin-bottom: 24px
}

.scheda-round {
    border-radius: 4px
}

.scheda-margine {
    margin-bottom: 24px
}

.scheda .scheda-icona-small {
    color: #17324d;
    letter-spacing: 1px;
    font-size: .778em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 24px 24px 0 24px
}

.scheda .scheda-icona-small svg.icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
    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-icona-small a:focus {
    outline: 2px solid #ff8c00 !important
}

.scheda .scheda-icona-small .datagrigia {
    color: #555
}

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

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

.scheda .scheda-testo-small h4 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 8px
}

.scheda .scheda-testo-small p {
    font-size: .889em
}

.scheda .scheda-testo-small h4 a {
    color: #17324d
}

.scheda .scheda-footer {
    border-top: 0 solid #d8d8d8;
    flex: 0 0 auto
}

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

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

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

.scheda .scheda-testo {
    padding-top: 8px;
    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 0;
    line-height: 1.1
}

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

.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 {
    color: #17324d
}

.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
}

.tutte {
    color: #333;
    font-size: .778em;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px
}

.tutte:not([href]):not([tabindex]),
.tutte:not([href]):not([tabindex]):focus,
.tutte:not([href]):not([tabindex]):hover {
    color: #333
}

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

.bricklayer-column .scheda-news {
    margin-bottom: 24px
}

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

.scheda-news .scheda-foto figure {
    margin: 0
}

.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 {
    font-size: 1.333em;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.1
}

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

.scheda-news .scheda-argomenti {
    padding: 10px 24px 16px 24px
}

.scheda-news .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
}

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

.scheda-news .scheda-argomenti a:focus {
    outline: 1px solid #ff8c00 !important
}

.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 0
}

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

#sezioni-documenti.sezioni-documenti-tema {
    margin-bottom: 32px
}

#sezioni-servizi .veditutti .btn-verde {
    margin-bottom: 0
}

.scheda-ufficicitta .scheda-footer .tutte,
.scheda-ufficicitta .scheda-testo h4 a,
.scheda-ufficicitta .scheda-testo p {
    color: #fff
}

.scheda-ufficicitta .scheda-footer .tutte svg.icon,
.scheda-ufficicitta .scheda-icona-small svg.icon {
    fill: #fff
}

.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-ufficicitta .scheda-testo {
    margin-right: 140px
}

#sezioni-argomenti {
    margin-bottom: 32px
}

#sezioni-argomenti .altri-argomenti {
    margin-top: 0
}

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

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

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

#intro-argomenti .bg-argomento 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;
    position: relative;
    padding: 32px 64px
}

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

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

#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 {
    border-radius: 4px;
    background-color: #333;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
    color: #fff;
    padding: 16px;
    margin-bottom: 20px
}

.scheda-sito .icona-sito {
    display: table-cell;
    vertical-align: middle;
    width: 64px;
    text-align: center
}

.scheda-sito .icona-sito svg.icon {
    fill: #fff;
    width: 40px;
    height: 40px
}

.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 {
    display: table-cell;
    vertical-align: middle;
    font-size: .889em;
    padding-left: 8px
}

.scheda-sito a {
    color: #fff
}

.scheda-sito a:focus {
    outline: 1px solid #ff8c00 !important
}

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

#siti_tematici .scheda-sito a:focus {
    outline: 1px solid #ff8c00 !important
}

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

.filtro {
    text-align: right
}

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

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

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

#help .bg-help img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#help h3 {
    color: #fff;
    font-size: 1.778em;
    margin: 0
}

#help p {
    color: #fff;
    font-size: .889em;
    margin: 16px 0 48px 0;
    line-height: 1.5
}

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

#owl-help .owl-item.active {
    opacity: 1
}

#owl-help .owl-item:last-of-type {
    padding: 0
}

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

#help .scheda-help .scheda-testo h4 {
    margin-bottom: 24px
}

#help .scheda-help .scheda-testo p {
    color: #455a64;
    margin: 8px 0 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 {
    fill: #17324d
}

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

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

.scheda-help .scheda-footer span {
    font-size: .889em
}

.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 {
    color: #17324d
}

.scheda-help .tutte svg.icon {
    fill: #17324d
}

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

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

#intro-sititematici .bg-argomento img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#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-portaporta {
    width: 83px
}

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

#briciole-sititematici .nav {
    margin-bottom: 24px
}

#briciole-sititematici nav .breadcrumb {
    margin-bottom: 0
}

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

#intro-sititematici .menu-area {
    margin-top: 8px
}

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

.scheda-app {
    border-radius: 4px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
    color: #fff;
    padding: 0;
    margin-bottom: 24px;
    height: 128px;
    position: relative
}

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

.scheda-app .bg-full img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

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

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

.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
}

.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 .bg-centroinfo img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#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
}

@media (max-width:991px) {
    .box-argomento #menu-area {
        margin: 32px 0 0 0
    }

    .scheda .scheda-testo.nopadd img {
        max-width: 100%
    }

    #introricerca {
        margin: 0
    }

    #intro #menu-sezione,
    #intro .titolo-sezione,
    #intro-argomenti .titolo-sezione {
        margin-top: 8px
    }

    #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
    }

    #intro #menu-sezione h4 {
        display: none
    }

    #intro #menu-sezione .list-group-item {
        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 {
        margin-bottom: 16px;
        height: auto
    }

    .tutte {
        font-size: .875em
    }

    .scheda .scheda-icona-small {
        font-size: .875em
    }

    .scheda .scheda-testo-small h4 {
        font-size: 1em
    }

    .scheda .scheda-testo h4 {
        font-size: 1.5em
    }

    .scheda .scheda-testo p,
    .scheda .scheda-testo-small p {
        font-size: 1em
    }

    .scheda-lista li a {
        font-size: 1em
    }

    .scheda .scheda-footer {
        padding: 16px 24px 13px 24px
    }

    .scheda-brick {
        margin-bottom: 16px
    }

    .scheda-margine {
        margin-bottom: 0
    }

    .row-eq-height {
        margin-bottom: 0
    }

    #sezioni-inevidenza {
        padding: 32px 0
    }

    #sezioni-notizie {
        padding: 32px 0 0 0
    }

    #sezioninterne-inevidenza {
        padding: 32px 0
    }

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

    #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-breve:last-child {
        margin-bottom: 16px
    }

    .bricklayer-column .scheda-news,
    .scheda-app {
        margin-bottom: 16px
    }

    .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-data strong {
        font-size: 1.5em
    }

    .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 .scheda-argomenti,
    .scheda-news .scheda-testo p {
        display: none
    }

    .scheda-news .no-mr-sm {
        margin-right: 0
    }

    .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
    }

    #sezioni-servizi {
        padding: 32px 0
    }

    #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 0
    }

    #intro-sititematici .box-sitotematico .titolo-sezione h3 {
        font-size: 2em
    }

    .box-argomento {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 32px 0 0 0
    }

    .box-argomento #menu-area {
        margin: 32px 0
    }

    .box-argomento #menu-area p {
        font-size: .875em
    }

    .box-argomento #menu-area .scheda-gestione p {
        font-size: 1em
    }

    .box-argomento #menu-area .scheda-gestione p a {
        font-size: 1em
    }

    #argomenti-inevidenza {
        padding: 32px 0
    }

    #argomenti-amministrazione .widget,
    #argomenti-documenti .widget,
    #argomenti-inevidenza .widget {
        margin: 0
    }

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

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

    #sezioni-servizi.sezioni-servizi-tema {
        padding-top: 0
    }

    #sezioni-documenti.sezioni-documenti-tema {
        padding: 32px 0 32px 0;
        margin-bottom: 32px
    }

    #sezioni-documenti.sezioni-documenti-tema .scheda-gestione {
        margin-bottom: 16px
    }

    .scheda-sito {
        margin: 16px 0
    }

    .scheda-sito a,
    .scheda-sito a strong {
        font-size: 1em
    }

    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-left: 0;
        margin: 0 8px 8px 0
    }

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

    #help p {
        font-size: 1em;
        margin: 16px 0 32px 0
    }

    #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
    }

    #sezioni-servizi .scheda-gestione {
        margin-bottom: 16px
    }

    #centroinfo .testo-centroinfo {
        width: 296px;
        float: none;
        margin: 0 auto;
        margin-bottom: 56px;
        margin-top: 16px
    }

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

    #centroinfo .box-numeroverde {
        width: 216px;
        height: 64px;
        font-size: 1.625em
    }

    .cerca-risultati {
        margin-top: 16px
    }

    .cerca-risultati .btn-trasparente {
        font-size: 1em
    }

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

    #articolo-dettaglio-testo #menu-sinistro-cerca h4 {
        margin-top: 22px;
        font-size: 1em
    }

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

    .cerca-risultato-item .categoria span {
        display: none
    }

    #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
    }

    #articolo-dettaglio-testo .cerca-risultato-item .tutte {
        display: none
    }

    #intro md-autocomplete,
    #intro md-autocomplete-wrap {
        height: 40px
    }

    #intro md-autocomplete input#cerca-txt-intro {
        height: 40px
    }
}

@media (max-width:576px) {
    .scheda-news .scheda-foto {
        width: 114px
    }

    .scheda-news .scheda-foto img {
        width: 114px
    }

    .scheda-news .scheda-testo {
        margin-right: 114px
    }

    .scheda-news .no-mr-xs {
        margin-right: 0
    }
}

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

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

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

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

#argomenti-sezione .argomenti-sezione-info {
    font-size: .889em
}

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

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

#intro #menu-gestione {
    position: relative;
    height: 100%
}

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

.scheda-evento,
.scheda-persona,
.scheda-video {
    position: relative;
    display: block;
    min-height: 120px;
    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
}

.scheda-persona-singola .scheda-persona {
    height: auto !important
}

.widget-mono .col-md-6 {
    margin-bottom: 32px
}

.widget-mono .col-md-6 .scheda-gestione {
    margin-bottom: 0
}

.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;
    padding: 24px 24px 16px 24px
}

#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;
    font-weight: 700;
    margin-bottom: 8px
}

#articolo-dettaglio-testo .scheda-persona .scheda-testo p,
.scheda-evento .scheda-testo p,
.scheda-persona .scheda-testo p,
.scheda-video .scheda-testo p {
    font-size: .889em
}

.scheda-evento .scheda-testo h4 a,
.scheda-persona .scheda-testo h4 a,
.scheda-video .scheda-testo h4 a {
    color: #17324d
}

.scheda-evento .scheda-icona-small,
.scheda-interna .scheda-icona-small,
.scheda-persona .scheda-icona-small {
    color: #555
}

.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 h4 {
    font-size: 1.111em
}

.scheda-interna .scheda-testo-small .lista-titoli {
    list-style-type: square;
    color: #17324d;
    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: #17324d;
    font-weight: 700
}

.scheda-persona .scheda-testo.scheda-testo-large {
    margin-right: 0
}

.lista-persone {
    margin-top: 12px
}

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

.condividi {
    margin-bottom: 24px
}

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

.condividi svg.icon {
    vertical-align: middle;
    fill: #17324d;
    width: 22px;
    height: 22px
}

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

.condividi a:focus {
    border: 2px solid #ff8c00 !important
}

.list-group-item-action:focus {
    border: 2px solid #ff8c00 !important
}

.data-articolo,
.lettura-articolo {
    margin: 0
}

.data-articolo span,
.lettura-articolo span {
    font-size: .778em
}

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

#intro .btn-celeste {
    margin-top: 8px
}

#articolo-dettaglio-foto figure {
    margin: 0
}

#articolo-dettaglio-foto figure img {
    object-fit: cover;
    height: 380px;
    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 0
}

.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;
    text-transform: uppercase;
    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 [data-toggle=collapse][aria-expanded=false] svg.icon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

#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 {
    margin-top: 8px
}

#menu-sinistro #lista-paragrafi .list-group-item {
    font-size: .889em;
    padding: 6px 0px;
    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 .paragrafo {
    margin-top: 0px
}

#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;
}



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

#articolo-dettaglio-testo .paragrafo-init {
    margin-top: 0
}

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

#articolo-dettaglio-testo .paragrafi_testo_dettaglio h4 {
    margin-top: 32px
}

#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
}

#articolo-dettaglio-testo h4 a {
    color: #17324d
}

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

#articolo-dettaglio-testo .articolo-mt0 p:first-child {
    margin-top: 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 0;
    display: inline-block
}

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

#articolo-dettaglio-testo .note {
    font-size: 14px;
    font-size: .778em
}

#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 h4 {
    color: #fff
}

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

#articolo-dettaglio-testo .galleriaslide .owl-item:first-child {
    padding-left: 0
}

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

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

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

#articolo-dettaglio-testo .galleriaslide figure {
    margin: 0
}

#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
}

#articolo-dettaglio-testo .articolo-ulterioriinfo a {
    color: #17324d
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .argomenti a:hover {
    color: #fff
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .linksmall:hover {
    color: #17324d
}

#articolo-dettaglio-testo .allegati-riga {
    margin-bottom: 32px
}

#articolo-dettaglio-testo .allegati-riga:last-of-type {
    margin-bottom: 0
}

#articolo-dettaglio-testo .allegati-riga .allegato {
    height: 100%
}

.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 0
}

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

.listaluoghi .row:first-child .scheda-ufficio-contatti {
    margin-top: 12px
}

#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 {
    fill: #17324d;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

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

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

#articolo-dettaglio-testo .scheda-allegato h4,
#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-ufficio-contatti .scheda-ufficio-testo h4 {
    font-size: 1em
}

#articolo-dettaglio-testo .scheda-allegato h4 a,
#articolo-dettaglio-testo .scheda-ufficio-contatti h4 a {
    color: #17324d
}

#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 {
    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 svg.icon {
    fill: #17324d;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.scheda-gestione p {
    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 a:focus {
    outline: 1px solid #ff8c00 !important
}

.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 a,
.scheda-gestione-ufficicitta p {
    color: #fff
}

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

#articolo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo {
    margin: 0
}

#articolo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo strong {
    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 16px;
    margin-top: 12px
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-indirizzo {
    margin-bottom: 32px
}

#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-indirizzo .scheda-contatti-mappa a {
    vertical-align: middle
}

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

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

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

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff {
    margin-bottom: 16px
}

#articolo-dettaglio-testo .scheda-staff p {
    margin-top: 0
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .col-md-6:last-child .scheda-staff:last-of-type {
    margin-bottom: 0
}

#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 .scheda-staff .ampio a:last-child {
    margin-bottom: 0
}

#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
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .persone {
    margin-bottom: 0
}

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

.persone a.badge-persone:hover {
    background-color: #17324d;
    color: #fff;
    text-decoration: none
}

.callout {
    margin-top: 12px;
    margin-bottom: 0
}

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

.callout.important .callout-title .icon {
    fill: #bd171c !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-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 outside none;
    display: list-item;
    margin: 0 0 0 32px !important
}

.callout-punti p,
.callout.sp p {
    list-style: none;
    display: block;
    margin: 0 0 8px 0 !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: #bd171c;
    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);
    background-color: #eaf2ec;
    padding: 12px 24px;
    margin-bottom: 16px
}

.scheda-verde-link {
    background-color: #eaf2ec;
    padding: 12px 24px;
    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-comunicazioni .step {
    height: 100%
}

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

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

.step .date-step .date-step-giorno {
    font-size: 2.222em
}

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

.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
}

.step:last-of-type .scheda-gestione,
.step:last-of-type .scheda-step {
    margin-bottom: 0
}

.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 24px
}

.stepper-comunicazioni .scheda-gestione p {
    display: block
}

.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
}

.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
}

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

.step .scheda-step .scheda-step-testo a:focus {
    outline: 1px solid #ff8c00 !important
}

.step .scheda-step .scheda-step-testo a svg.icon {
    width: 24px;
    height: 24px;
    fill: #17324d
}

#articolo-dettaglio-testo .step .scheda-step .scheda-step-testo p {
    margin: 0
}

#contenuti-correlati {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain
}

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

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

#owl-correlati .owl-item.active {
    opacity: 1
}

#owl-correlati .owl-item:last-of-type {
    padding: 0
}

#contenuti-correlati .scheda-correlati {
    margin-bottom: 16px
}

#contenuti-correlati .scheda-correlati .scheda-testo {
    padding: 0
}

#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 0
}

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

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

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

#contenuti-altri-argomenti .argomenti h4 a {
    color: #fff
}

#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: #bd171c
}

#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 form,
.servizi-widget form {
    margin-bottom: 32px
}

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

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

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

#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%
}

.servizi-widget select {
    margin-bottom: 32px
}

#intro select:focus,
#servizi-prenotazione select:focus,
.searchWidgetModal select:focus,
.servizi-widget select:focus {
    background-color: rgba(127, 127, 127, .1)
}

.searchWidgetModal select {
    height: 40px
}

#intro .select-arrow,
#servizi-prenotazione .select-arrow,
.searchWidgetModal .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 24px
}

#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:hover input~.radiomark {
    background-color: rgba(127, 127, 127, .1)
}

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

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

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

.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 {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

#servizi-prenotazione .ui-widget.ui-widget-content {
    border: 0
}

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

#servizi-prenotazione .ui-datepicker table {
    font-size: .889em
}

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

.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-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 {
    border: 0;
    background: 0 0;
    font-weight: 600;
    color: #555;
    border: 1px solid transparent
}

.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: #bd171c;
    -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-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 #bd171c;
    border-radius: 50%
}

.ui-widget-header .ui-icon {
    background: 0
}

.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 .ui-datepicker-prev {
    background-image: url(../img/it-chevron-left.svg)
}

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

.ui-datepicker-calendar td.ui-state-disabled {
    opacity: 1
}

.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-calendar td.ui-datepicker-other-month:before {
    background: 0;
    content: none
}

.ui-datepicker-calendar .ui-datepicker-today a {
    border: 1px solid #bd171c;
    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 .btn-ora.active {
    background-color: #bd171c;
    color: #fff
}

.servizi-widget .form-group {
    margin: 0
}

#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-widget .select-arrow {
    fill: #17324d;
    right: 8px;
    bottom: 8px;
    width: 28px;
    position: absolute;
    display: block;
    z-index: 10;
    margin: 0;
    pointer-events: none
}

#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-widget textarea:focus {
    background: #f2f2f2
}

#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 {
    position: relative
}

#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: #bd171c;
    font-weight: 600;
    font-size: 1.111em;
    margin-bottom: 20px
}

#servizi-prenotazione .prenotazione-nav {
    margin-top: 32px
}

#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
}

#servizi-prenotazione .scheda-gestione {
    margin-top: 16px
}

#servizi-prenotazione .verifica h4 {
    color: #bd171c
}

.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 #bd171c
}

.notifica.success h5 {
    color: #bd171c
}

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

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

.notifica.info h5 {
    color: #17324d
}

.notification.with-icon.info .icon {
    fill: #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 .note {
    font-size: .889em
}

.servizi-widget .note a {
    color: #17324d
}

.servizi-widget .form-check {
    margin: 0
}

.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:last-child [type=checkbox]+label,
.servizi-widget .form-check:last-child [type=radio]+label {
    margin-bottom: 0
}

.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
}

.servizi-widget .form-check [type=checkbox]:not(:checked)+label::after {
    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 .form-check [type=radio]:checked+label::before {
    border-color: #555;
    border-width: 1px
}

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

.servizi-widget .table th {
    color: #bd171c
}

.servizi-widget .nav-tabs li {
    text-align: center
}

.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 .nav-tabs li a.active,
.servizi-widget .nav-tabs li a:hover {
    color: #bd171c;
    border-bottom: 2px solid #bd171c;
    text-decoration: none
}

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

.servizi-widget .tab-content p {
    margin-bottom: 32px
}

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

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

.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
}

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

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

#areapersonale-intestazione .titolo-sezione h2 {
    color: #000
}

#areapersonale-intestazione #intro {
    margin: 0
}

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

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

#areapersonale-help h3 {
    color: #fff;
    font-size: 1.778em;
    margin: 0
}

#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;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    margin-top: 16px
}

.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 {
    display: none !important
}

.addeventatc_dropdown {
    width: 230px;
    position: absolute;
    padding: 6px 0 0 0;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    color: #000 !important;
    font-weight: 600;
    line-height: 100%;
    background: #fff;
    font-size: 1em;
    text-decoration: none;
    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 ease;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent
}

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

.addeventatc_dropdown span {
    display: block;
    line-height: 100%;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;
    color: #555;
    font-weight: 600;
    padding: 16px 24px 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
}

.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
}

.lista-eventi-figli {
    margin-top: 16px
}

#articolo-dettaglio-testo .lista-eventi-figli .scheda-evento .scheda-testo h4 {
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 8px 0;
    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 .rating>label svg {
    fill: #17324d
}

#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:hover~input:checked~label+svg {
    fill: #17324d
}

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

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

.evento-rating-risultati .mediapunti strong {
    font-size: 2.222em
}

.evento-rating-risultati .mediapunti span {
    font-size: .889em
}

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

.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 figure {
    margin: 0
}

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

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

.scheda-srv .scheda-argomenti {
    padding: 10px 24px 16px 24px
}

.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
}

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

.scheda-srv .scheda-argomenti a:focus {
    outline: 1px solid #ff8c00 !important
}

@media(min-width:767px) {
    #menu-sinistro {
        position: sticky;
        top: 80px;
        margin-bottom: 32px
    }

    .articolo-ulterioriinfo .scheda-gestione {
        margin-bottom: 0
    }

    .articolo-ulterioriinfo.schede-contatti .scheda-gestione {
        margin-bottom: 32px
    }
}

@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
    }
}

@media(max-width:767px) {
    .row-eq-height {
        margin-bottom: 0
    }

    #intro {
        margin-bottom: 42px
    }

    #intro .titolo-sezione p {
        margin: 12px 0 24px 0
    }

    #intro #menu-gestione .gestione {
        position: relative;
        margin: 16px 0;
        bottom: auto;
        top: 0
    }

    #argomenti-sezione .argomenti {
        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
    }

    .widget-mono .col-md-6 .scheda {
        margin-bottom: 0
    }

    #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
    }

    #articolo-dettaglio-testo .scheda-persona .scheda-testo p,
    .scheda-evento .scheda-testo p,
    .scheda-persona .scheda-testo p,
    .scheda-video .scheda-testo p {
        font-size: 1em
    }

    .scheda-interna .scheda-testo-small h4 {
        font-size: 1em
    }

    .scheda-interna .scheda-testo-small .lista-titoli {
        font-size: 1em
    }

    .scheda-interna .scheda-testo-small .lista-titoli li {
        font-size: 1em
    }

    #articolo-dettaglio-foto figure img {
        height: 360px
    }

    #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 {
        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 {
        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 {
        font-size: .875em
    }

    #articolo-dettaglio-testo .articolo-ulterioriinfo p,
    .articolo-ulterioriinfo .callout ul,
    .callout-punti p,
    .callout-punti ul,
    .step .scheda-step .scheda-step-testo {
        font-size: 1em
    }

    #articolo-dettaglio-testo .allegati-riga {
        margin-bottom: 0
    }

    #articolo-dettaglio-testo .allegati-riga:last-of-type {
        margin-bottom: 0
    }

    #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 .scheda-contatti .scheda-contatti-email,
    #articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff .scheda-staff-email {
        font-size: .875em
    }

    #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
    }

    .articolo-ulterioriinfo .callout ul {
        font-size: 1em
    }

    .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
    }

    .stepper .step .date-step .date-step-giorno,
    .stepper-comunicazioni .step .date-step .date-step-giorno {
        font-size: 2em
    }

    .stepper .step .date-step .date-step-mese,
    .stepper-comunicazioni .step .date-step .date-step-mese {
        font-size: .875em
    }

    .stepper .step .testo-step,
    .stepper-comunicazioni .step .testo-step {
        width: 85%
    }

    #contenuti-altri-argomenti,
    #contenuti-correlati {
        padding: 36px 0 36px 0
    }

    #contenuti-altri-argomenti .argomenti {
        margin: 0 0 32px 0
    }

    #servizi-prenotazione .testo-step {
        float: right
    }

    .ui-datepicker {
        width: 100%;
        margin-bottom: 40px
    }

    #servizi-prenotazione .ui-datepicker table {
        font-size: 1em
    }

    #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 0
    }

    #intro .btn-celeste {
        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
    }

    #intro .info-ricerca {
        margin-top: 24px
    }

    .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
    }
}

@media(max-width:576px) {
    #articolo-dettaglio-foto figure img {
        height: 240px
    }

    .scheda-persona,
    .scheda-video {
        min-height: 160px
    }

    .scheda-persona .scheda-foto,
    .scheda-video .scheda-anteprima {
        width: 114px
    }

    .scheda-persona .scheda-foto img,
    .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
    }
}

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

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

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

.novita-foto img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

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

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

.novita-testo h2 a {
    color: #4e4e4e
}

.novita-testo p {

    color: #555;
    margin: 20px 0;
    margin-right: 24px
}

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

.tutte {
    color: #bd171c;
    font-size: .778em;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px
}

.tutte:hover {
    color: #bd171c;
    text-decoration: underline
}

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

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

#home-novita {
    background-color: #eceff1;
    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;
    letter-spacing: 1px;
    font-size: .778em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px 24px 0 24px
}

.scheda .scheda-icona-small a {
    color: #4e4e4e
}

.scheda .scheda-icona-small svg.icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
    fill: #4e4e4e
}

.scheda .scheda-icona-small a:focus {
    outline: 2px solid #ff8c00 !important
}

.scheda .scheda-footer,
.scheda .scheda-testo,
.scheda .scheda-testo-small {
    padding: 10px 24px 16px 24px
}

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

.scheda .scheda-testo-small h4 {
    font-size: 1.111em;
    font-weight: 700;
    margin-bottom: 8px
}

.scheda .scheda-testo-small p {
    font-size: .889em
}

.scheda .scheda-testo-small h4 a {
    color: #4e4e4e
}

.scheda .scheda-footer {
    border-top: 0 solid #d8d8d8;
    flex: 0 0 auto
}

#calendario {
    background-color: #eceff1;
    padding: 0 0 56px 0
}

#calendario h3 {
    color: #bd171c;
    font-size: 1.778em;
    margin: 0
}

.calendario-filtro {
    text-align: right
}

#calendario h4 {
    color: #fff;
    font-size: 1.111em;
    text-align: center;
    border-radius: 4px 4px 0 0;
    background-color: #4e4e4e;
    margin: 32px 0 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-nav svg.icon {
    fill: #fff;
    width: 26px;
    height: 26px
}

#calendario #owl-calendario .owl-nav .owl-next:hover,
#calendario #owl-calendario .owl-nav .owl-prev:hover {
    background: 0 0
}

#calendario #owl-calendario .owl-dots {
    margin: 20px 0 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: #bd171c;
    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:first-child {
    border: 0
}

#calendario .scheda-calendario .scheda-calendario-lista li a {
    color: #4e4e4e;
    font-weight: 700
}

#argomenti_evidenza .argomenti-foto {
    background: url(../img/foto/home_argomenti.jpg) no-repeat center;
    height: 260px;
    background-size: cover;
    display: block;
    position: relative;
    padding-top: 52px
}

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

.row.mt-128n {
    margin-top: -128px
}

#siti_tematici {
    margin: 32px 0 64px 0
}

#siti_tematici h3 {
    color: #bd171c;
    font-size: 1.778em;
    margin: 0 0 32px 0
}

#siti_tematici .scheda-sito {
    margin-bottom: 24px
}

#siti_tematici .mb16,
#siti_tematici .row-eq-height {
    margin-bottom: 0 !important
}

.bg-servizi {
    background: url(../img/foto/home_servizi.jpg) no-repeat center;
    height: 407px;
    background-size: cover;
    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: #bd171c;
    border-radius: 0 4px 4px 0;
    border: 0;
    padding: 8px
}

#home-servizi .form-group .ico-sufix svg.icon {
    fill: #fff;
    width: 24px;
    height: 24px
}

#home-servizi .box-servizi {
    position: absolute;
    top: 124px
}

#home-servizi md-autocomplete,
#home-servizi 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 {
    height: 48px;
    font-size: 1em;
    font-weight: 300;
    color: #9b9b9b
}

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

.md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-intro {
    font-size: .889em
}

@media(min-width:767px) and (max-width:991px) {

    #novita_evidenza,
    .novita-foto {
        min-height: 600px
    }
}

@media(max-width:767px) {
    #novita_evidenza {
        min-height: 0;
        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
    }

    .novita-testo .argomenti,
    .novita-testo p {
        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 {
        font-size: .875em
    }

    .tutte svg.icon {
        vertical-align: middle
    }

    .calendario-filtro {
        text-align: left;
        margin-top: 32px
    }

    .calendario-filtro .btn-trasparente {
        margin: 0 8px 8px 0
    }

    #calendario .scheda-calendario .scheda-calendario-data {
        font-size: 1em
    }

    #calendario .scheda-calendario .scheda-calendario-data strong {
        font-size: 2em
    }

    #calendario .scheda-calendario .scheda-calendario-lista li {
        font-size: 1em
    }

    #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-icona-small {
        font-size: .875em
    }

    .scheda .scheda-testo-small h4 {
        font-size: 1em
    }

    .scheda .scheda-testo h4 {
        font-size: 1.5em
    }

    .scheda .scheda-testo p,
    .scheda .scheda-testo-small p {
        font-size: 1em
    }

    .scheda-lista li a {
        font-size: 1em
    }

    .scheda .scheda-footer {
        padding: 16px 24px 13px 24px
    }

    #siti_tematici {
        margin: 32px 0 32px 0
    }

    .bg-servizi {
        height: 320px
    }

    #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-wrap {
        height: 40px
    }

    #home-servizi md-autocomplete input#cerca-txt-intro {
        height: 40px
    }
}

@media(max-width:576px) {
    .novita-foto img {
        max-height: 240px
    }

    #argomenti_evidenza .argomenti-foto {
        height: 170px
    }
}

.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 24px !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
}

#articolo-dettaglio-testo .scheda-persona .scheda-testo p,
.scheda-evento .scheda-testo p,
.scheda-persona .scheda-testo p,
.scheda-video .scheda-testo p {
    font-size: .889em
}

.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,
.scheda-interna .scheda-icona-small,
.scheda-persona .scheda-icona-small {
    color: #555
}

.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 h4 {
    font-size: 1.111em
}

.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
}

.scheda-persona .scheda-testo.scheda-testo-large {
    margin-right: 0
}

table,
td,
th {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.logoprint {
    display: none
}

.hidden {
    display: none !important
}

.bg-blu {
    background-color: #17324d !important;
    color: #fff !important
}

.bg-arancione {
    background-color: #bd171c !important;
    color: #fff !important
}

.bg-bianco {
    background-color: #fff !important;
    color: #fff !important
}

.bg-bluscuro {
    background-color: #06c !important;
    color: #fff !important
}

.bg-grigioscuro {
    background-color: #4e4e4e !important
}

.bg-grigio {
    background-color: #eceff1 !important
}

.bg-oro {
    background-color: #9c8c3e !important
}

.bg-verde {
    background-color: #bd171c !important
}

.arancione {
    color: #bd171c !important
}

.verde {
    color: #333 !important
}

.oro {
    color: #bd171c !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
}

.mt0 {
    margin-top: 0 !important
}

.mb0 {
    margin-bottom: 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
}

.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
}

a {
    color: #17324d
}

.container li a:focus {
    outline: 1px solid #ff8c00 !important
}

.row.clearfix a:focus {
    outline: 1px solid #ff8c00 !important
}

.list_link-utili li a,
.sub_nav li a {
    padding: 12px 20px 12px 20px !important;
}

.bg-grigio-chiarissimo {
    background-color: #f1f1f1 !important
}

@media (min-width:1200px) {
    #mainheader .cerca {
        margin-top: 5px !important;
    }
}


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


.ui-widget {
    font-family: unset !important;
    font-size: 0.85em;
}

.ui-widget-header {
    border: 0 !important;
    background: #fff !important;
    color: #333333;
    font-weight: bold;
    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;
}

#datepicker2 {
    margin-top: 20px !important;
}

#talenti-sardi {
    display: block;
    float: none;
    background: url(/wp-content/uploads/2020/12/banner_talentisardi.jpg) repeat-x top left;
}

.card-link-list ul {
    padding: 0;
    margin: 0;
}

.card-link-list ul li,
.card-link-list ul li * {
    font-size: 1rem;
    color: #17324D;
    text-decoration: none;
    list-style: disc;
}

.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 ul li,
.card-link-list ul li * {
    font-size: 1rem;
    color: #17324D;
    text-decoration: none;
}

.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 li a:hover {
    text-decoration: underline;
}

.card-link-list.submenu-card.card-empty {
    min-height: 0;
    justify-content: flex-start;
    background-color: #E6E9F2;
}

.card-link-list.submenu-card.card-empty .padd {
    padding: 0;
}

#gonfaloni-footer img {
    min-height: 105px;
}

.form-check [type="checkbox"]:checked+label::before {
    top: 6px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #000 #000 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-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;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2.5rem;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

#sezioni-servizi .card-title a {
    color: #17324d;
}

.card-header {
  padding: 1rem 20px;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid #d9dadb;
}
.card .card-body {
  padding: 1rem 20px;
}

.card-header.bg-primary {
    background-color: #bd171c !important;
}

@media (min-width:992px) {
    #mainheader .cerca {
        margin-top: 5px !important;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1184px !important;
        padding: 0
    }

    #mainheader . {
        height: 186px !important;
        padding: 0
    }

    .ras .ridotto {
        display: none
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px;
        padding: 0
    }

    .ras a {
        width: 100% !important;
        text-align: right !important
    }

    .ras-logo {
        width: 100%;
        text-align: right
    }
}

@media(min-width:767px) {

    .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
    }
}

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

body .menu-underlayer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background-color: rgba(0, 56, 130, 1);
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

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

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

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

#mainheader {
    height: 214px;
    color: #fff;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#mainheader .preheader {
    height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 40px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#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;

}

#mainheader .logoimg {
    display: inline-block
}

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

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

#mainheader .preheader .entesup a {
    color: #fff
}

#mainheader .preheader .entesup .logotxt 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 .sitiverticali a: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:hover span {
    color: #333;
    text-decoration: underline
}

#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 {
    fill: #333
}

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

#mainheader.ridotto .preheader .accedi span {
    margin: 0
}

#mainheader .preheader .accedi .btn-accedi#dropdownAP .avatar {
    vertical-align: middle
}

#mainheader .preheader .accedi.show .btn-accedi 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
}

#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: 0 transparent !important
}

#mainheader .comune .logotxt {
    vertical-align: middle;
    height: 60px;
    text-align: left;
    margin-left: 0;
    display: block;
    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;
}

#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 {
    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: 1px solid #ff8c00 !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 {
    color: #333 !important;
    text-decoration: none
}

#mainheader .social a svg.icon {
    fill: #fff;
    width: 26px;
    height: 26px
}

#mainheader .social a:hover svg.icon {
    fill: #333
}

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

#mainheader .social li:last-child {
    margin-right: 0
}

#mainheader .cerca {
    margin-top: -2px;
    padding-top: 0
}

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

#mainheader .btn-cerca {
    height: 44px;
    width: 44px;
    border: 0;
    border-radius: 50%;
    color: #17324d;
    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 .p_cercaMobile {
    display: none
}

#mainheader #sub_nav {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 54px;
    line-height: 54px;
    background: #bd171c;
    color: #fff !important;
    font-weight: 700;
}

#mainheader .menu-btn {
    display: none
}

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

#mainheader.ridotto {
    height: 104px;
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    z-index: 1071;
    margin-top: 0;
    margin-bottom: 56px;
    background: #bd171c !important;
    width: 100%
}

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

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

#mainheader.ridotto .preheader .accedi svg {
    display: none
}

#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 #sub_nav .list_link-utili {
    display: none
}

#mainheader.ridotto .social {
    display: none !important
}

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

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

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

#mainheader.ridotto .ras-sticky {
    display: inline-block !important
}

#mainheader.ridotto .ras {
    display: none !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 .bar-content-edit {
    display: none
}

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

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

.list_link-utili li a:focus,
.list_link-utili li a:hover {
    color: #333;
    text-decoration: underline
}

.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 a {
    padding: 12px 25px
}

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

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

.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 .megamenu a[data-toggle=dropdown][aria-expanded=true] svg.icon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

#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 .dropdown-menu:before {
    display: none
}

#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
}

#sub_nav .sub_nav .nav-item.megamenu.show>a.dropdown-toggle:before {
    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
}

#sub_nav .scheda-megamenu .scheda-foto figure {
    margin: 0
}

#sub_nav .scheda-megamenu .scheda-foto a {
    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;
    text-transform: uppercase;
    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
}

#sub_nav .scheda-megamenu .scheda-footer {
    margin-top: 16px
}

#sub_nav .linksezione .tutte {
    color: #333;
    font-size: .778em;
    text-transform: uppercase;
    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
}

#sub_nav .linksezione .tutte:hover {
    color: #17324d;
    text-decoration: underline
}

#sub_nav .linksezione .tutte:hover svg.icon {
    fill: #17324d
}

#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
}

#sub_nav #owl-megamenu-doc .owl-item .item,
#sub_nav #owl-megamenu-ser .owl-item .item {
    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
}

#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
}

#sub_nav .owl-megamenu .owl-dots .owl-dot.active span {
    opacity: 1
}

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

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

.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;
    position: relative;
    left: 0;
    padding: 0 !important
}

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

.push_container {
    position: relative;
    left: 0
}

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

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

.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
}

.push-body-toright .body_wrapper {
    background: #17324d !important
}

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

.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: all .3s cubic-bezier(.35, .085, .305, 1.005);
    -moz-transition: all .3s cubic-bezier(.35, .085, .305, 1.005);
    -o-transition: all .3s cubic-bezier(.35, .085, .305, 1.005);
    transition: all .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 25px
}

.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
}

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

.cbp-spmenu .usermail-burger {
    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 {
    display: inline-block
}

.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
}

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

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

.navmenu li a.current {
    font-weight: 700
}

.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
}

.navmenu a,
.navmenu li.active ul,
.navmenu li.active ul li.active ul {
    display: block
}

ul.navmenu {
    padding: 0 0 25px 0
}

.navmenu {
    margin: 0
}

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

.navmenu>li li {
    border: 0
}

.navmenu a {
    outline: 0;
    text-decoration: none
}

.navmenu [tabindex="0"]:focus,
.navmenu li a:focus {
    outline: 3px solid #bd171c !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 a.current span:after {
    color: #17324d
}

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

.navmenu>li.open ul {
    background: 0 0
}

.navmenu>li.open ul li a {
    color: #17324d
}

.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;
    font-weight: 700;
    color: #17324d;
    line-height: 26px;
    padding: 13px 0;
    border-left: 4px solid transparent;
    padding-left: 25px
}

.navmenu li:first-child {
    display: block
}

.navmenu li ul li:first-child {
    display: block
}

.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
}

.utilitymobile li {
    padding: 7px 0
}

.utilitymobile li a {
    color: #17324d
}

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

.utilitymobile li:last-child a {
    font-weight: 700
}

.socialmobile {
    margin: 40px 25px 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
}

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

.socialmobile a svg.icon {
    fill: #17324d;
    width: 22px;
    height: 22px
}

.socialmobile a:hover svg.icon {
    fill: #333
}

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

.socialmobile li:first-child {
    padding-left: 0
}

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

.cbp-spmenu .accedi .btn-accedi {
    color: #17324d
}

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

#spidModal {
    z-index: 1200;
    padding: 0 !important
}

#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
}

#spidModal .header-buttons {
    position: relative
}

#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 0
}

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

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

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

#spidModal p.desc {
    font-size: .889em
}

#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;
    min-height: 48px;
    margin-bottom: 16px
}

#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
}

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(even) {
    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
}

#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
}

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

.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
}

.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-autocomplete>md-autocomplete-wrap>md-progress-linear {
    display: none
}

.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 {
    background: #f2f2f2
}

.md-virtual-repeat-container .md-autocomplete-suggestions li .highlight {
    color: #17324d
}

.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
}

md-autocomplete .md-show-clear-button button md-icon svg path {
    fill: #17324d
}

#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;
    text-transform: uppercase;
    font-size: .889em;
    font-weight: 600;
    border: 0;
    margin-top: 48px;
    padding: 0
}

#searchModal .modal-body-search .search-start: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
}

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

#searchModal .form-group {
    padding: 0
}

.searchWidgetModal .form-group {
    margin-top: 24px
}

#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-check.form-check-group {
    -webkit-box-shadow: none;
    box-shadow: none
}

#searchModal #opzioniTab .search-filter-dategroup .form-group input,
.searchWidgetModal .search-filter-dategroup .form-group input {
    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 {
    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 #searchclear svg.icon {
    width: 32px;
    height: 32px;
    fill: #17324d
}

#searchModal .modal-body-search h2 {
    font-size: .889em;
    color: #bd171c;
    font-weight: 700;
    text-transform: uppercase;
    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
}

#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 {
    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
}

#searchModal .modal-body-search .form-blockopz {
    margin-bottom: 32px
}

#searchModal .modal-body-search .form-blockopz:last-child {
    margin-bottom: 0
}

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

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

#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: 0 auto;
    margin-top: 24px;
    margin-bottom: -14px
}

@media(min-width:1200px) {
    .modal-header-fullsrc .search-filter-type {
        max-width: 1140px
    }
}

@media(min-width:992px) {
    .modal-header-fullsrc .search-filter-type {
        max-width: 960px
    }

    #mainheader .comune .logoimg img {
        height: 60px;
        max-height: 60px;
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .modal-header-fullsrc .search-filter-type {
        max-width: 720px
    }
}

.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 {
    color: #bd171c;
    border-bottom: 2px solid #bd171c;
    text-decoration: none
}

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

.search-filter-ckgroup .search-filter-ckgroup-title {
    font-weight: 700
}

.search-filter-ckgroup label {
    margin-bottom: 0
}

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

md-checkbox.md-checked .md-ink-ripple,
md-checkbox.md-default-theme.md-checked .md-ink-ripple {
    color: #17324d
}

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)
}

md-checkbox:focus {
    outline: 1px solid #ff8c00 !important
}

#searchModal #opzioniTab {
    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 0
}

#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 {
    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: rgba(242, 242, 242, 1);
    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 {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

#ui-datepicker-div.ui-widget.ui-widget-content {
    border: 0
}

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

#ui-datepicker-div.ui-datepicker table {
    font-size: .889em
}

#ui-datepicker-div.ui-datepicker th {
    color: #bd171c;
    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,
html #ui-datepicker-div .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 0;
    background: 0 0;
    font-weight: 600;
    color: #555;
    border: 1px solid transparent
}

#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 {
    color: #555;
    font-weight: 600;
    border: 1px solid #333;
    border-radius: 50%
}

#ui-datepicker-div .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 {
    background-image: url(../img/it-chevron-left.svg)
}

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

#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
    opacity: 1
}

#ui-datepicker-div .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 {
    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 {
    padding: 0 !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 .icon-primary {
    fill: #17324d
}

#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 {
    padding: 0
}

#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.collapsed {
    -webkit-box-shadow: none;
    box-shadow: none
}

#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.ombra.collapsed svg.iconexpand {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

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

#actionModal .link-list-wrapper ul li a:hover {
    background-color: #efefef
}

#actionModal .link-list-wrapper ul li a.left-icon {
    display: block
}

#actionModal .link-list-wrapper ul.link-sublist {
    padding: 0
}

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

#footer a {
    color: #fff
}

#footer a:hover {
    color: #fff;
}

#footer section {
    margin-bottom: 28px
}

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

#footer .logoimg {
    display: inline-block
}

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

#footer .logotxt b {
    font-weight: 700 !important;
}

#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 {
    color: #fff
}

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

#footer .logoimg img {
    height: 48px;
    max-height: 48px
}

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

#footer h4 a {
    vertical-align: middle
}

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

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

#footer p a {
    color: #fff
}

#footer p a:hover {
    color: #fff
}

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

#footer .footer-list li {
    margin: 0
}

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

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

#footer .lista-linkutili .footer-list {
    font-size: .889em
}

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

#footer form label {
    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;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

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

.btn-spid {
    color: #fff;
    padding: 10px 0;
    background-color: #0064d3;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    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 {
    margin: 16px 0
}

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

#footer .social a {
    color: #fff
}

#footer .social a:hover {
    color: #333
}

#footer .social a svg.icon {
    fill: #fff;
    width: 24px;
    height: 24px
}

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

#footer .subFooter {
    padding: 20px 0
}

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

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

#footer .subFooter a:first-of-type {
    margin-left: 0
}

.it-footer-small-prints {
    background-color: #c3cfdb !important
}

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

#footer .subFooter .it-footer-small-prints a {
    color: #30373D !important;
}

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

#footer a:focus {
    outline: 1px solid #ff8c00 !important
}

#footer section:last-of-type {
    margin-bottom: 0
}

#topcontrol {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    visibility: hidden;
    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: #bd171c;
    font-size: 1.778em;
    margin: 0 0 36px 0
}

section .titolosezione h3 a {
    color: #bd171c
}

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

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

section h3.titolettosezione {
    color: #17324d;
    font-size: 1.556em;
    font-weight: 600;
    margin: 0 0 36px 0;
    border-bottom: 2px solid #f1f2f4;
    padding-bottom: 16px
}

section .titolettosezione {
    margin: 0 0 36px 0;
    border-bottom: 2px solid #f1f2f4;
    padding-bottom: 16px
}

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

.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
}

.btn-trasparente:last-child {
    margin-right: 0
}

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

.btn-trasparente:hover 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 {
    fill: #fff !important
}

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

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

.btn-trasp {
    font-size: .778em;
    color: #fff !important;
    padding: 8px 24px;
    background: 0 0;
    margin: 0 16px 24px 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-badge {
    background-color: #e6efe8;
    border: 1px solid #e6efe8;
    border-radius: 4px;
    color: #17324d !important;
    font-weight: 600;
    font-size: .889em;
    padding: 4px 12px;
    vertical-align: middle;
    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);
    color: #17324d !important;
    font-weight: 700;
    font-size: .889em;
    padding: 4px 12px;
    vertical-align: middle;
    text-align: center
}

.btn-celeste svg.icon {
    fill: #17324d
}

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

.btn-celeste:hover svg.icon {
    fill: #fff
}

.argomenti {
    margin-bottom: 20px
}

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

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

.altri-argomenti {
    margin-top: 48px
}

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

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

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

.altri-argomenti .altri-argomenti-elenco a.badge-argomenti {
    font-weight: 700
}

.altri-argomenti .altri-argomenti-tutti {
    text-align: center
}

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

section .pagination .page-item .page-link {
    font-size: .778em;
    color: #17324d
}

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 #bd171c;
    color: #fff;
    background: #bd171c;
}

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

section .pagination .page-item .page-link:hover svg.icon {
    fill: #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
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    border: 2px solid #ff8c00 !important
}

h2 a:focus,
h2:focus,
h3 a:focus,
h3:focus,
h4 a:focus,
h4:focus {
    outline: 1px solid #ff8c00 !important
}

.argomenti a.badge-argomenti:focus {
    border: 2px solid #ff8c00 !important;
    outline: 0
}

a.tutte:focus {
    outline: 2px solid #ff8c00 !important
}

#topcontrol:focus {
    outline: 2px solid #ff8c00 !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
}

.servizi-widget .nav-tabs a.nav-link:focus {
    border: 2px solid #ff8c00 !important
}

button.btn.btn-info.mr-2.btn-verde:focus {
    outline: 2px solid #ff8c00 !important
}

button.btn.btn-default.btn-trasparente.active:focus {
    border: 2px solid #ff8c00 !important;
    outline: 0
}

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none !important
}

@media(min-width:1200px) {

    .hidden-lg,
    .hidden-md {
        display: none !important
    }
}

@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(min-width:992px) {
    .hidden-md {
        display: none !important
    }

    .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: 0px;
    }

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

    #mainheader .cerca {
        margin-top: -2px !important
    }

    #mainheader.ridotto .comune .logoimg img {
        margin-top: 20px !important
    }
}

@media(max-width:991px) {
    #mainheader .comune .logoimg img {
        height: 40px;
        max-height: 40px
    }

    #mainheader .comune .logotxt {
        vertical-align: middle;
        height: 40px;
        text-align: left;
        margin-left: 15px;
        display: block;
        margin-top: 20px
    }

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

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

    #mainheader #med-header .comune {
        height: 80px !important
    }

    #mainheader .entesup a {
        line-height: 1;
        display: inline-block;
        vertical-align: middle
    }

    .sub_nav {
        display: block;
        padding: 0;
        margin: 0
    }

    .sub_nav li {
        font-size: 1em;
        line-height: 20px
    }

    .sub_nav li a {
        padding: 13px 12px
    }

    .sub_nav li.megamenu a {
        padding: 13px 6px
    }

    .list_link-utili li {
        display: none
    }

    .list_link-utili li:last-child {
        display: inline-block
    }

    .cbp-spmenu-vertical {
        width: 300px
    }

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

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

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

@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
    }

    #footer h4 svg.icon {
        margin-right: 2px
    }

    .modal-backdrop.show {
        opacity: 0 !important
    }

    #mainheader.ridotto {
        margin: 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
    }

    body.home #mainheader {
        height: 120px
    }

    #mainheader {
        height: 120px
    }

    #mainheader.ridotto {
        position: fixed;
        left: 0;
        right: 0
    }

    #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 .preheader .accedi span,
    #mainheader .preheader .accedi svg.icon-expand {
        display: none
    }

    #mainheader .preheader .accedi .dropdown-menu:before {
        display: none
    }

    #mainheader .comune .logoimg {
        margin-top: 20px
    }

    #mainheader .cerca {
        display: inline
    }

    #mainheader .cerca .form-control {
        display: none
    }

    #mainheader .p_cercaMobile {
        display: inline-block;
        float: right;
        height: 96px;
        padding-top: 35px;
        text-align: center;
        padding-right: 8px
    }

    #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 .social {
        display: none
    }

    #mainheader .menu-btn {
        display: block !important;
        float: left;
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 28px 28px 0 28px;
        border: 0 none;
        background: 0 0
    }

    #mainheader.push-body-toright .menu-btn .icon-bar {
        background-color: #000 !important
    }

    #mainheader.ridotto .menu-btn {
        margin-top: 28px
    }

    #mainheader.ridotto .menu-btn .icon-bar {
        background-color: #fff !important;
    }

    #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 {
        width: 24px
    }

    #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: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 90
    }

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

    #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 0
    }

    .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 0;
        font-size: 2em
    }

    #spid-step1 p,
    #spid-step2 p,
    #spid-step3 p,
    #spid-step4 p,
    #spid-step5 p {
        font-size: .875em
    }

    #spidModal .btn-bianco,
    #spidModal .btn-blu,
    #spidModal .btn-trasparente {
        font-size: 1em
    }

    #spidModal h4 {
        font-size: 1em
    }

    #spidModal .spid-inputgroup label {
        font-size: .875em
    }

    #spidModal .spid-inputgroup input {
        font-size: 1.5em
    }

    #spidModal p.desc {
        font-size: 1em
    }

    .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 .form-group .ico-prefix {
        width: 24px;
        height: 24px
    }

    .md-virtual-repeat-container .md-autocomplete-suggestions li {
        font-size: 1em
    }

    .md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-list-text em {
        display: none
    }

    #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
    }

    #searchModal .modal-body-search .form-blockopz ul li a {
        font-size: 1em
    }

    #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 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 .lista-linkutili .footer-list {
        font-size: 1em
    }

    #footer p {
        font-size: 1em;
        margin-bottom: 24px
    }

    #footer form {
        margin: 16px 0 24px 0;
        font-size: 1em
    }

    #footer .postFooter {
        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-titolo h4 {
        font-size: .875em
    }

    .altri-argomenti .altri-argomenti-elenco {
        margin-left: 0
    }

    .altri-argomenti .altri-argomenti-elenco a.badge-argomenti {
        font-size: 1em
    }

    section .titolosezione h3 {
        margin: 0 0 24px 0
    }

    section .pagination {
        margin-top: 16px
    }

    section .pagination .page-item .page-link {
        font-size: .875em;
        height: 32px;
        min-width: 32px;
        padding: 0
    }

    section .pagination .page-item .page-link i[class^=it-] {
        font-size: .875em
    }

    .cookiebar p {
        font-size: 1em
    }

    .bricklayer-column {
        padding-left: 6px !important;
        padding-right: 6px !important
    }
}

@media(max-width:575px) {
    #mainheader .preheader .entesup {
        margin: 0
    }

    #mainheader .preheader .accedi .btn-accedi {
        padding: 0 4px
    }

    #mainheader .logotxt {
        margin-left: 16px !important;
        width: 135px !important
    }


    #mainheader .logoimg {
        display: block;
    }

    #mainheader.ridotto .logotxt {
        width: 140px !important
    }

    #mainheader .comune .logotxt .badge-demo {
        position: absolute;
        margin-left: 4px;
        margin-top: 4px;
        vertical-align: initial
    }

    #mainheader .comune .logotxt .badge-demo b {
        display: none
    }

    #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
    }
}

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

.img-fit-ie img {
    visibility: hidden
}

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

.btn.btn-primary,
.btn.btn-primary a {
    background-color: #bd171c;
    color: #fff
}

.preheader {
    background-color: #17324d !important;
    color: #fff
}

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

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

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

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

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

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

#intro {
    margin: 0 0 80px 0
}

#intro_dettaglio_atto {
    margin: 0 0 20px 0
}

#introricerca {
    margin: 0 0 56px 0
}

#briciole {
    font-size: .889em
}

section#briciole {
    margin: 32px 0 0 0
}

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

#briciole .breadcrumb {
    padding: 0;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    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:focus {
    border: 2px solid #ff8c00 !important
}

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

#intro #menu-sezione,
#intro .titolo-sezione,
#intro-argomenti .titolo-sezione {
    margin-top: 32px
}

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

#introricerca .titolo-sezione {
    margin-top: 32px
}

#intro .titolo-sezione h2,
#intro-argomenti .titolo-sezione h2,
#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: #bd171c;
    font-size: 1.556em;
    margin: 16px 0 0 0;
    font-weight: 700
}

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

.titolo-sezione svg.titolo-sezione-icon {
    fill: #17324d
}

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

#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 #menu-sezione .list-group-item a:hover,
#intro-argomenti #menu-sezione .list-group-item a:hover {
    text-decoration: underline
}

#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
}

#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
}

#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
}

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

.md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-intro {
    font-size: .889em
}

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

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

#introricerca .form-group {
    padding: 0
}

#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-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
}

#intro .form-group .ico-sufix:focus,
#intro-argomenti .form-group .ico-sufix:focus,
#introricerca .form-group .ico-sufix:focus {
    border: 2px solid #ff8c00 !important;
    outline: 0
}

#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 label {
    color: #555
}

.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;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    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: #bd171c;
    font-size: .889em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    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-item-action:focus,
#articolo-dettaglio-testo #menu-sinistro-cerca .list-group-item-action:hover {
    background: #fff
}

#articolo-dettaglio-testo #menu-sinistro-cerca .list-group .list-group-item {
    border: 0;
    padding: 8px 0 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 a.collapsed svg.iconexpand {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

#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 {
    margin: 16px 0
}

#menu-sinistro-cerca ul li a {
    color: #17324d;
    vertical-align: middle;
    line-height: 1;
    font-size: 1.111em
}

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

#sezioni-inevidenza {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain
}

#sezioninterne-inevidenza {
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    padding: 64px 0 56px 0;
    margin-bottom: 32px
}

#sezioni-ambiti {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain
}

#sezioninterne-ambiti {
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    padding: 64px 0 56px 0;
    margin-bottom: 32px
}

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

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

#sezioninterne-novita {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    margin: 32px 0
}

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

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

#argomenti-novita {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain;
    margin: 0 0 32px 0
}

.row.schede {
    margin-top: 12px
}

.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
}

.scheda-brick {
    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
}

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

.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 {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #eaf2ec;
    margin: 0 16px 0 0;
    text-align: center;
    vertical-align: middle;
    line-height: 43px;
    color: #17324d
}

.scheda-brick .scheda-icona svg.icon {
    width: 24px;
    height: 24px;
    fill: #17324d
}

.scheda-breve {
    height: auto;
    margin-bottom: 24px
}

.scheda-round {
    border-radius: 4px
}

.scheda-margine {
    margin-bottom: 24px
}

.scheda .scheda-icona-small {
    color: #17324d;
    letter-spacing: 1px;
    font-size: .778em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 24px 24px 0 24px
}

.scheda .scheda-icona-small svg.icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
    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-icona-small a:focus {
    outline: 2px solid #ff8c00 !important
}

.scheda .scheda-icona-small .datagrigia {
    color: #555
}

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

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

.scheda .scheda-testo-small h4 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 8px
}

.scheda .scheda-testo-small p {
    font-size: .889em
}

.scheda .scheda-testo-small h4 a {
    color: #17324d
}

.scheda .scheda-footer {
    border-top: 0 solid #d8d8d8;
    flex: 0 0 auto
}

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

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

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

.scheda .scheda-testo {
    padding-top: 8px;
    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 0;
    line-height: 1.1
}

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

.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 {
    color: #17324d
}

.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
}

.tutte {
    color: #333;
    font-size: .778em;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px
}

.tutte:not([href]):not([tabindex]),
.tutte:not([href]):not([tabindex]):focus,
.tutte:not([href]):not([tabindex]):hover {
    color: #333
}

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

.bricklayer-column .scheda-news {
    margin-bottom: 24px
}

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

.scheda-news .scheda-foto figure {
    margin: 0
}

.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 {
    font-size: 1.333em;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.1
}

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

.scheda-news .scheda-argomenti {
    padding: 10px 24px 16px 24px
}

.scheda-news .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
}

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

.scheda-news .scheda-argomenti a:focus {
    outline: 1px solid #ff8c00 !important
}

.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 0
}

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

#sezioni-documenti.sezioni-documenti-tema {
    margin-bottom: 32px
}

#sezioni-servizi .veditutti .btn-verde {
    margin-bottom: 0
}

.scheda-ufficicitta .scheda-footer .tutte,
.scheda-ufficicitta .scheda-testo h4 a,
.scheda-ufficicitta .scheda-testo p {
    color: #fff
}

.scheda-ufficicitta .scheda-footer .tutte svg.icon,
.scheda-ufficicitta .scheda-icona-small svg.icon {
    fill: #fff
}

.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-ufficicitta .scheda-testo {
    margin-right: 140px
}

#sezioni-argomenti {
    margin-bottom: 32px
}

#sezioni-argomenti .altri-argomenti {
    margin-top: 0
}

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

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

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

#intro-argomenti .bg-argomento 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;
    position: relative;
    padding: 32px 64px
}

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

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

#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 {
    border-radius: 4px;
    background-color: #333;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
    color: #fff;
    padding: 16px;
    margin-bottom: 20px
}

.scheda-sito .icona-sito {
    display: table-cell;
    vertical-align: middle;
    width: 64px;
    text-align: center
}

.scheda-sito .icona-sito svg.icon {
    fill: #fff;
    width: 40px;
    height: 40px
}

.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 {
    display: table-cell;
    vertical-align: middle;
    font-size: .889em;
    padding-left: 8px
}

.scheda-sito a {
    color: #fff
}

.scheda-sito a:focus {
    outline: 1px solid #ff8c00 !important
}

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

#siti_tematici .scheda-sito a:focus {
    outline: 1px solid #ff8c00 !important
}

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

.filtro {
    text-align: right
}

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

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

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

#help .bg-help img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#help h3 {
    color: #fff;
    font-size: 1.778em;
    margin: 0
}

#help p {
    color: #fff;
    font-size: .889em;
    margin: 16px 0 48px 0;
    line-height: 1.5
}

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

#owl-help .owl-item.active {
    opacity: 1
}

#owl-help .owl-item:last-of-type {
    padding: 0
}

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

#help .scheda-help .scheda-testo h4 {
    margin-bottom: 24px
}

#help .scheda-help .scheda-testo p {
    color: #455a64;
    margin: 8px 0 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 {
    fill: #17324d
}

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

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

.scheda-help .scheda-footer span {
    font-size: .889em
}

.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 {
    color: #17324d
}

.scheda-help .tutte svg.icon {
    fill: #17324d
}

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

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

#intro-sititematici .bg-argomento img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#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-portaporta {
    width: 83px
}

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

#briciole-sititematici .nav {
    margin-bottom: 24px
}

#briciole-sititematici nav .breadcrumb {
    margin-bottom: 0
}

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

#intro-sititematici .menu-area {
    margin-top: 8px
}

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

.scheda-app {
    border-radius: 4px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
    color: #fff;
    padding: 0;
    margin-bottom: 24px;
    height: 128px;
    position: relative
}

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

.scheda-app .bg-full img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

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

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

.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
}

.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 .bg-centroinfo img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

#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
}

@media (max-width:991px) {
    .box-argomento #menu-area {
        margin: 32px 0 0 0
    }

    .scheda .scheda-testo.nopadd img {
        max-width: 100%
    }

    #introricerca {
        margin: 0
    }

    #intro #menu-sezione,
    #intro .titolo-sezione,
    #intro-argomenti .titolo-sezione {
        margin-top: 8px
    }

    #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
    }

    #intro #menu-sezione h4 {
        display: none
    }

    #intro #menu-sezione .list-group-item {
        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 {
        margin-bottom: 16px;
        height: auto
    }

    .tutte {
        font-size: .875em
    }

    .scheda .scheda-icona-small {
        font-size: .875em
    }

    .scheda .scheda-testo-small h4 {
        font-size: 1em
    }

    .scheda .scheda-testo h4 {
        font-size: 1.5em
    }

    .scheda .scheda-testo p,
    .scheda .scheda-testo-small p {
        font-size: 1em
    }

    .scheda-lista li a {
        font-size: 1em
    }

    .scheda .scheda-footer {
        padding: 16px 24px 13px 24px
    }

    .scheda-brick {
        margin-bottom: 16px
    }

    .scheda-margine {
        margin-bottom: 0
    }

    .row-eq-height {
        margin-bottom: 0
    }

    #sezioni-inevidenza {
        padding: 32px 0
    }

    #sezioni-notizie {
        padding: 32px 0 0 0
    }

    #sezioninterne-inevidenza {
        padding: 32px 0
    }

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

    #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-breve:last-child {
        margin-bottom: 16px
    }

    .bricklayer-column .scheda-news,
    .scheda-app {
        margin-bottom: 16px
    }

    .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-data strong {
        font-size: 1.5em
    }

    .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 .scheda-argomenti,
    .scheda-news .scheda-testo p {
        display: none
    }

    .scheda-news .no-mr-sm {
        margin-right: 0
    }

    .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
    }

    #sezioni-servizi {
        padding: 32px 0
    }

    #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 0
    }

    #intro-sititematici .box-sitotematico .titolo-sezione h3 {
        font-size: 2em
    }

    .box-argomento {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 32px 0 0 0
    }

    .box-argomento #menu-area {
        margin: 32px 0
    }

    .box-argomento #menu-area p {
        font-size: .875em
    }

    .box-argomento #menu-area .scheda-gestione p {
        font-size: 1em
    }

    .box-argomento #menu-area .scheda-gestione p a {
        font-size: 1em
    }

    #argomenti-inevidenza {
        padding: 32px 0
    }

    #argomenti-amministrazione .widget,
    #argomenti-documenti .widget,
    #argomenti-inevidenza .widget {
        margin: 0
    }

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

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

    #sezioni-servizi.sezioni-servizi-tema {
        padding-top: 0
    }

    #sezioni-documenti.sezioni-documenti-tema {
        padding: 32px 0 32px 0;
        margin-bottom: 32px
    }

    #sezioni-documenti.sezioni-documenti-tema .scheda-gestione {
        margin-bottom: 16px
    }

    .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-left: 0;
        margin: 0 8px 8px 0
    }

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

    #help p {
        font-size: 1em;
        margin: 16px 0 32px 0
    }

    #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
    }

    #sezioni-servizi .scheda-gestione {
        margin-bottom: 16px
    }

    #centroinfo .testo-centroinfo {
        width: 296px;
        float: none;
        margin: 0 auto;
        margin-bottom: 56px;
        margin-top: 16px
    }

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

    #centroinfo .box-numeroverde {
        width: 216px;
        height: 64px;
        font-size: 1.625em
    }

    .cerca-risultati {
        margin-top: 16px
    }

    .cerca-risultati .btn-trasparente {
        font-size: 1em
    }

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

    #articolo-dettaglio-testo #menu-sinistro-cerca h4 {
        margin-top: 22px;
        font-size: 1em
    }

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

    .cerca-risultato-item .categoria span {
        display: none
    }

    #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
    }

    #articolo-dettaglio-testo .cerca-risultato-item .tutte {
        display: none
    }

    #intro md-autocomplete,
    #intro md-autocomplete-wrap {
        height: 40px
    }

    #intro md-autocomplete input#cerca-txt-intro {
        height: 40px
    }
}

@media (max-width:576px) {
    .scheda-news .scheda-foto {
        width: 114px
    }

    .scheda-news .scheda-foto img {
        width: 114px
    }

    .scheda-news .scheda-testo {
        margin-right: 114px
    }

    .scheda-news .no-mr-xs {
        margin-right: 0
    }
}

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

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

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

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

#argomenti-sezione .argomenti-sezione-info {
    font-size: .889em
}

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

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

#intro #menu-gestione {
    position: relative;
    height: 100%
}

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

.scheda-evento,
.scheda-persona,
.scheda-video {
    position: relative;
    display: block;
    min-height: 120px;
    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
}

.scheda-persona-singola .scheda-persona {
    height: auto !important
}

.widget-mono .col-md-6 {
    margin-bottom: 32px
}

.widget-mono .col-md-6 .scheda-gestione {
    margin-bottom: 0
}

.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;
    padding: 24px 24px 16px 24px
}

#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;
    font-weight: 700;
    margin-bottom: 8px
}

#articolo-dettaglio-testo .scheda-persona .scheda-testo p,
.scheda-evento .scheda-testo p,
.scheda-persona .scheda-testo p,
.scheda-video .scheda-testo p {
    font-size: .889em
}

.scheda-evento .scheda-testo h4 a,
.scheda-persona .scheda-testo h4 a,
.scheda-video .scheda-testo h4 a {
    color: #17324d
}

.scheda-evento .scheda-icona-small,
.scheda-interna .scheda-icona-small,
.scheda-persona .scheda-icona-small {
    color: #555
}

.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 h4 {
    font-size: 1.111em
}

.scheda-interna .scheda-testo-small .lista-titoli {
    list-style-type: square;
    color: #17324d;
    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: #17324d;
    font-weight: 700
}

.scheda-persona .scheda-testo.scheda-testo-large {
    margin-right: 0
}

.lista-persone {
    margin-top: 12px
}

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

.condividi {
    margin-bottom: 24px
}

.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 a:focus {
    border: 2px solid #ff8c00 !important
}
.condividi .link-list {
  padding: 0.5em !important;
}

.list-group-item-action:focus {
    border: 2px solid #ff8c00 !important
}

.data-articolo,
.lettura-articolo {
    margin: 0
}

.data-articolo span,
.lettura-articolo span {
    font-size: .778em
}

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

#intro .btn-celeste {
    margin-top: 8px
}

#articolo-dettaglio-foto figure {
    margin: 0
}

#articolo-dettaglio-foto figure img {
    object-fit: cover;
    height: 641px;
    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 0
}

.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;
    text-transform: uppercase;
    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 [data-toggle=collapse][aria-expanded=false] svg.icon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

#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 {
    margin-top: 8px
}

#menu-sinistro #lista-paragrafi .list-group-item {
    font-size: .889em;
    padding: 6px 0px;
    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 .paragrafo {
    margin-top: 0px
}

#articolo-dettaglio-testo .paragrafo a {
}

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

#articolo-dettaglio-testo .paragrafo-init {
    margin-top: 0
}

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

#articolo-dettaglio-testo .paragrafi_testo_dettaglio h4 {
    margin-top: 32px
}

#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 h4 a {
    color: #17324d
}

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

#articolo-dettaglio-testo .articolo-mt0 p:first-child {
    margin-top: 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 0;
    display: inline-block
}

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

#articolo-dettaglio-testo .note {
    font-size: 14px;
    font-size: .778em
}

#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 h4 {
    color: #fff
}

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

#articolo-dettaglio-testo .galleriaslide .owl-item:first-child {
    padding-left: 0
}

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

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

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

#articolo-dettaglio-testo .galleriaslide figure {
    margin: 0
}

#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
}

#articolo-dettaglio-testo .articolo-ulterioriinfo a {
    color: #17324d
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .argomenti a:hover {
    color: #fff
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .linksmall:hover {
    color: #17324d
}

#articolo-dettaglio-testo .allegati-riga {
    margin-bottom: 32px
}

#articolo-dettaglio-testo .allegati-riga:last-of-type {
    margin-bottom: 0
}

#articolo-dettaglio-testo .allegati-riga .allegato {
    height: 100%
}

.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 0
}

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

.listaluoghi .row:first-child .scheda-ufficio-contatti {
    margin-top: 12px
}

#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 {
    fill: #17324d;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

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

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

#articolo-dettaglio-testo .scheda-allegato h4,
#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-ufficio-contatti .scheda-ufficio-testo h4 {
    font-size: 1em
}

#articolo-dettaglio-testo .scheda-allegato h4 a,
#articolo-dettaglio-testo .scheda-ufficio-contatti h4 a {
    color: #17324d
}

#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 {
    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 svg.icon {
    fill: #17324d;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.scheda-gestione p {
    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 a:focus {
    outline: 1px solid #ff8c00 !important
}

.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 a,
.scheda-gestione-ufficicitta p {
    color: #fff
}

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

#articolo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo {
    margin: 0
}

#articolo-dettaglio-testo .articolo-ulterioriinfo p.data-articolo strong {
    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 16px;
    margin-top: 12px
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-contatti .scheda-contatti-indirizzo {
    margin-bottom: 32px
}

#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-indirizzo .scheda-contatti-mappa a {
    vertical-align: middle
}

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

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

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

#articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff {
    margin-bottom: 16px
}

#articolo-dettaglio-testo .scheda-staff p {
    margin-top: 0
}

#articolo-dettaglio-testo .profilo-dettaglio-testo .col-md-6:last-child .scheda-staff:last-of-type {
    margin-bottom: 0
}

#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 .scheda-staff .ampio a:last-child {
    margin-bottom: 0
}

#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
}

#articolo-dettaglio-testo .articolo-ulterioriinfo .persone {
    margin-bottom: 0
}

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

.persone a.badge-persone:hover {
    background-color: #17324d;
    color: #fff;
    text-decoration: none
}

.callout {
    margin-top: 12px;
    margin-bottom: 0
}

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

.callout.important .callout-title .icon {
    fill: #bd171c !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-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 outside none;
    display: list-item;
    margin: 0 0 0 32px !important
}

.callout-punti p,
.callout.sp p {
    list-style: none;
    display: block;
    margin: 0 0 8px 0 !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: #bd171c;
    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);
    background-color: #eaf2ec;
    padding: 12px 24px;
    margin-bottom: 16px
}

.scheda-verde-link {
    background-color: #eaf2ec;
    padding: 12px 24px;
    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-comunicazioni .step {
    height: 100%
}

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

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

.step .date-step .date-step-giorno {
    font-size: 2.222em
}

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

.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
}

.step:last-of-type .scheda-gestione,
.step:last-of-type .scheda-step {
    margin-bottom: 0
}

.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 24px
}

.stepper-comunicazioni .scheda-gestione p {
    display: block
}

.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
}

.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
}

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

.step .scheda-step .scheda-step-testo a:focus {
    outline: 1px solid #ff8c00 !important
}

.step .scheda-step .scheda-step-testo a svg.icon {
    width: 24px;
    height: 24px;
    fill: #17324d
}

#articolo-dettaglio-testo .step .scheda-step .scheda-step-testo p {
    margin: 0
}

#contenuti-correlati {
    padding: 64px 0 56px 0;
    background: url(../img/ombra.png) no-repeat top center;
    background-size: contain
}

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

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

#owl-correlati .owl-item.active {
    opacity: 1
}

#owl-correlati .owl-item:last-of-type {
    padding: 0
}

#contenuti-correlati .scheda-correlati {
    margin-bottom: 16px
}

#contenuti-correlati .scheda-correlati .scheda-testo {
    padding: 0
}

#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 0
}

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

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

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

#contenuti-altri-argomenti .argomenti h4 a {
    color: #fff
}

#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: #bd171c
}

#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 form,
.servizi-widget form {
    margin-bottom: 32px
}

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

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

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

#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%
}

.servizi-widget select {
    margin-bottom: 32px
}

#intro select:focus,
#servizi-prenotazione select:focus,
.searchWidgetModal select:focus,
.servizi-widget select:focus {
    background-color: rgba(127, 127, 127, .1)
}

.searchWidgetModal select {
    height: 40px
}

#intro .select-arrow,
#servizi-prenotazione .select-arrow,
.searchWidgetModal .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 24px
}

#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:hover input~.radiomark {
    background-color: rgba(127, 127, 127, .1)
}

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

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

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

.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 {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

#servizi-prenotazione .ui-widget.ui-widget-content {
    border: 0
}

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

#servizi-prenotazione .ui-datepicker table {
    font-size: .889em
}

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

.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-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 {
    border: 0;
    background: 0 0;
    font-weight: 600;
    color: #555;
    border: 1px solid transparent
}

.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: #bd171c;
    -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-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 #bd171c;
    border-radius: 50%
}

.ui-widget-header .ui-icon {
    background: 0
}

.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 .ui-datepicker-prev {
    background-image: url(../img/it-chevron-left.svg)
}

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

.ui-datepicker-calendar td.ui-state-disabled {
    opacity: 1
}

.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-calendar td.ui-datepicker-other-month:before {
    background: 0;
    content: none
}

.ui-datepicker-calendar .ui-datepicker-today a {
    border: 1px solid #bd171c;
    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 .btn-ora.active {
    background-color: #bd171c;
    color: #fff
}

.servizi-widget .form-group {
    margin: 0
}

#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-widget .select-arrow {
    fill: #17324d;
    right: 8px;
    bottom: 8px;
    width: 28px;
    position: absolute;
    display: block;
    z-index: 10;
    margin: 0;
    pointer-events: none
}

#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-widget textarea:focus {
    background: #f2f2f2
}

#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 {
    position: relative
}

#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: #bd171c;
    font-weight: 600;
    font-size: 1.111em;
    margin-bottom: 20px
}

#servizi-prenotazione .prenotazione-nav {
    margin-top: 32px
}

#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
}

#servizi-prenotazione .scheda-gestione {
    margin-top: 16px
}

#servizi-prenotazione .verifica h4 {
    color: #bd171c
}

.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 #bd171c
}

.notifica.success h5 {
    color: #bd171c
}

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

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

.notifica.info h5 {
    color: #17324d
}

.notification.with-icon.info .icon {
    fill: #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 .note {
    font-size: .889em
}

.servizi-widget .note a {
    color: #17324d
}

.servizi-widget .form-check {
    margin: 0
}

.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:last-child [type=checkbox]+label,
.servizi-widget .form-check:last-child [type=radio]+label {
    margin-bottom: 0
}

.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
}

.servizi-widget .form-check [type=checkbox]:not(:checked)+label::after {
    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 .form-check [type=radio]:checked+label::before {
    border-color: #555;
    border-width: 1px
}

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

.servizi-widget .table th {
    color: #bd171c
}

.servizi-widget .nav-tabs li {
    text-align: center
}

.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 .nav-tabs li a.active,
.servizi-widget .nav-tabs li a:hover {
    color: #bd171c;
    border-bottom: 2px solid #bd171c;
    text-decoration: none
}

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

.servizi-widget .tab-content p {
    margin-bottom: 32px
}

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

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

.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
}

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

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

#areapersonale-intestazione .titolo-sezione h2 {
    color: #000
}

#areapersonale-intestazione #intro {
    margin: 0
}

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

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

#areapersonale-help h3 {
    color: #fff;
    font-size: 1.778em;
    margin: 0
}

#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;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    margin-top: 16px
}

.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 {
    display: none !important
}

.addeventatc_dropdown {
    width: 230px;
    position: absolute;
    padding: 6px 0 0 0;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    color: #000 !important;
    font-weight: 600;
    line-height: 100%;
    background: #fff;
    font-size: 1em;
    text-decoration: none;
    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 ease;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent
}

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

.addeventatc_dropdown span {
    display: block;
    line-height: 100%;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;
    color: #555;
    font-weight: 600;
    padding: 16px 24px 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
}

.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
}

.lista-eventi-figli {
    margin-top: 16px
}

#articolo-dettaglio-testo .lista-eventi-figli .scheda-evento .scheda-testo h4 {
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 8px 0;
    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 .rating>label svg {
    fill: #17324d
}

#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:hover~input:checked~label+svg {
    fill: #17324d
}

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

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

.evento-rating-risultati .mediapunti strong {
    font-size: 2.222em
}

.evento-rating-risultati .mediapunti span {
    font-size: .889em
}

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

.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 figure {
    margin: 0
}

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

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

.scheda-srv .scheda-argomenti {
    padding: 10px 24px 16px 24px
}

.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
}

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

.scheda-srv .scheda-argomenti a:focus {
    outline: 1px solid #ff8c00 !important
}

@media(min-width:767px) {
    #menu-sinistro {
        position: sticky;
        top: 120px;
        margin-bottom: 32px
    }

    .articolo-ulterioriinfo .scheda-gestione {
        margin-bottom: 0
    }

    .articolo-ulterioriinfo.schede-contatti .scheda-gestione {
        margin-bottom: 32px
    }
}

@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
    }
}

@media(max-width:767px) {
    .row-eq-height {
        margin-bottom: 0
    }

    #intro {
        margin-bottom: 42px
    }

    #intro .titolo-sezione p {
        margin: 12px 0 24px 0
    }

    #intro #menu-gestione .gestione {
        position: relative;
        margin: 16px 0;
        bottom: auto;
        top: 0
    }

    #argomenti-sezione .argomenti {
        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
    }

    .widget-mono .col-md-6 .scheda {
        margin-bottom: 0
    }

    #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
    }

    #articolo-dettaglio-testo .scheda-persona .scheda-testo p,
    .scheda-evento .scheda-testo p,
    .scheda-persona .scheda-testo p,
    .scheda-video .scheda-testo p {
        font-size: 1em
    }

    .scheda-interna .scheda-testo-small h4 {
        font-size: 1em
    }

    .scheda-interna .scheda-testo-small .lista-titoli {
        font-size: 1em
    }

    .scheda-interna .scheda-testo-small .lista-titoli li {
        font-size: 1em
    }

    #articolo-dettaglio-foto figure img {
        height: 360px
    }

    #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 {
        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 {
        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 {
        font-size: .875em
    }

    #articolo-dettaglio-testo .articolo-ulterioriinfo p,
    .articolo-ulterioriinfo .callout ul,
    .callout-punti p,
    .callout-punti ul,
    .step .scheda-step .scheda-step-testo {
        font-size: 1em
    }

    #articolo-dettaglio-testo .allegati-riga {
        margin-bottom: 0
    }

    #articolo-dettaglio-testo .allegati-riga:last-of-type {
        margin-bottom: 0
    }

    #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 .scheda-contatti .scheda-contatti-email,
    #articolo-dettaglio-testo .profilo-dettaglio-testo .scheda-staff .scheda-staff-email {
        font-size: .875em
    }

    #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
    }

    .articolo-ulterioriinfo .callout ul {
        font-size: 1em
    }

    .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
    }

    .stepper .step .date-step .date-step-giorno,
    .stepper-comunicazioni .step .date-step .date-step-giorno {
        font-size: 2em
    }

    .stepper .step .date-step .date-step-mese,
    .stepper-comunicazioni .step .date-step .date-step-mese {
        font-size: .875em
    }

    .stepper .step .testo-step,
    .stepper-comunicazioni .step .testo-step {
        width: 85%
    }

    #contenuti-altri-argomenti,
    #contenuti-correlati {
        padding: 36px 0 36px 0
    }

    #contenuti-altri-argomenti .argomenti {
        margin: 0 0 32px 0
    }

    #servizi-prenotazione .testo-step {
        float: right
    }

    .ui-datepicker {
        width: 100%;
        margin-bottom: 40px
    }

    #servizi-prenotazione .ui-datepicker table {
        font-size: 1em
    }

    #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 0
    }

    #intro .btn-celeste {
        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
    }

    #intro .info-ricerca {
        margin-top: 24px
    }

    .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
    }
}

@media(max-width:576px) {
    #articolo-dettaglio-foto figure img {
        height: 240px
    }

    .scheda-persona,
    .scheda-video {
        min-height: 160px
    }

    .scheda-persona .scheda-foto,
    .scheda-video .scheda-anteprima {
        width: 114px
    }

    .scheda-persona .scheda-foto img,
    .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
    }
}

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

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

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

.novita-foto img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

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

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

.novita-testo h2 a {
    color: #4e4e4e
}

.novita-testo p {

    color: #555;
    margin: 20px 0;
    margin-right: 24px
}

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

.tutte {
    color: #bd171c;
    font-size: .778em;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px
}

.tutte:hover {
    color: #bd171c;
    text-decoration: underline
}

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

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

#home-novita {
    background-color: #eceff1;
    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;
    letter-spacing: 1px;
    font-size: .778em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px 24px 0 24px
}

.scheda .scheda-icona-small a {
    color: #4e4e4e
}

.scheda .scheda-icona-small svg.icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
    fill: #4e4e4e
}

.scheda .scheda-icona-small a:focus {
    outline: 2px solid #ff8c00 !important
}

.scheda .scheda-footer,
.scheda .scheda-testo,
.scheda .scheda-testo-small {
    padding: 10px 24px 16px 24px
}

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

.scheda .scheda-testo-small h4 {
    font-size: 1.111em;
    font-weight: 700;
    margin-bottom: 8px
}

.scheda .scheda-testo-small p {
    font-size: .889em
}

.scheda .scheda-testo-small h4 a {
    color: #4e4e4e
}

.scheda .scheda-footer {
    border-top: 0 solid #d8d8d8;
    flex: 0 0 auto
}

#calendario {
    background-color: #eceff1;
    padding: 0 0 56px 0
}

#calendario h3 {
    color: #bd171c;
    font-size: 1.778em;
    margin: 0
}

.calendario-filtro {
    text-align: right
}

#calendario h4 {
    color: #fff;
    font-size: 1.111em;
    text-align: center;
    border-radius: 4px 4px 0 0;
    background-color: #4e4e4e;
    margin: 32px 0 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-nav svg.icon {
    fill: #fff;
    width: 26px;
    height: 26px
}

#calendario #owl-calendario .owl-nav .owl-next:hover,
#calendario #owl-calendario .owl-nav .owl-prev:hover {
    background: 0 0
}

#calendario #owl-calendario .owl-dots {
    margin: 20px 0 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: #bd171c;
    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:first-child {
    border: 0
}

#calendario .scheda-calendario .scheda-calendario-lista li a {
    color: #4e4e4e;
    font-weight: 700
}

#argomenti_evidenza .argomenti-foto {
    background: url(../img/foto/home_argomenti.jpg) no-repeat center;
    height: 260px;
    background-size: cover;
    display: block;
    position: relative;
    padding-top: 52px
}

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

.row.mt-128n {
    margin-top: -128px
}

#siti_tematici {
    margin: 32px 0 64px 0
}

#siti_tematici h3 {
    color: #bd171c;
    font-size: 1.778em;
    margin: 0 0 32px 0
}

#siti_tematici .scheda-sito {
    margin-bottom: 24px
}

#siti_tematici .mb16,
#siti_tematici .row-eq-height {
    margin-bottom: 0 !important
}

.bg-servizi {
    background: #f1f1f1;
    height: 407px;
    background-size: cover;
    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: #bd171c;
    border-radius: 0 4px 4px 0;
    border: 0;
    padding: 8px
}

#home-servizi .form-group .ico-sufix svg.icon {
    fill: #fff;
    width: 24px;
    height: 24px
}

#home-servizi .box-servizi {
    position: absolute;
    top: 124px
}

#home-servizi md-autocomplete,
#home-servizi 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 {
    height: 48px;
    font-size: 1em;
    font-weight: 300;
    color: #9b9b9b
}

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

.md-virtual-repeat-container .md-autocomplete-suggestions li .autocomplete-intro {
    font-size: .889em
}

@media(min-width:767px) and (max-width:991px) {

    #novita_evidenza,
    .novita-foto {
        min-height: 600px
    }
}

@media(max-width:767px) {
    #novita_evidenza {
        min-height: 0;
        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
    }

    .novita-testo .argomenti,
    .novita-testo p {
        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 {
        font-size: .875em
    }

    .tutte svg.icon {
        vertical-align: middle
    }

    .calendario-filtro {
        text-align: left;
        margin-top: 32px
    }

    .calendario-filtro .btn-trasparente {
        margin: 0 8px 8px 0
    }

    #calendario .scheda-calendario .scheda-calendario-data {
        font-size: 1em
    }

    #calendario .scheda-calendario .scheda-calendario-data strong {
        font-size: 2em
    }

    #calendario .scheda-calendario .scheda-calendario-lista li {
        font-size: 1em
    }

    #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-icona-small {
        font-size: .875em
    }

    .scheda .scheda-testo-small h4 {
        font-size: 1em
    }

    .scheda .scheda-testo h4 {
        font-size: 1.5em
    }

    .scheda .scheda-testo p,
    .scheda .scheda-testo-small p {
        font-size: 1em
    }

    .scheda-lista li a {
        font-size: 1em
    }

    .scheda .scheda-footer {
        padding: 16px 24px 13px 24px
    }

    #siti_tematici {
        margin: 32px 0 32px 0
    }

    .bg-servizi {
        height: 320px
    }

    #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-wrap {
        height: 40px
    }

    #home-servizi md-autocomplete input#cerca-txt-intro {
        height: 40px
    }
}

@media(max-width:576px) {
    .novita-foto img {
        max-height: 240px
    }

    #argomenti_evidenza .argomenti-foto {
        height: 170px
    }
}

.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 24px !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
}

#articolo-dettaglio-testo .scheda-persona .scheda-testo p,
.scheda-evento .scheda-testo p,
.scheda-persona .scheda-testo p,
.scheda-video .scheda-testo p {
    font-size: .889em
}

.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,
.scheda-interna .scheda-icona-small,
.scheda-persona .scheda-icona-small {
    color: #555
}

.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 h4 {
    font-size: 1.111em
}

.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
}

.scheda-persona .scheda-testo.scheda-testo-large {
    margin-right: 0
}

table,
td,
th {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.logoprint {
    display: none;
}

.hidden {
    display: none !important
}

.bg-blu {
    background-color: #17324d !important;
    color: #fff !important
}

.bg-arancione {
    background-color: #bd171c !important;
    color: #fff !important
}

.bg-bianco {
    background-color: #fff !important;
    color: #fff !important
}

.bg-bluscuro {
    background-color: #06c !important;
    color: #fff !important
}

.bg-grigioscuro {
    background-color: #4e4e4e !important
}

.bg-grigio {
    background-color: #eceff1 !important
}

.bg-oro {
    background-color: #9c8c3e !important
}

.bg-verde {
    background-color: #bd171c !important
}

.arancione {
    color: #bd171c !important
}

.verde {
    color: #333 !important
}

.oro {
    color: #bd171c !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
}

.mt0 {
    margin-top: 0 !important
}

.mb0 {
    margin-bottom: 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
}

.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
}

a {
    color: #17324d
}

.container li a:focus {
    outline: 1px solid #ff8c00 !important
}

.row.clearfix a:focus {
    outline: 1px solid #ff8c00 !important
}

.list_link-utili li a,
.sub_nav li a {
    padding: 12px 20px 12px 20px !important;
}

.bg-grigio-chiarissimo {
    background-color: #f1f1f1 !important
}

@media (min-width:1200px) {
    #mainheader .cerca {
        margin-top: 5px !important;
    }
}


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


.ui-widget {
    font-family: unset !important;
    font-size: 0.85em;
}

.ui-widget-header {
    border: 0 !important;
    background: #fff !important;
    color: #333333;
    font-weight: bold;
    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;
}

#datepicker2 {
    margin-top: 20px !important;
}

#talenti-sardi {
    display: block;
    float: none;
    background: url(/wp-content/uploads/2020/12/banner_talentisardi.jpg) repeat-x top left;
}

.card-link-list ul {
    padding: 0;
    margin: 0;
}

.card-link-list ul li,
.card-link-list ul li * {
    font-size: 1rem;
    color: #17324D;
    text-decoration: none;
    list-style: disc;
}

.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 ul li,
.card-link-list ul li * {
    font-size: 1rem;
    color: #17324D;
    text-decoration: none;
}

.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 li a:hover {
    text-decoration: underline;
}

.card-link-list.submenu-card.card-empty {
    min-height: 0;
    justify-content: flex-start;
    background-color: #E6E9F2;
}

.card-link-list.submenu-card.card-empty .padd {
    padding: 0;
}

#gonfaloni-footer img {
    min-height: 105px;
}

.form-check [type="checkbox"]:checked+label::before {
    top: 6px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #000 #000 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-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;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2.5rem;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

#notizie-elenco .card-title a {
    color: #17324d;
}

.card-header.bg-primary {
    background-color: #bd171c !important;
}

.card .card-body .card-text {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    font-weight: lighter;
}

#attiTeaseContainer .card-title a {
    color: #000;
    padding: 10px 0 20px;
}

#argomenti-albo .card-title a {
    color: #fff;
}

#argomenti-amministrazione .card-title a {
    color: #fff;
}


#gonfaloni-footer img {
    max-width: 158.6px;
    height: auto
}


.form-check [type="checkbox"]+label,
.form-check [type="radio"]+label {
    font-size: 0.88rem;
}



.form-check {
    margin-top: 0 !important;
}

.back-to-top:hover {
    background: #bd171c !important;
    text-decoration: none;
}

.back-to-top {
    background: #bd171c;
}

/* LANDING */
.overlay-black a {
    color: #fff !important;
    font-size: 1.3em;
    text-decoration: none;
}

@media (max-width: 991px) {
    #mainheader .header-landing {
        height: 120px !important;
    }

    .header-landing {
        height: 120px !important;
    }

    .header-landing#mainheader {
        height: 120px !important;
    }
}

.header-landing {
    height: 160px !important;
}

#mainheader .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: 0px;
    position: relative;
    text-decoration: none;
    margin-bottom: 12px;
}

#sezione-altri-contenuti h3 {
    text-transform: uppercase;
    color: #003352
}


#home-servizi .btn-verde,
.btn-verde {
    font-size: 0.85em;
    color: #fff !important;
    padding: 8px 24px;
    background: #bd171c !important;
    background-color: #bd171c !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 a {
    color: #000;
}

.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;
}

.titolo-bottone-landing a {
    color: #fff;
}

#gonfaloni-landing img {
    max-height: 63px;
}

.subfooter-landing {
    background-color: #bd171c !important;
    padding: 10px 0 !important;
}

.footer-landing {
    background: #17324d !important
}
.textwidget {
  margin-bottom: 30px;
}

.bg-light { background-color:#f1f1f1!important;}

.sottolinea-rosso {
  background-color: #BD171C!important;
  padding: 5px;
  color: #fff !important;
}

.sottolinea-verde {
  background-color: #6a7e5f!important;
  padding: 5px;
  color: #fff !important;
}

.sottolinea-blu {
  background-color: #17324d !important;
  padding: 2px 10px 2px 10px;
  color: #fff !important;
  font-size: 0.70rem;
}

#contentuto .link-list-wrapper ul li a {
  font-size: unset !important;
  line-height: unset !important;
  text-decoration: none !important;
  padding: 0;
  position: unset;
  display: unset;
}
#contentuto .link-list-wrapper ul li a:hover {
  font-size: unset !important;
  line-height: unset !important;
  text-decoration: underline !important;
  padding: 0;
  position: unset;
  display: unset;
}

.list-group-item {
  background-color: transparent!important;
  border: 0;
}
input[type="text"] {
  border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
  border-bottom: 3px solid #000;
  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;
}

.card .card-body .card-text {

  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000
}
  .bootstrap-select-wrapper .dropdown.bootstrap-select .dropdown-menu li a {
  font-size: .88889rem;
  color: #000!important;
  white-space: inherit;
}

.bootstrap-select-wrapper .dropdown.bootstrap-select .dropdown-menu li a.selected span.check-mark {
  color: #bd171c!important;
}

#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>.chip-label {
 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;
}
.filtro.filtro-primary > .filtro-label {
  color: #fff;
}










.btn-secondary {
 color:#000;
 background-color:#fff;
 border:#BD171C 2px solid;
 -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)
}
.btn-secondary:hover {
 color:#fff;
 background-color:#BD171C;
 border-color:#BD171C;
 text-decoration: underline;
}
.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:#BD171C;
 border-color:#BD171C;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,


.btn.dropdown-toggle.btn-light {
  height: auto !important;
}
.filter-option-inner-inner {
  display: block !important;
  width: 95%;
}

button, input, optgroup, select, textarea {
   font-family: "Titillium Web", sans-serif!important;
}

/* EXTRA INFORMATICA */
:root  {
    --primary-color: #BD171C;
    --secondary-color: #17324D;
    --complementary-color-01-1: #657F5C;
    --complementary-color-01-2: #BFD4B6;
    --complementary-color-02-1: #606060;
    --complementary-color-02-2: #D8D8D8;
    --complementary-color-02-3: #EDEDED;
    --black: #000000;
    --white: #FFFFFF;
}

.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-secondary:focus:not(.focus--mouse):not([data-focus-mouse='true']),
.btn.btn-secondary-blue:focus:not(.focus--mouse):not([data-focus-mouse='true']) {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* #region BOTTONI PRIMARI */
    /* PULSANTE PRIMARIO BASE */
    .btn.btn-primary {
        background-color: var(--primary-color);
        color: #fff;
        border: 3px solid var(--primary-color);
        box-shadow: none !important;
    }

    /* PULSANTE PRIMARIO EVIDENZIATO */
    .btn-primary:hover {
        background-color: var(--secondary-color);
        text-decoration: underline;
        border-color: var(--secondary-color);
        box-shadow: none !important;
    }

    /* PULSANTE PRIMARIO PREMUTO */
    .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: none !important;
    }
/* #endregion */

/* #region BOTTONI SECONDARI */
    /* BOTTONI SECONDARIO 1 BASE */
    .btn-secondary {
        background-color: var(--white);
        color: black;
        border: 3px solid var(--primary-color)        
    }

    /* BOTTONI SECONDARIO 1 EVIDENZIATO */
    .btn-secondary:hover {
        background-color: var(--primary-color);
        text-decoration: underline;
        color: white;
        border: 3px solid var(--primary-color);
        transition: 0.25s;
    }

    /* BOTTONI SECONDARIO 1 PREMUTO */
    .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: none !important;
        transition: 0.25s;
    }

    /* BOTTONI SECONDARIO 2 BASE */
    .btn-secondary-blue {
        background-color: white;
        color: black;
        border: 3px solid var(--secondary-color);
        box-shadow: none;
    }

    /* BOTTONI SECONDARIO 2 EVIDENZIATO */
    .btn-secondary-blue:hover {
        background-color: var(--secondary-color);
        color: white;
        text-decoration: underline;
        transition: 0.25s;
    }

    /* BOTTONI SECONDARIO 2 PREMUTO */
    .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: none !important;
        transition: 0.25s;
    }
/* #endregion */

/* #region BOTTONI TERZIARI */
    /* BOTTONI TERZIARIO BASE */
    .btn-tertiary {
        background-color: var(--secondary-color);
        color: white;
        border: 3px solid var(--secondary-color);
        box-shadow: none;
    }

    /* BOTTONI TERZIARIO EVIDENZIATO */
    .btn-tertiary:hover {
        background-color: var(--complementary-color-02-3);
        color: black;
        text-decoration: underline;
        transition: 0.25s;
    }

    /* BOTTONI TERZIARIO PREMUTO */
    .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: none !important;
        transition: 0.25s;
    }
/* #endregion */

/* #region CHECKBOX */
    .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;
    }
/* #endregion */

/* #region RADIO */
    .form-check [type=radio] + label {
        font-size: 1.1rem;
    }

    .form-check [type=radio]:checked+label::before {
        border-color: var(--secondary-color);
        z-index: 0;
    }

    .form-check [type=radio]:checked+label::after {
        border-color: var(--secondary-color);
        background-color: var(--secondary-color);
        z-index: 0;
    }
/* #endregion */


/* CHIPS */

/* CHIP ROSSA */
.custom-chip-primary {
    background-color: white;
    border: 1px solid var(--primary-color);
    text-decoration: none;
}

.custom-chip-primary .chip-label {
    color: black;
}

/* CHIP ROSSA EVIDENZIATA*/
.custom-chip-primary:hover {
    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--white);
    transition: 0.25s;
}

/* CHIP ROSSA PREMUTA*/
.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: none !important;
    transition: 0.25s;
}

.custom-chip-primary:focus:not(.focus--mouse):not([data-focus-mouse='true']) .chip-label {
    color: black;
}

/* CHIP BLU */
.custom-chip-secondary {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    text-decoration: none;
}

.custom-chip-secondary .chip-label {
    color: var(--white);
}

/* CHIP BLU EVIDENZIATA */
.custom-chip-secondary:hover {
    background-color: var(--complementary-color-02-2) !important;
    border: 2px solid var(--secondary-color) !important;
    color: var(--black) !important;
    transition: 0.25s;
}

.custom-chip-secondary:hover .chip-label {
    color: var(--black) !important;
}

/* CHIP BLU PREMUTA */
.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: none !important;
    transition: 0.25s;
}

.custom-chip-secondary:focus:not(.focus--mouse):not([data-focus-mouse='true']) .chip-label {
    color: black;
}
/* #endregion */

/* #region BADGE */
    .custom-badge {
        color: var(--white);
        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);
    }
/* #endregion */


.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 E SPAZI CORRELATI */
    .componente-card-persona {
    padding:20px!important;
    margin-bottom:24px;
  }

    .componente-card-servizi,.componente-card-farmacia,.componente-card-medico,.componente-card-persona,.componente-card-servizio, {
    padding:20px!important;
    margin-bottom:24px;
  }
  
.componente-card-struttura {
    padding:20px!important;
    margin-bottom:0px;
  }
    .componente-card-servizi-mb0, .componente-card-struttura-mb-0,.componente-card-struttura-footer {
    padding:20px!important;
    
  }

  .mt-12{ margin-top:12px;
  }
  .mb-12{ margin-bottom:12px;
  }
  .mt-24{ margin-top:24px;
  }
  .mb-24{ margin-bottom:24px;
  }
  .mt-36{ margin-top:36px;
  }
  .mb-36{ margin-bottom:36px;
  }
  .pt-12{ padding-top:12px;
  }
  .pb-12{ padding-bottom:12px;
  }
  .pt-24{ padding-top:24px;
  }
  .pb-24{ padding-bottom:24px;
  }
  .pt-36{ padding-top:36px;
  }
  .pb-36{ padding-bottom:36px;
  }




  .tipologia-struttura {

  }

  .badge-tipologia-card-blu {

  font-size: 0.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 0px;
  margin-left: 0px;
}

#servizi-asl .it-list-wrapper .it-list a span.text {
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

@media (min-width: 1200px) {
  .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;
  }
}

#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: 0px ;
}

#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;
}
		#articolo-gallery .owl-prev {
			width: 32px;
			height: 32px;
			border-radius:100% !important;
			position: absolute;
			top: 37.5% !important;
			left: 16px;
			display: block !important;
			border:1px solid black;
			background-color:rgba(255,255,255, 0.85) !important;
		}

		#articolo-gallery .owl-next {
			width: 32px;
			height: 32px;
			border-radius:100% !important;
			position: absolute;
			top: 37.5% !important;
			right: 16px;
			display: block !important;
			border:1px solid black;
			background-color:rgba(255,255,255, 0.85) !important;
		}
		#articolo-gallery .owl-prev:hover, #articolo-gallery .owl-next:hover {
			background-color:rgba(180,180,180, 0.75) !important;
		}

		#popupgallery .carousel-control-prev
		{
			height: 64px;
			position: absolute;
			top: 37.5% !important;
			left: 16px;
			background-color: rgba(255,255,255, 0.5) !important;
			padding: 8px;
		}

		#popupgallery .carousel-control-next
		{
			height: 64px;
			position: absolute;
			top: 37.5% !important;
			right: 16px;
			background-color: rgba(255,255,255, 0.5) !important;
			padding: 8px;
		}
		#popupgallery img{
			max-height: calc(100vh - 225px);
		}
		.modal-backdrop.show{
			background-color:rgba(0,0,0,0.5) !important;
			opacity: 0.5 !important;
			z-index:1080 !important;
		}
		.modal{z-index:1081 !important;}

        #attiResultCount {
            background: #bd171c;
            color: white;
            padding: 2px 10px;
        }

        #intro-titolo-primo-livello {
            background: #ededed !important;
        }

        .badge {
            margin-bottom: 5px !important;
        }

.cfp-accordion h5[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}

/*FIX */
#articolo-dettaglio-testo #accordion .paragrafo a {
  left: 0;
  top: unset;
  position:unset!important;
  display:block;
}

/*NUOVE PAGINE SERVIZI E STRUTTURE */
  .splide__pagination.splide__pagination--ltr {
  position: relative;
  padding-top: 20px;
}
.splide__pagination__page.is-active {
  background:#bd171c;
  transform: unset!important;
  z-index: 1;
}
.splide__pagination__page {
  height: 15px!important;
  width: 15px!important;
}
#splide01-track {
  padding-top: 10px;
}
.splide__list {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  margin:0!important;
  padding:0px 10px !important;
}
.bg-lightred {
  background-color:#FEF7F8;
}
.titolo_card_con_divider-rosso::after {
  border-bottom: 6px solid var(--primary-color);
  content: "";
  display: block;
  padding-bottom: 5px;
  max-width: 160px;
}

@media (max-width: 768px) {
  .splide__track {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

#articolo-dettaglio-testo #acc-comp .paragrafo a {
    left: unset!important;
    top: unset!important;
    position: unset!important;
}