@font-face {
    font-family: 'titillium';
    src: url('fonts/titilliumweb-regular-webfont.eot');
    src: url('fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-regular-webfont.woff') format('woff'), url('fonts/titilliumweb-regular-webfont.ttf') format('truetype'), url('fonts/titilliumweb-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-italic';
    src: url('fonts/titilliumweb-italic-webfont.eot');
    src: url('fonts/titilliumweb-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-italic-webfont.woff') format('woff'), url('fonts/titilliumweb-italic-webfont.ttf') format('truetype'), url('fonts/titilliumweb-italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-light';
    src: url('fonts/titilliumweb-light-webfont.eot');
    src: url('fonts/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-light-webfont.woff') format('woff'), url('fonts/titilliumweb-light-webfont.ttf') format('truetype'), url('fonts/titilliumweb-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-lightitalic';
    src: url('fonts/titilliumweb-lightitalic-webfont.eot');
    src: url('fonts/titilliumweb-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-lightitalic-webfont.woff') format('woff'), url('fonts/titilliumweb-lightitalic-webfont.ttf') format('truetype'), url('fonts/titilliumweb-lightitalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-semibold';
    src: url('fonts/titilliumweb-semibold-webfont.eot');
    src: url('fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-semibold-webfont.woff') format('woff'), url('fonts/titilliumweb-semibold-webfont.ttf') format('truetype'), url('fonts/titilliumweb-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-semibolditalic';
    src: url('fonts/titilliumweb-semibolditalic-webfont.eot');
    src: url('fonts/titilliumweb-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-semibolditalic-webfont.woff') format('woff'), url('fonts/titilliumweb-semibolditalic-webfont.ttf') format('truetype'), url('fonts/titilliumweb-semibolditalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-bold';
    src: url('fonts/titilliumweb-bold-webfont.eot');
    src: url('fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-bold-webfont.woff') format('woff'), url('fonts/titilliumweb-bold-webfont.ttf') format('truetype'), url('fonts/titilliumweb-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/fa-regular-400.eot);
	src: url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fa-regular-400.woff2) format("woff2"), url(fonts/fa-regular-400.woff) format("woff"), url(fonts/fa-regular-400.ttf) format("truetype"), url(fonts/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/fa-brands-400.eot);
	src: url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fa-brands-400.woff2) format("woff2"), url(fonts/fa-brands-400.woff) format("woff"), url(fonts/fa-brands-400.ttf) format("truetype"), url(fonts/fa-brands-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 900;
    src: url(fonts/fa-solid-900.eot);
	src: url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fa-solid-900.woff2) format("woff2"), url(fonts/fa-solid-900.woff) format("woff"), url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg");
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg) format("svg");
}

html,
body {
    background-color: #fff;
    color: #555555;
    font-family: 'titillium', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: initial;
}

/*body > .container-fluid{*/
body .container-fluid {
    max-width: 1280px;
    min-width: 320px;
    padding: 0;
    position: relative;
}

@media (max-width: 767px) {
    .group-header {
        position: fixed;
        width: 100%;
        z-index: 1051;
    }
}

.group-header header {
    background-color: #d6012e;
    color: #fff;
    height: 80px;
}

@media (min-width: 768px) {
    .shrink {
        padding-top: 310px;
    }

    .shrink .group-header {
        position: fixed;
        top: 0;
        z-index: 9999;
        max-width: 1280px;
        width: 100%;
    }

    .group-header header {
        background-color: #d6012e;
        color: #fff;
        height: 185px;
        border-bottom: 0;
        position: relative;
        transition: 1s;
        overflow: hidden;
    }

    /*.graphicheader header {
	height: 478px;
}
[data-imgheigh="298"] { --x: 1; }
.graphicheader header[data-imgheight] {
	height: attr(data-imgheight);
}*/
    .shrink .group-header header {
        height: 125px;
        max-height: 125px;
        transition: 1s;
    }

    .shrink .group-header header #logo a img {
        max-width: 180px;
        transition: 0.2s;
    }

    .shrink .group-header header .utilita {
        margin-top: 42px;
    }
}

hr {
    display: none;
}

a {
    background-color: inherit;
    color: #555;
}

a:hover {
    background-color: inherit;
    color: #555;
}

strong,
em {
    background-color: inherit;
    color: #555;
}
/* 
h1 {
    background-color: #fff !important;
    color: #555 !important;
} */

header h1 {
    background-color: #fff;
    color: #555;
    display: none;
}

header h2 {
    background-color: #d6012e;
    color: #fff;
}

header #logo {
    margin: 0;
    padding: 0;
}

header #logo a {
    background-color: inherit;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
}

@media (min-width: 768px) {
    header #logo a {
        top: 20px;
        left: 30px;
    }
}

header #logo a img {
    background-color: inherit;
    color: #fff;
    max-width: 120px;
    transition: 0.2s;
}

@media (min-width: 768px) {
    header #logo a img {
        max-width: 292px;
        transition: 0.2s;
    }
}

header .utilita {
    position: absolute;
    top: 30px;
    right: 60px;
}

@media (min-width: 768px) {
    header .utilita {
        float: right;
        margin-top: 73px;
        position: static;
    }
}

header button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

/*#google_translate_element{*/
.gt_container_header {
    display: none;
}

@media (min-width: 768px) {

    /*#google_translate_element{*/
    .gt_container_header {
        float: left;
        display: block;
    }
}

.goog-te-menu-frame {
    box-shadow: none !important;
    width: 180px !important;
}

.goog-te-menu2 {
    width: 100% !important;
    border: 1px solid #333 !important;
}

.goog-te-menu2-item-selected a {
    color: #333 !important;
    font-family: "titillium" !important;
}

.goog-te-menu2-item-selected a:hover,
#google_translate_element a:hover span:first-child {
    text-decoration: underline !important;
}

#google_translate_element img {
    display: none;
}

#google_translate_element select {
    border: 0;
}

#google_translate_element div {
    background-color: #d6012e;
    color: #fff;
    border: 0;
}

#google_translate_element span {
    background-color: #d6012e;
    color: #fff !important;
    border: 0 !important;
}

#google_translate_element span:first-child {
    padding: 0 5px;
}

@media (min-width: 992px) {
    #google_translate_element span:first-child {
        padding: 0 20px;
    }
}

#google_translate_element span:last-child {
    padding-right: 0;
    font-size: 0.9em;
}

@media (min-width: 992px) {
    #google_translate_element span:last-child {
        padding-right: 5px;
        font-size: 0.9em;
    }
}

#google_translate_element a {
    text-decoration: none;
    line-height: 40px;
    font-family: titillium-semibold;
    background-color: transparent;
}

@media (min-width: 992px) {
    #google_translate_element a {
        font-size: 1.3em;
    }
}

header .utilita .toogle-menuresponsive {
    background-color: transparent;
    background-image: url("../img/icona_utente.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px;
    display: block;
    width: 28px;
    height: 28px;
    float: right;
    border: 0;
    border-radius: 0;
    display: block;
}

header .utilita.user .toogle-menuresponsive {
    background-image: url("../img/icona_utente_blu_bordo.svg");
}

header .utilita .toogle-menuresponsive:hover,
header .utilita .toogle-menuresponsive.selected {
    background-image: url("../img/icona_utente_rosso.svg");
    background-color: #fff;
}

header .utilita.user .toogle-menuresponsive:hover,
header .utilita.user .toogle-menuresponsive.selected {
    background-image: url("../img/icona_utente_blu.svg");
}

@media (min-width: 768px) {

    header .utilita .toogle-menuresponsive:hover,
    header .utilita .toogle-menuresponsive.selected {
        background-size: 30px;
    }
}

@media (min-width: 768px) {
    header .utilita .toogle-menuresponsive {
        border-left: 1px solid #fff;
        margin-right: 15px;
        width: 35px;
        height: 40px;
        background-size: 30px;
    }

    header .utilita.user .toogle-menuresponsive {
        border-left: 0;
    }
}

@media (min-width: 992px) {
    header .utilita .toogle-menuresponsive {
        width: 50px;
    }
}

header .utilita .toogle-menuresponsive:focus {
    box-shadow: none;
}

header .utilita .toogle-menuresponsive strong {
    display: none;
}

header .utilita.user p.user {
    display: none;
}

@media (min-width: 768px) {
    header .utilita.user p.user {
        float: left;
        margin: 0;
        line-height: 40px;
        border-left: 1px solid #fff;
        padding: 0 5px 0 10px;
        font-family: titillium-semibold;
        font-size: 0.75em;
        display: block;
    }
}

@media (min-width: 992px) {
    header .utilita.user p.user {
        font-size: 1em;
        padding: 0 5px 0 20px;
    }
}

header .utilita #menuresponsive {
    z-index: 1101;
}

.modal-backdrop {
    background-color: transparent;
}

header .utilita #menuresponsive .modal-dialog {
    max-width: 1280px;
    width: 100%;
    margin: 80px 0 0;
}

.translated-rtl header .utilita #menuresponsive .modal-dialog,
.translated-ltr header .utilita #menuresponsive .modal-dialog {
    margin: 120px 0 0;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-dialog {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
    }
}

header .utilita #menuresponsive .modal-content {
    border-radius: 0;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-content {
        border: 15px solid #d6012e;
    }
}

header .utilita #menuresponsive .modal-header {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

header .utilita #menuresponsive .modal-header .close {
    background-color: inherit;
    color: #d6012e;
    font-size: 3em;
    font-weight: bold;
    opacity: 1;
}

header .utilita #menuresponsive .modal-body {
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-body.row {
        margin: 0 -15px;
    }
}

header .utilita #menuresponsive .modal-body div {
    background-color: inherit;
    color: #333;
    background-image: url("../img/icona_login.png");
    background-position: 15px 0;
    background-repeat: no-repeat;
    background-size: 49px;
    margin-top: 30px;
    padding-left: 80px;
    text-align: right;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-body div {
        background-position: top center;
        background-size: 98px;
        margin-top: 0;
        padding-top: 120px;
        padding-left: 0;
        text-align: center;
    }
}

header .utilita #menuresponsive .modal-body div.reguser {
    background-image: url("../img/icona_reguser.png");
}

header .utilita #menuresponsive .modal-body div.contacts {
    background-image: url("../img/icona_contacts.png");
}

header .utilita #menuresponsive .modal-body div.profilo {
    background-image: url("../img/icona_profilo.png");
}

header .utilita #menuresponsive .modal-body div.fascicolo {
    background-image: url("../img/icona_fascicolo.png");
}

header .utilita #menuresponsive .modal-body div p {
    text-align: left;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-body div p {
        padding: 0 60px;
        min-height: 70px;
        text-align: center;
    }
}

header .utilita #menuresponsive .modal-content p.bottoni.esci {
    text-align: center;
}

header .utilita #menuresponsive .modal-content p.bottoni.esci .btn {
	background-color: #127db5;
    color: #fff;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-content p.bottoni.esci {
        text-align: right;
        padding-right: 50px;
    }
}

header .utilita #menuresponsive .modal-body div p.bottoni {
    padding: 0;
    min-height: auto;
    text-align: right;
}

@media (min-width: 768px) {
    header .utilita #menuresponsive .modal-body div p.bottoni {
        text-align: center;
    }
}

header .utilita #menuresponsive .modal-body div p.bottoni .btn {
    background-color: #d6012e;
    color: #fff;
}

header .utilita #menuresponsive .modal-body div ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

header .utilita #menuresponsive .modal-body div ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

header .utilita #menuresponsive .modal-body div ul,
header .utilita #menuresponsive .modal-body div ul li a {
    background-color: inherit;
    color: #333;
    text-decoration: underline;
}

.modal-backdrop {
    z-index: -1;
}

header .utilita .toogle-search {
    background-color: transparent;
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    border: 0;
    border-radius: 0;
    display: block;
    padding: 0;
    margin-right: 5px;
}

@media (min-width: 768px) {
    header .utilita .toogle-search {
        display: none;
    }
}

header .utilita .toogle-search:before {
    background-color: transparent;
    color: #fff;
    content: "\e003";
    font-family: "Glyphicons Halflings";
    font-size: 1.6em;
    line-height: initial;
    padding: 0 3px;
}

header .utilita .toogle-search.noselected:before {
    background-color: #d6012e !important;
    color: #fff !important;
}

header .utilita .toogle-search:hover:before,
header .utilita .toogle-search.selected:before {
    background-color: #fff;
    color: #d6012e;
    font-size: 1.5em;
}

header .utilita .toogle-search strong {
    display: none;
}

@media (max-width: 767px) {
    #searchresponsive.modal {
        top: 80px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .translated-rtl #searchresponsive.modal,
    .translated-ltr #searchresponsive.modal {
        top: 120px;
    }

    #searchresponsive.modal .modal-dialog {
        background-color: #d6012e;
        color: #fff;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        border: 0;
        border-top: 2px solid #fff;
        padding: 17px 20px;
        margin: 0;
    }

    #searchresponsive.modal .modal-content {
        background-color: #fff;
        color: #333;
        /*border: 1px solid #333;*/
        border: 0;
        border-radius: 0;
    }

    #searchresponsive.modal p {
        position: relative;
        min-height: 54px;
    }

    #searchresponsive.modal #searchtext {
        display: block;
        line-height: 50px;
        border: 0;
        padding: 0 10px;
        margin: 0;
        position: relative;
        top: 4px;
        width: calc(100% - 45px);
    }

    #searchresponsive.modal #searchtext {
        display: block;
        line-height: 50px;
        border: 0;
        padding: 0 10px;
        margin: 0;
        position: relative;
        top: 4px;
        width: calc(100% - 45px);
        width: 100%;
    }

    #searchresponsive.modal #searchtext:focus {
        outline: 0;
    }

    #searchresponsive.modal button[type="reset"] {
        position: absolute;
        top: 16px;
        right: 0px;
        padding: 0;
    }

    #searchresponsive.modal button:focus {
        box-shadow: none;
        outline: 0 !important;
    }

    #searchresponsive.modal button[type="submit"] {
        display: none;
    }

    #searchresponsive.modal button[type="reset"]:before {
        background-color: #fff;
        color: #d6012e;
        content: "\e014";
        font-family: "Glyphicons Halflings";
        font-size: 1.6em;
        line-height: 1em;
        display: block;
    }

    #searchtext:not(:valid) ~ button[type="reset"] {
        display: none;
    }
}

@media (min-width: 768px) {
    #searchresponsive.modal {
        position: static;
        display: inline-block !important;
        float: left;
        opacity: 1;
    }

    #searchresponsive.modal .modal-dialog {
        max-width: initial;
        margin: 10px auto 0;
    }

    #searchresponsive.modal .modal-content {
        border: 0;
    }

    #searchresponsive.modal button[type="text"] {
        color: #d6012e;
    }

    #searchresponsive.modal button[type="reset"] {
        display: none;
    }
}

header form {
    float: left;
    margin-top: -4px;
}

@media (min-width: 768px) {
    header form {
        background-color: #fff;
        color: #555;
        clear: both;
        position: relative;
        top: 6px;
        float: right;
        border-right: 1px solid #fff;
        width: 191px;
        position: static;
        float: left;
        margin-right: 0;
        margin-top: 0;
    }
}

@media (min-width: 830px) {
    header form {
        width: 226px;
        position: static;
        float: left;
    }
}

