/*** IMPOSTAZIONI GENERALE WCM ***/

html,
body {
    overflow-x;
    hidden;
}

body.modal-open {
    position: fixed;
    width: 100%;
}

.wpthemeNavList a.wpthemeLeft {
    color: #ffffff;
    display: inline-block;
    padding: 0 1em;
}

.wpthemeNavList {
    list-style: none;
}

.wptheme1Col .wpthemeCol {
    width: 100%;
    margin: 0;
}

.wpthemeMainContent {
    display: inline-block;
    width: 100%;
}

@media (max-width: 991px) {
    header[role="banner"] {
        display: none;
    }
}

.wpthemeOverflowAuto {
    overflow-x: hidden;
}

#layoutContainers,
#layoutContainers .wpthemeInner.col-xs-12 {
    padding: 0;
}

.wpthemeMainContent .wpthemeInner.col-xs-12 .container.container-sidebar-layout.layout-full {
    width: 100%;
    padding: 0;
}

.wpthemeMainContent .wpthemeInner.col-xs-12 .container.container-sidebar-layout.layout-full .component-container.wpthemeCol.wpthemeLeft.wpthemeCol12of12 {
    margin: 0;
}

div.custom_dialog {
    z-index: 999 !important;
}

header[role=banner] {
    font-family: sans-serif;
    font-size: 14px;
}

.breadcrumbs.container {
    padding: 0;
}


/*** SUPERHEADER ***/

@media (min-width: 992px) {
    .navbar-superheader .navbar-nav>li>a {
        padding: 11px 10px 11px 0;
    }
}


/*** HEADER ***/

.img-brand {
    width: 100%;
    position: absolute;
}

.nav.navbar-area_riservata .navbar-main-caret-up {
    display: none;
}

.nav.navbar-area_riservata .navbar-main-caret-down {
    display: inline-block;
}

.nav.navbar-area_riservata .open .navbar-main-caret-down {
    display: none;
}

.nav.navbar-area_riservata .open .navbar-main-caret-up {
    display: inline-block;
}

.nav.navbar-area_riservata .navbar-main-1lev-caret {
    margin-left: 10px;
}

.nav.navbar-area_riservata a:hover .navbar-main-1lev-caret,
.nav.navbar-area_riservata a:hover .navbar-main-1lev-caret span {
    text-decoration: none;
}


/*** NEWSLETTER ***/

.section-newsletter-item .section-content {
    margin-top: 0px !important;
}

.section.section-preview.section-allegati {
    padding-top: 40px;
}

.section.section-preview.section-link {
    padding-top: 40px;
}


/*** MAPPA DEL SITO ***/

.section-mappa-sito .panel-heading.activated.no-child:before,
.section-mappa-sito .panel-heading.activated.no-child+.panel-body {
    display: none !important;
}


/*** PAGINA TEMATICA ***/

.sections-zebra .component-control:nth-child(2) .section {
    padding-top: 40px;
}


/*** ARCHIVIO EVENTI ***/

.section-archivio-eventi {
    min-height: 550px;
}


/*** DETTAGLIO EVENTO ***/

.section-eventi-collegati {
    padding-top: 40px;
}


/*** Date Picker ***/

tr>th.ui-datepicker-week-end:first-child,
tr th.ui-datepicker-week-end+th.ui-datepicker-week-end {
    font-weight: 900;
}


/*** RICERCA GENERICA **/

.item-abstract span[class^="OFHighlightTerm"] {
    font-weight: bold;
}

.pagination li.item-click span {
    cursor: pointer;
}

.section-sondaggio .sondaggio-thankyou-align:focus {
    outline: none;
}

.title-wrap>a.align:focus,
.title-wrap>a.align:active {
    color: #fff;
}

.icona-volume {
    color: #1c2024 !important;
    text-decoration: none !important;
}

.icona-volume:hover {
    text-decoration: none;
}


/* Modifica per grafica footer sul tablet e desktop */

.footer-legals.footer-row {
    clear: both;
}

@media (min-width: 1200px) {
    .footer-legals.footer-row {
        margin-top: 45px;
    }
}

#map-canvas {
    height: 400px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#main-search-mobile {
    display: none;
}

#didascalia_img_main {
    font-style: italic;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 14px;
    margin-top: 5px;
    text-align: justify;
}


/* mev countdown */

#countdown-rl {
    width: 100%;
    /*	font-size: 27px; */
    font-size: 15px;
    color: #ffffff;
    padding: 10px;
    /* font-family: 'Lato', sans-serif; */
    ;
}

.container-countdown-rl {
    margin: 0 auto;
    width: 300px;
    height: 56px;
    /*
     width: 420px;
     height: 100px; */
    ;
}

.container-countdown-rl .count.bottom {
    line-height: 0;
}

.container-countdown-rl .count.top {
    line-height: 1.45em;
}

#countdown-rl .titolo-countdown {
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
}

#countdown-rl .testo-countdown {
    text-align: center;
    font-size: 25px;
    margin-top: 10px;
}

