/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-mag-2016, 10.40.58
    Author     : Tommaso
*/

/*
 * Row with equal height columns
 * --------------------------------------------------
 */

/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700);*/
p{text-align: justify;}
a{color:#285896 !important; }
ul{list-style: none;}
blockquote{font-size:14px;}
.text_white { color:#fff;}
div.content_single_dicono{ min-height: 250px;}
div.content_single_dicono div.back_blu, div.content_single_dicono div.back_blu p a{color: #fff !important;}
.back_blu p{ color:#fff; margin: 10px 0px;}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.success.btn-success p {font-size: 16px; color:#fff; padding: 5px 0px;} 
h1,h2,h3,h4,h5,h6,h7, p, body{
    color:#285896;
    /*font-family: 'Helvetica Neue',sans-serif;*/
    font-family: 'Helvetica Neue', "HelveticaNeue", Helvetica, Arial, sans-serif;
}
body{overflow-x: hidden;}
.back_blu{
    background-color: #285896;
}
.text_grey,.text_grey.team p{ color:#676767;}
.padding_bottom_30{padding-bottom: 30px;}
.margin_top_30{margin-top: 30px;}
.padding_top_30{padding-top: 30px;}

.no_padding{ padding: 0px;}

.no_padding_right{padding-right: 0px;}

p{        line-height: 16px;
          letter-spacing: -0.2px;
}

/*solo nella pagina lavora con noi tolgo il margin destro del "container" per ottenere il background-color anche li*/
/*.container.custom.custom-custom{
    margin-right: 0px;
}*/

.margin_top_50{ margin-top: 50px;}

/*header 

// baraa del menu nelle pagine interne */
.nav_bar_custom{
    background-color: #fff !important;
}
.navbar.navbar-default.nav_custom.affix{
    border-bottom: 1px solid rgba(103,103,103,0.2);
}
.nav_bar_custom .menu--alonso .menu__line{

    position: absolute;
    top: 95%;
    left: 0;
    width: 120px;
    height: 2px;
    pointer-events: none;
    border: 1px solid #fff;
    border-width: 0 45px;
    background: #285896;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}

header nav.nav_custom
{
    background-color:#fff;
    border: 0px;
    border-radius: 0px;
    z-index: 88;
}
header nav.navbar div.collapse ul.menu_custom li.active  a
{
    background: none;
}
header nav.navbar div.collapse ul.menu_indirizzo li a, header nav.navbar div.collapse ul.menu_indirizzo li a:hover{
    color:#285896;
    cursor: default;
}
header .navbar-header.logo 
{
    margin: 20px 0px 40px 20px;
}
div.logo-contatti img.img-responsive{
    margin: 30px 0px 10px; 
}
header nav.navbar div.collapse
{
    height: 50px; /* no importanza */
}
header nav.navbar div.collapse ul li a
{
    color:#285896;

}
header nav.navbar div.collapse ul.menu_custom li a
{
    padding: 10px 8px ;  
    color:#285896 !important;
}
.navbar-default .navbar-nav>li>a{
    color:#285896 !important;
}
header nav.navbar div.collapse ul.menu_social li a
{
    padding:15px 5px !important; 
    cursor: default;
}
/*header nav.navbar div.collapse ul.menu_social li:nth-child(1) a i
,header nav.navbar div.collapse ul.menu_social li:nth-child(2) a i{cursor: default;}*/
header nav.navbar div.collapse ul.menu_social li a i, header nav.navbar div.collapse ul.menu_social li a img{ cursor: pointer;}
header nav.navbar div.collapse ul.menu_social li a i
{
    font-size: 25px;
    color:#285896;

}
/*menu on scroll*/
header #nav.affix .logo
{
    /*margin: 0px;*/
}
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
}

.navbar.navbar-default.nav_custom.affix
{
    width: 100%;
    z-index: 99999999999;
}
/*.affix .menu_custom
{
    margin-top: 18px;
}*/
.affix .top_menu
{
    display: none;
}
.affix .navbar-header.logo img{
    width: 300px;
    margin: 7px 0px 10px 0px;}
.logo_infowindow{
    margin: 15px 0;
}
/* end header */
.active a ,.menu__item--current a{color:#285896 !important; font-weight: bold;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover, a.leggi_tutto:hover  
{background: none !important;
 font-weight: 700; text-decoration: none;}
a.leggi_tutto{font-family: 'AvantGarde Bk BT';}
/*custom menu */
.menu__item.menu__item--current .menu__link,.menu__item .menu__link {padding: 10px 5px;}

/*home*/
.menu--alonso .menu__item:nth-child(1) {
    width: 65px;
}
/*chi siamo*/
.menu--alonso .menu__item:nth-child(2) {
    width: 100px;
}
/*i nostri servizi*/

/*    width: 130px;
}*/
/*lavora con noi*/
.menu--alonso .menu__item:nth-child(4),.menu--alonso .menu__item:nth-child(3) {
    width: 140px;
}
/*news*/
.menu--alonso .menu__item:nth-child(5) {
    width: 65px;
}
/*contatti*/
.menu--alonso .menu__item:nth-child(6) {
    width: 90px;
}
/*area riservata*/
.menu--alonso .menu__item:nth-child(7) {
    width: 155px;
}

.navbar{
    margin-bottom: 0px;
}
/* end custom header */

.content_leggi_tutto{position: absolute; bottom: -4.5%; right: 40px;}

/*home slider */
@-webkit-keyframes 
bounce{0%,10%,100%,20%,50%,80%
       {-webkit-transform:translateY(0);transform:translateY(0)}
       40%,60%{-webkit-transform:translateY(-15px); transform:translateY(-15px)}
}
@keyframes bounce{
    0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}
.bounce-animated{    -webkit-animation: bounce 3s ease infinite;
                     animation: bounce 3s infinite;
                     color: #295896;
                     border: 1px solid #295896;
                     border-radius: 50%;
                     padding: 15px;
                     background: rgba(255,255,255,0.6);}

.demo-1 .sl-slider-wrapper{position: inherit !important;}
.sl-content,.sl-slide-horizontal .sl-slide-inner, .sl-slide-vertical .sl-slide-inner{background: none !important;}
.bg-studiopeg{
    /*background-image: url(../../template/images/immaginestudiopeg.png);*/
    height: 643px;
    /*height: 490px;*/
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;


}
.demo-1 .sl-slider-wrapper{
    top:100px !important;
    height: 643px;
}
/* contenitore titolo descrizione della singola slide presa dinamicamente dal db */
.sl-slide .sl-slide-inner .content_desc.slider
{
    width: 40%;
    position: absolute; /*posizionamento fisso per via dell'animazione dei cerchi' */

    left:40%;
    top:40%;

}
/*titolod ella singola slide */
.sl-slide .sl-slide-inner .content_desc.slider h2.titolo
{
    animation-delay: 2s; 
    background: #285896;padding: 15px;
    color:#fff;
    display: inline-block;
}
.sl-slide .sl-slide-inner .content_desc.slider h4.sotto_titolo
{
    animation-delay: 2.3s;  
    background: rgba(255,255,255,0.6);
    margin: 3px 0;
    padding: 10px 15px;
    display:table;
}
.sl-slide .sl-slide-inner .content_desc.slider span.testo_slide
{
    display: block;
    animation-delay: 2.2s; padding:   10px 15px;
    background: rgba(255,255,255,0.6);
    display:table;
}

.nav-arrows span  { border-color: #285896 !important;}

/*end animazioni singola slide */
/* slogan cerchio */
.title_animated
{
    width: 250px;
}
.animation-content .title_animated span{
    font-size: 20px;
}
.animation-content .title_animated
{
    -webkit-animation: slogan_title forwards;   
    -webkit-animation-duration: 0.7s;   
    animation: slogan_title forwards;
    animation-duration: 0.7s;
    color:transparent;
    animation-delay: 1.8s;
    position: absolute;
    z-index: 0;
    /*bottom: 50px; left: 200px;*/
}

/* Chrome, Safari, Opera */
@keyframes slogan_title {
    0% {color: rgba(40, 88, 150,0.0);bottom: 140px; left: 110px; z-index:9999; display:block;}
    100% {color: rgba(40, 88, 150,1);bottom: 140px; left: 110px; z-index:9999; display:block;}
}

/* Standard syntax */
@keyframes slogan_title {
    0% {color: rgba(40, 88, 150,0.0);bottom: 140px; left: 110px; z-index:9999; display:block;}
    100% {color: rgba(40, 88, 150,1);bottom: 140px; left: 110px; z-index:9999;display:block;}
}
/*animazione cerchi*/
.animation-content
{
    width: 50%;
    position: relative;
    height: 100%;

}
.animation-content .circle_1
{
    /*background-color: rgba(255,255,255,0.0);*/
    width: 250px;
    height: 250px;
    border-radius: 250px;
    -webkit-animation: circle_1 forwards;   
    -webkit-animation-duration: 0.7s;   
    animation: circle_1 forwards;
    animation-duration: 0.7s;

    animation-delay: 1.2s; 
    position: absolute;
    /*bottom: 50px; left: 200px;*/
}

/* Chrome, Safari, Opera */
@keyframes circle_1 {
    0% {background-color: rgba(255,255,255,0.0);bottom: 70px; left: 140px; }
    100% {background-color: rgba(255,255,255,0.6);bottom: 120px; left: 100px; }
}

/* Standard syntax */
@keyframes circle_1 {
    0% {background-color: rgba(255,255,255,0.0);bottom: 70px; left: 140px; }
    100% {background-color: rgba(255,255,255,0.6);bottom: 120px; left: 100px; }
}

.animation-content .circle_2
{
    /*background-color: rgba(255,255,255,0.0);*/
    width: 250px;
    height: 250px;
    border-radius: 250px;
    -webkit-animation: circle_2 forwards;   
    -webkit-animation-duration: 0.7s;   
    animation: circle_2 forwards;
    animation-duration: 0.7s;

    animation-delay: 1.2s; 
    position: absolute;
    /*bottom: 140px; left: 70px;*/
}

/* Chrome, Safari, Opera */
@keyframes circle_2 {
    0% {background-color: rgba(255,255,255,0.0);bottom: 140px; left: 70px; }
    100% {background-color: rgba(255,255,255,0.4);bottom: 100px; left: 120px; }
}

/* Standard syntax */
@keyframes circle_2 {
    0% {background-color: rgba(255,255,255,0.0);bottom: 140px; left: 70px; }
    100% {background-color: rgba(255,255,255,0.4);bottom: 100px; left: 120px; }
}
/*content5 index blocchi */
.int_box.custom_border{
    width: 97%;
}
.custom_border h5 span.titolo{
    margin-top: 12px; display: block;
}
.int_box.custom_border.small_box{
    width: 85%;
}
.custom_border{
    border-right: 2px solid #285896;
    /* border-bottom: 10px solid #f5f6f8; */
    padding: 0px 35px 0px 0px;
    width: 90%;
    /* float: right; */
    /* margin-right: 15px; */
    min-height: 370px;
}
/*bordo custom solo 1/4 circa*/
hr.border-text-more{    width: 10%;
                        border: 1px solid #285896;
                        float: right;
                        margin: 0px;}
/*faccio si che il bottone del "leggi tutto" rimanga sempre nella stessa posizione anche se il testo non è uguale in tutte le news*/


div.custom_border p.small_desc {
    height: 90px;
}
/*setto tutte le immagini con la stessa altezza anche se non lo sono di base*/
/* item styles */
.item-image {
    position: relative;
    overflow: hidden;
    /*padding-bottom: 80%;*/
    padding-bottom: 50%;
    /*background-color: rgba(255,255,255,0.2);*/
}
.item-image img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; 
    /*padding: 5px;*/
}
/*.item-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}*/
/*pagine interne creo effetto di taglio dell'immagine' */
.item-image.int_box {
    position: relative;
    overflow: hidden;
    padding-bottom: 40%;
}

.int_box.content_custom_date .custom_date{
    position: absolute;
    padding: 0px;
    top: -40px;
    left: -40px;
    width: 26%;

}
.int_box_small.content_custom_date .custom_date{
    position: absolute;
    padding: 0px;
    top: -40px;
    left: -40px;
    /*    
         width: 40%;*/
}
.content_custom_date{
    position: relative;
    padding: 0px;
    height: 40px;
}
/*icona data*/
.content_custom_date .custom_date{
    position: absolute;
    padding: 0px;
    top: -65px;
    left: 0px;
    /*left: -40px;*/
    /*    width: 48%;*/
    height: 80px;
    width: 80px;
    border-radius: 40px;
}
.content_custom_date .custom_date div{
    width: 50%;
    float: left;
    text-align: center;
    color:#fff;
}
.content_custom_date .custom_date div.date{
    position: absolute;
    top: 8%;
    left: 6%;
}
/* chi siamo */
/*linea blu separatore sezioni */
.linea_small{border: 1px solid;}
.linea_big{border-top:3px solid;}

.content_custom_date .custom_date div.nome{
    position: absolute;
    top: 12%;
    left: 6%;
}
/* solo per BAck Office */
.content_custom_date .custom_date div.nome.custom_back_office{
    position: absolute;
    top: 21%;
    left: 6%;
}
/*.content_custom_date .custom_date div span , */
div.container .col-md-8 .text_bold, .text_bold{
    display: block;
    font-weight: 700;
}
.content_custom_date .custom_date div span.giorno{
    font-size: 20px;
}
.custom_border a{
    color:#285896;
    padding-top: 20px;
}
/*end custom date icona */
/*twitter*/
.SandboxRoot.env-bp-min .timeline-Widget{border: 1px solid #fff !important; }
#twitter-widget-0{ width: 100% !important;}
/*pagina dei servizi*/
div.back_grey ul li span, div.back_blu ul li span{
    display: block;
}
div.back_grey ul li span:nth-of-type(2), div.back_blu ul li span:nth-of-type(2){
    padding-left: 30px;
}
div.back_grey ul li span.icon_studiopeg, div.back_blu ul li span.icon_studiopeg{
    background-image: url('../../favicon.ico');
    height: 17px;
    width: 17px;
    display: block;
    float: left;
    margin: 4px 0px 0px;
}
div.back_grey ul ,div.back_blu ul{text-decoration: none;
                                  padding-left: 0px;
}
div.back_grey ul li{list-style: none;
                    padding: 5px 0px;
                    color:#285896; font-size: 16px;}
div.back_blu ul li {list-style: none;
                    padding: 5px 0px;
                    color:#fff; font-size: 16px;}
/*clienti custom */
.content_client .custom_client{ width: 20%;}
.border-right-info{border-right: 1px solid #fff;}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*pagina lavora con noi */
.container.custom.custom-custom_image_full{
    margin-left: 0px;
    padding-left: 0px;}

/*rendo custom il bottone dell'allega file '*/
.fileuploader   {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: default;
}


.filebutton {
    position: relative;
    height: 30px;
    display: inline-block;
    outline: 0 none;
    cursor: pointer;
    border: 0px;
    /*border-radius: 5px 5px 5px 5px;*/
    /*box-shadow: 0 0 1px #fff inset;*/
    color: #fff;
    /*margin-left: 15px;*/
    padding: 6px 12px;
    background: #285896;
    /*background:-moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%);*/
}

.fileuploader   input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; 
    border: 0;
    height: 30px;
    cursor: pointer;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}

.little_privacy{
    height: 70px;
    overflow-y: scroll;
}

.little_privacy p{ 
    padding: 5px 2px;
    background-color: #fff;}
/* end pagina lavora con noi */

/* pagina contatti */

/*infowindow*/

.content_infowindow
{
    width: 280px;
}
#map {
    min-height: 500px;
}
.custom_button{
    background: #285896;
    border: 0px;
    border-radius: 0px;
    padding: 5px 12px;
    margin: 0px 15px 0px 0px;
    color: #fff;
    font-size: 14px;
    /*font-weight: 700;*/
}
.newsletter .form-control{  border: 2px solid #285896;
                            border-radius: 0px; width: 100%;}
.lavora_con_noi .form-control{
    border: 2px solid #285896;
    border-radius: 0px;
}
.form-horizontal .control-label, .modal .modal-content .modal-body p{text-align: left;    }
/*end contatti */
/* footer */

footer, .back_grey
{ 
    background-color:#f5f6f8; 

}

footer span 
{
    display: block;
}


/* end footer */

/*custom css per messaggio inviato da lavora con noi.php*/

.content_messaggio {
    width: 60%;
    margin: 20% auto;

    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;


}.content_messaggio .success.btn-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 25px;
    text-align: center;
}

/* Singola news */
body div.box-content.custom_border {
    width: 100%;
    margin: 40px 0 0;
}
/* end Singola news */

/*pagina archivio news */

.aside_custom{
    position:fixed;
    right:0px;
    top: 30%;
    min-height: 350px;
    max-height: 650px;  
    border-left: 1px solid #285896;
    border-bottom: 0.1px solid #285896;

}
.aside_custom span {display: block; }
.aside_custom ul, .aside_custom span {
    margin: 10px 10px 5px;
}



/* LavaLamp */
/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
}
/* Force the list to flow horizontally */
.lavaLamp li {
    float: left;
    list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
    position: absolute;
    top: 95%;
    left: 0;
    /*    width: 20px !important ;*/
    height: 20px;
    border-radius: 50%;
    pointer-events: none;
    /*    margin-left: 6%;*/
    /*    border: 1px solid #fff;
        border-width: 0 45px;*/
    background: #285896;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); 
}
.lavaLamp li.back .left {
    /*background: red ; height: 1px;*/
}
/* Styles for each menu-item. */
.lavaLamp li a {
    position: relative; 
    z-index: 10; 
}
/* END LavaLamp */

.home_custom_background{margin-bottom: 12%;}
footer .row .col-md-4.text-center span{ font-size: 16px;}
footer .row .col-md-4.bordo_footer{border-left: 2px solid #285896; border-right: 2px solid #285896;}

/* twitter */
.timeline-Body, .timeline-Header{ background: #f0f0f0 !important;}

.SandboxRoot.env-bp-min, .SandboxRoot.var-chromeless .timeline-Widget{
    font-size: 12px;
    background: #eee !important;}
.col-md-3 iframe{ background:#fff;}
/* pagina php index copia */
.content_bianco_twitter .col-md-3 iframe
{ background: #eee;}
.custom_contatti p { font-size: 20px;}

.menu--alonso .menu__item {
    font-size: 12px;
}

.sfondonewspc {
    background: url("../../images/immagine_centrale.jpg") no-repeat scroll 0% 0% / 100% auto;
    min-width: 100%; 
    min-height: auto;
}

.bg-studiopeg-altre{
    height: 951px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;


}

.demo-2 .sl-slider-wrapper{
    height: 951px;
}
.form-group{margin-bottom: 7px;}
.custom-form-message {padding-left: 7px;}

a.button_news, a.button_news i.fa.fa-sort-desc:hover, a.button_news i.fa.fa-sort-desc:before{
    text-decoration: none !important;
    cursor: pointer;
}
.rc-anchor.rc-anchor-normal.rc-anchor-light {

    width: 290px !important;}

.col-md-offset-5.margin_top_30.col-sm-3.col-sm-offset-11.col-xs-1.no_padding{
    padding-right: 15px;
}
body div.content_team{
    margin-top: 35px;
    min-height: 560px;
}
/* se il testo o parola esce dal contenuto io lo blocco facendolo andare a capo*/
body div.content_news .custom_border p.small_desc{
    word-break: break-word;
}
body div.content_team div.text_grey.text-justify.team p{
    word-break: break-word;
}
body header div.visible-xs.menu_social_mobile li{
    width: 15%; display: inline-block; margin-top: 20px;

}
body header div.visible-xs.menu_social_mobile li a i{ font-size: 20px;}
body header div.visible-xs.menu_social_mobile{
    width: 90%; margin: 0px auto;
}

/*    img.parallax-slider{
        background-position-x: -200px !important; top: 10px !important;  bottom: -70px;   }*/
/* slogan slide */
.slogan_text{width: 50%; position: absolute;right:-6%; bottom: 35%;}
.slogan_text.sopra.alto{ top: 4%; }
.slogan_text.sotto{bottom:15%; }
.slogan_text.alto.sinistra{ top: 5%; left: 3%; }
/* -- font cambiare -- */
.slogan_text p{font-family: 'Lucida Handwriting'; font-size: 35px; letter-spacing: 4px;  line-height: 40px; text-shadow:rgba(255,255,255,0.7) 1px 3px 2px;}
.slogan_text p:nth-child(2){ margin-left: 25%;}
.slogan_text p:nth-child(3){ margin-left: 29%;}
.slogan_text p:nth-child(4){ margin-left: 38%;}

.slogan_text.bianco p{color:#fff; opacity: 0.9; text-shadow: none !important;} /*text-shadow: rgba(0,0,0,0.9) -2px 3px 2px;*/
.slogan_text.nero p{color:#23343d; opacity: 0.8;   text-shadow: none;}
/*.logo_slider{ background: url(../../images/logo_slide.png) no-repeat; width:380px; height: 432px;  position: absolute;
left:50%; top: 20%;}*/
body div.content_logo_slider .content_logo{padding: 3% 0px; width: 620px; display: block; margin: 0px auto;}/*padding: 3% 0px; +*/
div.content_single_dicono p a.link_dicono{position:absolute; bottom:10px; left: 0px; right: 0px;
                                          text-align:center; z-index:999; color:#fff !important; font-family:AvantGarde Bk BT; display: block;}
/*div.content_single_dicono{ min-height: 220px;}*/
div.content_single_dicono div.col-md-12.back_blu{
    min-height: 130px;
}
.modal{top:30%;}

.slogan_text.font_nuovo{width: 50%;}
.slogan_text.font_nuovo p{font-family: 'Lucida Handwriting';    font-size: 60px;  text-transform:none; font-style: italic;}

.news p{text-align: inherit; color:#676767;}
.no_image{ height: 292px;}

.custom_consulenze ul li{list-style: none; }
/* codice form newsletter */
.form-inline .form-group{margin: 10px 0px;}
#hideMe {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block; 
    margin-top:30px;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        display: none;
        visibility:hidden;
    }
}

.cerchio_servizi{    height: 12px; margin-bottom: 3px;
                     width: 12px;
                     border-radius: 50%;
                     /* margin-left: 6%; */
                     background: #285896;
                     display: inline-block;
                     vertical-align: middle;
                     margin-right: 10px;}
span.freccia{position: absolute;
             top: 78%;
             left: 50%;
             width: 48px;
             height: 48px;
             margin-left: -24px;
             border-left: 4px solid #fff;
             border-bottom: 4px solid #fff;
             -webkit-transform: rotate(-45deg);
             transform: rotate(-45deg);
             -webkit-animation: sdb05 1.5s infinite;
             animation: sdb05 1.5s infinite;
             box-sizing: border-box;}

@keyframes sdb05 {   
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}
.list-group-item{ font-size: 16px;}   
.list-group-item a, .list-group-item  a:focus,.list-group-item  a:hover {text-decoration: none;}


/* 
*********************************************************************

animazione nuova slide 2017 

*********************************************************************
*/
body div.slideshow_caption.new_slideshow{
    width: 100%;
}
body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption{ vertical-align: top;}
body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption .content_logo_slider{
    position: absolute;
    /*left: 50%;*/
    top: 2%;
    width: 100%;
    /*margin-left: -25%;*/
}
body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption .content_logo_slider .content_logo{ 
    padding: 3% 0px;
    /*width: 620px;*/
    display: block;
    margin: 0px auto;
}
/* SLOGAN TESTI */

  
/*contenitore dei testi */
body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption .content_slogan_txt{
    width: 50%; float:left;  position: relative;
}
body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption .content_slogan_txt.left .avia-button.avia-slideshow-button{ text-align: left !important;}
body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption .content_slogan_txt.right .avia-button.avia-slideshow-button-2{ text-align: right !important;}


/* testi a sinistra */
.content_slogan_txt.black .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan,
.content_slogan_txt.black .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan,
.content_slogan_txt.black .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:hover,
.content_slogan_txt.black .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:hover{
    background: none; border: 0px;  display: block; opacity: 1; color: #000;
}
.content_slogan_txt.white .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan,
.content_slogan_txt.white .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan,
.content_slogan_txt.white .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:hover,
.content_slogan_txt.white .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:hover{
    background: none; border: 0px;  display: block; opacity: 1; color: #fff;
}
 
.content_slogan_txt .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:first-child,
.content_slogan_txt .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(4),
.content_slogan_txt .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:first-child,
.content_slogan_txt .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(4){
    font-family: 'Helvetica Neue Bold';  
}
.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(2),
.content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(2){
    font-family: 'HelveticaNeue Ultra Light' !important;
}
.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(3){
    font-family: 'Helvetica Neue Thin' !important;    font-weight: 500;
}

.content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(3){
     font-family: 'Helvetica Neue Thin' !important;    font-weight: 600;
}
/* dimensioni dei caratteri */

.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:first-child,
.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(2),
.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(4),
.content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:first-child{
    font-size: 40px;
}
.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(3),
.content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(4){
    font-size: 55px; 
}
.content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(2){
    font-size: 50px;
}
.content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(3){
    font-size: 35px;
}
/* POSIZIONE DELLE SCRITTE DELLA SLIDER ANIMATA */
/*scritte di sinistra */
/*.content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(2){
    padding-left: 5%;
    -webkit-animation: seconda_scritta 6s infinite;
    animation: seconda_scritta 6s infinite; 
    
    opacity: 0;
}*/
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(2) {
    /*visibility: visible;*/
    -webkit-animation: caption-left 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-left 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s; 
    padding-left: 10%;
    transform: translate(-2000px, 0);
}
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(3) {
    /*visibility: visible;*/opacity: 0;
    -webkit-animation: caption-left 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-left 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s; 
    padding-left: 13%;
    transform: translate(-2000px, 0);

}
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.left .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button.slogan:nth-child(4) {
    /*visibility: visible;*/
    -webkit-animation: caption-left 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-left 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s; 
    transform: translate(-2000px, 0);
 }

/*scritte a destra */
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:first-child{
    padding-right: 20%;
    -webkit-animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s; 
    transform: translate(2000px, 0);
}
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(2){
    -webkit-animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 2s;
    -webkit-animation-delay: 2s; 
    transform: translate(2000px, 0);
    
}
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(3){
    padding-right: 22%;
    -webkit-animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 2.2s;
    -webkit-animation-delay:2.2s; 
    transform: translate(2000px, 0);
}
.avia_transform .av_slideshow_full .active-slide .content_slogan_txt.right .avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.slogan:nth-child(4){
    padding-right:10%;
    -webkit-animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation: caption-right 1.2s forwards cubic-bezier(0.985, 0.005, 0.265, 1);
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s; 
    transform: translate(2000px, 0);
}

/* LOGO */

body ul li.slide-2.active-slide div.content_logo_slider .content_logo.logo_animazione{ 
    -webkit-animation: logo_animazione 11s infinite;
    animation: logo_animazione 11s infinite;    
    opacity: 0;    

}
body ul li.slide-2.active-slide div.content_logo_slider .content_logo.logo_animazione_news{
    -webkit-animation: logo_animazione_news 6s forwards;
    animation: logo_animazione_news 11s forwards;    
    opacity: 0;    

}

/* VALORIZZO LE ANIMAZIONI DELLE SCRITTE */
/*
/* animazione LOGO sulle slide */          
@keyframes caption-right {  0% {
    transform: translate(2000px,0);
    opacity: 0;
}
100% {
    transform: translate(0,0);
    opacity: 1;
}
}
/* animazione LOGO sulle slide */          
@keyframes logo_animazione {   
    0% { display:none; opacity: 0; }
    20% { opacity: 0.9; display:block; }
    25% { opacity: 1; display:block; }
    75% { opacity: 1; display:block; }
    80% { opacity: 0.9; display:block; }
    100% { display:none; opacity: 0; }
}

/* solo per le news */
     
 
/* animazione LOGO sulle slide */          
@keyframes logo_animazione_news {   
    0% { display:none; opacity: 0; }
    20% { opacity: 0.9; display:block; }
    25% { opacity: 1; display:block; }
    100% { opacity: 1; display:block; }
     
}

.custom_bg_slider{
    background-position:  center center !important; background-size: cover !important;
    background-repeat: no-repeat !important;   height: 750px;


}
body div .avia-button, .slideshow_caption{padding: 0px;}
/*sfondo velato per le slide */

.avia-slide-wrap .slideshow_caption.new_slideshow .slideshow_inner_caption{z-index: 999999;}
.avia-slide-wrap .sfondo_velato{
    background: rgba(255,255,255,0.4); position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;
}
/*posizione del contenitore degli slogan */
.avia-slide-wrap .middle_down{
padding-top: 22%;
}
.content_slogan_txt{padding: 50px;}
/* seconda slide */
.middle_down_left{padding-top: 29%;}
.middle_down_right{padding-top: 4%;}
/*terza slide */
.middle_down_same{ padding-top: 13%;}

body div.slideshow_caption.new_slideshow .slideshow_inner_caption .slideshow_align_caption .content_logo_slider span.freccia{
        top:90%;
    }
    
    .item-image_titolo{ position: relative;}
    .item-image_titolo h3{    position: absolute;
    top: 30%; font-family: arial;
    text-align: center !important;
    color: #fff;
    width:100%; font-size: 22px;
    font-weight: bold;
}
.item-image_titolo span.parentesi{ font-size: 25px;}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}