@media (min-width: 992px) {
    header form {
        width: 330px;
        position: static;
        float: left;
    }
}

header form p {
    margin: 0;
    padding: 0;
    min-height: 38px;
    vertical-align: middle;
}

header form label {
    display: none;
}

header form input[type="text"] {
    display: none;
}

@media (min-width: 768px) {
    header form input[type="text"] {
        width: 150px;
        line-height: 40px;
        min-height: 30px;
        border: 0;
        padding: 0 12px;
        display: inline;
        outline: none;
    }
}

@media (min-width: 830px) {
    header form input[type="text"] {
        width: 185px;
    }
}

@media (min-width: 992px) {
    header form input[type="text"] {
        width: 260px;
    }
}

header form input[type="text"]::-webkit-input-placeholder {
    font-family: 'titillium-italic', Helvetica, Arial, sans-serif;
}

header form input[type="text"]::-moz-placeholder {
    font-family: 'titillium-italic', Helvetica, Arial, sans-serif;
}

header form input[type="text"]:-ms-input-placeholder {
    font-family: 'titillium-italic', Helvetica, Arial, sans-serif;
}

header form input[type="text"]:-moz-placeholder {
    font-family: 'titillium-italic', Helvetica, Arial, sans-serif;
}

header form .btn {
    background-color: transparent !important;
    color: #fff;
    width: 40px;
    height: 27px;
}

@media (min-width: 768px) {
    header form .btn {
        background-color: #d6012e !important;
        color: #fff;
        border: 0;
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        border-radius: 0;
        padding: 0 !important;
    }
}

@media (min-width: 992px) {
    header form .btn {
        width: 65px;
    }
}

header form .btn:before {
    content: "\e003";
    font-family: "Glyphicons Halflings";
    font-size: 1.6em;
    line-height: 1em;
}

@media (min-width: 768px) {
    header form .btn:before {
        line-height: initial;
    }

    header form .btn:hover {
        background-color: #fff !important;
        color: #d6012e;
        outline: 0 !important;
    }
}

header form .btn span {
    display: none;
}

header .utente {
    background-image: url("../img/icona_utente.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 32px;
}

header .utente a {
    background-color: #555;
    color: #fff;
    padding: 0 7px;
    margin-top: 9px;
    display: inline-block;
    border-left: 1px solid #fff;
    font-family: 'titillium-semibold';
}

header #accessoutente {
	background-color: #f2f2f2;
    color: #555;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    header #accessoutente li.password {
        display: none;
    }
}

header #accessoutente li {
    padding: 5px 15px;
    list-style: none;
    border-bottom: 1px solid #555;
    display: block;
}

header #accessoutente li:nth-last-of-type(2) {
    border-bottom: 0;
}

header #accessoutente li a {
    background-color: inherit;
    color: #555;
    font-family: 'titillium-semibold';
}

@media (min-width: 768px) {
    header .dropdown {
        float: left;
    }

    header #accessoutente {
        width: 300px;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        left: -263px;
        padding: 10px 20px;
    }

    header #accessoutente li {
        border: 0;
        float: left;
        font-family: "titillium-semibold";
        font-size: 1.1em;
        float: left;
        padding: 0;
    }

    header #accessoutente li a {
        float: left;
        padding: 3px 22px;
        display: block;
    }

    header #accessoutente li.accedi a {
        background-color: #096789;
        color: #fff;
        border: 1px solid #fff;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    header #accessoutente li.registrati a {
        background-color: #fff;
        color: #d6012e;
        border: 1px solid #d6012e;
        margin-bottom: 10px;
    }

    header #accessoutente li.password a {
        background-color: inherit;
        color: #d6012e;
        font-size: 0.9em;
        padding: 0;
        font-family: "titillium";
    }
}

/* Menu slide */
.mm-navbar__title,
.mm-panel_has-navbar .mm-navbar,
.mm-tabstart,
.mm-tabend,
.mm-wrapper__blocker a .mm-sronly {
    display: none !important;
}

.mm-menu_offcanvas.mm-menu_opened {
    background-color: #fff;
    color: #000;
    border-left: 1px solid #b6b6b6;
}

.mm-menu_offcanvas.mm-menu_opened ul {
    background-color: #fff;
    color: #000;
    border-top: 1px solid #b6b6b6;
}

.mm-menu_offcanvas.mm-menu_opened li {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #b6b6b6;
    border-radius: 0;
}

.mm-menu_offcanvas.mm-menu_opened li a {
    background-color: #fff;
    color: #000;
    border-radius: 0;
    text-align: left;
    padding: 15px;
}

.mm-menu_offcanvas.mm-menu_opened #google_translate_element a {
    font-size: 1.3em;
    font-family: "titillium";
    margin-left: 0;
}

.mm-menu_offcanvas.mm-menu_opened #google_translate_element div,
.mm-menu_offcanvas.mm-menu_opened #google_translate_element span {
    background-color: #fff;
    color: #000 !important;
    padding: 0;
}

.mm-menu_offcanvas.mm-menu_opened li a:after,
.mm-listitem:after {
    border: 0 !important;
    border-radius: 0;
    border-bottom-width: 0 !important;
}

.mm-menu_offcanvas.mm-menu_opened li #google_translate_elementr {
    width: 100% !important;
}

.box-navigazioneprincipale {
    background-color: #d6012e;
    color: #fff;
    border-top: 4px solid #fff;
    padding: 0;
    position: relative;
}

@media (min-width: 992px) {
    .box-navigazioneprincipale {
        min-height: initial;
        position: static;
    }
}

.box-navigazioneprincipale #toggle-menu {
    background-color: inherit;
    color: #fff;
    position: absolute;
    top: -53px;
    right: 15px;
    padding: 0;
    opacity: 1;
    z-index: 1100;
}

@media (min-width: 768px) {
    .box-navigazioneprincipale #toggle-menu {
        display: none;
    }
}

.box-navigazioneprincipale #toggle-menu:hover {
    outline: 0;
    opacity: 1;
}

.box-navigazioneprincipale #toggle-menu .hamburger-inner,
.box-navigazioneprincipale #toggle-menu .hamburger-inner::before,
.box-navigazioneprincipale #toggle-menu .hamburger-inner::after {
    background-color: #fff;
    color: inherit;
    width: 34px;
    border-radius: 2px;
}

.box-navigazioneprincipale #toggle-menu strong {
    display: none;
}

@media (min-width: 768px) {
    #navigazioneprincipale {
        margin: 0;
    }
}

@media (min-width: 992px) {
    #navigazioneprincipale {
        margin: 0;
        padding: 0 130px;
    }
}

@media (min-width: 1200px) {
    #navigazioneprincipale {
        padding: 0 230px;
    }
}

#navigazioneprincipale ul {
    background-color: #d6012e;
    color: #fff;
    border-bottom: 0;
    font-family: "titillium-semibold";
    font-size: 1.4em;
    margin: 0;
    padding: 0;
    list-style: none;
    /*border-bottom: 2px solid #d6012e;*/
    width: 100%;
    display: block;
}

#navigazioneprincipale ul li {
    margin: 0;
    padding: 0;
}

#navigazioneprincipale ul li a {
    background-color: #d6012e;
    color: #fff;
    border: 0;
    text-align: left;
    margin: 0 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    #navigazioneprincipale ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    #navigazioneprincipale ul li a {
        background-color: #d6012e;
        color: #fff;
        border: 0;
        text-align: center;
        margin-left: 0;
        border-bottom: 0;
        margin: 0;
    }

    #navigazioneprincipale ul li a:hover,
    #navigazioneprincipale ul li a:focus {
        background-color: #fff;
        color: #555;
    }

    #navigazioneprincipale ul li.active a {
        background-color: #fff;
        color: #555;
    }
}

#navigazioneprincipale ul li:last-child a {
    border-bottom: 0;
}

#contenuto {
    padding: 90px 20px 0;
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    #contenuto {
        padding: 20px 40px 0;
    }
}

/*	BREADCRUMB	*/
#contenuto nav .breadcrumb {
    background-color: inherit;
    color: #333333;
    padding-left: 0;
}

#contenuto nav .breadcrumb .breadcrumb-item a {
    background-color: inherit;
    color: #333333;
}

#contenuto nav .breadcrumb .active {
    font-weight: bold;
}

#contenuto nav .breadcrumb li {
    font-size: 1.1em;
}

#contenuto nav .breadcrumb li:after {
    content: " > ";
    padding: 0 7px 0 5px;
}

#contenuto nav .breadcrumb li:last-child:after {
    content: "";
}
/* 
#contenuto h2 {
    font-family: 'titillium-bold';
    font-size: 2em;
    margin: 0;
    padding: 0 0 30px;
} */

@media (min-width: 768px) {
    #contenuto .group_title {
        clear: both;
        float: left;
        width: 100%;
        position: relative;
    }

    /*#contenuto .group_title h2{
		float: left;
		word-wrap: break-word;
	}*/
}


/* Accesso ai servizi online */
/* Servizi online */
#contenuto .servizionline {
    margin: 0 0 30px;
    padding: 0;
    font-size: 0.9em;
    text-transform: uppercase;
    text-align: right;
    width: 100%;
    clear: both;
}

#contenuto .servizionline a {
    color: #fff;
    background-image: url("../img/icona_servizionline_grigio.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: titillium-semibold;
    padding: 6px 45px 6px 15px;
    margin: 0;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 500px) {
    #contenuto .servizionline {
        font-size: 1.1em;
    }

    #contenuto .servizionline a {
        width: auto;
        padding: 8px 90px 7px 45px;
    }
}

@media (min-width: 992px) {
    #contenuto .servizionline {
        font-size: 1.3em;
    }

    #contenuto .servizionline a {
        width: auto;
        line-height: 50px;
        text-align: center;
        min-width: 250px;
    }
}

/* Checkbox personalizzato */
.custom_check input[type="checkbox"] {
    opacity: 0;
}

.custom_check label {
    position: relative;
    display: inline-block;
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px;
}

.custom_check label::before,
.custom_check label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.custom_check label::before {
    background-color: #fff;
    color: #555;
    height: 16px;
    width: 16px;
    border: 2px solid #555;
    left: 0px;
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
 *to vertically center it.
 */
    top: 3px;
}

.custom_check label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid #d6012e;
    border-bottom: 2px solid #d6012e;
    transform: rotate(-45deg);
    left: 4px;
    top: 7px;
}

.custom_check input[type="checkbox"] + label::after {
    content: none;
}

.custom_check input[type="checkbox"]:checked + label::after {
    content: "";
}

.custom_check input[type="checkbox"]:focus + label::before {
    /*outline: rgb(59, 153, 252) auto 5px;*/
}

/* Radio personalizzato */
.custom_radio {
    margin-right: 12px;
    margin-left: 20px;
}

@media (min-width: 768px) {
    .custom_radio {
        margin-left: 32px;
    }
}

.custom_radio input[type="radio"] {
    display: none;
}

.custom_radio label {
    position: relative;
}

.custom_radio input[type="radio"] + label:before {
    background-color: #fff;
    display: block;
    content: ' ';
    height: 16px;
    width: 16px;
    border: 2px solid #555;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: -20px;
    box-shadow: inset 0 0 0 3px #fff;
}

.custom_radio input[type="radio"]:checked + label:before {
    background: #d6012e;
}

#contenuto .navback {
    background-color: inherit;
    color: #d6012e;
    font-family: 'titillium-bold';
    font-size: 1.7em;
    margin: -10px 0 20px;
}

#contenuto .navback a {
    background-color: inherit;
    color: #d6012e;
}

#contenuto .navback a:before {
    content: "<";
}

/* Select personalizzato */
.selectric {
    background-color: #d6012e;
    color: #fff;
    border: 0;
}

.blu .selectric {
    background-color: #127db5;
    color: #fff;
    border: 0;
}

.selectric-open {
    z-index: 999;
}

.selectric .label {
    background-color: #d6012e;
    color: #fff;
    font-size: 1.1em;
    margin-left: 16px;
}

.blu .selectric .label {
    background-color: #127db5;
    color: #fff;
    font-size: 1.1em;
    margin-left: 16px;
}

.selectric .button {
    background-color: #d6012e;
    color: #fff;
}

.blu .selectric .button {
    background-color: #127db5;
    color: #fff;
}

.selectric .button:after {
    border: 12px solid transparent;
    border-top-color: #fff;
    margin-top: 13px;
}

.selectric .button:hover:after,
.selectric-hover .selectric .button:after {
    border-top-color: #fff !important;
}

.selectric-open .selectric .button:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 0;
}

.selectric-above .selectric-items {
    top: 100%;
}

.selectric-items {
    box-shadow: none;
    border: 0;
}

.selectric-items ul {
	background-color: #f2e6e8;
    color: #555;
    border: 1px solid #d6012e;
}

.blu .selectric-items ul {
	background-color: #ddf0f6;
    color: #555;
    border: 1px solid #127db5;
}

.selectric-items ul li {
    background-color: #f2f2f2;
    color: #555;
    border-bottom: 1px solid #d6012e;
    font-size: 1.25em;
    padding: 2px 15px;
}

.blu .selectric-items ul li {
    border-bottom: 1px solid #127db5;
}

.selectric-items ul li:last-child {
    border-bottom: 0;
}

.selectric-items li.highlighted {
    background-color: #f2f2f2;
    color: #555;
    font-family: titillium-bold;
}

/* Campo data */
.datapicker {
    position: relative;
    text-align: right;
}

@media (min-width: 768px) {
    .datapicker {
        padding-right: 0;
    }
}

.datapicker input {
    background-color: #f2f2f2;
    color: #555;
    border: 0;
    border-bottom: 1px solid #d6012e;
    display: inline-block;
    width: calc(100% - 30px);
    line-height: 40px;
    height: 40px;
    outline: 0;
    padding-left: 15px;
    border-radius: 0;
}

.datapicker input:focus,
.datapicker input:active {
    outline: 0;
}

.datapicker label {
    line-height: 40px;
    height: 40px;
    width: 25px;
    padding: 0 5px 0 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 768px) {
    .datapicker label {
        position: static;
    }
}

.datapicker .ws-date {
    margin-top: -10px;
}

.datapicker .ws-popover-opener {
    background-color: transparent;
}

/* Servizi

.modalitaaccesso{
	list-style: none;
margin: 0;
	padding: 0;
	border-top: 0;
	text-align: right;
	float: left;
	width: 100%;
}

.modalitaaccesso li{
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	border-bottom: 0;
	float: right;
	width: auto;
	min-width: 33px;
	height: 27px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.modalitaaccesso li.mail{
	background-image: url("../img/icona_servizi_mail.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.modalitaaccesso li.online{
	background-image: url("../img/icona_servizi_online.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.modalitaaccesso li.sportello{
	background-image: url("../img/icona_servizi_sportello.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.modalitaaccesso li.telefono{
	background-image: url("../img/icona_servizi_telefono.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.modalitaaccesso li.posta{
	background-image: url("../img/icona_servizi_posta.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.modalitaaccesso li.pec{
	background-image: url("../img/icona_servizi_pec.png");
	background-position: center bottom;
	background-repeat: no-repeat;
} */
/* Ricerca per argomento */
.ricercacontestuale > .ricerca,
.ricercacontestuale .row {
    margin-left: 0;
}