.container-countdown-rl .container-time {
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    text-align: center;
    position: relative;
    /*
      height: 85px;
      width: 65px;*/
    height: 51px;
    width: 39px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

.container-countdown-rl .time {
    /* width: 210px; */
    /* width: 150px; */
    float: left;
    -webkit-perspective: 479px;
    -moz-perspective: 479px;
    -ms-perspective: 479px;
    -o-perspective: 479px;
    perspective: 479px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.container-countdown-rl .time.ore {
    width: 120px;
}

.container-countdown-rl .time.giorni {
    width: 180px;
}

@media (max-width: 350px) {
    .container-countdown-rl .time.ore {
        max-width: 40%;
    }
    .container-countdown-rl .time.giorni {
        max-width: 50%;
    }
}

.container-countdown-rl .count {
    color: #f8f8f8;
    display: block;
    font-size: 2em;
    line-height: 2.4em;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

.container-countdown-rl .count.top {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px 5px 0 0;
    /* height: 41px; */
    height: 24px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.container-countdown-rl .count.bottom {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    /* border-top: 1px solid #000; */
    border-bottom: 1px solid #ffffff;
    border-radius: 0 0 5px 5px;
    line-height: 0;
    /*
     height: 44px;
     top: 40px; */
    height: 27px;
    top: 23px;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.container-countdown-rl .label-time {
    position: absolute;
    /* width: 65px; */
    top: 31px;
    /* left: 77px; */
    left: 80px;
}


/*
.container-countdown-rl .container-time + .container-time + .label-time {
    left: 137px;
}
*/

.container-countdown-rl .label {
    font-weight: normal;
    font-size: 19px;
    text-align: left;
}


/* Animation start */

.container-countdown-rl .count.curr.top {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 3;
}

.container-countdown-rl .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2;
}


/* Animation end */

.container-countdown-rl .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.container-countdown-rl .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -moz-transition: all 250ms ease-in-out 250ms;
    -ms-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}


/*
@media screen and (max-width: 600px){
        .container-countdown-rl {
                width: 225px;
                height: 220px;
        }
}
*/

.section.section-countdown {
    padding-bottom: 0px;
    margin-bottom: 0px;
}


/* mev grafici: puntini swiper */

.swiper-pagination-chart {
    position: static;
    margin-top: 13px;
}


/* modifiche custom vertical timeline */

.section-vertical-timeline .cd-timeline-content .wrapper-timeline:nth-of-type(even) {
    display: inline-table;
    border-top: 2px solid rgb(207, 211, 212);
    padding-top: 20px;
}

.section-vertical-timeline .cd-timeline-content .wrapper-timeline:nth-of-type(odd) {
    display: inline-table;
    padding-bottom: 20px;
}

.section-vertical-timeline .wrapper-timeline {
    width: 100%;
}


/* css section in evidenza */

.section-in-evidenza .bhoechie-tab-container {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.section-in-evidenza .list-group-item.active {
    border-width: 6px;
    border-style: solid;
    padding: 6px;
}

.section-in-evidenza .list-group-item {
    border: 2px solid #fff;
    background-color: #d0d0d0;
    width: 80px;
    height: 80px;
    padding: 10px;
}

.section-in-evidenza .contenuto-item-title {
    color: #000;
}

.section-in-evidenza .list-group a span {
    font-size: 37px;
    line-height: 60px;
    background-color: #d0d0d0;
    color: #555;
    border: 0;
}

.section-in-evidenza .bhoechie-tab-content h2 {
    font-size: 28px;
    margin: 0;
}

.section-in-evidenza .bhoechie-tab-menu .list-group .icon-Autonomielocali {
    font-size: 28px;
    line-height: 60px;
    background-color: #d0d0d0;
    color: #555;
    margin-left: -4px;
}

.section-in-evidenza a.list-group-item:hover,
.section-in-evidenza button.list-group-item:hover,
.section-in-evidenza a.list-group-item:focus,
.section-in-evidenza button.list-group-item:focus {
    background-color: #d0d0d0;
}

.section-in-evidenza .title {
    padding: 15px;
    margin: 0 15px 0 15px;
    background-color: #eee;
}

.section-in-evidenza a:focus,
.section-in-evidenza a:hover {
    color: #333;
}

@media(max-width: 991px) {
    .section-in-evidenza .bhoechie-tab-content h2 {
        margin-top: 20px;
    }
    .section-in-evidenza .list-group a {
        width: 88px;
        height: 83px;
    }
}

.section-in-evidenza .title {
    margin: 0px;
}


/* modifiche overlay per ricerca */

#overlayPerRicerca {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(256, 256, 256, 0.5);
    z-index: 800;
}


/* section in evidenza link esterno */

.section-in-evidenza a.external-link .contenuto-item-title:before {
    content: "\e93d";
    position: relative;
    right: 18px;
    font-size: 20px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: right;
    top: 5px;
}


/* css timeliner */


/*-------------------------------------*/

.section-timeliner .section-content,
.section-timeliner .timeline-container {
    float: left;
    width: 100%;
    position: relative;
}

.section-timeliner .timeline-container {
    margin: 20px auto;
    width: 100%;
}

.section-timeliner .timeline-container-tick {
    content: "";
    display: block;
    height: 4px;
    left: -8px;
    width: 14px;
    position: relative;
}

.section-timeliner .timeline-container::before {
    content: "";
    display: block;
    height: 4px;
    left: -8px;
    width: 14px;
    position: relative;
    top: -4px;
}

.section-timeliner .timeline-container::after {
    content: "";
    display: block;
    height: 4px;
    left: -8px;
    width: 14px;
    position: absolute;
    bottom: 0;
}

.section-timeliner .timeline-container blockquote p {
    margin: 3px 0;
}

.section-timeliner .timeline-img-left blockquote {
    clear: none;
    float: left;
}

.section-timeliner .timeline-img-left .timeline-event-content .media {
    float: left;
}

.section-timeliner .timeline-img-left .timeline-event-content .media {
    float: left;
}

.section-timeliner .media+.timeline-text {
    width: 75%;
}

@media(max-width:767px) {
    .section-timeliner .media+.timeline-text {
        width: 100%;
    }
}

.section-timeliner .timeline-text {
    clear: none;
    float: left;
    line-height: 1.2em;
    margin-left: 0;
    padding: 0 15px;
    width: 100%;
}

.section-timeliner .timeline-text a:not(.read-more) {
    text-decoration: underline;
}

.section-timeliner .timeline-toggle {
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-right: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

.section-timeliner .timeline-toggle:hover {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

.section-timeliner .timeline-toggle:focus {
    outline: none;
}

.section-timeliner .timeline-wrapper {
    clear: left;
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

.section-timeliner .timeline-wrapper .timeline-time::before {
    content: "";
    display: inline-block;
    height: 4px;
    margin-right: 0px;
    vertical-align: middle;
    width: 24px;
}

.section-timeliner .timeline-wrapper .timeline-time {
    cursor: pointer;
    font-size: 2em;
    font-weight: 400;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 1.8em;
}

.section-timeliner .timeline-wrapper .timeline-time span {
    -moz-border-radius: 10px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.85);
    display: inline-block;
    letter-spacing: 0;
    padding: 0 10px;
    text-align: center;
}

.section-timeliner .timeline-wrapper .timeline-time span:hover {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

.section-timeliner .timeline-series {
    clear: left;
    float: left;
    margin: 0 12px 0 0;
    padding: 4px 4px 4px 0;
    position: relative;
    width: 100%;
}

.section-timeliner .timeline-wrapper h2 {
    background-image: none;
}

.section-timeliner .timeline-series dt::before {
    content: "";
    display: inline-block;
    height: 3px;
    margin-right: 10px;
    vertical-align: middle;
    width: 10px;
}

.section-timeliner .timeline-series dt {
    clear: left;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0 0 12px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0;
    background-image: none;
}

.section-timeliner .timeline-series dt a {
    cursor: pointer;
    color: #000;
}

.section-timeliner .timeline-series dt a.closed {
    font-size: 1em;
    margin-left: 0;
}

.section-timeliner .timeline-series dt a:hover {
    opacity: 0.8;
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}

.section-timeliner .timeline-series dd {
    padding-left: 24px;
    float: left;
    width: 100%;
    background: #eee;
    padding: 20px;
    margin-left: 20px;
}

.section-timeliner .timeline-series dd h3 {
    color: #FFF;
    clear: both;
    float: left;
    font-size: 1.5em;
    margin: 0;
    white-space: nowrap;
}

.section-timeliner .tick {
    clear: both;
    display: block;
    height: 2px;
    left: 0;
    width: 4px;
    position: relative;
}

.section-timeliner .tick-before {
    top: -6px;
}

.section-timeliner .tick-after {
    top: -4px;
}

.section-timeliner .timeline-event-content {
    display: none;
    margin-bottom: 40px;
}

.section-timeliner .timeline-event-content img {
    width: 100%;
}

.section-timeliner .timeline-event-content {
    width: 100%;
}

.section-timeliner .timeline-event-content p {
    width: 100%;
}

.section-timeliner .timeline-event-content h4 {
    clear: left;
    float: left;
    font-size: 1.4em;
    font-weight: 400;
    margin: 10px 0 0;
    padding: 0 0 0 20px;
}

.section-timeliner .timeline-event-content blockquote {
    border-left: 2px solid #00254f;
    width: 100%;
}

.section-timeliner .timeline-event-content blockquote .attribution {
    font-size: 0.7em;
    text-align: right;
}

.section-timeliner .timeline-event-content .media {
    float: right;
    padding: 0 0 12px;
    width: 25%;
    text-align: center;
}

.section-timeliner .timeline-event-content .media p {
    width: 100%;
}

.section-timeliner .timeline-event-content .media .wrap-img {
    border: 0;
    margin: 0;
    width: 200px;
    height: 120px;
    overflow: hidden;
}

.section-timeliner .timeline-event-content .media .wrap-img img {
    width: 100%;
}

.section-timeliner .timeline-event-content .media img {
    border: 0;
}

.section-timeliner .timeline-event-content .media p {
    clear: both;
    font-size: 1.4em;
    margin: 15px 0;
}

.section-timeliner .timeline-event-content .media p a {
    text-transform: lowercase;
}

@media(max-width: 991px) and (min-width: 768px) {
    .section-timeliner .timeline-event-content .media img {
        height: 160px;
        width: 160px;
    }
}

@media(max-width: 767px) {
    .section-timeliner .timeline-event-content .media {
        width: 100%;
        text-align: center;
    }
}

.section-timeliner .read-more {
    color: #fff;
    font-size: inherit;
    float: right;
    padding: .8em 1em;
    border-radius: 0.25em;
    text-decoration: none;
}

.section-timeliner .read-more:hover {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}

.section-timeliner .timeline-series dt {
    font-size: 28px;
}

.timeline-series dt a {
    cursor: pointer;
    color: #000;
    white-space: pre-wrap;
    display: inline-table;
}

.section-timeliner.section-timelinerT1 .header-title,
.section-timeliner.section-timelinerT2 .header-title {
    color: #000;
}


/* css jtline */


/*-------------------------------------*/

.section-jtline .jtline .events-content em::before {
    content: ' ';
}

.section-jtline .jtline .events-wrapper::after,
.section-jtline .jtline .events-wrapper::before {
    background-image: none;
}

.section-jtline .events-wrapper ul,
.section-jtline .events-wrapper ol,
.section-jtline .events-content ul,
.section-jtline .events-content ol,
.section-jtline .cd-timeline-navigation {
    list-style: none;
}

.section-jtline .jtline .events-content {
    width: 80% !important;
    margin: auto;
    /*background-color: #eee;*/
    ;
}

.section-jtline .jtline .events-content ol {
    padding: 0;
}


/*
.section-jtline .jtline {
    font-family: 'Titillium', sans-serif;
}
*/

.section-jtline .jtline .events-content h2 {
    font-size: 28px;
    font-weight: bold;
}

.section-jtline .img-timeline {
    float: left;
    margin-right: 10px;
    width: 155px;
}

.section-jtline .jtline .events-content em {
    font-size: 1.2em;
    font-style: normal;
    margin: 3px auto 30px auto;
    border-bottom: none;
}

@media (max-width: 599px) {
    .section-jtline .jtline .events-content img {
        display: block;
        float: none;
        margin: auto;
        margin-bottom: 10px;
    }
}

.section-jtline .jtline .events-content li.selected:first-child {
    padding-top: 20px;
}

.section-jtline .jtline .events-content li.selected:last-child {
    padding-bottom: 20px;
}

.section-jtline .read-more {
    color: #fff;
    font-size: 14px;
    float: right;
    padding: 8px 10px;
    border-radius: 0.25em;
}

.section-jtline .read-more:hover {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}


/*----------------------------------
== TEMA T1 jtline
----------------------------------*/

.section-jtline.section-jtlineT1 .jtline,
.section-jtline.section-jtlineT1 .jtline .events-content h2 {
    font-family: 'Lato', sans-serif;
}

.section-jtline.section-jtlineT2 .jtline .events-content {
    width: 70%;
}


/* css timeline verticale */


/* -------------------------------- 

Primary style

-------------------------------- */

#cd-timeline * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#cd-timeline *,
#cd-timeline *:after,
#cd-timeline *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cd-timeline {
    font-size: 100%;
    color: #626e78;
    /* background-color: #e9f0f5; */
    ;
}

#cd-timeline a {
    /* color: #acb7c0; */
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
}

#cd-timeline a:hover {
    text-decoration: underline;
}

#cd-timeline a.cd-read-more:hover {
    text-decoration: none;
}

#cd-timeline img {
    max-width: 100%;
}

#cd-timeline h1,
#cd-timeline h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}


/*-------------------------------------*/

#cd-timeline::before {
    background: rgb(207, 211, 212);
}

