html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

a {
      
    color: #3277D5;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

    a:hover {
         color: #00973D;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    
.nowrap {
    white-space:nowrap;
}    

.imgFloatRight {float:right; margin:0 0 20px 20px}

.imgFloatLeft {float:left; margin:0 20px 20px 0px}
    
main  h2 {
    font-weight: 200;
    font-size: 4rem;
    margin-bottom: 3rem;
}    
    
p, li, td, th {

    font-family: Calibri, Helvetica, sans-serif;
}    

.dropdown-menu {
    font-size: 1.6rem;
    padding: 1rem;
    
}



    
header
{
    background-image: url("/img/bg_header2.png") ;
    background-repeat: repeat-x;
    background-position: center -13px ;
}

header .EG-header-row1 { position: relative; min-height: 110px; }
header .EG-header-row1 .EG-header-brand { margin:3rem 0 }
.EG-int header .EG-header-row1 .EG-header-brand {    margin: 5rem 0 0rem 0 ; }
.EG-int header .EG-header-row1 .EG-header-brand img { width: 160px; }
.EG-header-box1 { margin:1.5rem 0; width:80px; width:100px;   position: relative; }
.EG-header-box1 a { padding: 0; }
.EG-header-box1 img {  margin-right: 10px; }

.EG-header-box-social { 
    position: absolute;
    left: 250px;
    top: 11px;
}
.EG-int .EG-header-box-social{
     left: 180px;
}


.EG-header-box-social img {  
    margin-right: 10px; 
}


/*
header .EG-header-row1 .EG-header-box1 a { padding: 0 1.9rem; }
header .EG-header-row1 .EG-header-box1 a:last-child { border-left: 1px solid #A6A6A6; }
*/

header .EG-header-row-navbar li {
    font-size:2rem;
}
header .EG-header-row-navbar a {
    color:#848484;
}
.navbar-light .navbar-nav .nav-link:hover {
    background-color: #3277D5;
    color:#fff;
}
.dropdown-item:hover {
    color: #ddd;
    text-decoration: none;
    background-color: #3277D5;
}



.form-control {
    font-size:1.4rem;
}
.btn {   
    color: #fff;
    background-color: #3277D5; 
     font-size:1.4rem;
    
}

.table .center {
    text-align:center;
}

.EG-int header .EG-header-row-navbar li {
    font-size: 1.6rem;
}

 #junker-container {
    width: 100%;
    max-width: 360px;
}

.popover {
    -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 0px 0px 0px 0px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 0px 0px 0px 0px rgba(0,0,0,0);
}

.popover-header {
    font-size: 1.5rem!important;
    padding: 1.5rem!important;
    line-height:2rem!important;
}
.popover-body {
    font-size: 1.5rem!important;
     padding: 1.5rem!important;
}

.media {margin-bottom: 10px;}
.media img.media-object { margin-right:10px }


/*** carousel ****/
.EG-carousel .carousel-item {
    background-color: #1B5E20; 
}

.EG-carousel .carousel-item::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 68px;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 2%;
    top: 2%;
   
}


.EG-carousel .carousel-item .w-100 {
  /*  max-width: 1800px;
    margin: auto;*/
}

.EG-carousel .carousel-caption {
    text-align: left;
    left: 20%;
    right: 59%;
    top: 20%;
    bottom: auto;
    color: #1C1C1C;
    font-size: 1.8rem;
    font-size: 1vw;
    padding: 0;
}

.EG-carousel .carousel-item h5, .EG-carousel .carousel-item h5 a  {
    font-size: 1.5vw;
    font-weight: 300;
    text-transform: uppercase;
    color: #333;
    
}

.EG-carousel .carousel-item.item-black h5, .EG-carousel .carousel-item.item-black h5 a  {
    color: #ddd;
}
.EG-carousel .carousel-item p {

}

.EG-carousel .item-black p {
    color: #ddd;
}

.carousel-control-next, .carousel-control-prev {
    z-index: 20;
}

/*** slider con foto ****/
.EG-carousel .carousel-item img {
    width:60%;
}
.EG-carousel .carousel-caption {
    left: 63%;
    right: 9%;
    color: #fff;
}