.ricercacontestuale > .ricerca,
.ricercacontestuale .row .ricerca {
    background-color: #f2f2f2;
    color: #555;
    border-bottom: 1px solid #d6012e;
    padding: 0;
    margin-bottom: 35px;
    max-height: 40px;
}

@media (max-width: 767px) {

    .ricercacontestuale > .ricerca,
    .ricercacontestuale .row .ricerca {
        margin-right: 15px;
    }
}

.ricercacontestuale > .ricerca input[type=text],
.ricercacontestuale .row .ricerca input[type=text] {
    background-color: transparent;
    border: 0;
    line-height: 40px;
    padding: 0 0 0 16px;
    width: calc(100% - 60px);
    font-size: 1.1em;
    height: 40px;
}

.ricercacontestuale > .ricerca .btn,
.ricercacontestuale .row .ricerca .btn {
    background-color: transparent;
    width: 50px;
    height: 40px;
    margin: -5px 0 0;
    padding: 0;
    line-height: 40px;
}

.ricercacontestuale > .ricerca .btn:before,
.ricercacontestuale .row .ricerca .btn:before {
    content: "\e003";
    font-family: "Glyphicons Halflings";
    font-size: 1.6em;
    line-height: 38px;
}

.ricercacontestuale > .ricerca .btn:hover,
.ricercacontestuale .row .ricerca .btn:hover {
    color: #d6012e;
}

.ricercacontestuale > .ricerca .btn span,
.ricercacontestuale .row .ricerca .btn span {
    display: none;
}

.ricercacontestuale .text {
    padding-left: 0;
    padding-right: 0;
    line-height: 40px;
}

.ricercacontestuale .bottoni {
    text-align: right;
}

.ricercacontestuale .bottoni .btn {
    background-color: #d6012e;
    color: #fff;
}

.ricercacontestuale .bottoni .btn[type="reset"] {
    background-color: #f2f2f2;
    color: #555;
}

@media (min-width: 992px) {
    .ricercacontestuale .bottoni .btn {
        min-width: 130px;
    }
}

@media (min-width: 768px) {
    .ricercacontestuale .custom_select {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .ricercacontestuale .custom_select {
        padding-left: 0;
    }
}

.ricercacontestuale .filtri {
    clear: both;
}

@media (min-width: 768px) {
    .ricercacontestuale .filtri {
        float: right;
    }
}

.ricercacontestuale fieldset {
    display: block;
}

.ricercacontestuale legend {
    font-size: 1em;
}

.ricercacontestuale .row legend {
    line-height: 40px;
    padding-left: 0;
}

@media (min-width: 768px) {
    .ricercacontestuale legend {
        float: left !important;
        width: auto;
        text-align: right;
    }
}

.ricercacontestuale legend strong {
    background-color: inherit;
    color: #d6012e;
}

.ricercacontestuale .filtri legend:after {
    content: ": ";
    padding-right: 10px;
}

.ricercacontestuale .filtri .custom_check input {
    margin-right: -12px;
}

.form-input-btn-inline {
	margin-bottom: 0.5rem;
}

.form-input-btn-inline::after {
	content: "";
	display: block;
	clear: both;
}

.form-input-btn-inline > p {
	float: left;
	width: calc(100% - 80px);
	margin: 0 10px 0 0;
}

.form-input-btn-inline input {
	width: 100% !important;
}

/* Esito ricerca */
.esito_ricerca {
    float: left;
    max-width: 50%;
}

.esito_ricerca strong {
    background-color: inherit;
    color: #d6012e;
    font-family: titillium-semibold;
}

.esito_ricerca.blu strong {
    background-color: inherit;
    color: #127db5;
}

/* Contenuto editor */
.content-editor {
    margin-bottom: 30px;
    font-size: 1.1em;
    font-size: 1.2em;
}

.readmoreopen {
    -webkit-box-shadow: inset 0px -180px 98px -107px rgba(255, 255, 255, 0.93);
    -moz-box-shadow: inset 0px -180px 98px -107px rgba(255, 255, 255, 0.93);
    box-shadow: inset 0px -180px 98px -107px rgba(255, 255, 255, 0.93);
    padding-top: 80px;
    top: -135px;
    position: relative;
    text-align: center;
    margin-bottom: -40px;
}

.readmoreclose {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 40px;
}

.readmoreopen a,
.readmoreclose a {
    background-color: #d6012e;
    color: #fff;
    display: inline-block;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    min-width: 80px;
}

.readmoreopen a {
    position: relative;
    bottom: -50px;
}

@media (min-width: 768px) {
    .content-editor.readmore {
        max-height: initial !important;
        height: auto !important;
    }

    .readmoreopen,
    .readmoreclose {
        display: none !important;
    }
}

.evidenza + .content-editor {
    margin-top: 40px;
}

#contenuto .content-editor h3 {
    margin: 30px 0 0;
    font-size: 1.8em;
}

#contenuto .content-editor h4 {
    margin: 30px 0 0;
    font-size: 1.6em;
    font-family: "titillium-semibold";
}

#contenuto .content-editor h5 {
    margin: 30px 0 0;
    font-size: 1.4em;
    font-family: "titillium-semibold";
}

#contenuto .content-editor h6 {
    margin: 30px 0 0;
    font-size: 1.2em;
    font-family: "titillium-semibold";
}

.content-editor img {
    display: block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .content-editor img {
        width: auto;
        max-width: 50%;
        float: right;
        margin-left: 30px;
    }
}

.content-editor a {
    background-color: inherit;
    color: #d6012e;
    text-decoration: underline;
    font-family: "titillium-semibold";
}

.content-editor a:hover {
    background-color: inherit;
    color: #d6012e;
}

.blu .content-editor a,
.content-editor.blu a {
    background-color: inherit;
    color: #127db5;
    text-decoration: underline;
    font-family: "titillium-semibold";
}

.blu .content-editor a:hover,
.content-editor.blu a:hover {
    background-color: inherit;
    color: #127db5;
}

.content-editor > ul {
    list-style: square;
    padding: 0 0 0 16px;
    margin-left: 8px;
}

.content-editor > ul li {
    list-style: square;
    padding-bottom: 5px;
}

.content-editor table {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 40px 0;
    font-size: 0.7em;
}

@media (min-width: 500px) {
    .content-editor table {
        font-size: 0.8em;
    }
}

@media (min-width: 768px) {
    .content-editor table {
        font-size: 1em;
    }
}

.content-editor table tr {
    border-bottom: 1px solid #ccc;
    line-height: 42px;
}

.content-editor table td {
    padding: 2px 0;
    line-height: 42px;
}