.cd-timeline-img {
    box-shadow: 0px 0px 0 4px #ededed;
    ;
}

.cd-timeline-content {
    background: rgb(238, 238, 238);
    box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline-content .cd-date {
    font-size: 20px;
}

.cd-timeline-content::before {
    border-right: 7px solid rgba(207, 211, 212, 0.1);
}

.cd-timeline-content .cd-read-more {
    color: #fff;
    font-size: inherit;
}

.cd-timeline-content .cd-read-more:hover {
    opacity: 0.8;
    text-decoration: none;
}

.cd-timeline-content p {
    font-size: 18px;
    text-align: justify;
}

.cd-timeline-header {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.cd-timeline-info {
    font-size: 1.2em;
}

.cd-timeline-content a:not(.cd-read-more) {
    text-decoration: none;
}

.cd-timeline-content a.cd-read-more {
    text-decoration: underline;
}

.cd-timeline-block .cd-timeline-content .img-timeline {
    width: 150px;
    float: left;
    margin-top: 0;
    margin-right: 15px;
}

@media(max-width: 599px) {
    .cd-timeline-block .cd-timeline-content .img-timeline {
        float: none;
        margin: auto;
        display: block;
        margin-bottom: 10px;
    }
}

.cd-timeline-content h2 {
    font-size: 28px;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }
    .cd-timeline-content::before {
        border-color: transparent;
        border-left-color: rgba(207, 211, 212, 0.1);
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        border-color: transparent;
        border-right-color: rgba(207, 211, 212, 0.1);
    }
}

#cd-timeline .cd-picture {
    display: inline-block;
    color: #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
}