.EG-carousel .carousel-item h5, .EG-carousel .carousel-item h5 a {
    color: #fff;
    font-size: 2.2vw;
}
.EG-carousel .carousel-item p {
    font-size: 1.2vw;
}
.EG-carousel .slider_ServiziAmbientali {    background-color: #1B5E20; }
.EG-carousel .slider_ServiziAmbientali:after { background-image: url(/img/icone/icon-servizi-Ambientali.png); }

.EG-carousel .slider_PubblicaIlluminazione {    background-color: #BF3711 }
.EG-carousel .slider_PubblicaIlluminazione:after { background-image: url(/img/icone/icon-servizi-Illuminazione.png); }

.EG-carousel .slider_LaboratorioAnalisi { background-color: #5A0E45 }
.EG-carousel .slider_LaboratorioAnalisi:after { background-image: url(/img/icone/icon-servizi-Analisi.png); }

.EG-carousel .slider_ServizioIdrico {    background-color: #0E47A1 }
.EG-carousel .slider_ServizioIdrico:after { background-image: url(/img/icone/icon-servizi-Idrico.png); }

.EG-carousel .slider_FarmacieComunali {    background-color: #004E40 }
.EG-carousel .slider_FarmacieComunali:after { background-image: url(/img/icone/icon-servizi-Farmacie.png); }

.EG-carousel .slider_SostaPagamento {    background-color: #15314B }
.EG-carousel .slider_SostaPagamento:after { background-image: url(/img/icone/icon-servizi-sosta.png);}

.EG-carousel .slider_IlluminazioneVotiva { background-color: #BE6220 }
.EG-carousel .slider_IlluminazioneVotiva:after { background-image: url(/img/icone/icon-servizi-illuminazioneVotiva.png);}

.EG-carousel .slider_ImpiantiTermici { background-color: #880D50 }
.EG-carousel .slider_ImpiantiTermici:after { background-image: url(/img/icone/icon-servizi-Termici.png); }

.EG-carousel .slider_VerdePubblico { background-color: #465E26 }
.EG-carousel .slider_VerdePubblico:after { background-image: url(/img/icone/icon-servizi-VerdePubblico.png); }




/*** mega button ****/
.EG-nav-aree {   }
.section-nav-aree-home .EG-nav-aree {display: flex; flex-wrap: wrap;  margin: 3rem -1%;}

.section-nav-aree-home .EG-nav-aree .EG-nav-aree-box { width: 31%; margin: 1%; }
.EG-nav-aree .EG-nav-aree-box a { 
    background-color: #999;
     display:  inline-block; 
     font-size: 1.6rem;;
     width: 100%; 
     padding:  0;
     text-transform: uppercase; 
     color: #fff;
     text-decoration: none;
     min-height: 110px;
  }

  .EG-nav-aree .EG-nav-aree-box a::before {
    content: "";   
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    display: inline-block;
    height: 118px;
    width: 80px;
    margin-right: 15px;
    vertical-align: middle;
}

.section-nav-aree-home .EG-nav-aree .EG-nav-aree-box a::before {
    background-size: 55px;
    display: inline-block;
    width: 60px;
}


.EG-nav-aree .serv-ambientali a::before { background-color: #1B5E20!important;  background-image: url(/img/icone/icon-servizi-Ambientali.png); }
.EG-nav-aree .serv-idrico a::before { background-color: #0E47A1!important;  background-image: url(/img/icone/icon-servizi-Idrico.png); }
.EG-nav-aree .serv-illuminazione  a::before { background-color: #BF3711!important;  background-image: url(/img/icone/icon-servizi-Illuminazione.png); }
.EG-nav-aree .serv-farmacie a::before { background-color: #004E40!important;  background-image: url(/img/icone/icon-servizi-Farmacie.png); }
.EG-nav-aree .serv-laboratorio a::before { background-color: #5A0E45!important;  background-image: url(/img/icone/icon-servizi-Analisi.png); }
.EG-nav-aree .serv-sosta a::before { background-color: #15314B!important;  background-image: url(/img/icone/icon-servizi-sosta.png); }
.EG-nav-aree .serv-illuminazione-votiva a::before { background-color: #BE6220!important;  background-image: url(/img/icone/icon-servizi-illuminazioneVotiva.png); }
.EG-nav-aree .serv-impianti-termici a::before { background-color: #880D50!important;  background-image: url(/img/icone/icon-servizi-Termici.png); }
.EG-nav-aree .serv-verde a::before { background-color: #465E26!important;  background-image: url(/img/icone/icon-servizi-VerdePubblico.png); }


.EG-nav-aree .serv-ambientali a { background-color: #458E38!important }
.EG-nav-aree .serv-idrico a { background-color: #3277D5!important }
.EG-nav-aree .serv-illuminazione  a { background-color: #DD4803!important }
.EG-nav-aree .serv-farmacie a { background-color: #24796B!important }
.EG-nav-aree .serv-laboratorio a { background-color: #79105E!important }
.EG-nav-aree .serv-sosta a { background-color: #244477!important }
.EG-nav-aree .serv-illuminazione-votiva a { background-color: #E58115!important }
.EG-nav-aree .serv-impianti-termici a { background-color: #BA145B!important }
.EG-nav-aree .serv-verde a { background-color: #82A82D!important }

.EG-nav-aree .serv-ambientali a:hover { background-color: #1B5E20!important }
.EG-nav-aree .serv-idrico a:hover { background-color: #0E47A1!important }
.EG-nav-aree .serv-illuminazione  a:hover { background-color: #BF3711!important }
.EG-nav-aree .serv-farmacie a:hover { background-color: #004E40!important }
.EG-nav-aree .serv-laboratorio a:hover { background-color: #5A0E45!important }
.EG-nav-aree .serv-sosta a:hover { background-color: #15314B!important }
.EG-nav-aree .serv-illuminazione-votiva a:hover { background-color: #BE6220!important }
.EG-nav-aree .serv-impianti-termici a:hover { background-color: #880D50!important }
.EG-nav-aree .serv-verde a:hover { background-color: #465E26!important }

.EG-nav-aree .EG-nav-aree-box { margin-bottom: 30px;}

.EG-nav-aree .banner {    
    background-color: #999;
    display: inline-block;
    font-size: 1.6rem;
    width: 100%;
    padding: 0;
    color: #fff;
    text-decoration: none;
    min-height: 110px;
}
/*
.EG-nav-aree .banner div  {  
    background-image: url(/media/y4aferxl/iconora.png);
    background-repeat: no-repeat;
        background-position: 1.5rem center;
        padding: 2.8rem 0 0 7rem;
}*/

.EG-nav-aree .banner-laboratorio div::before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
 
    display: inline-block;
    height: 110px;
    width: 80px;
    margin-right: 15px;
    vertical-align: middle;
    background-color: #b03f9b!important;
    background-image: url(/media/twxlwrv2/iconora.png);
    float:left;
}
.EG-nav-aree .banner-laboratorio div h4 { margin-top:0;      padding-top: 3.2rem;} 

    
.EG-nav-aree .banner div h4 { font-size: 1.6rem;  }    
.EG-nav-aree .banner div p { font-size: 1.6rem; }



.EG-nav-aree .banner-laboratorio {  background-color: #5A0E45 }

.EG-nav-aree .btn-idrico a { background-color: #0E47A1!important; }
.EG-nav-aree .btn-idrico a::before { background-color: #3277D5!important; }
.EG-nav-aree .btn-idrico a:hover { background-color: #3277D5!important }

.EG-nav-aree .btn-green a { background-color: #1B5E20!important; }
.EG-nav-aree .btn-green a::before { background-color: #458E38!important; }
.EG-nav-aree .btn-green a:hover { background-color: #458E38!important }

.EG-nav-aree .btn-laboratorio a { background-color: #5A0E45!important; }
.EG-nav-aree .btn-laboratorio a::before { background-color: #b03f9b!important; }
.EG-nav-aree .btn-laboratorio a:hover { background-color: #b03f9b!important }


.EG-nav-aree .btn-calendario a::before { background-image: url(/img/icone/iconCalendarioRaccolta.png); }
.EG-nav-aree .btn-rifiuti-ingombranti a::before { background-image: url(/img/icone/iconrifiutiingobranti.png);}
.EG-nav-aree .btn-GuidaletturaBolletta a:before {  background-image: url(/img/icone/iconletturabolletta.png); }
.EG-nav-aree .btn-Autolettura-acqua a:before {  background-image: url(/img/icone/iconAutoletturaAcque.png); }
.EG-nav-aree .btn-PreventivoAnalisi a:before {    background-image: url(/img/icone/iconPreventivoAnalisi.png);
}
.EG-nav-aree .btn-Sportelloweb a:before {  background-image: url(/media/hljfv45o/iconweb.png); }



/**** mega button interne *****/
header .EG-nav-aree-int {
    position: absolute;
    width: 695px;
    left: 302px;
    top:7px;
    overflow: hidden;
}
header .EG-nav-aree-int .EG-nav-aree-box {
    width: 73px;
    display: inline-block;
    vertical-align: top;
}
header .EG-nav-aree-int .EG-nav-aree-box a {
    background: none!important;
    color: #333;
    font-size: 12px;
    text-align: center;   
    margin: 0; 
    background-color: #000;
    position: relative;
    line-height: 1.4;
}
header .EG-nav-aree-int .EG-nav-aree-box a:hover {
    background: none!important;
}
header .EG-nav-aree .EG-nav-aree-box a::before {
    height: 45px;
    width: 77px;
    margin-right: 0px;
    margin-top: -10px;
}
header .EG-nav-aree .EG-nav-aree-box a::before {
    background-size: 35px;
    background-position: bottom center;
    margin-bottom: 5px;
}
header .EG-nav-aree-int .EG-nav-aree-box a span {
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
   
}
header .EG-nav-aree-int .EG-nav-aree-box a:hover span {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
header .EG-nav-aree .EG-nav-aree-box a:hover::before {
    margin-top: 0px;
    background-size: 45px;
}

header .EG-nav-aree .EG-nav-aree-box.active a::before {
    margin-top: 0px;
    background-size: 45px;
}
header .EG-nav-aree-int .EG-nav-aree-box.active a span {
    opacity: 1;
}




/**** COPERTINE INTERNE ****

.EG-copertina {
    background-color: #e7ddd4;
 
}
.EG-copertina .container{
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  }
.EG-copertina .container h1 {      
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px;
    padding-left: 60px ;
    text-transform: uppercase;
    line-height: 250px; 
    font-size: 2.8rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    color: #1B5E20;
    color: #fff;
}
.EG-copertina-servizi-ambientali .container {
    background-image: url(/img/illustrazione_servizi_ambientali.jpg); 
}
.EG-copertina-servizi-ambientali .container h1 {
    background-image: url(/img/icone/icon-servizi-Ambientali.png);  
  
}

.EG-copertina-sez {
    background: #1B5E20;
    height: 80px;
}
.EG-copertina-sez .container h1 {  
    text-transform: uppercase;
    line-height: 80px; 
    font-size: 2.8rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    color: #fff;
}*/




.EG-copertina {
    background-color: #1B5E20;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 55%;
    /*
    background-color: #e7ddd4;
    background-position: center;
    background-size: contain;
    */
    }
.EG-copertina .container{
    height: 14.5vw;
    width: 100%;
    max-width: inherit;
     }
.EG-copertina .container h1 {      
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 50px;
    
    text-transform: uppercase;
    /*line-height: 250px; */
    font-size: 2.8rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    color: #1B5E20;
    color: #fff;
    z-index:10;
    position:relative;
    /*new backgorund foto*/
    width: 40%;
    left: 55%;
    padding: 6vw;
    padding-left: 85px ;
    padding-right: 0;
   
}
    
.EG-copertina-servizi-ambientali  {   
    background-image: url(/media/y4ep2tsy/serviziambientali.jpg);
    background-color:#458E38;
}
.EG-copertina-servizio-idrico  {   
    background-image: url(/media/nc2l0j2q/servizioidrico.jpg);
    background-color:#3277D5;
}
.EG-copertina-pubblica-illuminazione  {  
    background-image: url(/media/qlppuslf/pubblicailluminazione.jpg);
    background-color:#DD4803;
    }
.EG-copertina-servizi-laboratori-analisi  {   
    background-image: url(/media/kc4jgrmk/laboratorio.jpg) ;
    background-color:#79105E;
}
.EG-copertina-farmacie-comunali  {  
    background-image: url(/media/lpffefrm/slide_farmaciecomunali.jpg);
    background-color:#24796B;
}
.EG-copertina-parcheggi-pagamento  {   
    background-image: url(/media/h2wfk1yu/sostepagamento.jpg);
    background-color:#244477;
 }
 .EG-copertina-illuminazione-votiva  {   
    background-image: url(/media/gxsft5l0/illuminazionevotiva.jpg);
    background-color:#E58115;
 }
.EG-copertina-verde-pubblico  {   
    background-image: url(/media/svdbxtny/verdepubblico.jpg);
    background-color:#82A82D;
 }
.EG-copertina-impianti-termici  {   
    background-image: url(/media/luybetzk/impiantitermiciinterna.jpg);
    background-color:#BA145B;
}


    
    
/*
  .EG-copertina::before {
        width: 100%;
        height: 250px;
        background-color:rgba(0,0,0,0.1);
        z-index: 9;
        content: "";
        display: block;
        position: absolute;    
    }  
    */
.EG-copertina-servizi-ambientali .container h1 {
    background-image: url(/img/icone/icon-servizi-Ambientali.png); 
   /* background-color: #458E38;*/
    }
.EG-copertina-servizio-idrico .container h1 {
   background-image: url(/img/icone/icon-servizi-Idrico.png);
    /*background-color: #3277D5;*/
    }
.EG-copertina-pubblica-illuminazione .container h1 {
    background-image: url(/img/icone/icon-servizi-Illuminazione.png);
    /*background-color: #DD4803;*/
    }
.EG-copertina-farmacie-comunali .container h1 {
    background-image: url(/img/icone/icon-servizi-Farmacie.png);
    /* background-color: #24796B;*/
    }
.EG-copertina-servizi-laboratori-analisi .container h1 {
    background-image: url(/img/icone/icon-servizi-Analisi.png);
    /* background-color: #79105E;*/
    }
.EG-copertina-parcheggi-pagamento .container h1 {
    background-image: url(/img/icone/icon-servizi-sosta.png);
    /* background-color: #244477;*/
    }
.EG-copertina-impianti-termici .container h1 {
    background-image: url(/img/icone/icon-servizi-Termici.png);
    /* background-color: #BA145B;*/
    }
.EG-copertina-illuminazione-votiva .container h1 {
    background-image: url(/img/icone/icon-servizi-illuminazioneVotiva.png);
     /*background-color: #E58115;*/
    }    
.EG-copertina-verde-pubblico .container h1 {
    background-image: url(/img/icone/icon-servizi-VerdePubblico.png);
     /*background-color: #82A82D;*/
    }
    
    
    
    

.EG-copertina-sez {
    background: #1B5E20;
    height: 80px;
}
.EG-copertina-sez .container h1 {  
    text-transform: uppercase;
    line-height: 80px; 
    font-size: 2.8rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    color: #fff;
}


/**** FOOTER *****/

    footer {
        background-color: #07316B;
        min-height: 20vh;
        color: #3277D5;
        padding: 4rem 0;
    }
    footer .EG-footer-brand p{
        margin: 2rem;

    }

    footer .footer-nav {
        text-align: right;
    }

    footer .footer-nav ul li {
        display: inline-block;
        padding: 0 2rem;
        border-left:1px solid #3277D5;
    }
    footer .footer-nav ul li:first-child {
        border:none
    }
    footer .footer-nav ul li a {
        color:#fff
    }



/**** MAIN *****/
    main .main-content {
    
    }

   
    .breadcrumb {}


    /**** sidebar *****/
    
    
    /* Menu laterale */

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

 .EG-int .nav-side-menu h3{
    background: none;
    font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2rem;
    color: #485A65;
    padding-left: 0;
    margin-top: 2rem;
    line-height: 1.5;
}

.nav-side-menu .menu-list {
    margin-top: 38px;
}

.nav-side-menu .menu-list li {
    list-style: none;
    position: relative;
   
}


.nav-side-menu span, .nav-side-menu li a {
    background-color: #07316B;
    display: inline-block;
    color: #eee;
    line-height: 20px;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0px;
    padding: 1.3rem 4rem 1.3rem 1.5rem;
    line-height: inherit;
     font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight:300;
    font-size:1.6rem;
}




.nav-side-menu li li a, .nav-side-menu li li span {
    padding: 0.8rem 2rem;
    border-bottom: 1px solid #012b47;
}

.nav-side-menu {
    font-size: 1.8rem;
    font-weight: 400;
}

.nav-side-menu ul,
.nav-side-menu li {
   cursor: pointer;
 }

.nav-side-menu ul {
padding: 0;
}

.nav-side-menu li ul li a {
padding-left: 0px;
background-color: #ddd;
margin-bottom: 3px;
padding: 1.3rem 4rem 1.3rem 1.5rem;
display: block;
}

.arrow-bottom::before {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

.nav-side-menu ul .collapsed .arrow-bottom:before,
.nav-side-menu li .collapsed .arrow-bottom:before {
    vertical-align: middle;
    position: absolute;
    top: 20px;
    right: 1.5rem;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    width: 9px;
    height: 9px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: 0px;
}

.nav-side-menu ul ul li .collapsed .arrow-bottom:before,
.nav-side-menu li ul li .collapsed .arrow-bottom:before {
    top: 9px;
}

.nav-side-menu ul :not(collapsed) .arrow-bottom:before,
.nav-side-menu li :not(collapsed) .arrow-bottom:before {
    vertical-align: middle;
    position: absolute;
    top: 20px;
    right: 1.5rem;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    width: 9px;
    height: 9px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 5px;
}

.nav-side-menu ul ul li :not(collapsed) .arrow-bottom:before,
.nav-side-menu li ul li :not(collapsed) .arrow-bottom:before {
 top: 9px; }

.arrow-bottom {
    width: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.nav-side-menu span.arrow {
    color: #fff;
    width: auto;
    padding: 0;
    float: right;
    background-color: transparent;
}


.nav-side-menu ul li ul li span, .nav-side-menu ul li ul li a {
    background-color: #999;
    color: #fff;
    margin-bottom: 0;
    margin-top: -1px;
    padding: 0.8rem 3rem 0.8rem 2rem;
}
.nav-side-menu ul li ul li span:hover, .nav-side-menu ul li ul li a:hover {
    background-color: #666
}




.nav-side-menu ul li ul li ul, .nav-side-menu ul li ul li ul li a, .nav-side-menu ul li ul li ul li span {
    background-color:#005c9b;
    padding: 1.3rem 4rem 1.3rem 1.5rem;
    font-size: 1.2rem;
}

.nav-side-menu ul li ul li ul li ul li a {
	background-color: #6d7b86;
}

.nav-side-menu ul li ul li ul {
    padding: 0rem;
    margin-top: 0;
}

.nav-side-menu .toggle-btn {
    display: none;
}

.nav-side-menu li a:hover, .nav-side-menu span:hover {
    background-color: #15488f;
    transition: initial;
    text-decoration: none;
    cursor: pointer;
}

.nav-side-menu li.active a, .nav-side-menu .active span {
    background-color: #0a63e2;
    color: #fff;
}

.nav-side-menu li.active ul li a, .nav-side-menu .active ul li span {
    background-color: #004777;
    color: #fff;
}

.nav-side-menu li.active ul li ul li a, .nav-side-menu .active ul li ul li span {
    background-color: #005c9b;
    color: #fff;
}

.nav-side-menu li.active li a {
    background-color: #004777;
    color: #fff;
}

.nav-side-menu li.active a li a {
    background-color: red;
}

.nav-side-menu ul li li.active a {
   background-color: #444;;
    color: #fff;
}

.nav-side-menu ul li li.active li a {
    background-color: #005c9b;
    color: #fff;
}

.nav-side-menu-servizi-ambientali span, .nav-side-menu-servizi-ambientali li a {  background-color: #1B5E20;}
.nav-side-menu-servizio-idrico-integrato span, .nav-side-menu-servizio-idrico-integrato li a {  background-color: #0E47A1;}
.nav-side-menu-pubblica-illuminazione span, .nav-side-menu-pubblica-illuminazione li a {  background-color: #BF3711;}
.nav-side-menu-farmacie-comunali span, .nav-side-menu-farmacie-comunali li a {  background-color: #004e40;}
.nav-side-menu-laboratorio-analisi span, .nav-side-menu-laboratorio-analisi li a {  background-color: #5a0e45;}
.nav-side-menu-sosta-a-pagamento span, .nav-side-menu-sosta-a-pagamento li a {  background-color: #15314b;}
.nav-side-menu-illuminazione-votiva span, .nav-side-menu-illuminazione-votiva li a {  background-color: #be6220;}
.nav-side-menu-impianti-termici span, .nav-side-menu-impianti-termici li a {  background-color: #880d50;}
.nav-side-menu-verde-pubblico span, .nav-side-menu-verde-pubblico li a {  background-color: #465e26;}


.nav-side-menu-servizi-ambientali li a:hover, .nav-side-menu-servizi-ambientali span:hover {    background-color: #237c26; }
.nav-side-menu-servizio-idrico-integrato li a:hover, .nav-side-menu-servizio-idrico-integrato span:hover {  background-color: #115cc7;}
.nav-side-menu-pubblica-illuminazione li a:hover, .nav-side-menu-pubblica-illuminazione span:hover {  background-color: #e9400e;}
.nav-side-menu-farmacie-comunali li a:hover, .nav-side-menu-farmacie-comunali span:hover {  background-color: #0f6756;}
.nav-side-menu-laboratorio-analisi li a:hover, .nav-side-menu-laboratorio-analisi span:hover {  background-color: #751d60;}
.nav-side-menu-sosta-a-pagamento li a:hover, .nav-side-menu-sosta-a-pagamento span:hover {  background-color: #2f4666;}
.nav-side-menu-illuminazione-votiva li a:hover, .nav-side-menu-illuminazione-votiva span:hover {  background-color: #e27121;}
.nav-side-menu-impianti-termici li a:hover, .nav-side-menu-impianti-termici span:hover {  background-color: #ad1965;}
.nav-side-menu-verde-pubblico li a:hover, .nav-side-menu-verde-pubblico span:hover {  background-color: #5d7b39;}


.nav-side-menu-servizi-ambientali li.active a, .nav-side-menu-servizi-ambientali .active span {    background-color: #23c128;    }
.nav-side-menu-servizio-idrico-integrato li.active a, .nav-side-menu-servizio-idrico-integrato .active span  {  background-color: #1676ff;}
.nav-side-menu-pubblica-illuminazione li.active a, .nav-side-menu-pubblica-illuminazione .active span  {  background-color: #ff612f;}
.nav-side-menu-farmacie-comunali li.active a, .nav-side-menu-farmacie-comunali .active span  {  background-color: #07a387;}
.nav-side-menu-laboratorio-analisi li.active a, .nav-side-menu-laboratorio-analisi .active span  {  background-color: #b71b91;}
.nav-side-menu-sosta-a-pagamento li.active a, .nav-side-menu-sosta-a-pagamento .active span {  background-color: #3b629c;}
.nav-side-menu-illuminazione-votiva li.active a, .nav-side-menu-illuminazione-votiva .active span  {  background-color: #ff8d39;}
.nav-side-menu-impianti-termici li.active a, .nav-side-menu-impianti-termici .active span  {  background-color: #ff0885;}
.nav-side-menu-verde-pubblico li.active a, .nav-side-menu-verde-pubblico .active span  {  background-color: #7fb742;}

/*fine Menu laterale */


/* Menu laterale vecchio*/
    main .sidebar .jquery-accordion-menu {
       box-shadow: none;
       margin-bottom: 3rem;
    }

    main .sidebar .jquery-accordion-menu .jquery-accordion-menu-header {
        background: none;
        font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;
        text-transform: uppercase;
        font-weight: 300;
        font-size:2rem;
        color: #485A65;
        padding-left: 0;
        margin-top: 2rem;
    }
    main .sidebar .jquery-accordion-menu ul li a { 
        white-space: normal;
        font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;
        padding: 14px 33px 14px 14px;
        font-size: 1.6rem;
        font-weight: 300;
    }
    main .sidebar .jquery-accordion-menu .submenu-indicator {
        right: 9px;
        top: 14px;
        border-radius: 15px;
        background-color: #515965;
    border-radius: 17px;
    padding: 0 4px;
    font-size: 15px;
    }
 
 
   /**** filtri di ricerca *****/
.EG-filter-sidebar  { padding:2rem 0;     border-bottom: 1px solid #B8B7B7; }
.EG-int  .EG-filter-sidebar h3 { margin:2rem 0; border-bottom: 1px solid #B8B7B7;     padding-bottom: 1.3rem;     font-size: 1.75rem;}
.EG-filter-sidebar .form-check  {  margin-top: 0.5rem; }
.EG-filter-sidebar .form-check .form-check-input {        margin-top: 0.6rem }
.EG-filter-sidebar .form-check .form-check-label {    margin: 0 10px; }

.EG-filter-sidebar .input-group {
    margin-bottom: 1.5rem;
}

.EG-form-group-data {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:2rem ;
}
.EG-form-group-data .input-group {
    width: 97px;
    margin-bottom: 10px;
}

.EG-form-group-data .input-group-submit {
    width: 50px;
}
.EG-form-group-data input[type=submit] {
 width: 50px}
 
 
 
  /**** altre notizie sidebar *****/
.EG-box-sidebar { padding:2rem 0; }
.EG-box-sidebar .list-item .item .body-item h3 { border:none;}
.EG-box-sidebar .list-item .item .body-item h3 a { color: #000; font-size: 1.7rem;  font-weight: 400;}


.EG-altri-bandi .list-item .item{
    background-image: url(/img/icone/icon-bandi-verde.svg);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 26px;
}
.EG-altri-bandi .list-item .item.scaduto{
    background-image: url(/img/icone/icon-bandi-rosso.svg);
}

.EG-altri-bandi .list-item .item .data {
    color: #888;
    font-style: italic;
    font-family: arial, Tahoma, Verdana, Geneva, sans-serif;
    font-size: 1.2rem;
    background-image: url(/img/icone/separatore.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 25px;
}

  
.EG-altre-notizie-sidebar  {     }
.EG-int .EG-box-sidebar h3 { 
   /* 
    margin: 0;    margin: 2rem 0 0 0;   padding-bottom: 1.3rem; font-size: 1.75rem;     
    */
        background: none;
    font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2rem;
    color: #485A65;
    padding-left: 0;
    margin-top: 2rem;
    line-height: 1.5;
     border-bottom: 1px solid #B8B7B7;
}

.EG-altre-notizie-sidebar .list-news {  flex-direction: column; }
.EG-altre-notizie-sidebar .list-news .news {    width: 100%!important;  margin-top:2rem}
.EG-altre-notizie-sidebar .list-news .news h3 { border:none;     margin: 0rem 0;}

.EG-altre-notizie-sidebar .list-news .news .header-news img {
    height:120px;
    object-fit: cover;
}




    
    /**** corpo *****/
    
    /* Social share */
.head-news { 
    position: relative; 
    border-bottom: 1px solid #B8B7B7;
    margin: 31px 0 30px 0;
    padding: 5px 0 10px 0;
}

.condivisioneSocial {  position: absolute; right:0; top: -12px;}
.condivisioneSocial .socialshare_pulsante { width:23px !important; height:23px !important; background-repeat:no-repeat; background-position:top left; font-size:0; display:inline-block;  margin-left: 7px;}
.condivisioneSocial .stampa_pulsante {background-image: url('/img/icone/social_icon/icon-print.png') !important; }
.condivisioneSocial .facebook_pulsante {background-image: url('/img/icone/social_icon/icon-facebook.png') !important; }
.condivisioneSocial .twitter_pulsante {background-image: url('/img/icone/social_icon/icon-twitter.png') !important;}
.condivisioneSocial .email_pulsante {background-image: url('/img/icone/social_icon/icon-mail.png') !important; }

.head-news nav { padding-right:130px }

   .breadcrumb {
        background-color: transparent;
        padding:  0rem;
        margin:0;
    }


    .lead {
        font-size: 1.8rem;
        font-weight: 400;
        margin: 35px 0 30px 0;
    }

    main .section h2 { font-weight: 300; font-size: 3rem;     margin-bottom: 1.5rem;}

    /**** news *****/
    main .section-news { margin-top: 30px; }
    main .section-news .news {  margin-bottom:20px ;}
  
    .news .header-news {    }
    .news .header-news img {    width: 50%; float: left;  margin:0 20px 20px 0;  }
    .news .body-news {     position: relative; }
    .news .categoria {    position: absolute; left: 0px; background-color: #485A65; color: #fff; padding: 2px 25px 2px 25px ;     text-transform: uppercase;
    font-size: 1.3rem; font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;  }
    .news .categoria::before  {   
        content: "";        display: inline-block;        background-repeat: no-repeat;        background-position: center;        background-size: 36px;        height: 36px;
        width: 36px;        position: absolute;        left: -17px;        top: -7px;}
    .news .body-news h3 a { color: #000; font-size: 2.5rem; font-weight: 400; }
    .news .body-news .text-news { margin-top: 1.6rem; overflow: auto; }
    .news .body-news .text-news a {text-decoration:underline; }
    .news .body-news .data { color:#888; font-style: italic; font-family: arial, Tahoma, Verdana, Geneva, sans-serif; font-size:1.2rem}


    .list-news { display: flex; justify-content: space-between; flex-wrap: wrap; clear: both;}
    .list-news .news { width: 31%; position: relative; }
    .list-news .news .header-news img { width: 100%; height: auto; margin: 0 0 1.2rem 0;  float:none; }
    .list-news .news .body-news { overflow: visible;  }
    .list-news .news .body-news h3 a { color: #000; font-size: 1.7rem; }
      .list-news .news .body-news h3 { line-height: 20px;}

    .news.serv-ambientali .categoria  {  background-color: #458E38!important;  }
    .news.serv-ambientali .categoria::before  {  background-image: url(/img/icone/icon-servizi-Ambientali.png); }

    .news.serv-idrico .categoria { background-color: #3277D5!important;   }
    .news.serv-idrico .categoria::before {  background-image: url(/img/icone/icon-servizi-Idrico.png); }

    .news.serv-illuminazione .body-news .categoria { background-color: #DD4803!important;   }
    .news.serv-illuminazione .body-news .categoria::before {  background-image: url(/img/icone/icon-servizi-Illuminazione.png); }

    .news.serv-farmacie .categoria { background-color: #24796B!important;   }
    .news.serv-farmacie .categoria::before {  background-image: url(/img/icone/icon-servizi-Farmacie.png); }

    .news.serv-laboratorio .categoria { background-color: #79105E!important;  }
    .news.serv-laboratorio .categoria::before {   background-image: url(/img/icone/icon-servizi-Analisi.png); }

    .news.serv-sosta .categoria { background-color: #244477!important;  }
    .news.serv-sosta .categoria::before { background-image: url(/img/icone/icon-servizi-sosta.png); }

    .news.serv-illuminazione-votiva .categoria { background-color: #E58115!important;   }
    .news.serv-illuminazione-votiva .categoria::before {   background-image: url(/img/icone/icon-servizi-illuminazioneVotiva.png); }

    .news.serv-impianti-termici .categoria { background-color: #BA145B!important;  }
    .news.serv-impianti-termici .categoria::before {  background-image: url(/img/icone/icon-servizi-Termici.png); }

    .news.serv-verde .categoria { background-color: #82A82D!important;   }
    .news.serv-verde .categoria::before {  background-image: url(/img/icone/icon-servizi-VerdePubblico.png); }
    
     .news.avvisi .categoria::before {  background-image: url(/img/icone/iconAvvisi.png); }
     
     .news.comunicati .categoria::before {  background-image: url(/img/icone/iconComunicati.png); }




/*******/

.TitoloH1 {
    font-weight: bold;
    font-size: 3rem;
    line-height: 3.6rem;
    display: block;
    margin: 10px 0;
}
    
    /**** news2 pagine interne *****/
    main .section-news2 .news .body-news .categoria {
        display: none;
    }
    
     .EG-int h3 { font-size:3rem;     line-height: 1.4; }
     .EG-int h4 { font-size:2.2rem;       margin-top: 3rem;   }
     
        .EG-int h5 { font-size:1.9rem;       margin-top: 2rem;   }
     
     .EG-int .text { margin-top: 1.6rem; }
    
    
      /**** boxAllegati *****/
     .EG-int  .boxAllegati { margin-top:30px; }
     .EG-int .boxAllegati h4 {font-size:2rem}
     .EG-int .boxAllegati ul{ margin:20px 0; padding:0 5px ;    list-style-image:url(/img/icone/icon-pdf.png);}
     .EG-int  .boxAllegati ul li {    line-height: 2.3;  margin-left: 28px;}
    
     /**** dettaglio news *****/
    .section-news .dettaglio-news {}
    .section-news .dettaglio-news .header-news {}
    .section-news .dettaglio-news .header-news .categoria { position:relative;     margin: -10px 0 20px; }
    .section-news .dettaglio-news .body-news { }
    .section-news .dettaglio-news .body-news .data { }
    .section-news .dettaglio-news .body-news .text-news p { }
    .section-news .dettaglio-news .body-news .text-news .img-floatL {     
        float: left;
        margin: 5px 20px 10px 0;
        max-width: 400px;
    }
    
    
    
  
    
    
    /**** section-bandi-gare *****/
    .section-bandi-gare  .bandi-gare { 
        background-image: url(/img/icone/icon-bandi-verde.svg);
        background-repeat: no-repeat;
        padding-left: 60px;
        margin-bottom:20px;
    }
        .section-bandi-gare  .bandi-gare.scaduto { 
        background-image: url(/img/icone/icon-bandi-rosso.svg); 
            
        }
    .section-bandi-gare .bandi-gare h3 { 
        text-transform: uppercase;
        margin-bottom:26px;
    }
    .section-bandi-gare .list-bandi-gare .bandi-gare h3 { 
            margin-bottom:16px;
            font-size:1.6rem;
            font-weight: 400;
        }
    .section-bandi-gare .list-bandi-gare .bandi-gare h3 a {
    color:#1B5E20   
    }    
    .section-bandi-gare .bandi-gare.scaduto h3 a { color:#555; }

    .section-bandi-gare .list-bandi-gare .bandi-gare .body-bandi-gare {
       /* background-image: url(/img/icone/separatore.svg);
        background-repeat: no-repeat;
        background-position: bottom center;*/
        padding-bottom: 40px;
    }  
    .section-bandi-gare .bandi-gare .body-bandi-gare p { 
        background-color:#eee; 
        display: inline-block;  
        padding: 0 15px;
        font-size: 1.5rem;
        line-height: 22px;
        margin: 2px 0;
        border-radius: 5px;}
    .section-bandi-gare .bandi-gare .body-bandi-gare p span { font-weight:600}
    .section-bandi-gare .bandi-gare .body-bandi-gare p.categoria { font-weight:600; background-color:#999; color:#fff }
    .section-bandi-gare .bandi-gare.scaduto .body-bandi-gare p.scadenza, .section-bandi-gare .list-bandi-gare .bandi-gare .body-bandi-gare p.conclusione  { background-color:#9e1700; color:#fff }
    .section-bandi-gare .cig {}
    .section-bandi-gare .aggiornamento {}
    .section-bandi-gare .pubblicazione {}
    .section-bandi-gare .bandi-gare .body-bandi-gare p.scadenza { background-color:#458E38; color:#fff; }
    

   /****   section contatti *****/
    .section-contatti  {
        min-height: 200px;
        background-color: #EBEBEB;
        padding: 1rem 0;
    }
    .section-contatti .container .EG-container-box {
        display: flex;
        flex-wrap: wrap;
        margin: 3rem -1%;

    }

    .section-contatti .container .EG-container-box .EG-contatti-box {
        width: 31%;
        margin: 1%;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    .section-contatti .container .EG-container-box .EG-contatti-box .titolo {
        display: block;
        padding: 2rem 0 1rem 2rem;
        text-transform: uppercase;
    }
    .section-contatti .container .EG-container-box .EG-contatti-box .numero {
        display: block;
        padding: 0 0 2rem 2rem ;
        color:#707070;
        font-weight: 700;
    }
    
    .section-contatti .container .EG-container-box .EG-contatti-box::before {
        content: "";
        position: absolute;
        display: block;
        width: 100px;
        height: 100%;
        top: 0px;
        right: 0px;
        transform-origin: bottom left;
        -ms-transform: skew(-45deg, 0deg);
        -webkit-transform: skew(-45deg, 0deg);    
        transform: skew(-45deg, 0deg);
        background-repeat: no-repeat;
        background-color: #458E38;
    }

/*
    .section-contatti .container .EG-container-box .EG-contatti-box::after {
   
        content: "";
        position: absolute;
        display: block;
        width: 60px;
        height: 70px;
        bottom: 0px;
        right: 0px;
        background-image: url(/img/icone/info2.svg); 
        background-repeat: no-repeat;
        background-position: center;
      
    }*/
    .section-contatti .container .EG-container-box button {
         position: absolute;
        display: block;
        width:100%;
        height: 100%;
        bottom: 0px;
        right: 0px;
        background-image: url(/img/icone/info2.svg); 
        background-repeat: no-repeat;
        background-position: 94% 64%;
        background-color: transparent;
    }



.section-contatti .container .serv-ambientali::before { background-color: #1B5E20!important }
.section-contatti .container .serv-idrico::before{ background-color: #0E47A1!important }
.section-contatti .container .serv-illuminazione::before{ background-color: #BF3711!important }
.section-contatti .container .serv-farmacie::before{ background-color: #004E40!important }
.section-contatti .container .serv-laboratorio::before { background-color: #5A0E45!important }
.section-contatti .container .serv-sosta::before { background-color: #15314B!important }
.section-contatti .container .serv-illuminazione-votiva::before { background-color: #BE6220!important }
.section-contatti .container .serv-impianti-termici::before { background-color: #880D50!important }
.section-contatti .container .serv-verde::before{ background-color: #465E26!important }

.section-contatti .container .EG-container-box .serv-ambientali .titolo {color: #1B5E20!important }
.section-contatti .container .EG-container-box .serv-idrico .titolo { color: #0E47A1!important }
.section-contatti .container .EG-container-box .serv-illuminazione .titolo { color: #BF3711!important }
.section-contatti .container .EG-container-box .serv-farmacie .titolo { color: #004E40!important }
.section-contatti .container .EG-container-box .serv-laboratorio .titolo { color: #5A0E45!important }
.section-contatti .container .EG-container-box .serv-sosta  .titolo { color: #15314B!important }
.section-contatti .container .EG-container-box .serv-illuminazione-votiva .titolo { color: #BE6220!important }
.section-contatti .container .EG-container-box .serv-impianti-termici .titolo  { color: #880D50!important }
.section-contatti .container .EG-container-box .serv-verde .titolo { color: #465E26!important }



/****    *****/


.section-2col {
    background-color: #EBEBEB;
    padding: 3rem 0;
}

/*
.EG-bandi-gare .bandi-gare-list {
    background-color: #fff;
    min-height: 500px;
    display: flex;
     padding: 15px;
  flex-wrap: wrap;
 }
 */
 
 /* masonry style*/
 .EG-bandi-gare .bandi-gare-list {
    background-color: #fff;
    min-height: 500px;
    display: flex;
    padding: 15px;
    flex-flow: column wrap;
    height: 720px;
    overflow: hidden;
    margin-bottom:40px;
 }
 
 .EG-bandi-gare .bandi-gare-list .bandi-gare-post {
     width:44%;
     margin:20px 5% 0px 2%;
     background-image: url(/img/icone/icon-bandi-verde.svg);
     background-repeat:no-repeat;
     padding-left: 60px;
 }
 
   .EG-bandi-gare .bandi-gare-list .bandi-gare-post.scaduto { 
      background-image: url(/img/icone/icon-bandi-rosso.svg);
  }
  .EG-bandi-gare .bandi-gare-list .bandi-gare-post h3 a {
    color:  #262B2D;
  }
    .EG-bandi-gare .bandi-gare-list .bandi-gare-post .data {
        color: #888;
        font-style: italic;
        font-family: arial, Tahoma, Verdana, Geneva, sans-serif;
        font-size: 1.2rem;
        background-image: url(/img/icone/separatore.svg);
        background-repeat:no-repeat;
        background-position: bottom left;
        padding-bottom: 25px;
        
    }


  /****  altre notizie  *****/   

 .section-altre-notizie {
    background-color: #485A65;
    padding: 3rem 0;
 }
 
  .section-altre-notizie h2 { 
      color: #A3C7DD
  } 
  .section-altre-notizie .section-altre-notizie-list {
      background-color:#fff;
      min-height:500px;
      display:flex;
          flex-wrap: wrap;
 }
 
    .section-altre-notizie .section-altre-notizie-list .news { 
        background-color:#fff;
        width: 50%;
        display:flex;
        position:relative;
        align-items: center;
    }
   .section-altre-notizie .section-altre-notizie-list .news .body-news h3 a {
    font-size: 1.8rem;
    font-weight: 400;
}

    .section-altre-notizie .section-altre-notizie-list .news .categoria::before { display:none; }
    .section-altre-notizie .section-altre-notizie-list .news .header-news { width: 50%;}
    .section-altre-notizie .section-altre-notizie-list .news .body-news { 
        width:50%;
        text-align: center;
        padding: 2rem;
        position: static;
        max-height: 279px;
     overflow: auto;
    }
     .section-altre-notizie .section-altre-notizie-list .news .body-news h3 a {
    color: #262B2D;
}
    .section-altre-notizie .section-altre-notizie-list .news .header-news img { width:100%;   margin: 0;}

        .section-altre-notizie .section-altre-notizie-list .news .categoria {
        position:absolute;
        color:#fff;
        background-color:#707070;
        left:0 ;
        top:0;
        padding: 1px 20px;
        text-transform: uppercase;
        font-size: 1.4rem;
    }
    .section-altre-notizie .section-altre-notizie-list .news.serv-ambientali .categoria  {  background-color: #458E38!important;  }
    .section-altre-notizie .section-altre-notizie-list .news.serv-idrico .categoria { background-color: #3277D5!important;   }
    .section-altre-notizie .section-altre-notizie-list .news.serv-illuminazione .categoria { background-color: #DD4803!important;   }
    .section-altre-notizie .section-altre-notizie-list .news.serv-farmacie .categoria { background-color: #24796B!important;   }
    .section-altre-notizie .section-altre-notizie-list .news.serv-laboratorio .categoria { background-color: #79105E!important;  }
    .section-altre-notizie .section-altre-notizie-list .news.serv-sosta .categoria { background-color: #244477!important;  }
    .section-altre-notizie .section-altre-notizie-list .news.serv-illuminazione-votiva .categoria { background-color: #E58115!important;   }
    .section-altre-notizie .section-altre-notizie-list .news.serv-impianti-termici .categoria { background-color: #BA145B!important;  }
    .section-altre-notizie .section-altre-notizie-list .news.serv-verde .categoria { background-color: #82A82D!important;   }


 .section-altre-notizie .section-altre-notizie-list .news:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #fff transparent transparent;
    left: 50%;
    margin-left: -20px;
}

    .section-altre-notizie .section-altre-notizie-list .news:nth-child(3):after,   .section-altre-notizie .section-altre-notizie-list .news:nth-child(4):after    { 
       margin-left: 0px;
       transform: rotate(180deg);
    }
       
       
    .section-altre-notizie .section-altre-notizie-list .news:nth-child(3) .header-news, 
    .section-altre-notizie .section-altre-notizie-list .news:nth-child(4) .header-news  { 
        order:1 
    }
    .section-altre-notizie .section-altre-notizie-list .news:nth-child(3) .categoria, 
    .section-altre-notizie .section-altre-notizie-list .news:nth-child(4) .categoria  { 
        right:0;
        left: unset;
    } 
        
        
        
        
        
  /****    *****/      
        
.EG-nav-servizi-per-te {
    display: flex; 
    flex-wrap: wrap;
    background-color: #fff;
    padding:2rem 3rem;
}

.EG-nav-servizi-per-te .EG-nav-aree-box {  margin: 6px 0;     width: 33%;}
.EG-nav-servizi-per-te .EG-nav-aree-box:first-child {  margin-top: 0;}
.EG-nav-servizi-per-te .EG-nav-aree-box a { 
     display:  inline-block; 
     font-size: 1.6rem;;
     width: 100%; 
     padding:  0;
     color: #555;
     text-decoration: none;
     
  }

  .EG-nav-servizi-per-te .EG-nav-aree-box a::before {
    content: "";   
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58px;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 15px;
    vertical-align: middle;
    background-size: contain;
}

.EG-nav-servizi-per-te .EG-nav-aree .EG-nav-aree-box a::before {
    background-size: 55px;
    display: inline-block;
    width: 60px;
}



.EG-nav-servizi-per-te .serv-app-junker a::before {  background-image: url(/img/icone/iconjunker.png);   background-size: 42px; }
.EG-nav-servizi-per-te .serv-calendario-raccolta a::before {  background-image: url(/img/icone/iconCalendarioRaccolta.png); }
.EG-nav-servizi-per-te .serv-raccolta-ingombranti  a::before {  background-image: url(/img/icone/iconrifiutiingobranti.png); }
.EG-nav-servizi-per-te .serv-autolettura-acque a::before {   background-image: url(/img/icone/iconAutoletturaAcque.png); }
.EG-nav-servizi-per-te .serv-guida-lettura-bolletta a::before {  background-image: url(/img/icone/iconletturabolletta.png); }
.EG-nav-servizi-per-te .serv-carta-idrico-integrato a::before { background-image: url(/img/icone/iconCartaIdrico.png); }
.EG-nav-servizi-per-te .serv-segnalazioni-lampioni a::before  {  background-image: url(/img/icone/iconSegnalazioneGuasti.png); }
.EG-nav-servizi-per-te .serv-turni-farmacie a::before  { background-image: url(/img/icone/icon-turnifarmacie.png); }
.EG-nav-servizi-per-te .serv-analisi-acque a::before {  background-image: url(/img/icone/iconPreventivoAnalisi.png); }
.EG-nav-servizi-per-te .serv-richieste-preventivo-analisi a::before { background-image: url(/img/icone/iconpreventivoanalisiacque.png); }
.EG-nav-servizi-per-te .serv-pagamento-sosta a::before  {  background-image: url(/img/icone/icon-servizi-sosta2.png); }


/*
.EG-nav-servizi-per-te .serv-app-junker a, .EG-nav-servizi-per-te .serv-calendario-raccolta a, .EG-nav-servizi-per-te .serv-raccolta-ingombranti  a   { background-color: #1A5D1F!important }
.EG-nav-servizi-per-te .serv-autolettura-acque a, .EG-nav-servizi-per-te .serv-guida-lettura-bolletta a, .EG-nav-servizi-per-te .serv-carta-idrico-integrato a { background-color: #0D46A1!important }
.EG-nav-servizi-per-te .serv-segnalazioni-lampioni a  { background-color: #BF3711!important }
.EG-nav-servizi-per-te .serv-turni-farmacie a  { background-color: #004E40!important }
.EG-nav-servizi-per-te .serv-analisi-acque a, .EG-nav-servizi-per-te .serv-richieste-preventivo-analisi a { background-color: #5A0E45!important }
.EG-nav-servizi-per-te .serv-pagamento-sosta a  { background-color: #2A4D85!important }
*/
        

/****** cerca *******/

.formCerca button:focus {
    outline: none;
    outline: none;
}

.formCerca {
  position: absolute;
  height: 0px;
  width: 0px;
  top: 12px;
  right:0;
  transform: translate(-50%, -50%);
}

.EG-int .formCerca { top: 12px; }

.formCerca.on {
  -webkit-animation-name: in-out;
  animation-name: in-out;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.formCerca input {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid #3277D5;
  border-radius: 50%;
  background: none;
  color: #fff;
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
    padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
    padding 0.2s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.formCerca .search {
  background: none;
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
  padding: 0;
  border-radius: 100%;
  outline: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.formCerca .search:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: #3277D5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 9px;
  margin-left: 6px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.formCerca .close {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.formCerca .close:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  margin-top: 0px;
  margin-left: -11px;
  background-color: #3277D5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.formCerca .close:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #3277D5;
  margin-top: 0px;
  margin-left: -11px;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.formCerca .square {
  box-sizing: border-box;
  padding: 0 20px 2px 8px;
  width: 120px;
  height: 26px;
  border-radius: 12px;
  background: #fff;
  color: #555;
  font-size: 13px;
  font-weight: 400;
  outline: 0;
  margin-top:3px;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
    padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
    padding 0.2s;
  -webkit-transition-delay: 0.4s, 0s, 0.4s;
  transition-delay: 0.1s, 0s, 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}



/*******  section-bandi-gara ******/
.section-bandi-gara { 
    min-height:200px; 
    padding: 40px 0 70px 0; 
    background-color:#DBDBDB; 
    
}
.section-bandi-gara .EG-banner {
    min-height: 110px;
    background-repeat: no-repeat;
    background-position: 15px center;
}
.section-bandi-gara .EG-banner a {
    color:#fff;
    display: block;
    height: 113px;
    padding: 26px 0 0 90px;
}
.section-bandi-gara .EG-banner a span {
 display: block;
}
.section-bandi-gara .EG-banner a span:first-child {
    text-transform: uppercase;  font-weight: 300;     font-size: 2.3rem;
}
.section-bandi-gara .EG-banner-Elenco-Bandi  {
    background-color: #028EB9;
    background-image: url(/img/icone/icon-bandi.svg);
    background-size: 43px;
     background-position: 25px center;
}
.section-bandi-gara .EG-banner-Archivio-Bandi{
    background-color: #006F91;
    background-image: url(/img/icone/icon-archivio.svg);
    background-size: 55px;
    background-position: 20px center;
   
}
.section-bandi-gara .EG-banner-Archivio-Bandi a {
     padding-top: 35px;
}
.section-bandi-gara .EG-banner-AlboFornitori {
    background-color: #005570;
    background-image: url(/img/icone/icon-fornitori.svg);
    background-size: 65px;
}
.section-bandi-gara .EG-banner-AlboFornitori a {
}

/*******  section-bandi-gara landing page ******/
.landing-bandi-gara {
    min-height: inherit;
    padding: 0 0 100px 0; 
    background-color:inherit; 
}
.landing-bandi-gara .EG-banner {
padding-bottom: 2px;
background-position: 25px 17px;
    margin-bottom: 30px;
}

.landing-bandi-gara .EG-banner a {
    height: 86px;}

.landing-bandi-gara .EG-banner-body {
    background-color:white;
    width: 96%;
    margin: 5px auto;
    padding:10px 20px;
       min-height: 80px;
}

.landing-bandi-gara .EG-banner .EG-banner-body a {
    color: #028EB9;
    display: inline;
    height: inherit;
    padding: inherit;
}


/*******  section-link-servizi   ******/
.section-link-servizi {
    min-height:200px; 
    padding: 40px 0 70px 0; 
    background-color:#EBEBEB;
    }


/*******  banner  home ******/

.section-banner-home .EG-banner-full {
    background-color: #1B5E20;
    margin-top:30px;
    min-height: inherit!important;
    padding-left:4rem!important;
}
.section-banner-home .EG-banner-full h3 {
    font-size: 2.7rem;
    font-weight:300;
}
.section-banner-home .EG-banner-full p {
    font-size: 1.9rem;
}



.section-banner-home { padding: 60px 0}
.section-banner-home .EG-banner {
    min-height: 256px;
    color:#fff;
    padding: 2rem 0.5rem 0.4rem 1.7rem;
}
.section-banner-home .EG-banner-orari { 
    background-color:#3277D5; 
    background-image: url(/img/icone/clock_white.svg);
    background-repeat: no-repeat;
    background-position: 96% 10px;
    background-size: 40px;
     
}
.section-banner-home .EG-banner .EG-banner-head { 
    font-size: 1.5rem;
    }
.section-banner-home .EG-banner .EG-banner-head  h3 { 
        text-transform: uppercase;  font-weight: 300;     font-size: 2.3rem;
    }
.section-banner-home .EG-banner-orari .EG-banner-orari-body {
    color:#fff;
     
}

.section-banner-home .EG-banner-orari .EG-banner-orari-body div {
    background-color:#0D46A1; padding: 1rem;
    padding: 0.4rem 1rem;
    margin: 1% 1% 1% 0;
    width: 30%;
    display: inline-block;
}
.section-banner-home .EG-banner-orari .EG-banner-orari-body div span {
    display:block;
    font-size: 1.4rem;
}
.section-banner-home .EG-banner-orari .EG-banner-orari-body div span:last-child {
    font-weight:100;
}

.EG-banner-ufficioCLienti {
    background-color:#eb813e;
  /*  background-image: url(/img/icone/prenot_appuntamento.png);*/
}

.section-banner-home .EG-banner-ufficioCLienti .EG-banner-ufficioCLienti-body a {
    background-color: #C86628;
    padding: 1rem;
    padding: 0.4rem 1rem;
    margin: 1% 2% 1% 0;
    width: 46%;
    display: inline-block;
    color:#fff;
        min-height: 72px;
            vertical-align: text-top;
}
.section-banner-home .EG-banner-ufficioCLienti .EG-banner-ufficioCLienti-body a:hover {
     background-color: #E55A03;
     text-decoration:none;
}

.section-banner-home .EG-banner-ufficioCLienti .EG-banner-ufficioCLienti-body a span {
    display:block;
    font-size: 1.5rem;
 
}
.section-banner-home .EG-banner-ufficioCLienti .EG-banner-ufficioCLienti-body a span:last-child {
    font-weight:100;
}



/*******  banner  sidebar ******/
 .sidebar  .EG-banner-container {
    clear: both;
    margin-top:3rem;
     margin-bottom:3rem;
}
.sidebar .EG-banner-container .EG-banner-AlboFornitori, .sidebar .EG-banner-container .EG-banner-Elenco-Bandi {
    background-position: 95% 10px;
   background-size: 66px;
}

 .sidebar .EG-banner-container .EG-banner-Elenco-Bandi { 
     
      background-size: 35px; 
 }


.sidebar .EG-banner-container .EG-banner-AlboFornitori a, .sidebar .EG-banner-container .EG-banner-Elenco-Bandi a {
    padding: 26px 0 0 20px;
}

.sidebar .EG-banner-container .bannerSportelloClienti {
    background-color:#ccc;
}
.sidebar .EG-banner-container .bannerSportelloClienti img, .sidebar .EG-banner-container .bannerPubblicaIlluminazione img{
    width:100%;
}
.sidebar .EG-banner-container .bannerSportelloClienti iframe, .sidebar .EG-banner-container .bannerPubblicaIlluminazione iframe{
       width:100%;
}

.sidebar .EG-banner-container .bannerSportelloClienti .textBanner, .sidebar .EG-banner-container .bannerPubblicaIlluminazione .textBanner{
    padding:1rem 1.8rem;
}

.sidebar .EG-banner-container .bannerPubblicaIlluminazione {
    background-color:#BF3711;
  
    font-family: 'Oswald', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 300;
}
.sidebar .EG-banner-container .bannerPubblicaIlluminazione a {
    color: #eee;
    
}
.sidebar .EG-banner-container .bannerPubblicaIlluminazione a:hover {
    color: #fff;
    
}

.EG-banner-container .EG-banner {
    margin-bottom: 30px;
    min-height: 110px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.EG-banner-container .EG-banner a {
    color:#fff;
    display: block;
    height: 113px;
    padding: 26px 0 0 90px;
}
.EG-banner-container .EG-banner a span {
 display: block;
}
.EG-banner-container .EG-banner a span:first-child {
    text-transform: uppercase;  font-weight: 300;     font-size: 2.3rem;
}

.EG-banner-AlboFornitori {
    background-color:#005570;
    background-image: url(/img/icone/icon-fornitori.svg); 
    }
    
.EG-banner-Elenco-Bandi  {
background-color: #028EB9;
    background-image: url(/img/icone/icon-bandi.svg);
       
    }  
    
.EG-banner-container .EG-banner-SportelloClienti {
    background-color: #2866AF;
    background-image: url(/media/kutbm4re/simbolasetrot.png);
    background-position: 160px;
    height:auto;
    }
.EG-banner-container .EG-banner-SportelloClienti a {
    padding: 20px 10px 20px 20px;
       height:auto;
    }
.EG-banner-container .EG-banner-SportelloClienti a span:first-child {
     font-weight: 500; 
}





/**/

.widgetVideo iframe{max-width:100%;}
.sidebar .widgetVideo .footerBox {font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: normal;padding: 10px 20px;}
.widgetVideo{background-color:#F2F2F2;}
.sidebar .widgetVideo .footerBox a {color: #00833E;}



/**/

.elencoPrenotazioni {}
.elencoPrenotazioni .col-md-4, .elencoPrenotazioni .col-md-6, .elencoPrenotazioni .col-md-3, .elencoPrenotazioni .col-md-2  {padding:5px; }
.elencoPrenotazioni .col-md-4 div, .elencoPrenotazioni .col-md-6 div, .elencoPrenotazioni .col-md-3 div, .elencoPrenotazioni .col-md-2 div {     min-height: 225px;
	text-transform: uppercase; text-align: center; font-size: 18px;background-image: url(/media/142255/prenot_appuntamento.png); background-repeat: no-repeat; background-position: center 32px;  background-color: #edf2f1; }
.elencoPrenotazioni a { padding: 115px 0px 20px; display:block; min-height:100px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #04422c; display:block;}
.elencoPrenotazioni a:hover,.elencoServizi a:focus {  text-decoration:none;}
.elencoPrenotazioni .col-md-3 div:hover {background-color:#f9ede4}
.elencoPrenotazioni a, .elencoPrenotazioni a:focus, .elencoPrenotazioni a:hover {}
.elencoPrenotazioni a span { display:block; font-size:15px; text-transform: none; padding:10px 0; font-weight: 300;}




/**/

.guidaBollettaIdrico img{width:100%;}
.guidaBolletta{position:relative;}
.guidaBolletta .btn{display:block;background-color:#2EA8E5; position:absolute; width: 30px;height: 30px; border: hidden;color: #fff;text-decoration: none; border-radius: 100%; background-image: none; text-align:center;  padding:0; font-weight:100;}
.guidaBolletta i{display: block;font-size: 14px; position: relative;width: 100%;text-align: center;font-style: normal;color: #fff;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }

.guidaBolletta .tooltip > .tooltip-inner {background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); text-align:left; max-width: 235px;}
.guidaBolletta .tooltip > .tooltip-inner h4{font-size:18px; font-weight:300; background-color:#18719E; color: #FFFFFF;padding:8px 15px 5px; margin:0; font-family: 'Oswald', sans-serif;}
.guidaBolletta .tooltip > .tooltip-inner p{color:#333; padding:0 0 5px 0; margin:0; }
.guidaBolletta .tooltip > .tooltip-inner div{padding:15px; }
.guidaBolletta .tooltip > .tooltip-arrow { border:hidden; }
.guidaBolletta .tooltip.in {opacity:1;}
.guidaBolletta .tooltip-inner{padding:0;}
.guidaBolletta .animated {-webkit-animation-duration: 3s !important; animation-duration: 3s !important;}

/*guida alla bolletta */
.tooltip > .tooltip-inner {background-color: #fff; -webkit-background-clip: padding-box; font-size: 14px; line-height: 1em; background-clip: padding-box; padding: 0;
border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);
text-align:left; max-width: 235px;}
.tooltip.show {opacity: 1;}
.tooltip > .tooltip-inner h4{font-size:18px; font-weight:300; background-color:#18719E; color: #FFFFFF;padding:8px 15px 5px; margin:0; font-family: 'Oswald', sans-serif;}
.tooltip > .tooltip-inner p{color:#333; padding:0 0 5px 0; margin:0; }
.tooltip > .tooltip-inner div{padding:15px; }
.tooltip > .tooltip-arrow { border:hidden; }






.check-no {
    color:crimson;
    text-align:center;

}
.check-si {
    color:green;
    text-align:center;
    font-weight:bold;
}


/* tabella sosta a pagamento  */
.tbl-sos  { border-collapse: collapse; border: 4px solid #333}
.tbl-sos th { background-color: #bdd7ee;border: 1px solid #555 ;  border-bottom: 3px solid #333;  padding: 1rem; text-align: center;     vertical-align: middle; }
.tbl-sos th:last-child {background-color: #ccc }
.tbl-sos td {text-align: center; padding:0.5rem; border: 1px solid #555;     vertical-align: middle; }
.tbl-sos .brd-bt { border-bottom:  3px solid #333; }
.tbl-sos .td-zona { border-bottom:  3px solid #333; font-weight: 600}
.tbl-sos .td-zona span { /*transform: rotate(-90deg); display: block*/}
.tbl-sos .td-zona-A { background-color: #7030a0; color: #FFF }
.tbl-sos .td-zona-B { background-color: #ffccff; }
.tbl-sos .td-zona-C { background-color: #92d050; }
.tbl-sos .td-zona-D { background-color: #00b0f0; color: #FFF }
.tbl-sos .td-zona-E { background-color: ORANGE; color: #FFF; }
.tbl-sos .td-zona-F { background-color: YELLOW; }
.tbl-sos .td-zona-G { background-color: RED; }

.tbl-sos .td-zona-AS { background-color: ORANGE;  }
.tbl-sos .td-zona-AS2 { background-color: YELLOW;  }


/* tabella sosta a pagamento  */
.media-list {
    margin: 2rem 0;
    padding: 0;
}




/* accordion  */
.panel-group {

	}
.panel-group .panel {
	margin-bottom: 4px;
   	background-color: #fff;
    	border: 1px solid #ddd;
    	border-radius: 4px;
    	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	}
.panel-group .panel-default {
	}
.panel-group .panel .panel-heading {
	color: #333;
    	
    	border-color: #ddd;
	}
.panel-group .panel .panel-title {
    	margin-top: 0;
    	margin-bottom: 0;
    	font-size: 16px;
    	color: inherit;
	}
	.panel-group .panel .panel-title a {
	    display:block;
	    padding:1rem 3rem;
	    background-color: #eee;
	}


/* MEDIAGALLERY/DETTAGLIO*/

.thumbnail img {
    width: 100%;
    display: block;
}

.overlay {
    background-color: #000;
}

.slick-next:before, .slick-prev:before {
    content: "";
}

.slick-prev:hover, .slick-prev:focus, .slick-prev, .slick-next, .slick-next:hover, .slick-next:focus {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
    .slick-next, .slick-next:hover, .slick-next:focus {
        background-image: url('../../css/img/arrow_dx.svg');
    }
    .slick-prev:hover, .slick-prev:focus, .slick-prev {
        background-image: url('../../css/img/arrow_sx.svg');
    }
    

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img{max-width:100% !important; margin:0;}

.mediagallery-post img {
	margin-bottom: 15px;
	opacity: 0.6;
}

.mediagallery-post img:hover {
	opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.mediagallery-post a:hover:after, .mediagallery-post a.hover:hover:after {
	display: none;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

a.video-thumb::after, a.foto-thumb::after, a.zoom-thumb::after {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 50px;
	margin: -30px 0 0 -24px;
	color: #fff;
	width: 58px;
	height: 48px;
	opacity: 0.7;
	background-repeat: no-repeat;
}

.mediagallery-post a.video-thumb::after {
	content: "";
	background-image: url('../../css/img/icon_thumb_video.svg');
}

.mediagallery-post a.foto-thumb::after {
	content: "";
	background-image: url('../../css/img/icon_thumb_foto.svg');
}

.mediagallery-post a.zoom-thumb::after {
	content: "";
	background-image: url('../../css/img/icon_thumb_search.svg');
}

.mediagallery-post a.foto-thumb::after {
	content: "";
}


/* Filtro per categoria */
.form-cerca form{ background-color:#eee; padding:5px 20px; margin:0 0 35px 0; border: 1px solid #ddd; }
.form-cerca form label{   margin:15px 0 7px;}
.form-cerca form select{border-radius: 0;}
.form-cerca form .single-select{}
.form-cerca .form-group{padding:0; margin:0; width: 100%;}
.form-cerca .etichetta-form{margin-top:7px;}
.form-cerca .btn { margin: 0 5px; cursor: pointer; } 
.form-cerca .pulsanteCentrato {  margin-top:10px;text-align:center;} 
.form-cerca .pulsanteCentrato .btn{ margin:15px auto 5px;} 
.form-cerca form .row{padding: 0 0 5px 0;}
.form-control{height: 30px;}
.form-inline .form-control{width: 100%;}
.form-cerca form .form-control{padding:3px; 8px}

.radio + .radio, .checkbox + .checkbox, .radio, .checkbox{margin-top:0;}

.form-cerca-doc .btn, input.btn { padding: 5px 20px; border-radius: 0; background-color: #307d34 !important; color: #fff !important; }
.form-cerca-doc .btn a{ color: #fff !important; padding: 0px 10px; display:block; margin:0 auto;}




.serp {}
.serp-item { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc}
.serp-item h3 {
    font-size:2rem;
    font-weight:400;
}

.navbar-light .navbar-toggler-icon {
    background-image:url("/media/5sjh0ejw/icon-menu.png")
}

.section-news #junker-container {
    width: 100%;
    max-width: 100%;
}



/*  */
.dettaglio-elenco-allegati {
        margin-left: 35px;
}





/*  */
.div-icon-sostenibilita {
    display: flex;
    justify-content: space-between;
}

.div-icon-sostenibilita div {
 width:20%;
 margin: 20px 10px;
 text-align:center;
}
.div-icon-sostenibilita div img {
    margin-bottom:10px;
    width: 80%;
}


.field-validation-error {
    color:red;
    font-style:italic;
    font-weight:300;
}


.umbraco-forms-form legend{
    font-size:20px;
    padding: 30px 0 10px 0;
}

.umbraco-forms-form .text {
    margin-top: 0.6rem;
}

@media (min-width: 576px) {
.umbraco-forms-form .col-sm-2 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}
    
}

.form-group {
    margin-bottom: 2rem;
}

.radiobuttonlist .form-control {
    border: none;
}
.checkboxlist input[type=checkbox] {
    display:inline;
    width: auto;
    height: auto;
    margin-right:5px;
}


.reclamirettificafatturazione input.btn-primary{
    margin-left: 15px;
}