.content-editor table tr .doc {
    background-image: url("../img/icona_file_doc.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content-editor table tr .ppt {
    background-image: url("../img/icona_file_ppt.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content-editor table tr .xls {
    background-image: url("../img/icona_file_xls.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content-editor table tr .png {
    background-image: url("../img/icona_file_png.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content-editor table tr .jpg {
    background-image: url("../img/icona_file_jpg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content-editor table tr .pdf {
    background-image: url("../img/icona_file_pdf.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content-editor table button {
    background-color: #d6012e;
    color: #fff;
}

.content-editor table + .more {
    background-color: inherit;
    color: #d6012e;
    margin: -30px 0 30px;
    font-size: 0.8em;
    text-align: right;
}

/* Lista generica */
.lista_generica {
    float: left;
    width: 100%;
	margin-bottom: 40px;
}

.lista_generica ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lista_generica ul li {
    list-style: none;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
    float: left;
    width: 100%;
}

/*
.lista_generica ul li.row img.col-md-3{
	padding-left: 0;
	padding-right: 0;
}

.lista_generica ul li.row .col-md-9{
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 768px){
	.lista_generica ul li.row img.col-md-3{
		padding-right: 15px;
	}

	.lista_generica ul li.row .col-md-9{
		padding-left: 15px;
		padding-right: 15px;
	}
}*/
.lista_generica ul li > img {
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .lista_generica ul li > img {
        width: 25%;
        float: left;
        margin-bottom: 0;
    }
}

.lista_generica ul li.file > div {
    float: right;
    width: calc(100% - 45px);
}

@media (min-width: 768px) {

    .lista_generica ul li > div,
    .lista_generica ul li.file > div {
        float: right;
        width: 73%;
    }

    .lista_generica.lista_file ul li.file > div {
        width: calc(100% - 50px);
        float: right;
    }
}

.lista_generica ul li h4 {
    font-size: 1.4em;
    margin: 0;
    font-family: "titillium-semibold";
}

.lista_generica ul li p {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
}

.lista_generica ul li p.categoria,
.lista_generica ul li p.categoria a {
    background-color: inherit;
    color: #d6012e;
}

.lista_generica ul li .data {
    margin-top: 5px;
    font-family: titillium-italic;
    font-size: 0.9em;
}

.lista_generica ul li.file {
    background-image: url("../img/icona_file_pdf.svg");
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: 37px 42px;
    min-height: 80px;
}

@media (min-width: 768px) {
    .lista_generica ul li.file {
        background-image: url("../img/icona_file_pdf.svg");
        background-position: 12% center;
        background-repeat: no-repeat;
    }

    .lista_generica.lista_file ul li.file {
        background-position: left center;
    }
}

.lista_generica ul li.file.doc {
    background-image: url("../img/icona_file_doc.svg");
}

.lista_generica ul li.file.jpg {
    background-image: url("../img/icona_file_jpg.svg");
}

.lista_generica ul li.file.pdf {
    background-image: url("../img/icona_file_pdf.svg");
}

.lista_generica ul li.file.png {
    background-image: url("../img/icona_file_png.svg");
}

.lista_generica ul li.file.ppt {
    background-image: url("../img/icona_file_ppt.svg");
}

.lista_generica ul li.file.xls {
    background-image: url("../img/icona_file_xls.svg");
}

.lista_generica ul li.file.gen {
    background-image: url("../img/icona_file_generico.svg");
}

.lista_generica ul li.file.xml {
    background-image: url("../img/icona_file_xml.svg");
}

.lista_generica ul li.file.zip {
    background-image: url("../img/icona_file_zip.svg");
}

.lista_generica ul li.file h4 {
    margin-right: 20px;
}

/*  Lista inline adjust   */
.lista_generica .list-inline {
	padding: 0.5rem 0 !important;
}

.lista_generica .list-inline::after {
	content: "";
	display: block;
	clear: both;
}

.lista_generica .list-inline .list-inline-item {
	padding: 0.5rem 0 !important;
	width: auto !important;
	border-bottom: none !important;
}

.lista_generica .list-inline .list-inline-item:not(:last-child) {
	margin-right: 2.0rem;
}

/*  /   Lista inline adjust   */
/* Lista alfabetica */
.lista_alfabetica ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lista_alfabetica ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#contenuto .lista_alfabetica ul li h3 {
    border-bottom: 1px solid #555;
    padding: 0;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-family: titillium;
}

.lista_alfabetica ul li strong {
    background-color: #555;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    position: relative;
    bottom: -15px;
}

.lista_alfabetica ul li ul {
    padding-left: 50px;
}

@media (min-width: 768px) {
    .lista_alfabetica ul li ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .lista_alfabetica ul li ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

.lista_alfabetica ul li ul li {
    font-size: 1.2em;
    font-family: titillium-semibold;
}

.lista_alfabetica ul li ul li a {
    background-color: inherit;
    color: #d6012e;
}

/* Lista servizi */
.lista_servizi {
    margin: 0 0 70px;
    padding: 0;
    list-style: none;
}

.lista_servizi > li {
    border-bottom: 1px solid #555;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .lista_servizi > li {
        border-bottom: 1px solid #555;
        padding: 0;
    }

    .lista_servizi header {
        min-height: 75px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }
}

.lista_servizi header h4 {
    margin-bottom: 4px;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.lista_servizi header a {
    background-color: inherit;
	color: #127db5;
    font-family: "titillium-bold";
    font-size: 1.15em;
}

.lista_servizi li ul.accesso_servizio {
    margin: 0;
    padding: 0 !important;
    list-style: none;
}

.group_title ul.accesso_servizio {
    margin: -30px 0 20px;
    padding: 0 !important;
    list-style: none;
}

@media (min-width: 768px) {
    .lista_servizi li ul.accesso_servizio {
        padding: 0;
        float: right;
        white-space: nowrap;
    }

    .group_title ul.accesso_servizio {
        padding: 0;
        margin-top: 0;
        position: absolute;
        top: -56px;
        right: 0;
        white-space: nowrap;
    }
}

.lista_servizi li ul.accesso_servizio li,
.group_title ul.accesso_servizio li {
    background-image: url("../img/icona_servizi_blu_sportello.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 40px;
    min-width: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    border: 0;
    padding-bottom: 45px;
    font-size: 0.9em;
    margin-left: 0;
    text-align: center;
}

.group_title ul.accesso_servizio li {
    margin-left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    max-width: 40px;
}

.lista_servizi li ul.accesso_servizio li.pec,
.group_title ul.accesso_servizio li.pec {
    background-image: url("../img/icona_servizi_blu_pec.png");
}

.lista_servizi li ul.accesso_servizio li.tel,
.group_title ul.accesso_servizio li.tel {
    background-image: url("../img/icona_servizi_blu_telefono.png");
}

.lista_servizi li ul.accesso_servizio li.posta,
.group_title ul.accesso_servizio li.posta {
    background-image: url("../img/icona_servizi_blu_posta.png");
    min-width: 43px;
}

.lista_servizi li ul.accesso_servizio li.online,
.group_title ul.accesso_servizio li.online {
    background-image: url("../img/icona_servizi_blu_online.png");
}

.lista_servizi li ul.accesso_servizio li.fax,
.group_title ul.accesso_servizio li.fax {
    background-image: url("../img/icona_servizi_blu_fax.png");
}

.lista_servizi li ul.accesso_servizio li.mail,
.group_title ul.accesso_servizio li.mail {
    background-image: url("../img/icona_servizi_blu_mail.png");
}

/* Accordion standard */
.accordion {
    margin-left: 20px;
    margin-bottom: 40px;
}

.lista_servizi .accordion {
    margin-top: 30px;
    margin-bottom: 60px;
}

.accordion .card {
    border: 0;
    border-bottom: 1px solid #d6012e;
    border-radius: 0;
    margin-bottom: 18px;
}

.accordion.blu .card {
    border: 0;
	border-bottom: 1px solid #127db5;
    border-radius: 0;
    margin-bottom: 18px;
}

.lista_servizi .accordion .card {
    border-bottom: 1px solid #555;
}

.accordion .card .card-header {
    background-color: inherit;
    color: #555;
    border: 0;
    border-radius: 0;
    padding: 6px 0;
}

.accordion .card .card-header h4 {
    font-size: 1.7em;
    font-family: "titillium-bold";
}

.accordion .card .card-header a {
    background-image: url("../img/icona_accordionbasic_opened.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 35px 23px;
    display: block;
    padding-right: 30px;
}

.accordion .card .card-header a:hover {
    background-image: url("../img/icona_accordionbasic_hover_opened.svg");
    background-size: 35px 23px;
    text-decoration: none;
}

.accordion .card .card-header a.collapsed {
    background-image: url("../img/icona_accordionbasic_closed.svg");
    background-size: 35px 23px;
}

.accordion .card .card-header a.collapsed:hover {
    background-image: url("../img/icona_accordionbasic_hover_closed.svg");
    background-size: 35px 23px;
}

.accordion.blu .card .card-header a {
    background-image: url("../img/icona_accordionbasic_ottanio_opened.svg");
    background-size: 35px 23px;
}

.lista_servizi .accordion .card .card-header a {
    background-color: inherit;
	color: #127db5;
    background-image: url("../img/icona_accordionbasic_ottanio_opened.svg");
    background-size: 35px 23px;
}

.lista_servizi .accordion .card .card-header a.collapsed {
    background-color: inherit;
	color: #127db5;
    background-image: url("../img/icona_accordionbasic_ottanio_closed.svg");
    background-size: 35px 23px;
}

.lista_servizi .accordion .card .card-header a:hover {
    background-image: url("../img/icona_accordionbasic_hover_ottanio_opened.svg");
    background-size: 35px 23px;
}

.lista_servizi .accordion .card .card-header a.collapsed:hover {
    background-image: url("../img/icona_accordionbasic_hover_ottanio_closed.svg");
    background-size: 35px 23px;
}

.accordion.blu .card .card-header a.collapsed {
    background-image: url("../img/icona_accordionbasic_ottanio_closed.svg");
    background-size: 35px 23px;
}

.accordion.blu .card .card-header a:hover {
    background-image: url("../img/icona_accordionbasic_hover_ottanio_opened.svg");
    background-size: 35px 23px;
}

.accordion.blu .card .card-header a.collapsed:hover {
    background-image: url("../img/icona_accordionbasic_hover_ottanio_closed.svg");
    background-size: 35px 23px;
}

@media (min-width: 768px) {
    /*.accordion:not(.boxed) .card .card-header a:hover, .lista_servizi .accordion:not(.boxed) .card .card-header a:hover, .accordion.blu:not(.boxed) .card .card-header a:hover{
		filter: brightness(1.15);
		-webkit-filter: brightness(1.15);
		-moz-filter: brightness(1.15);
		-ms-filter: brightness(1.15);
		-o-filter: brightness(1.15);
		filter: brightness(1.15);
}*/
}

.accordion .card .card-body {
	background-color: #f2f2f2;
    color: #555;
    /*font-size: 1.1em;*/
    float: left;
    width: 100%;
}

.accordion .card .card-body h5 {
    font-family: "titillium-bold";
    font-size: 1.1em;
}

.accordion .card .card-body.content-editor {
    margin-bottom: 0;
}

/* Accordion titolo con sfondo */
.accordion.boxed {
    margin-left: 0;
}

.accordion.boxed .card {
    margin-bottom: 30px;
    border-bottom: 0;
}

.accordion.boxed .card .card-header {
    background-color: #555;
    color: #fff;
    padding: 9px 10px 9px 35px;
    position: relative;
}

.accordion.boxed .card .card-header ul.accesso_servizio {
    margin: 0;
    padding: 0 !important;
    list-style: none;
}

@media (min-width: 768px) {
    .accordion.boxed .card .card-header ul.accesso_servizio {
        position: absolute;
        top: 0;
        right: 70px;
    }
}

.accordion.boxed .card .card-header ul.accesso_servizio li {
    background-image: url("../img/icona_servizi_sportello.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    list-style: none;
    display: inline-block;
    border: 0;
    margin: 0 12px 0 0;
    padding: 0 0 45px;
}

@media (min-width: 768px) {
    .accordion.boxed .card .card-header ul.accesso_servizio li {
        margin: 0 0 0 12px;
    }
}

.accordion.boxed .card .card-header ul.accesso_servizio li.pec {
    background-image: url("../img/icona_servizi_pec.png");
}

.accordion.boxed .card .card-header ul.accesso_servizio li.tel {
    background-image: url("../img/icona_servizi_telefono.png");
}

.accordion.boxed .card .card-header ul.accesso_servizio li.posta {
    background-image: url("../img/icona_servizi_posta.png");
    min-width: 43px;
}

.accordion.boxed .card .card-header ul.accesso_servizio li.online {
    background-image: url("../img/icona_servizi_online.png");
}

.accordion.boxed .card .card-header ul.accesso_servizio li.fax {
    background-image: url("../img/icona_servizi_fax.png");
}

.accordion.boxed .card .card-header ul.accesso_servizio li.mail {
    background-image: url("../img/icona_servizi_mail.png");
}

.accordion.boxed .card .card-header ul.accesso_servizio li span {
    display: none;
}

.boxed.accordion .card .card-header:hover,
.boxed.accordion .card .card-header:hover a {
    background-color: #626262;
}

.boxed.accordion .modulistica.card .card-header:hover,
.boxed.accordion .modulistica.card .card-header:hover a,
.boxed.accordion.servizi .card .card-header:hover,
.boxed.accordion.servizi .card .card-header:hover a {
	background-color: #1590d0;
}

.boxed.accordion .allegati.card .card-header:hover,
.boxed.accordion .allegati.card .card-header:hover a {
	background-color: #f60135;
}

.accordion.boxed .card .card-header a {
    background-color: #555;
    color: #fff;
}

.accordion.boxed .card.allegati .card-header {
    background-color: #d6012e;
    color: #fff;
}

.accordion.boxed .card.modulistica .card-header,
.accordion.boxed.servizi .card .card-header {
	background-color: #127db5;
    color: #fff;
}

.accordion.boxed .card.allegati .card-header a {
    background-color: #d6012e;
    color: #fff;
}

.accordion.boxed .card.modulistica .card-header a,
.accordion.boxed.servizi .card .card-header a {
	background-color: #127db5;
    color: #fff;
}

.accordion.boxed .card.riferimenti .card-header {
    background-color: #ccc;
    color: #555;
}

.accordion.boxed .card.riferimenti .card-header a {
    background-color: #ccc;
    color: #555;
}

.boxed.accordion .riferimenti.card .card-header:hover,
.boxed.accordion .riferimenti.card .card-header:hover a {
	background-color: #d9d9d9;
}

.accordion.boxed .card.allegati .card-header a,
.accordion .card.modulistica .card-header a,
.accordion.servizi .card .card-header a,
.accordion .card.collegamenti .card-header a {
    background-image: url("../img/icona_accordionbasic_bianca_opened.svg");
    background-size: 35px 23px;
}

.accordion.boxed .card.allegati .card-header a.collapsed,
.accordion .card.modulistica .card-header a.collapsed,
.accordion.servizi .card .card-header a.collapsed,
.accordion .card.collegamenti .card-header a.collapsed {
    background-image: url("../img/icona_accordionbasic_bianca_closed.svg");
}

.accordion.boxed .card.riferimenti .card-header a {
    background-image: url("../img/icona_accordionbasic_grigia_opened.svg");
    background-size: 35px 23px;
}

.accordion.boxed .card.riferimenti .card-header a.collapsed {
    background-image: url("../img/icona_accordionbasic_grigia_closed.svg");
    background-size: 35px 23px;
}

.accordion.boxed .card .card-body {
    border: 1px solid #555;
    padding: 20px 35px;
    font-size: 1.1em;
}

.accordion.boxed.servizi .card .card-body {
    background-color: #fff;
    color: inherit;
    border: 0;
    padding: 20px 0;
}

.accordion.boxed .card.riferimenti .card-body {
    border: 1px solid #ccc;
}

.accordion.boxed .card.allegati .card-body {
    border: 1px solid #d6012e;
}

.accordion.boxed .card.modulistica .card-body {
	border: 1px solid #127db5;
}

.accordion.boxed .card.allegati .card-body ul,
.accordion.boxed .card.modulistica .card-body ul {
    margin: 20px 0 35px;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
	div:not(#regolamentiAccordion) > .accordion.boxed .card.allegati .card-body ul,
	div:not(#regolamentiAccordion) > .accordion.boxed .card.modulistica .card-body ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	#regolamentiAccordion > .accordion.boxed .card.allegati .card-body > ul,
	#regolamentiAccordion > .accordion.boxed .card.modulistica .card-body > ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
		column-count: 2;
    }
}

.accordion.boxed .card.allegati .card-body ul:last-child,
.accordion.boxed .card.modulistica .card-body ul:last-child {
    margin-bottom: 0;
}

.accordion.boxed .card.allegati .card-body ul li,
.accordion.boxed .card.modulistica .card-body ul li {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.accordion.boxed .card.allegati .card-body ul li:before {
    background-color: inherit;
    color: #d6012e;
    content: "\f15b";
    font-family: "FontAwesome";
    font-size: 1.2em;
    padding-right: 10px;
}

.accordion.boxed .card.modulistica .card-body ul li:before {
    background-color: inherit;
	color: #127db5;
    content: "\f15b";
    font-family: "FontAwesome";
    font-size: 1.2em;
    padding-right: 10px;
}

.accordion.boxed .card .card-body ul li.pdf:before {
    content: "\f1c1";
}

.accordion.boxed .card .card-body ul li.xls:before {
    content: "\f1c3";
}

.accordion.boxed .card .card-body ul li.doc:before,
.accordion.boxed .card .card-body ul li.docx:before {
    content: "\f1c2";
}

.accordion.boxed .card .card-body ul li.zip:before {
    content: "\f1c6";
}

.accordion.boxed .card .card-body ul li.ppt:before {
    content: "\f1c4";
}

.accordion.boxed .card .card-body ul li.png:before,
.accordion.boxed .card .card-body ul li.jpg:before,
.accordion.boxed .card .card-body ul li.bmp:before,
.accordion.boxed .card .card-body ul li.tiff:before {
    content: "\f1c5";
}

.accordion.boxed .card.collegamenti .card-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion.boxed .card.collegamenti .card-body ul li {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.accordion.boxed .card.collegamenti .card-body a {
    text-decoration: underline;
}

.accordion.boxed.col-md-4,
#regolamentiAccordion .accordion.boxed {
	margin-bottom: 10px !important;
}

#regolamentiAccordion .accordion.boxed .card-body .row:not(:last-child) {
	margin-bottom: 1.25rem;
	border-bottom: 1px solid #e6e6e6;
}

#regolamentiAccordion .accordion.boxed .card-body ul li p {
	margin-top: 0.5rem;
	margin-left: 1.75rem;
	font-size: 80%;
	font-weight: 400;
}

/* Modulistica - versione box */
.pannello {
    margin-bottom: 30px;
}

#contenuto .pannello h3 {
    font-size: 1.6em;
    font-family: 'titillium-bold';
    padding: 0 0 5px;
}

.pannello.blu h3 {
    background-color: inherit;
    color: #127db5;
}

.pannello article {
    padding: 20px 35px;
}

.pannello article {
	background-color: #f2f2f2;
    color: #555;
    border: 1px solid #555;
}

.pannello.blu article {
	background-color: #ebf4f9;
    color: #555;
    border: 1px solid #127db5;
}

.pannello article h4 {
    font-family: titillium-bold;
    font-size: 1.4em;
    padding-bottom: 10px;
}

.pannello.blu a {
	background-color: #ebf4f9;
	color: #0f6a9a;
    /* ottanio più scuro */
}

.pannello ul {
    margin: 20px 0 35px;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
	div:not(#regolamentiAccordion) .pannello ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
		column-count: 2;
    }
}

.pannello ul:last-child {
    margin-bottom: 0;
}

.pannello ul li {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    padding-left: 28px;
}

.pannello ul li:before {
    background-color: inherit;
    color: #d6012e;
    content: "\f15b";
    font-family: "FontAwesome";
    font-size: 1.2em;
    padding-right: 12px;
    margin-left: -28px;
}

.pannello.blu ul li:before {
    background-color: inherit;
	color: #127db5;
}

.pannello ul li.pdf:before {
    content: "\f1c1";
}

.pannello ul li.xls:before {
    content: "\f1c3";
}

.pannello ul li.docx:before {
    content: "\f1c2";
}

.pannello ul li.zip:before {
    content: "\f1c6";
}

.pannello ul li.ppt:before {
    content: "\f1c4";
}

.pannello ul li.png:before,
.pannello ul li.jpg:before,
.pannello ul li.bmp:before,
.pannello ul li.tiff:before {
    content: "\f1c5";
}

/* Video responsive */
@media (max-width: 767px) {
    .containervideo {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
        margin: 0;
    }

    .containervideo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .containervideo.alignleft,
    .containervideo.alignright {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .containervideo.alignleft {
        float: left;
        margin-right: 20px;
    }

    .containervideo.alignright {
        float: right;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .containervideo iframe {
        border: 0;
    }
}

/* Video responsive accordion*/
@media (min-width: 768px) {
    .card-body > iframe {
        border: 0;
        width: 100%;
    }

    .card-body .containervideo {
        text-align: center;
    }

    .card-body .containervideo iframe {
        margin: 0 auto;
    }
}

/* Mappa responsive */
.containermap {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.containermap.alignright {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .containermap.alignright {
        width: 50%;
        padding-bottom: 50%;
        /* 1:1 */
        padding-top: 25px;
        float: right;
        margin-left: 20px;
    }
}

.containermap iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Navigazione tre livelli - Aree tematiche */
.navlivelli {
    padding-top: 30px;
}

.navlivelli ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .navlivelli ul {
        margin-bottom: 50px;
    }

    .navlivelli ul#liv1 ~ ul#liv2 {
        border-left: 1px solid #ddd;
    }

    .navlivelli ul#liv2 ~ ul#liv3 {
        border-left: 1px solid #ddd;
    }
}

.navlivelli ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4em;
}

.navlivelli ul li a {
    background-color: inherit;
    color: #555;
    margin: 0;
    padding: 5px 15px;
    list-style: none;
    display: block;
    position: relative;
}

.navlivelli ul li a:after {
    content: ">";
    color: #ddd;
    position: absolute;
    right: 3px;
    top: 4px;
    font-family: "titillium";
}

.navlivelli ul li.active a:after {
    color: #fff;
}

.navlivelli ul.noactive li a:after {
    color: #555;
}

.navlivelli ul li.foglia a:after {
    top: 0;
    font-size: 1.2em;
}

.navlivelli ul#liv1 li a:hover,
.navlivelli ul#liv1 li.active a {
    background-color: #d6012e;
	color: #fff;
    font-family: "titillium-semibold";
    text-decoration: none;
}

.navlivelli ul#liv1 li a:hover:after,
.navlivelli ul#liv1 li.active a:after {
    background-color: #d6012e;
	color: #fff;
}

.navlivelli ul#liv2 li a:hover,
.navlivelli ul#liv2 li.active a {
    background-color: #555;
	color: #fff;
    font-family: "titillium-semibold";
    text-decoration: none;
}

.navlivelli ul#liv2 li a:hover:after,
.navlivelli ul#liv2 li.active a:after {
    background-color: #555;
	color: #fff;
}

.navlivelli ul#liv3 li a:after {
    color: #555;
}

.navlivelli ul#liv3 li a:hover,
.navlivelli ul#liv3 li.active a {
	background-color: #f1f1f1;
    color: #555;
    font-family: "titillium-semibold";
    text-decoration: none;
}

.navlivelli ul#liv3 li a:hover,
.navlivelli ul#liv3 li.active a {
	background-color: #f1f1f1;
    color: #555;
    font-family: "titillium-semibold";
    text-decoration: none;
}

.navlivelli ul#liv3 li a:hover:after,
.navlivelli ul#liv3 li.active a:after {
	background-color: #f1f1f1;
    color: #555;
    font-family: "titillium-semibold";
    text-decoration: none;
}