.cd-timeline-img .icomoon {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    color: white;
    font-size: 23px;
}


/* css aggiuntivo timeline verticale */

.section-vertical-timeline .cd-timeline-content .wrapper-timeline:nth-of-type(1) {
    border: 0px;
}

.section-vertical-timeline .cd-timeline-content .wrapper-timeline {
    padding-top: 20px;
}

.section-vertical-timeline .cd-timeline-content .wrapper-timeline {
    display: inline-table;
    border-top: 2px solid rgb(207, 211, 212);
    padding-top: 20px;
}

.section-vertical-timeline .cd-timeline-content .wrapper-timeline {
    padding-bottom: 20px;
}

#cd-timeline a:hover {
    text-decoration: underline;
}

#cd-timeline a.cd-read-more:hover {
    text-decoration: none;
}


/* a portata di mano */

.section-a-portata-di-mano li.col-md-12.col-6px-gutter.items-col {
    margin-top: 10px;
}


/* allineamento icone section in evidenza */

.contenuto-item-evidenza span.icomoon.lnr {
    text-align: center;
    width: 40px;
}

.section-timeliner .timeline-time .icon:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.section-timeliner .timeline-time .icon {
    background-color: rgba(0, 0, 0, 0) !important;
}

.wrap-multilanguage {
    width: max-content;
}

.navbar-collapse.col-md-9 {
    width: 75%;
}

#navbar .navbar-header.navbar-header-table.hidden-sm.hidden-xs {
    margin-left: auto;
}

.link-timeline {
    font-size: 15px !important;
    color: inherit !important;
    display: inline-block;
    vertical-align: super;
    padding-left: 3px;
}

.wrap-multilanguage .dropdown:not(.open) .dropdown-toggle:focus {
    background-color: #246c31 !important;
}


/* lista collegamento  timeline hover */

.lista-collegamento:hover {
    text-decoration: underline;
}

.lista-collegamento {
    font-weight: 400;
}

@media print {
    #iconaCerca {
        display: none;
    }
}


/* abilitazione click su link del footer */

#footer .col-md-10.col-lg-9 {
    z-index: 1;
}

#footer .col-md-2.col-lg-3 {
    z-index: 2;
}

#mainSearchText::-ms-clear {
    display: none;
}

.link-politiche {
    font-size: 20px;
    padding-left: 5px;
    width: auto !important;
    vertical-align: super;
    display: inline-block;
}

.wrapper-politiche {
    width: 83%;
    display: inline-grid;
    display: -ms-inline-grid;
    display: -moz-grid;
}

.wrapper-politiche:hover {
    text-decoration: underline;
}

.section-mappa-sito li.list-group-item a {
    height: auto;
}

.calendar-content-item .item-title .external-link:after {
    content: "\e93d";
    font-size: 27px;
    position: inherit;
    margin-left: 10px;
    display: inline-block;
    text-decoration: none;
    right: 0;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
}

.section-vertical-timeline.nofullpage>.container {
    width: auto;
}

.section-timeline.nofullpage>.container {
    width: auto;
}

.events-content {
    height: 100% !important;
}


/* 
.lista-collegamento {
        width: 90% !important;
} 
*/

.myjtline .events-content p {
    clear: both;
}


/**
.section.section-timeliner {
        display: inline-block;
}**/

.timeline-series {
    display: inline-block;
}

@media screen and (max-width: 321px) {
    .a.header-title {
        width: 90%;
    }
}

@media screen and (max-width: 600px) {
    .section-jtline .jtline .events-content em {
        margin-bottom: 10px;
    }
    .section-jtline .jtline .events-content img {
        margin-bottom: 20px;
    }
}


/* Mod per box lingue */

@media ( max-width: 992px) {
    .wrap-multilanguage .dropdown-toggle {
        padding: 7px 12px 7px 12px;
    }
}

@media ( max-width: 992px) {
    .wrap-multilanguage.navbar-nav>li>a>span:first-child {
        padding-right: 10px;
    }
}


/*#didascalia_img_main{
        font-family:unset;
}*/

.section-a-portata-di-mano .col-6px-gutter .item-wrap {
    height: auto;
    min-height: 40px;
}

.section-a-portata-di-mano .item-text {
    padding: 5px;
    line-height: 20px !important;
}

@media screen and (min-width: 991px) {
    .wrap-multilanguage .dropdown .dropdown-toggle {
        width: 85px !Important;
    }
}

#navbar #superheader .container {
    display: block !important;
}


/********************************** 
    SCOPRI Lombardia STYLES
**********************************/


/* Main slider */

.section-slider-scopri-lombardia {
    padding-bottom: 0;
}