.navlivelli ul li.foglia a {
    background-color: #fff;
    color: #d6012e;
    font-family: "titillium-italic";
    font-size: 0.9em;
}

.navlivelli ul li.foglia:hover a,
.navlivelli ul li.foglia a:hover {
    background-color: #fff !important;
    color: #d6012e !important;
    font-family: "titillium-italic" !important;
    font-size: 0.9em !important;
    text-decoration: underline !important;
}

.navlivelli ul li.foglia a:after {
    content: "";
}

@media (max-width: 767px) {
    .navlivelli ul#liv1 li:not(.active) a {
        display: none;
    }

    .navlivelli ul#liv1 li.active a,
    .navlivelli ul#liv2 li.active a {
        border-bottom: 1px solid #ccc;
    }

    .navlivelli ul#liv2 li.active a {
        padding-left: 30px;
    }

    .navlivelli ul#liv2 li:not(.active) a {
        display: none;
    }

    .navlivelli ul#liv3 li a {
        padding-left: 45px;
    }

    .navlivelli .noactive li a {
        display: block !important;
    }
}

/* Box generico */
#contenuto .box {
    border: 2px solid #d6012e;
    border-radius: 15px;
    min-height: 90px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 18px;
}

#contenuto .box .box-content {
    border-left: 40px solid #d6012e;
    padding: 5px 15px;
    height: 88px;
    display: table-cell;
    vertical-align: middle;
}

#contenuto .box .box-content p {
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    display: none;
}

#contenuto .box .box-content h4 {
    font-family: 'titillium-bold';
    font-size: 1.25em;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    #contenuto .box .box-content h4 {
        font-size: 1em;
    }
}

@media (min-width: 1024px) {
    #contenuto .box .box-content h4 {
        font-size: 1.25em;
    }
}

#contenuto .box .box-content a {
    background-color: inherit;
    color: #555;
}

#contenuto .box .categoria {
    background-color: transparent !important;
    color: #d6012e;
    width: 43px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 15px;
    margin: 0;
    padding: 0;
    display: none;
}

#contenuto .box .categoria.show {
    display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #contenuto .box .categoria {
        bottom: -0.5px;
        right: -0.5px;
    }
}

#contenuto .box .categoria strong {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.6em;
    font-weight: normal;
    font-family: 'titillium-bold';
    padding: 0 4px;
}

/* Tab generico */
#contenuto .tab-generico {
    margin-bottom: 30px;
    clear: both;
}

#contenuto .tab-generico h3,
#contenuto .tab-generico h4 {
    font-size: 1.6em;
    margin-bottom: 25px;
    font-family: titillium-semibold;
}

#contenuto .tab-generico h4.riftitolo {
    background-color: #555;
    color: #fff;
    margin: -25px -40px 25px;
    padding: 9px 10px 9px 35px;
}

@media (min-width: 768px) {
    #contenuto .tab-generico h4.riftitolo {
        display: none;
    }
}

#contenuto .tab-generico .nav li {
    font-size: 1.6em;
    padding: 0;
}

@media (min-width: 768px) {
    #contenuto .tab-generico .nav li {
        font-size: 1.4em;
    }
}

@media (min-width: 992px) {
    #contenuto .tab-generico .nav li {
        font-size: 1.6em;
    }
}

#contenuto .tab-generico .nav li a {
    background-color: #555;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px;
    padding: 15px;
    line-height: initial;
    border-radius: 0;
    border: 0;
    margin-right: 2px;
    font-family: "titillium";
    min-height: 47px;
    display: block;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    font-family: titillium-bold;
}

@media (min-width: 768px) {
    #contenuto .tab-generico.icone .nav li a {
        text-align: left;
    }
}

#contenuto .tab-generico.icone .nav li.mail a {
    background-image: url("../img/icona_servizi_mail.png");
}

#contenuto .tab-generico.icone .nav li.online a {
    background-image: url("../img/icona_servizi_online.png");
}

#contenuto .tab-generico.icone .nav li.pec a {
    background-image: url("../img/icona_servizi_pec.png");
}

#contenuto .tab-generico.icone .nav li.sportello a {
    background-image: url("../img/icona_servizi_sportello.png");
}

#contenuto .tab-generico.icone .nav li.posta a {
    background-image: url("../img/icona_servizi_posta.png");
}

#contenuto .tab-generico.icone .nav li.tel a {
    background-image: url("../img/icona_servizi_telefono.png");
}

#contenuto .tab-generico.icone .nav li.fax a {
    background-image: url("../img/icona_servizi_fax.png");
}

@media (min-width: 768px) {
    #contenuto .tab-generico.icone .nav li.mail a {
        background-position: 10px center;
        padding-left: 59px;
    }

    #contenuto .tab-generico.icone .nav li.online a {
        background-position: 10px center;
        padding-left: 59px;
    }

    #contenuto .tab-generico.icone .nav li.pec a {
        background-position: 10px center;
        padding-left: 59px;
    }

    #contenuto .tab-generico.icone .nav li.sportello a {
        background-position: 10px center;
        padding-left: 59px;
    }

    #contenuto .tab-generico.icone .nav li.posta a {
        background-position: 10px center;
        padding-left: 59px;
    }
}

#contenuto .tab-generico .nav li:last-child a {
    margin-right: 0;
}

#contenuto .tab-generico .nav li.active,
#contenuto .tab-generico .nav li:hover {
    background-color: transparent;
}

#contenuto .tab-generico .nav li.active a,
#contenuto .tab-generico .nav li a.active,
#contenuto .tab-generico .nav li a:hover {
	background-color: #127db5;
    color: #fff;
}

#contenuto .tab-generico .nav li span {
    display: none;
}

@media (min-width: 768px) {
    #contenuto .tab-generico .nav li span {
        display: inline;
    }
}

#contenuto .tab-generico .tab-content {
	background-color: #f2f2f2;
    color: #555;
	border: 1px solid #bebebe;
    margin-top: 1px;
    padding: 25px 40px;
}

/*_:-ms-lang(x), #contenuto .tab-generico .tab-content {
	margin-left: 40px;
}*/
#contenuto .tab-generico .nav-tabs.nav-justified > li {
    display: table-cell !important;
    width: 1% !important;
}

#contenuto .tab-generico .nav-tabs.nav-justified > li > a {
    margin-bottom: 0 !important;
}

#contenuto .tab-generico .navbar-nav {
    margin: 0;
    float: none;
}

/* Tab verticale */
@media (max-width: 767px) {
    #contenuto .tab-generico.vertical .nav {
        display: none;
    }

    #contenuto .tab-generico.vertical .tab-content {
        background-color: transparent;
        border: 0;
        padding: 0;
    }

    #contenuto .tab-generico.vertical .tab-pane {
        display: block;
        height: auto !important;
        opacity: 1 !important;
        border-top: 1px dashed #555;
        padding: 80px 0 50px;
        padding: 25px 40px;
		background-color: #f2f2f2;
        color: #555;
		border: 1px solid #bebebe;
        margin-bottom: 20px;
    }

    /*#contenuto .tab-generico.vertical .tab-pane:first-child {
		border-top: 0;
		padding: 50px 0;
	}*/
    #contenuto .tab-generico.vertical .navancore {
        text-align: right;
        font-family: titillium-semibold;
        margin: 0;
        padding: 0;
    }

    #contenuto .tab-generico.vertical .navancore:after {
        content: " ^";
        font-family: titillium-bold;
        font-size: 24px;
        position: relative;
        top: 6px;
    }
}

@media (min-width: 768px) {
    #contenuto .tab-generico.vertical {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    #contenuto .tab-generico.vertical .nav {
        background-color: #555;
        color: #fff;
        border-bottom: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 1px;
        width: 50px;
    }

    /*#contenuto .tab-generico.vertical.up-nav .nav {
		flex-flow: column nowrap; Raggruppa in alto
	}*/
    #contenuto .tab-generico.vertical .nav li {
        border-bottom: 2px solid #fff;
        height: auto;
        min-height: 50px;
    }

    #contenuto .tab-generico.vertical .nav li:last-child {
        border-bottom: 1px solid #fff;
    }

    #contenuto .tab-generico.vertical .nav li a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        /*flex-direction: column;*/
        margin-right: 0;
        border-radius: 0;
        padding: 0;
        min-width: 50px;
        text-align: center;
        min-height: 100%;
    }

    _:-ms-lang(x),
    #contenuto .tab-generico.vertical .nav li a {
        display: inline-block;
        padding-top: 50%;
    }

    #contenuto .tab-generico.vertical.up-nav .nav li a {
        min-height: 50px;
        line-height: 50px;
    }

    #contenuto .tab-generico.vertical .tab-content {
        max-width: 100%;
        width: calc(100% - 50px);
    }

    #contenuto .tab-generico.vertical .navancore {
        display: none;
    }
}

/* Navigazione per step */
.nav_step {
    margin: 20px 10px 50px;
}

@media (min-width: 768px) {
    .nav_step {
        margin: 20px 50px 50px;
    }
}

.nav_step .nav {
    justify-content: space-between;
    border-bottom: 2px solid #555;
}

.nav_step .nav li {
    text-align: center;
    max-width: 34px;
    position: relative;
}

.nav_step .nav a {
    text-decoration: none;
}

.nav_step .nav span {
    display: block;
    min-width: 100px;
    margin-left: -33px;
    margin-bottom: 20px;
}

.nav_step .nav strong {
    background-color: #555;
    color: #fff;
    width: 34px;
    height: 34px;
    font-size: 1.3em;
    border-radius: 17px;
    display: inline-block;
    position: absolute;
    bottom: -17px;
    left: 0;
}

.nav_step .nav strong:hover,
.nav_step .nav .active strong,
.nav_step .nav .active-and-done strong {
	background-color: #127db5;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.6em;
}

.nav_step.indicator-only .nav :not(.active):not(.active-and-done) strong:hover {
    background-color: #555 !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 1.3em !important;
    border-radius: 17px !important;
}

@media (min-width: 768px) {

    .nav_step .nav :not(.active-and-done) strong:hover,
    .nav_step .nav .active strong {
        -webkit-animation-name: bigger-pointer;
        -webkit-animation-duration: 0.3s;
        animation-name: bigger-pointer;
        animation-duration: 0.3s;
    }
}

@-webkit-keyframes bigger-pointer {
    from {
        background-color: #555;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        font-size: 1.3em;
    }

    to {
		background-color: #127db5;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        font-size: 1.6em;
    }
}

@keyframes bigger-pointer {
    from {
        background-color: #555;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        font-size: 1.3em;
    }

    to {
		background-color: #127db5;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        font-size: 1.6em;
    }
}

/* Carosello generico
.carousel-generico{
	background-color: #F8EDED;
	color: #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.carousel-generico .item {
	text-align: center;
}

.carousel-generico .content-editor {
	width: 80%;
	margin: 0 auto;
	text-align: left;
	padding: 15px 0;
}

#contenuto .carousel-generico .content-editor h4 {
 font-family: 'titillium-bold';
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.carousel-generico .content-editor h4 a {
	background-color: inherit;
	color: #555;
}

.carousel-generico .content-editor p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.carousel-generico .content-editor p.more {
 font-family: 'titillium-bold';
	text-align: right;
	font-size: 1em;
}

.carousel-generico .content-editor p.more a {
	background-color: inherit;
	color: #d6012e;
}

.carousel-generico .carousel-control {
	background-image: none;
	background-color: #F8EDED;
	color: #555;
	width: 10%;
	text-shadow: none;
	opacity: 1;
	z-index: 0;
} */
/* Carousel - specifiche generiche

.carousel[data-type="multi"] .carousel-col {
 min-height: 1px;
 float: left;
	position: relative;
}

.carousel[data-type="multi"] .carousel-inner {
	width: initial;
	width: calc(100% + 30px);
}

.carousel .carousel-indicators{
	bottom: -40px !important;
}

.carousel .carousel-indicators li{
	background-color: #fff;
	color: #555;
	border: 2px solid #555;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width: 768px) {
	.carousel .carousel-indicators li{
		width: 20px;
		height: 20px;
		border-radius: 20px;
	}
}

.carousel .carousel-indicators li.active{
	background-color: #555;
	color: #fff;
} */
/* Carousel Notizie

#carousel-notizie{
	background-color: #fff;
	color: #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 0 60px;
}

#carousel-notizie .item {
	text-align: center;
}

#carousel-notizie img {
	margin: 0;
	float: left;
	display: none;
}

@media (min-width: 768px){
	#carousel-notizie img {
		display: block;
		width: 50%;
	}
}

@media (min-width: 992px){
	#carousel-notizie img {
		width: 25%;
	}
}

#carousel-notizie .content-editor {
	text-align: left;
	padding: 15px 0;
	margin: 0;
	float: right;
}

@media (min-width: 768px){
	#carousel-notizie .content-editor {
		padding: 15px 0 15px 15px;
		width: 50%;
	}
}

@media (min-width: 992px){
	#carousel-notizie .content-editor {
		width: 75%;
	}
}

#carousel-notizie .content-editor h4 {
 font-family: 'titillium-bold';
	margin: 0 0 10px;
	padding: 0;
	font-size: 0.9em;
}

#carousel-notizie .content-editor h4 a {
	background-color: inherit;
	color: #555;
}

#carousel-notizie .content-editor p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

#carousel-notizie .content-editor p.more {
 font-family: 'titillium-bold';
	text-align: right;
	font-size: 1em;
}

#carousel-notizie .content-editor p.more a {
	background-color: inherit;
	color: #d6012e;
}

#carousel-notizie .carousel-control {
	background-image: none;
	background-color: #fff;
	color: #555;
	width: 60px;
	text-shadow: none;
	opacity: 1;
} */
/* Carousel Galleria

#carousel-galleria {
	margin-top: 30px;
}

#carousel-galleria .carousel-inner {
	width: calc(100% - 50px);
	margin: 0 25px;
}

@media (min-width: 768px) {
	#carousel-galleria .carousel-inner {
		width: calc(100% - 80px);
		margin: 0 40px;
	}
}

#carousel-galleria .item img {
	max-width: 100%;
}

#carousel-galleria .active > div {
	display:none;
}

#carousel-galleria .active > div:first-child {
	display:block;
}

#carousel-galleria .carousel-control{
	background-image: none;
	background-color: inherit;
	color: #555;
	width: 25px;
	text-shadow: none;
	opacity: 1;
}

@media (min-width: 768px) {
	#carousel-galleria .carousel-control{
		width: 40px;
	}
} */
/* Carousel Galleria mini

#carousel-galleria-mini {
	margin-top: 30px;
}

#carousel-galleria-mini .carousel-inner {
	width: calc(100% - 50px);
	margin: 0 25px;
}
#carousel-galleria-mini .item img {
	max-width: 100%;
}

#carousel-galleria-mini .active > div {
	display:none;
}

#carousel-galleria-mini .active > div:first-child {
	display:block;
}

#carousel-galleria-mini .carousel-control{
	background-image: none;
	background-color: inherit;
	color: #555;
	width: 25px;
	text-shadow: none;
	opacity: 1;
}

@media (max-width: 767px) {
	#carousel-galleria-mini .carousel-inner .active.left { left: -100%; }
	#carousel-galleria-mini .carousel-inner .active.right { left: 100%; }
	#carousel-galleria-mini .carousel-col { width: 100%; }
}

@media (min-width: 768px) {
	#carousel-galleria-mini .carousel-inner {
		width: calc(100% - 70px);
		margin: 0 40px;
	}

	#carousel-galleria-mini .carousel-inner .active.left { left: -33%; }
	#carousel-galleria-mini .carousel-inner .active.right { left: 33%; }
	#carousel-galleria-mini .carousel-col { width: 33%; }
	#carousel-galleria-mini .active > div:first-child + div { display:block; }
	#carousel-galleria-mini .active > div:first-child + div + div { display:block; }
	#carousel-galleria-mini .carousel-control{
		width: 40px;
	}
} */
/* Carousel in evidenza */
.correlati + .evidenza {
    margin-top: 40px;
    clear: both;
    float: left;
    width: 100%;
}