.section-slider-scopri-lombardia .slide-image {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.section-slider-scopri-lombardia .swiper-button-next,
.section-slider-scopri-lombardia .swiper-button-prev {
    background: none;
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    line-height: 1;
}

.slider-scopri-lombardia .slide-texts-wrapper {
    padding: 15px;
}

.slider-scopri-lombardia .slide-texts-wrapper,
.slider-scopri-lombardia .slide-texts-wrapper a,
.slider-scopri-lombardia .slide-texts-wrapper a:active {
    color: #fff;
}

.slider-scopri-lombardia .item-title+.item-links {
    margin-top: 15px;
}

.slider-scopri-lombardia .item-links {
    margin-bottom: 0;
}

.slider-scopri-lombardia .item-links li+li {
    margin-top: 25px;
}

.slider-scopri-lombardia .swiper-controls {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.slider-scopri-lombardia .button-container {
    position: relative;
}

.slider-scopri-lombardia .swiper-button-next,
.slider-scopri-lombardia .swiper-button-prev,
.slider-scopri-lombardia .swiper-button-fullscreen {
    color: #fff;
    text-shadow: 0 0 1px #000, 0 0 10px #000;
}

.slider-scopri-lombardia .swiper-button-next:focus,
.slider-scopri-lombardia .swiper-button-prev:focus,
.slider-scopri-lombardia .swiper-button-fullscreen:focus {
    background-color: rgba(0, 0, 0, 0.6);
    outline: 0;
}

.slider-scopri-lombardia .swiper-button-fullscreen {
    display: none;
}

@media ( max-width: 767px) {
    .slider-scopri-lombardia .swiper-slide {
        background-color: #24394e;
        height: auto;
    }
    .slider-scopri-lombardia .slide-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 768px) {
    /*Modifica RL_04*/
    .slider-scopri-lombardia {
        height: 485px;
    }
    .slider-scopri-lombardia .swiper-slide {
        height: 100%;
    }
    .slider-scopri-lombardia .slide-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        padding-bottom: 0;
    }
    .slider-scopri-lombardia .slide-container {
        position: relative;
        z-index: 1;
        height: 100%;
    }
    .slider-scopri-lombardia .slide-texts-wrapper {
        height: 100%;
        width: 265px;
        background-color: rgb(0, 38, 77);
        background-color: rgba(0, 38, 77, 0.62);
        padding: 55px 20px 0 20px;
    }
    .slider-scopri-lombardia .swiper-controls {
        height: 100%;
    }
    .slider-scopri-lombardia .button-container {
        position: relative;
        height: 100%;
        padding-bottom: 0;
    }
    .slider-scopri-lombardia .swiper-button-fullscreen {
        display: block;
        font-size: 30px;
        line-height: 1;
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 10;
        cursor: pointer;
        right: 15px;
        bottom: 15px;
    }
    .slider-scopri-lombardia-thumbs-wrapper {
        background-color: #eeeeee;
        padding: 15px 0;
    }
    .slider-scopri-lombardia-thumbs-wrapper>.container {
        position: relative;
    }
    .slider-scopri-lombardia-thumbs .swiper-button-next,
    .slider-scopri-lombardia-thumbs .swiper-button-prev {
        color: #000;
    }
    .slider-scopri-lombardia-thumbs .slide-caption {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(50%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.6)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#21000000', endColorstr='#99000000', GradientType=0);
    }
    .slider-scopri-lombardia-thumbs .swiper-slide:not(.swiper-slide-active) {
        cursor: pointer;
    }
    .slider-scopri-lombardia-thumbs .slide-caption-wrapper {
        display: table;
        width: 100%;
        height: 100%;
    }
    .slider-scopri-lombardia-thumbs .slide-caption-wrapper>.align {
        display: table-cell;
        vertical-align: bottom;
        padding: 15px;
    }
    .section-slider-scopri-lombardia .swiper-button-next {
        right: -15px;
    }
    .section-slider-scopri-lombardia .swiper-button-prev {
        left: -15px;
    }
    /*fullscreen*/
    .slider-scopri-lombardia.hasfullscreen {
        width: 100%;
        height: 100%;
    }
    .slider-scopri-lombardia.hasfullscreen .slide-container,
    .slider-scopri-lombardia.hasfullscreen .button-container {
        width: 100%;
        padding: 0;
    }
    .slider-scopri-lombardia.hasfullscreen .swiper-button-next {
        right: 15px;
    }
    .slider-scopri-lombardia.hasfullscreen .swiper-button-prev {
        left: 15px;
    }
}

@media (min-width: 992px) {
    #swiper-scopri-lombardia-top>.swiper-wrapper .swiper-slide .slide-image.embed-responsive-16by9 {
        width: 1110px;
        padding-right: 0px;
        padding-left: 0px;
        margin: auto;
    }
}

#swiper-scopri-lombardia-top-button-fullscreen {
    margin-right: 20px;
}

#swiper-scopri-lombardia-top-button-next,
#swiper-scopri-lombardia-top-button-prev {
    color: #297A38;
}

#swiper-scopri-lombardia-top-button-fullscreen .icon-frecce-diagonali {
    color: #297A38;
}

.section-content .content-panels .panel-body a {
    text-decoration: underline !important;
}

.timeline-event-content .timeline-text a:not(.read-more) {
    text-decoration: underline !important;
}

.slider-scopri-lombardia .swiper-button-next,
.slider-scopri-lombardia .swiper-button-prev,
.slider-scopri-lombardia .swiper-button-fullscreen {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .slider-scopri-lombardia-thumbs-wrapper {
        background-color: #fff !important;
    }
}

#swiper-scopri-lombardia-top-button-fullscreen .icon-frecce-diagonali {
    background-color: #eeeeee;
    cursor: pointer;
}

.dojoDndSource.dojoDndTarget .ibmPortalControl .swiper-slide-active {
    right: 0.9%;
}

@media screen and (max-width: 991px) {
    #swiper-scopri-lombardia-top-button-next,
    #swiper-scopri-lombardia-top-button-prev {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .swiper-wrapper .swiper-slide {
        /*padding-bottom: 50px;*/
    }
    .slide-new-responsive-mob {
        background-image: none !important;
        padding-bottom: 0px !important;
    }
    .slide-new-responsive {
        display: block;
    }
    .swiper-main-slider-home {
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 769px) {
    .slide-new-responsive {
        display: none;
    }
}

.section-collegamento-ln .header-title:hover {
    text-decoration: underline !important;
}