.evidenza {
    margin-bottom: 20px;
}

.evidenza .carousel {
	background-color: #f1f1f1;
    color: #333;
    min-height: 196px;
    padding: 30px 45px 20px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .evidenza .carousel {
        margin-bottom: 0;
    }
}

.evidenza .carousel-item {
    padding: 0 30px;
}

@media (max-width: 768px) {
    .evidenza .carousel h4 {
        font-size: 1.1em;
    }
}

.evidenza .carousel h4 {
    text-transform: uppercase;
    font-family: "titillium-bold";
    margin: 0;
}

.evidenza .carousel p.data {
    font-size: 1em;
    margin-top: -5px;
}

@media (min-width: 768px) {
    .evidenza .carousel p.data {
        font-size: 1.2em;
    }
}

.evidenza .carousel p.descrizione {
    font-size: 1em;
    margin: 0;
}

@media (min-width: 1200px) {
    .evidenza .carousel p.descrizione {
        font-size: 1.2em;
    }
}

.evidenza .carousel p.more {
    font-family: "titillium-bold";
    text-align: right;
    font-size: 0.9em;
    margin: 0;
}

@media (min-width: 768px) {
    .evidenza .carousel p.more {
        font-size: 1.1em;
    }
}

.evidenza .carousel .carousel-control-prev,
.evidenza .carousel .carousel-control-next {
    background-color: #888888;
    opacity: 1;
    width: 45px;
}

.evidenza .carousel .carousel-control-prev:after {
    content: "\e257";
    font-family: "Glyphicons Halflings";
    font-size: 40px;
}

.evidenza .carousel .carousel-control-next:after {
    content: "\e258";
    font-family: "Glyphicons Halflings";
    font-size: 40px;
}

.evidenza .carousel.oneitem .carousel-control-prev,
#evidenza .carousel.oneitem .carousel-control-next {
    width: 15px;
}

.evidenza .carousel.oneitem .carousel-control-prev:after {
    content: "";
}

.evidenza .carousel.oneitem .carousel-control-next:after {
    content: "";
}

.evidenza ul {
    list-style: none;
    padding-left: 0;
}

.evidenza ul li {
    list-style: none;
}

.evidenza .box {
	border-color: #e89f02;
}

.evidenza .box .box-content {
	border-color: #e89f02;
}

.evidenza .box .categoria {
    background-color: #fff;
    color: #096789;
    border-color: #096789;
}

.evidenza .box .categoria strong {
    display: none;
}

.evidenza .carousel.oneitem .carousel-control-prev,
.evidenza .carousel.oneitem .carousel-control-next {
    width: 15px;
}

.evidenza .carousel.oneitem .carousel-control-prev:after {
    content: "";
}

.evidenza .carousel.oneitem .carousel-control-next:after {
    content: "";
}

/* Tag */
.tags {
    margin-top: 20px;
    font-size: 1.2em;
}

.tags p {
    display: inline;
    font-family: "titillium-bold";
}

.tags ul {
    display: inline;
    padding-left: 0;
}

.tags li {
    display: inline;
}

.tags li:after {
    content: ", ";
}

.tags li:last-child:after {
    content: "";
}

.tags li a {
    background-color: inherit;
    color: #d6012e;
    font-family: "titillium-bold";
}

/* Informazioni e utility contenuto di pagina */
.infopage {
    margin-top: 25px;
    clear: both;
}

.infopage .updatedpage {
    font-size: 1em;
    float: left;
    line-height: 26px;
}

.infopage div:not(.updatedpage) {
    font-size: 1em;
}

.infopage > div {
    float: right;
}

.infopage .printpage {
    display: none;
}

/*.infopage .sharepage{
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	margin-bottom: 0;
	z-index: 1030;
}

.infopage .sharepage span{
	display: none;
}

.infopage .sharepage a{
	background-color: #3498FF;
	color: #fff;
	display: block;
	width: 33.33333333%;
	height: 50px;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.infopage .sharepage a.fb{
	background-color: #0033CB;
	color: #fff;
}

.infopage .sharepage a.altro{
	background-color: #DD4A43;
	color: #fff;
}

@media (min-width: 768px){*/
.infopage .printpage {
    display: block;
    float: left;
}

.infopage .printpage a {
    background-color: #fff;
    color: #555;
    background-image: url("../img/icona_stampa.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 26px;
    padding-right: 35px;
    display: inline-block;
    line-height: 26px;
}

.infopage .sharepage {
    background-color: #fff;
    color: #555;
    float: left;
	position: static;
}

.infopage .sharepage span {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding-left: 15px;
    line-height: 26px;
}

.infopage .sharepage a {
    /*background-color: #1DA2F1 !important;
	color: #555;
 -webkit-mask: url("../img/icona_social_twitter_square.svg");
 mask: url("../img/icona_social_twitter_square.svg");
	*/
    background-color: transparent;
    background-image: url("../img/icona_social_twitter_square.svg");
    background-position: center right;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding-left: 15px;
    line-height: 26px;
    width: 26px;
    height: auto;
    float: none;
}

.infopage .sharepage a.fb {
    background-image: url("../img/icona_social_fb_square.svg");
}

.infopage .sharepage a.altro {
    background-image: url("../img/icona_social_altro_square.svg");
}

/*}*/
/* Pannello vedi anche

#contenuto .vedianche{
	clear: both;
}

#contenuto .vedianche h3{
	background-color: #E0E0E0;
	color: #555;
	padding: 10px 15px;
	font-size: 1.7em;
}

#contenuto .vedianche ul{
	list-style: none;
	padding-left: 0;
	margin-top: 10px;
}

#contenuto .vedianche ul li{
	list-style: none;
}

#contenuto .vedianche ul li a{
	background-color: inherit;
	color: #d6012e;
	font-family: "titillium-semibold";
} */
/* Vedi tutti */
#contenuto .veditutti {
    margin-top: 20px;
    clear: both;
    float: left;
    width: 100%;
}

#contenuto .veditutti h3 {
    font-family: "titillium-semibold";
    font-size: 1.7em;
}

#contenuto .veditutti ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

#contenuto .veditutti ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#contenuto .veditutti a {
    background-color: inherit;
    color: #d6012e;
    font-family: "titillium-bold";
    font-size: 1.8em;
}

#contenuto .veditutti.blu a {
    background-color: inherit;
	color: #127db5;
}

#contenuto .veditutti a:after {
    content: " >";
    background-color: inherit;
    color: #d6012e;
    font-family: "titillium-bold";
    font-size: 1.3em;
}

#contenuto .veditutti.blu a:after {
    background-color: inherit;
	color: #127db5;
}

#contenuto .veditutti ul li a:after {
    content: "";
}

#contenuto .veditutti strong {
    background-color: inherit;
    color: #d6012e;
    text-transform: uppercase;
}

#contenuto .veditutti.blu strong {
    background-color: inherit;
	color: #127db5;
}

/* Correlati */
#contenuto .correlati {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 30px;
}

#contenuto .correlati h3 {
    background-color: inherit;
    color: #555;
    font-family: "titillium-bold";
    font-size: 2.2em;
    clear: both;
    margin-bottom: 15px;
}

#contenuto .correlati h3 a {
    background-color: inherit;
    color: #555;
}

#contenuto .correlati > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

#contenuto .correlati.nocolor > ul {
    border-bottom: 0;
    margin-bottom: 45px;
}

#contenuto .correlati ul li {
    list-style: none;
    margin: 0;
    padding: 8px 20px;
    font-size: 1.7em;
    float: left;
    width: 100%;
    font-family: "titillium-bold";
}

#contenuto .correlati.nocolor ul li {
    padding: 0;
    font-size: 1.5em;
	border-bottom: 1px solid #cdcdcd;
}

#contenuto .correlati ul li:nth-child(odd) {
	background-color: #f2f2f2;
    color: #555;
}

#contenuto .correlati.nocolor ul li:nth-child(odd) {
    background-color: #fff;
    color: #555;
}

#contenuto .correlati ul li a {
    background-color: inherit;
    color: #d6012e;
    font-family: "titillium-semibold";
}

#contenuto .correlati.nocolor ul li a {
    background-color: #fff;
    color: #127db5;
    font-family: "titillium-bold";
}

#contenuto .correlati.blu ul li a {
    background-color: inherit;
	color: #127db5;
}

#contenuto .correlati ul li ul {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    float: right;
    border: 0;
    clear: both;
}

#contenuto .correlati ul li li {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0;
    border: 0;
    float: left;
    width: auto;
    max-width: 33px;
    height: 27px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contenuto .correlati.nocolor ul li li {
    border: 0;
}

#contenuto .correlati ul li li.online {
    background-color: transparent;
    background-image: url("../img/icona_servizi_blu_online.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 27px;
    margin-top: 3px;
}

#contenuto .correlati.nocolor ul li li.online {
    margin-top: -4px;
}

/* Servizi

#contenuto .servizi{
	margin-bottom: 30px;
	float: left;
	width: 100%;
	clear: both;
}

#contenuto .servizi h3{
	background-color: inherit;
	color: #555;
	font-family: "titillium-semibold";
	font-size: 2.1em;
}

#contenuto .servizi h4{
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 40px;
	float: left;
	width: 100%;
}

#contenuto .servizi ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
}

#contenuto .servizi ul li{
	list-style: none;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	float: left;
	width: 100%;
}

#contenuto .servizi ul li a{
	background-color: inherit;
	color: #555;
}

#contenuto .servizi ul li a:hover{
	background-color: inherit;
	color: #555;
}

#contenuto .servizi ul li ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	border-top: 0;
}

#contenuto .servizi ul li li{
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	border-bottom: 0;
	float: left;
	width: auto;
	max-width: 33px;
	height: 27px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#contenuto .servizi ul li li.mail{
	background-image: url("../img/icona_servizi_mail.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

#contenuto .servizi ul li li.online{
	background-image: url("../img/icona_servizi_online.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#contenuto .servizi ul li li.sportello{
	background-image: url("../img/icona_servizi_sportello.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

#contenuto .servizi ul li li.telefono{
	background-image: url("../img/icona_servizi_telefono.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

#contenuto .servizi ul li li.posta{
	background-image: url("../img/icona_servizi_posta.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

#contenuto .servizi ul li li.pec{
	background-image: url("../img/icona_servizi_pec.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.riferimenti{
	background-color: #F2F2F2;
	color: #555;
	padding: 30px 40px;
	clear: both;
}

.riferimenti ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.riferimenti ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
}

.riferimenti ul li a{
	background-color: #F2F2F2;
	color: #555;
} */
/* Carousel news - pagine intenre */

.news .slick-list {
    background-color: #ffffff;
    color: #555;
}

.news article {
    background-color: #ffffff;
    color: #555;
    padding: 15px;
    clear: both;
}

.news article img {
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .news article img {
        width: 50%;
        float: left;
        margin-right: 15px;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .news article img {
        width: 32%;
    }
}

.news article > div {
}

@media (min-width: 768px) {
    .news article > div {
        width: 45%;
        float: right;
    }
}

@media (min-width: 992px) {
    .news article > div {
        width: 65%;
        float: right;
    }
}

.news article > div .content-editor {
    margin-bottom: 0;
}

.news article > div h4 {
    font-size: 1.4em;
    font-family: "titillium-semibold";
}

@media (min-width: 768px) {
    .news article > div h4 {
        font-size: 2em;
    }
}

.news .slick-prev {
    left: -18px;
}

.news .slick-next {
    right: -18px;
}

@media (min-width: 768px) {
    .news .slick-prev {
        left: -25px;
    }

    .news .slick-next {
        right: -25px;
    }
}

.news .slick-prev:before,
.news .slick-next:before {
    font-family: "Glyphicons Halflings";
    font-size: 20px;
    line-height: 1;
	opacity: 1;
}

.news .slick-prev:before {
    content: "\e257";
}

.news .slick-next:before {
    content: "\e258";
}

/* Galleria */
/*.galleria {
	background-color: inherit;
	color: #333;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 0;
}*/
.galleria {
    background-color: #888888;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 5px 20px 0;
}

@media (min-width: 768px) {
    .galleria {
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 5px 40px 0;
    }
}

.galleria article {
    padding: 0 2px 0 3px;
}

.galleria img {
    width: 100%;
}

.galleria .slick-prev {
    left: -18px;
}

.galleria .slick-next {
    right: -18px;
}

@media (min-width: 768px) {
    .galleria .slick-prev {
        left: -25px;
    }

    .galleria .slick-next {
        right: -25px;
    }
}

.galleria .slick-prev:before,
.galleria .slick-next:before {
    font-family: "Glyphicons Halflings";
    font-size: 20px;
    line-height: 1;
	opacity: 1;
}

.galleria .slick-prev:before {
    content: "\e257";
}

.galleria .slick-next:before {
    content: "\e258";
}

/* Galleria mini */
.galleria_mini {
    /*background-color: inherit;
	color: #333;
	margin-top: 60px;
	padding: 0;*/
}

.galleria_mini {
    background-color: #888888;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 5px 20px 0;
}

@media (min-width: 768px) {
    .galleria_mini {
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 5px 40px 0;
    }
}

.galleria_mini article {
    padding: 0 2px 0 3px;
}

.galleria_mini img {
    width: 100%;
}

.galleria_mini .slick-prev {
    left: -18px;
}

.galleria_mini .slick-next {
    right: -18px;
}

@media (min-width: 768px) {
    .galleria_mini .slick-prev {
        left: -25px;
    }

    .galleria_mini .slick-next {
        right: -25px;
    }
}

.galleria_mini .slick-prev:before,
.galleria_mini .slick-next:before {
    font-family: "Glyphicons Halflings";
    font-size: 20px;
    line-height: 1;
	opacity: 1;
}

.galleria_mini .slick-prev:before {
    content: "\e257";
}

.galleria_mini .slick-next:before {
    content: "\e258";
}

/* Gallerie in accordion */
.accordion .galleria,
.accordion .galleria_mini {
    margin-bottom: 0;
}

.accordion .collapse {
    display: block !important;
    height: 0px;
    overflow: hidden;
}

.accordion .collapse.show {
    height: auto !important;
}

.accordion .collapse .slick-slide img {
    height: auto !important;
}

/* Paginazione */
.pagination-list {
    clear: both;
}

@media (max-width: 500px) {
    .pagination-list {
        margin-left: 0;
    }
}

.pagination-list a {
    background-color: inherit;
    color: #555;
}

.pagination-list .prev span,
.pagination-list .next span,
.pagination-list .first span,
.pagination-list .last span {
    display: none;
}

.pagination-list .page-link {
    padding: .85rem 1.1rem;
}

.pagination-list .page-link.more {
    padding: .85rem .5rem;
    border-top: 0;
    border-bottom: 0;
}

@media (min-width: 768px) {

    .pagination-list .page-link,
    .pagination-list .page-link.more {
        padding: .5rem .75rem;
    }
}

.pagination-list .active .page-link,
.pagination-list .page-link:hover {
    background-color: #d6012e;
    color: #fff;
    border-color: #dee2e6;
    font-family: 'titillium-semibold';
}

.pagination-list.blu .active .page-link,
.pagination-list.blu .page-link:hover {
    background-color: #127db5;
    color: #fff;
}

.pagination-list.blu .active .page-link,
.pagination-list.blu .page-link:hover {
    background-color: #127db5;
    color: #fff;
}

.pagination-list .prev a:after {
    content: "\2039";
}

.pagination-list .next a:after {
    content: "\203A";
}

.pagination-list .page-selector {
    text-align: right;
}

.pagination-list .page-selector label {
    font-family: 'titillium-semibold';
    padding-right: 5px;
}

.pagination-list .page-selector select {
    padding: .5rem 1.55rem .5rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto auto;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (min-width: 768px) {
    .pagination-list .page-selector select {
        padding: .37rem 1.55rem .37rem .75rem;
    }
}

/*	GIUNTA ASSESSORI / GALLERIA MUSEO MOSTRA	*/
.giunta-assessori .row > div,
.galleria-grid-col .row > div {
    margin-bottom: 20px;
}

.giunta-assessori article {
    margin-bottom: 10px;
    border: 2px solid #3f3f3f;
    height: 100%;
}

.galleria-grid-col article {
	border: 1px solid #f2f2f2;
	height: 100%;
}

.giunta-assessori article div {
    position: relative;
    border-bottom: 2px solid #9f9f9f;
}

.galleria-grid-col article div {
	position: relative;
	border-bottom: none;
}

.giunta-assessori article div h4,
.giunta-assessori article div h5,
.giunta-assessori article div h6,
.galleria-grid-col article div h4,
.galleria-grid-col article div h5,
.galleria-grid-col article div h6 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: 0;
    width: 100%;
    color: #555;
    background-color: rgba(255, 255, 255, 0.75);
    font-family: 'titillium-semibold';
}

.giunta-assessori article h4,
.giunta-assessori article h5,
.giunta-assessori article h6,
.giunta-assessori article p {
    text-align: center;
}

.giunta-assessori article h4,
.giunta-assessori article h5,
.giunta-assessori article h6,
.galleria-grid-col article h4,
.galleria-grid-col article h5,
.galleria-grid-col article h6 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 15px;
    font-size: 1.2em !important;
}

.giunta-assessori article h4 a,
.giunta-assessori article h5 a,
.giunta-assessori article h6 a,
.galleria-grid-col article h4 a,
.galleria-grid-col article h5 a,
.galleria-grid-col article h6 a {
    font-size: 1.0em !important;
}

.giunta-assessori article p,
.galleria-grid-col article p {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 5px 10px 5px 10px;
    font-size: 1.0em;
}

.giunta-assessori article a,
.galleria-grid-col article a {
	font-weight: 600;
    color: #555;
    background-color: transparent;
}

.giunta-assessori article a:hover,
.galleria-grid-col article a:hover {
    text-decoration: underline;
}

.giunta-assessori article img,
.galleria-grid-col article img {
    width: 100%;
}

/*	/	GIUNTA ASSESSORI / GALLERIA MUSEO MOSTRA	*/
/* Foglia giunta */
.giunta .carica_giunta {
    position: relative;
    top: -30px;
    font-size: 1.8em;
}

.giunta .foto_giunta {
    float: left;
    max-width: 255px;
    margin: 0 30px 10px 0;
}

.giunta h3:nth-child(2) {
    clear: both;
    background-color: lime;
}

.giunta .content-editor p {
    margin-bottom: 10px;
}

.giunta .contattisocial {
    list-style: none;
    margin-top: 40px;
    margin-bottom: 30px;
}

.giunta .contattisocial li {
    list-style: none;
    /*padding-left: 70px;*/
}

.giunta .contattisocial li {
    list-style: none;
}

.giunta .contattisocial li.fb:before {
    content: "\f082";
    font-family: "FontAwesome";
    font-size: 1.2em;
    margin-right: 40px;
    position: relative;
    bottom: -4px;
}

.giunta .contattisocial li.twitter:before {
    content: "\f081";
    font-family: "FontAwesome";
    font-size: 1.2em;
    margin-right: 40px;
    position: relative;
    bottom: -4px;
}

.giunta .contattisocial li.altro:before {
    content: "\f0fe";
    font-family: "FontAwesome";
    font-size: 1.2em;
    margin-right: 40px;
    position: relative;
    bottom: -4px;
}

.giunta .contattisocial li a {
    background-color: inherit;
    color: #555;
    font-family: titillium;
    text-decoration: none;
}

.giunta .contattisocial li a:hover {
    text-decoration: underline;
}

/* Footer */
#footer {
	background-color: #b8b8b8;
    color: #000;
    border-top: 40px solid #d6012e;
    padding: 25px 25px 0;
    margin-top: 70px;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    #footer {
        padding: 40px 70px 0;
    }
}

#footer a {
	background-color: #b8b8b8;
    color: #000;
}

#footer h3 {
    margin: 0 0 10px;
    font-size: 1em;
    font-family: 'titillium-semibold';
}

@media (min-width: 768px) {
    #footer h3 {
        margin: 0 0 20px;
    }

    #footer h3:nth-of-type(2) {
        margin: 60px 0;
    }
}

.menusocial {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -32px;
    right: 20px;
}

@media (min-width: 768px) {
    .menusocial {
        right: 40px;
    }
}

.menusocial li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.menusocial li a {
    background-color: transparent !important;
    background-image: url("../img/icona_social_fb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* -webkit-mask: url("../img/icona_social_fb.svg");
 mask: url("../img/icona_social_fb.svg");*/
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
    width: 27px;
    height: 27px;
    margin-left: 5px;
}

.menusocial li.twitter a {
    background-image: url("../img/icona_social_twitter.svg");
}

.menusocial li.youtube a {
    background-image: url("../img/icona_social_youtube.svg");
}

.menusocial li.instagram a {
    background-image: url("../img/icona_social_instagram.svg");
}

.menusocial li.altro a {
    background-image: url("../img/icona_social_altro.svg");
}

@media (min-width: 768px) {
    #footer .navigazione {
        margin-bottom: 60px;
    }
}

#footer .navigazione ul {
    display: none;
}

@media (min-width: 768px) {
    #footer .navigazione ul {
        display: block;
        margin: 0 0 20px;
        padding: 0;
        list-style: none;
    }

    #footer .navigazione ul:first-child {
        margin: 0 0 60px;
    }

    #footer .navigazione ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1em;
    }
}

@media (min-width: 768px) {
    #footer .subfooter {
        padding-right: 0;
        padding-left: 60px;
        margin-bottom: 60px;
        border-left: 1px solid #333;
    }
}

#footer .subfooter h2 {
    margin: 0;
    font-size: 1em;
    font-family: 'titillium-semibold';
}

@media (min-width: 768px) {
    #footer .subfooter h2 {
        margin: 0 0 26px;
    }
}

#footer .subfooter p:not(.logo_footer) {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 20px;
}

#footer .subfooter p:not(.logo_footer) a {
    display: none;
}

@media (min-width: 768px) {
    #footer .subfooter p:not(.logo_footer) {
        font-family: 'titillium';
        font-size: 0.95em;
        line-height: initial;
        margin-bottom: initial;
    }

    #footer .subfooter p a {
        display: inline;
    }
}

#footer .subfooter ul.menuutilita {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}

#footer .subfooter ul.menuutilita li {
    display: inline;
    padding: 0;
    list-style: none;
    font-size: 0.9em;
}

#footer .subfooter ul.menuutilita li:after {
    content: " | ";
    margin: 0 5px;
}

#footer .subfooter ul.menuutilita li:last-child:after {
    content: "";
    margin: 0;
}

@media (min-width: 992px) {
    #footer .subfooter ul.menuutilita {
        display: block;
        margin: 0 0 35px;
        padding: 0;
        list-style: none;
        font-size: 0.9em;
    }

    #footer .subfooter ul.menuutilita li {
        display: block;
    }

    #footer .subfooter ul.menuutilita li:after {
        content: "";
        margin: 0;
    }
}

#footer .subfooter .logo_footer {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #333;
}

@media (min-width: 768px) {
    #footer .subfooter .logo_footer {
        margin-top: 35px;
        padding-top: 0;
        border-top: 0;
    }
}

#footer .subfooter .logo_footer img {
    max-width: 120px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    #footer .subfooter .logo_footer img {
        max-width: 100%;
    }
}

#footer .subfooter ul.menuservizio {
    display: block;
    margin: 20px 0 60px;
    padding: 0;
    list-style: none;
}

#footer .subfooter ul.menuservizio li {
    display: inline;
    font-size: 0.9em;
}

#footer .subfooter ul.menuservizio li:after {
    content: " | ";
    margin: 0 5px;
}

#footer .subfooter ul.menuservizio li:last-child:after {
    content: "";
    margin: 0;
}

/* Slide menu */
body {
    width: 100%;
    height: 100%;
}

.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 256px;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
	background-color: #fff;
    /* A background-color is required */
    min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

/*	UFFICIO STAMPA	*/
#ufficio-stampa #contenuto p.categoria {
    margin-bottom: 0.5rem;
}

#ufficio-stampa #contenuto p.categoria {
    color: #d6012e !important;
}

#ufficio-stampa #contenuto hr.milan-brd-top-red {
    display: block;
    margin: 20px auto;
    border-top: 1px solid #d6012e;
}

#ufficio-stampa #contenuto article p.categoria,
#ufficio-stampa #contenuto article h4,
#ufficio-stampa #contenuto aside ul,
#ufficio-stampa #contenuto aside p.more {
    font-weight: 600;
}

#ufficio-stampa #contenuto .row section img,
#ufficio-stampa #contenuto .row aside img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

#ufficio-stampa #contenuto .row section article:not(:last-child),
#ufficio-stampa #contenuto .row aside article:not(:last-child),
#ufficio-stampa #contenuto aside .eventi {
    margin-bottom: 20px;
    border-bottom: 1px solid #d6012e;
}

#ufficio-stampa #contenuto aside ul {
    list-style: none;
    padding-left: 10px;
}

#ufficio-stampa #contenuto aside p.more {
    text-align: right;
}

#ufficio-stampa #contenuto aside p.more a,
.ufficio-stampa-contatti p a {
    color: #d6012e;
}

#ufficio-stampa #contenuto aside p.more a {
    text-decoration: underline;
}

/*	MODAL EVENTI	*/
#eventiModal {
    z-index: 10000;
}

#eventiModal .modal-header {
    padding-bottom: 0.25rem;
    border-bottom: 0 none;
}

#eventiModal .modal-header .modal-title {
    font-weight: 600;
}

#eventiModal .modal-header .close {
    color: #d6012e;
    font-size: 2.5em;
    font-weight: bold;
    padding-top: 0.5rem;
}

#eventiModal .modal-body {
    padding-top: 0.25rem;
}

#eventiModal .modal-content {
    border: 15px solid #d6012e;
    border-radius: 0;
}

/*	/	MODAL EVENTI	*/
@media screen and (max-width: 575px) {
    .ufficio-stampa-contatti > section:first-child {
        padding-bottom: 1.5rem;
    }
}

.ufficio-stampa-contatti p {
    margin-bottom: 0.25rem;
    font-weight: 600;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/*	JQUERY UI CALENDAR	*/

.ui-datepicker:not(.ui-datepicker-inline) {
	z-index: 9999 !important;
}

/*	td.ui-datepicker-today a.ui-state-default ui-state-highlight ui-state-active */
#ufficio-stampa .ui-datepicker-inline {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 100%;
}

#ufficio-stampa .ui-widget-content,
#ufficio-stampa table.ui-datepicker-calendar td a {
    border: 0 none !important;
}

/*#ufficio-stampa .ui-widget-content {
	border-bottom:1px solid #d6012e !important;
}*/
#ufficio-stampa .ui-datepicker {
    padding-right: 0;
    padding-left: 0;
}

#ufficio-stampa .ui-datepicker table {
    margin-bottom: 0.2em;
}

#ufficio-stampa .ui-datepicker table thead th {
    background-color: #f2f2f2;
    padding: .5em .3em;
}

#ufficio-stampa .ui-widget-header {
    border: 1px solid #d6012e;
}

#ufficio-stampa .ui-datepicker-header a,
#ufficio-stampa .ui-datepicker-header a:hover {
    top: 2px;
    border: 0 none;
    background: none;
    font-weight: bold;
    color: #ffffff !important;
}

#ufficio-stampa .ui-datepicker-header a:hover {
    cursor: pointer;
    opacity: 0.8;
}

#ufficio-stampa .ui-datepicker .ui-datepicker-prev:hover {
    left: 2px;
}

#ufficio-stampa .ui-datepicker .ui-datepicker-next:hover {
    right: 2px;
}

#ufficio-stampa table.ui-datepicker-calendar th,
#ufficio-stampa table.ui-datepicker-calendar td {
    border: 1px solid #d0d0d0;
    border-collapse: collapse;
}

#ufficio-stampa table.ui-datepicker-calendar td {
    padding: 0;
}

#ufficio-stampa table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-highlight {
    background: none;
    background-color: #fffcfc;
}

#ufficio-stampa .ui-datepicker td span,
#ufficio-stampa .ui-datepicker td a {
    padding: 0.7em 0.3em;
    text-align: center;
    background: none;
}

#ufficio-stampa .ui-datepicker .ui-icon {
    width: inherit;
    text-indent: inherit;
    font-size: 1.0rem;
    background: none;
    height: 20px;
}

#ufficio-stampa .ui-datepicker .ui-icon::before {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 1.0rem;
}

#ufficio-stampa .ui-datepicker .ui-icon.ui-icon-circle-triangle-w::before {
    content: "\e079";
}

#ufficio-stampa .ui-datepicker .ui-icon.ui-icon-circle-triangle-e::before {
    content: "\e080";
}

#ufficio-stampa .ui-datepicker .ui-datepicker-today a {
    font-weight: 900;
    text-decoration: underline;
}

/*	JUST PROMO PURPOSE ONLY	*/
#ufficio-stampa .ui-datepicker-calendar td.day-with-event a {
    font-weight: 900;
}

/*	/	JUST PROMO PURPOSE ONLY	*/
/*	/	JQUERY UI CALENDAR	*/
/*	/	UFFICIO STAMPA	*/
/*  ACCESSO CON SPID  */
#accessoSpid #contenuto div > img {
    width: 100%;
    max-width: 600px;
}


#spidIdpAccess {
    margin-bottom: 1.25rem;
}

/*  /   ACCESSO CON SPID  */
/*  ACCESSO REG - NOREG */
#accessoRegNoreg .form-control {
    width: 100%;
    max-width: 300px;
}

#accessoRegNoreg .input-con-icona .form-control {
    padding-left: 2.0rem;
}