@media screen and (min-width: 991px) {
    .swiper-scopri-lombardia-anteprime>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        background-color: transparent;
        box-shadow: 0px 0px 15px #000;
        height: 15px;
        width: 15px;
        border: 2px solid #fff;
    }
    .swiper-scopri-lombardia-anteprime .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
    }
    .swiper-scopri-lombardia-anteprime .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1 !important;
        background-color: #fff !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .swiper-scopri-lombardia-anteprime>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        background-color: transparent;
        box-shadow: 0px 0px 15px #000;
        height: 0.9em;
        width: 0.9em;
        border: 2px solid #fff;
    }
    .swiper-scopri-lombardia-anteprime .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
    }
    .swiper-scopri-lombardia-anteprime .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1 !important;
        background-color: #fff !important;
    }
}


/*Print CSS Inizio Modifica RL_04*/

@media print {
    .section-slider-scopri-lombardia .slide-image {
        padding: 0;
    }
    .slider-scopri-lombardia-thumbs-wrapper {
        display: none;
    }
}


/*END Modifica RL_04*/


/*END Main slider*/

.fixed-cookie-prl {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 38, 77, 1);
    padding: 25px 210px;
    color: #fff;
    left: 0;
    z-index: 10000000000000;
}

.fixed-cookie-prl .wrap-button .declina {
    background-color: #eee;
    color: #297a38;
    border: 1px solid #297a38;
    border-radius: 6px;
    height: 100%;
}

.fixed-cookie-prl .wrap-button .declina:hover {
    background-color: #cfd3d4;
    color: #297a38;
    border: 1px solid #297a38;
}

.fixed-cookie-prl .wrap-button .accetta {
    background-color: #297a38;
    color: #eee;
    border: 1px solid #297a38;
    border-radius: 6px;
}

.fixed-cookie-prl .wrap-button .accetta:hover {
    background-color: #035011;
    color: #eee;
    border: 1px solid #297a38;
}

.fixed-cookie-prl .wrap-button button {
    padding: 10px 25px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

.fixed-cookie-prl .wrap-button .wrap-declina,
.fixed-cookie-prl .wrap-button .wrap-accetta {
    border: 1px solid #297a38;
    /*    width: 20%;*/
    float: right;
    margin-right: 15px;
    border-radius: 6px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .fixed-cookie-prl .wrap-button .wrap-declina,
    .fixed-cookie-prl .wrap-button .wrap-accetta {
        /*        width: 45%;*/
    }
}

#cookiePrl .wrap-checkbox {
    display: inline-flex;
    padding-top: 10px;
    width: 45%;
}

#cookiePrl .container {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 2px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#cookiePrl .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#cookiePrl .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: rgb(0, 38, 77);
    border-radius: 6px;
    border: 2px solid #fff;
}

#cookiePrl .container:hover input~.checkmark {
    background-color: #ccc;
    border-radius: 6px;
}

#cookiePrl .container input:checked~.checkmark {
    background-color: #297a38;
}

#cookiePrl .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#cookiePrl .container input:checked~.checkmark:after {
    display: block;
}

#cookiePrl .container .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cookiePrl .wrap-button {
    padding-top: 20px;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 991px) {
    .fixed-cookie-prl {
        position: fixed;
        width: 100%;
        bottom: 0;
        padding: 25px;
        color: #fff;
        left: 0;
        z-index: 10000000000000;
    }
    #cookiePrl .wrap-checkbox {
        width: 100%;
    }
    .fixed-cookie-prl .wrap-button .wrap-declina,
    .fixed-cookie-prl .wrap-button .wrap-accetta {
        /*        width: 45%;*/
    }
}

#cookiePrl a {
    text-decoration: underline !important;
}

#checkCookieThird:checked+.checkmark,
#checkCookieProfiling:checked+.checkmark {
    border: none !important;
}

#closeBannerBtn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
    border: 3px solid white;
    border-radius: 20px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #297A38;
    font-weight: 900;
}

.swiper-container-padding-top {
    padding-top: 20px;
}

#modal-setra-error {
    top: 200px;
}

#modal-setra-error .modal-title {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

#modal-setra-error .modal-header-qa button {
    padding-right: 15px;
    padding-top: 25px;
}

#modal-setra-error .modal-footer-qa {
    padding-top: 10px;
    text-align: right;
    padding-right: 15px;
    padding-bottom: 20px;
}

#modal-setra-error .modal-footer-qa button {
    background-color: #297A38;
    color: #fff;
    font-weight: bold;
}

.setra-preserve-format {
    display: block;
    line-height: 1.42857143;
    /* word-break: break-all; */
    word-wrap: break-word;
    border-radius: 4px;
    overflow: auto;
    white-space: pre-wrap;
}

.last-content-container {
    padding-top: 20px;
}


/*Focus black on forms submit*/

.section-sondaggio .section-content:focus,
.section-sondaggio .section-content form:focus,
#sondaggio-ko:focus,
#sondaggio-ok:focus {
    outline: solid black !important;
}

div,
a,
button,
li,
ol,
img :focus {
    outline-color: black !important;
}

@media screen and (max-width: 1100px) {
    .fixed-cookie-prl .wrap-button .wrap-declina,
    .fixed-cookie-prl .wrap-button .wrap-accetta {
        flex-grow: 1;
    }
}

.section-progress-bar {
    margin-bottom: 30px;
}

.section-progress-bar .section-header {
    padding-left: 15px;
}

.section-progress-bar .ha-skill--outside {
    height: 11px;
    margin-top: 40px;
}

.section-progress-bar .ha-skill {
    display: flex;
    border-radius: 15px;
    background-color: #e9ecef;
    font-size: .75rem;
}