#accessoRegNoreg .input-con-icona .fa-user,
#accessoRegNoreg .input-con-icona .fa-lock {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

#accessoRegNoreg #contenuto p a {
    color: #d6012e;
    font-family: "Titillium-semibold";
    text-decoration: underline;
}

/*  /   ACCESSO REG - NOREG */
/*  ACCESSO CONFERMA INVIO  */
#accessoConfermaInvio #contenuto div .float-sm-left .fa-check-circle.fa-5x {
    margin: 0.25rem 1.0rem 1.5rem 0.5rem;
    color: #127cb5;
}

#accessoConfermaInvio #contenuto p a {
    color: #d6012e;
    font-family: "Titillium-semibold";
    text-decoration: underline;
}

/*  /   ACCESSO CONFERMA INVIO  */
/*  SCRIVI AL COMUNE    */
#scriviAlComune .form-group,
#scriviAlComune .form-control,
#scriviAlComune .custom-select {
    width: 100%;
    max-width: 600px;
}

#scriviAlComune .custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

#scriviAlComune .custom-file {
    width: auto;
    margin-bottom: 1.0rem;
}

#scriviAlComune .custom-file::after {
    content: "";
    display: block;
    clear: both;
}

#scriviAlComune .custom-file-label {
    padding: 0.5rem 0;
    margin-bottom: 1.0rem;
    border: 0 none;
    color: #d6012e;
    font-family: "Titillium-semibold";
    text-decoration: underline;
}

#scriviAlComune .custom-file-label::after {
    display: none;
}

/*
#scriviAlComune select,
#scriviAlComune input:valid,
#scriviAlComune textarea:valid {
    background-color: #f9f9f9;
}
*/
.icon-caret-down-right {
    background: #fff url('../img/caret_down.svg') no-repeat right 0.5rem center !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #626262;
}

/*  /   SCRIVI AL COMUNE    */
/*  ACCESSO CIVICO GENERALIZZATO    */
#accessoCivicoGeneralizzato #contenuto form {
    width: 100%;
    max-width: 600px;
}

#accessoCivicoGeneralizzato #contenuto form fieldset {
    margin: 1.0rem auto;
}

#accessoCivicoGeneralizzato #contenuto form fieldset legend {
    font-size: 1.0rem;
}

#accessoCivicoGeneralizzato .textarea-descr-opt,
#accessoCivicoGeneralizzato .radio-input-opt {
    display: none;
}

#accessoCivicoGeneralizzato .custom-control {
    margin-bottom: 1.0rem;
}

#accessoCivicoGeneralizzato .custom-file {
    width: auto;
    margin-bottom: 1.0rem;
}

#accessoCivicoGeneralizzato .custom-file::after {
    content: "";
    display: block;
    clear: both;
}

#accessoCivicoGeneralizzato .custom-file-label {
    padding: 0.5rem 0;
    margin-bottom: 1.0rem;
    border: 0 none;
    color: #d6012e;
    font-family: "Titillium-semibold";
    text-decoration: underline;
}

#accessoCivicoGeneralizzato .custom-file-label::after {
    display: none;
}

/*  /   ACCESSO CIVICO GENERALIZZATO    */
/*  PRENOTAZIONE APPUNTAMENTO   */
nav a.btn-default {
    background-color: #d6012e;
    color: #fff;
}

nav a.btn-default.disabled {
    background-color: #b8b8b8;
    color: #000;
}

#tipologiaAppuntamentoForm legend {
    font-size: 1.0rem;
}

#prenotazioneAppuntamenti .step .clearfix {
    position: relative;
}

#prenotazioneAppuntamenti .disponibilita-oraria {
    display: none;
}

#prenotazioneAppuntamenti .disponibilita-oraria .datepicker-header,
#prenotazioneAppuntamenti .disponibilita-oraria .datepicker-header .page-link {
    color: #fff;
    background: #d6012e;
}

#prenotazioneAppuntamenti .disponibilita-oraria .datepicker-header .page-link {
    border: 0 none;
    border-radius: 0;
}

#prenotazioneAppuntamenti .disponibilita-oraria .datepicker-header .page-item.active {
    line-height: 2.0rem;
    font-weight: 600;
}

#prenotazioneAppuntamenti .modal .modal-body form .form-row .col {
    flex-basis: auto;
    flex-grow: 0;
    max-width: calc(100% / 5);
}

#prenotazioneAppuntamenti .disponibilita-oraria .col-6 button,
#prenotazioneAppuntamenti .disponibilita-oraria .col-12 button,
#prenotazioneAppuntamenti .modal-body .form-row .col button {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
    /*  AS SMALL IS */
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

#prenotazioneAppuntamenti #contenuto .btn-secondary.disabled,
#prenotazioneAppuntamenti #contenuto .btn-secondary:disabled {
    color: #fff;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    opacity: 1.0;
}

#prenotazioneAppuntamenti #contenuto .row .col-md-4 .card {
    border: none;
}

#maposm {
    min-height: 465px;
    height: inherit;
    margin-bottom: 1.0rem;
}

#maposmcnfrm {
    min-height: 300px;
    height: inherit;
    margin-bottom: 1.0rem;
}

#maposm .leaflet-popup-close-button {
    display: none;
}

#maposm .leaflet-popup {
    cursor: pointer;
}

#maposm .dispo_non.leaflet-popup {
    cursor: default;
}

#maposm .leaflet-marker-icon {
    pointer-events: none;
}

#maposm .dispo_non .leaflet-popup-content-wrapper,
#maposm .dispo_non .leaflet-popup-tip {
    background-color: #d9d9d9;
}

#maposm .text-white strong {
    color: #fff;
}

#filterMapOsm {
    position: absolute;
    bottom: 1.0rem;
    left: 1.0rem;
    z-index: 500;
}

#filterMapOsm a::before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.25em;
    line-height: 2.5rem;
    vertical-align: middle;
}

#filterMapOsm a {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    overflow: hidden;
    color: #d6012e;
    background: #fff;
    border: 2px solid #d6012e;
    border-radius: 50%;
    text-align: center;
}

#filterMapOsm a:hover {
    text-decoration: none;
}

#regTimerWrapper {
    display: none;
    margin-bottom: 1.0rem;
    padding-bottom: 2.5rem;
    font-weight: 600;
    /*    border-bottom: 1px solid #d9d9d9;*/
    height: 2.75rem;
    line-height: 2.5rem;
}

#regTimer {
    display: inline-block;
    height: 2.75rem;
    border: 2px solid transparent;
}

.dim-fix-border {
    margin-left: 0.25rem;
    width: 2.75rem;
    text-align: center;
    border-color: #d6012e !important;
    border-radius: 50%;
}

/*	MODAL FILTRA DISPONIBILITà + MODAL CAMBIA NOME UTENTE	*/
#filtraDisponibilitaModal {
    position: absolute;
    z-index: 10000;
}

#modalEditUtente,
#modalCancAppuntamento {
    z-index: 9999;
}

#filtraDisponibilitaModal .modal-header,
#modalEditUtente.modal .modal-header,
#modalCancAppuntamento.modal .modal-header {
    padding-bottom: 0.25rem;
    border-bottom: 0 none;
}

#filtraDisponibilitaModal .modal-header .modal-title,
#modalEditUtente.modal .modal-header .modal-title,
#modalCancAppuntamento.modal .modal-header .modal-title {
    font-weight: 600;
}

#filtraDisponibilitaModal .modal-header .close,
#modalEditUtente.modal .modal-header .close,
#modalCancAppuntamento.modal .modal-header .close {
    color: #d6012e;
    font-size: 2.5em;
    font-weight: bold;
    padding-top: 0.5rem;
}

#filtraDisponibilitaModal .modal-body,
#modalEditUtente.modal .modal-body {
    padding-top: 0.25rem;
}

#filtraDisponibilitaModal .modal-content,
#modalEditUtente.modal .modal-content,
#modalCancAppuntamento.modal .modal-content {
    border: 2px solid #d6012e;
    border-radius: 0;
}

#filtraDisponibilitaModal .modal-footer,
#modalEditUtente.modal .modal-footer,
#modalCancAppuntamento.modal .modal-footer {
    border-top: none;
}

/*	/	MODAL FILTRA DISPONIBILITà	*/
/*  /   PRENOTAZIONE APPUNTAMENTO   */
/*  INPUT WITH AUTOCOMPLETE */
.form-group.autocomplete {
    /*  the container must be positioned relative:  */
    position: relative;
    display: block;
}

.form-group.autocomplete::after {
    content: "";
    display: block;
    clear: both;
}

.form-group.autocomplete .autocomplete-items {
    position: relative;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*  position the autocomplete items to be the same width as the container:  */
    top: 100%;
    left: 0;
    right: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.form-group.autocomplete .autocomplete-items div {
    padding: 5px 2px 5px 12px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.form-group.autocomplete .autocomplete-items div:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.form-group.autocomplete .autocomplete-items div:hover {
    /*  when hovering an item:  */
    background-color: #e9e9e9;
}

.form-group.autocomplete .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #d6012e !important;
    color: #ffffff;
}

/*  /   INPUT WITH AUTOCOMPLETE */
/*  COMMON  */
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #dee2e6 !important;
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #007557 !important;
}

.custom-control-input.is-valid:not([type="checkbox"]):checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:not([type="checkbox"]) ~ .custom-control-label::before,
.was-validated .custom-control-input:not([type="checkbox"]):valid ~ .custom-control-label::before {
    background-color: #007557 !important;
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.was-validated .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545 !important;
}

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.was-validated .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #dc3545 !important;
}

#chkErrMsg {
    background: #f2f2f2;
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.data-ora-red-italic,
.milan-red-italic {
    font-weight: 900;
    font-style: italic;
    color: #d6012e;
}

.color-ottanio {
    color: #127cb5;
}

.btn-default,
.btn-default:hover {
    background: #d6012e;
	color: #ffffff !important;
}

.btn-link-rosso {
    color: #d6012e !important;
    font-weight: 700 !important;
}

a.btn {
    text-decoration: none !important;
}

h3.display-1 {
    font-size: 8.0rem !important;
}

h4.display-2 {
    font-size: 2.5rem !important; 
}

.milan-red {
    color: #d6012e !important;
}

/*  /   COMMON  */
/*  FOOTER LIGHT    */
footer.footer-light {
    padding-top: 30px !important;
}

footer.footer-light .subfooter {
    margin-bottom: 30px !important;
}

@media screen and (max-width: 767px) {
    footer.footer-light {
        padding: 1.0rem 5.0rem !important;
    }

    footer.footer-light .row .subfooter.col-md-4 {
        padding-top: 2.0rem !important;
        padding-bottom: 0.5rem !important;
    }

    footer.footer-light .row .subfooter.col-md-4:first-child,
    footer.footer-light .row .subfooter.col-md-4:first-child * {
        border-top: none !important;
    }

    footer.footer-light .row .subfooter.col-md-4 {
        border-top: 1px solid #333333;
    }
}

@media screen and (min-width: 768px) {
    footer.footer-light .row .subfooter.col-md-4:first-child {
        border-left: 0 none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1191px) {
    footer.footer-light .row .subfooter.col-md-4 {
        padding: 1.0rem 1.75rem !important;
    }
}

footer.footer-light .subfooter h2,
footer.footer-light .subfooter p,
footer.footer-light .subfooter ul {
    margin-top: 1.0rem !important;
    margin-bottom: 1.0rem !important;
}

footer.footer-light .subfooter .logo_footer img {
    margin-bottom: 0 !important;
}

/*  /   FOOTER LIGHT    */
/* CCC */
.boxContaCaseContainer {
}

.boxContaCaseContainer .boxCaseDaRecuperare {
	background-color: #f2f2f2;
	color: #555;
	border: 1px solid #555;
	padding: 20px 35px;
	font-size: 1.1em;
	text-align: center;
}

.boxContaCaseContainer .boxCaseDaRecuperare h4 {
	font-weight: 700;
	margin-bottom: 30px;
}

.boxContaCaseContainer .boxCaseDaRecuperare img {
	height: 200px;
}

@media (max-width: 425px) {
	.boxContaCaseContainer .boxCaseDaRecuperare img {
		height: 120px;
	}
}

.boxContaCaseContainer .boxCaseDaRecuperare p {
	margin-top: 15px;
	color: #0b6fb6;
	font-size: 2.3rem;
	font-weight: 700;
}

.boxContaCaseContainer .boxCaseRecuperate {
	background-color: #f2f2f2;
	color: #555;
	border: 1px solid #555;
	padding: 20px 35px;
	font-size: 1.1em;
	text-align: center;
}

.boxContaCaseContainer .boxCaseRecuperate h4 {
	font-weight: 700;
	margin-bottom: 30px;
}

.boxContaCaseContainer .boxCaseRecuperate img {
	height: 200px;
}

@media (max-width: 425px) {
	.boxContaCaseContainer .boxCaseRecuperate img {
		height: 120px;
	}
}

.boxContaCaseContainer .boxCaseRecuperate p {
	margin-top: 15px;
	color: #0b6fb6;
	font-size: 2.3rem;
	font-weight: 700;
}

.lista-eventi li p {
	margin-bottom: 0.5rem !important;
}

@media (max-width: 719px) {
	ul.lista-eventi li ul.list-inline li.list-inline-item:nth-child(2),
	ul.lista-eventi li ul.list-inline li.list-inline-item:nth-last-child(2) {
		clear: left;
	}
}

.btn-id-comune {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	padding-left: 60px;
	border: 2px solid #0f6a9a;
	color: #0f6a9a;
	background: #ffffff url(../img/user-circle-regular.svg);
	background-size: 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.btn-id-comune {
		margin-bottom: 20px;
	}
}
.btn-id-comune span {
	color: #0f6a9a;
	font-family: "titillium-bold";
}
.btn-id-comune:hover {
	border: 2px solid #0f6a9a;
	color: #ffffff;
	background: #0f6a9a url(../img/user-circle-regular2.svg);
	background-size: 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
}
.btn-id-comune:hover span {
	color: #ffffff;
}

.btn-id-comune + .red {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "titillium-bold";
	background: #ffffff;
	color: #d6012e;
	border: 2px solid #d6012e;
}
@media (max-width: 768px) {
	.btn-id-comune + .red {
		margin-bottom: 20px;
	}
}
.btn-id-comune + .red span {
	color: #d6012e;
}

.btn-id-comune + .red:hover {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "titillium-bold";
	background: #d6012e;
	color: #ffffff;
	border: 2px solid #ffffff;
}
.btn-id-comune + .red:hover span {
	color: #ffffff;
}

.btn-id-comune + .red.disabled {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "titillium-semibold";
	background: #555555;
	color: #ffffff;
	border: 2px solid #555555;
}
.btn-id-comune + .red.disabled span {
	color: #ffffff;
}

header .utilita.user .toogle-menuresponsive {
	background-image:url("../img/icona_utente_blu_bordo.svg")
}


.form-invalid-feedback {
	display:block !important;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #dc3545;
}

.alert-danger{
	background-color: #feefef;
	border-color: #f48989;
	color: #da1414;
}

/*  SELF MODIFY */
#selfModify .form-control {
    width: 100%;
    max-width: 2000px;
}

#contenuto .tab-generico .nav li a.inactive {
    background-color: #555;
    color: #fff;
}