.section-progress-bar .ha-skill-level {
    width: 1%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: inherit;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: width .6s ease;
}

.section-progress-bar .ha-skill-info {
    font-weight: 600;
    position: relative;
    top: -10px;
    width: 100%;
    color: #242424;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
}

.section-progress-bar .ha-skill-info-label {
    font-weight: 600;
    position: relative;
    top: 10px;
    width: 100%;
    color: #242424;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .section-progress-bar .ha-skill-info {
        font-weight: 600;
        position: relative;
        top: -20px;
        width: 100%;
        color: #242424;
        text-align: left;
        font-size: 14px;
        line-height: 1.2;
    }
    .section-progress-bar .ha-skill-info-label {
        font-weight: 600;
        position: relative;
        top: 0px;
        width: 100%;
        color: #242424;
        text-align: left;
        font-size: 14px;
        line-height: 1.2;
    }
}

.section-progress-bar .ha-skill-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-progress-bar .ha-skill-level-text {
    float: right;
    text-align: right;
}

.section-progress-bar .radial-progress-single {
    text-align: center;
}

.section-progress-bar .radial-progress-single .radial-progress span {
    position: relative;
    text-align: center;
    display: block;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    color: #383838;
    font-size: 30px;
    font-weight: 600;
}

.section-progress-bar h5.radial-progress-title {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    margin-top: 11px;
    line-height: 1.6;
    font-style: normal;
    text-align: center;
}

@media (min-width: 1200px) {
    .section-progress-bar .col-lg-5circle {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .section-progress-bar .col-md-5circle {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .section-progress-bar .col-sm-5circle {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.panel .radial-progress-single .radial-progress span {
    padding-bottom: 8px;
}

.section-counter {
    margin-bottom: 30px;
}

.section-counter .counter-area {
    text-align: center;
}

.section-counter .counter-area span {
    color: #18012c;
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px;
    display: inline-block;
}

.section-counter .counter-area span i {
    font-size: 48px;
    font-family: 'map-icons' !important;
}

.section-counter .counter-area h2 {
    color: #000000;
    font-weight: 600;
    font-size: 24px;
    margin: 0;
    margin-top: 9px;
    display: block;
    padding-bottom: 15px;
}

.panel-body .section-counter .header-title,
.panel-body .section-progress-bar .header-title {
    color: #000 !Important;
    ;
    text-align: left !important;
}

.col-sidebar+.col-main .section-progress-bar {
    padding-right: 10px;
}

.content-panels.panel-group .panel .col-sm-5 img {
    width: 100%;
}

.scrivici formScrivici .help-block {
    color: #fff!important;
}

.scrivici .sondaggio-thankyou, .vigneti .sondaggio-thankyou {
    display: none;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.scrivici .sondaggio-thankyou-wrap, .vigneti .sondaggio-thankyou-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.scrivici .sondaggio-thankyou-align, .vigneti .sondaggio-thankyou-align {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.scrivici .thankyou-icon, .vigneti .thankyou-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: #42af00;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.scrivici .thankyou-icon.icon-verifica-x, .vigneti .thankyou-icon.icon-verifica-x {
    background-color: #de0000;
}

.scrivici .thankyou-icon+.thankyou-header, .vigneti .thankyou-icon+.thankyou-header,
.section-sondaggio .thankyou-header+.thankyou-text {
    margin-top: 20px;
}


.section-content .content-panels.paragrafo-amm-trasp .panel-body {
    padding: 0;
}

.section-content .content-panels.paragrafo-amm-trasp .panel-body p {
    margin: 25px 15px 55px 15px;
}

.section-content .content-panels.paragrafo-amm-trasp .panel-body img {
    margin-top: 25px;
    margin-bottom: 25px;
}

.section-content .content-panels.paragrafo-amm-trasp .section-counter {
    margin: 25px 15px 55px 15px;
}

.section-content .content-panels.paragrafo-amm-trasp .panel-extra {
    padding: 0;
}

.content-panels.paragrafo-amm-trasp .section.section-progress-bar {
    padding: 0 25px 55px 15px;
    margin: 0;
}

.content-panels.paragrafo-amm-trasp .sub-section.section-preview {
    margin: 0 15px 0 15px;
    padding: 0;
    padding-bottom: 25px;
}

.content-panels.paragrafo-amm-trasp .sub-section.section-preview:last-child {
    margin-bottom: 0;
    padding-bottom: 25px;
}

.component-control .section .section-link .section-header {
    padding-top: 15px;
}

@media (min-width:768px) {
    .section-content .content-panels.paragrafo-amm-trasp .panel-extra.sottoparagrafo .panel {
        margin: 0
    }
}

body:not(.using-mouse) #cercaNelSitoDropdown .dropdown-toggle:focus {
    border: 2px black solid;
}

body:not(.using-mouse) .navbar-servizio.multilanguage .dropdown-toggle:focus {
    border: 2px black solid;
}

body:not(.using-mouse) .cerca-filtri .dropdown-toggle:focus {
    outline: black !important;
    border: 1px solid !important;
}
body:not(.using-mouse) #goTopMstButton:focus, body:not(.using-mouse) #iconaCerca:focus  {
    outline-offset: 3px;
    outline: 3px solid black;
}

body .twitter-social-icon:hover, .twitter2-social-icon:hover, .twitter-social-icon:focus, .twitter2-social-icon:focus {
    background-color: #000000 !important;
}