/* SERVIZI
-------------------------------------------------- */

.box-servizi {
    position:absolute;
    height:900px;
    width: 90%;
    top:100px;
    background-image: url(/assets/website/old/dark-foglia.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}

.album {
    background-color: none;
    padding: 0 3rem;
}


.text-servizi {
    position:absolute;
    width:40%;
    top: 400px;
    left:7%;
    font-size: 32px;
    line-height: 48px;
    color: #e6e6e6;
}

.card-servizi {
    background-image: url(/assets/website/old/bkg-box-card.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
    position: relative;

}

.card-body {
    margin-bottom:20px;
}

.card-body > h3 {
    color:  #a61931;
    font-size: 32px;
    font-family: 'Barlow', sans-serif;
    font-weight:bolder;
}


.card-servizi img  {
    width: 70px;
    margin: 48px 0 48px 24px;
}

.card-servizi:hover {
    background-image: url(/assets/website/old/bkg-box-card-red.jpg);
}

.card-servizi p {
    color: #090909;
}

.card-servizi:hover p {
    color: #FFF;
    text-decoration: none;
}

.card-servizi:hover h3 {
    color: #FFF;
    text-decoration: none;
}

.iconcard  {
    width: 74px;
    height: 74px;
    margin: 48px 0 48px 24px;
}

.icon-privatebanking  {
    background-image: url(/assets/website/old/icon-card-private-banking.png);
}

.card-servizi:hover .icon-privatebanking {
    background-image: url(/assets/website/old/icon-card-private-banking-hover.png);
}

.icon-family  {
    background-image: url(/assets/website/old/icon-card-family.png);
}

.card-servizi:hover .icon-family {
    background-image: url(/assets/website/old/icon-card-family-hover.png);
}

.icon-fiduciaria  {
    background-image: url(/assets/website/old/icon-card-fiduciaria.png);
}

.card-servizi:hover .icon-fiduciaria {
    background-image: url(/assets/website/old//icon-card-fiduciaria-hover.png);
}

.icon-real-estate  {
    background-image: url(/assets/website/old/icon-card-real-estate.png);
}

.card-servizi:hover .icon-real-estate {
    background-image: url(/assets/website/old/icon-card-real-estate-hover.png);
}

.icon-servizi-investitori  {
    background-image: url(/assets/website/old/icon-card-servizi-investitori.png);
}

.card-servizi:hover .icon-servizi-investitori {
    background-image: url(/assets/website/old/icon-card-servizi-investitori-hover.png);
}

.icon-advisory  {
    background-image: url(/assets/website/old/icon-card-advisory.png);
}

.card-servizi:hover .icon-advisory {
    background-image: url(/assets/website/old/icon-card-advisory-hover.png);
}

.icon-consulenza  {
    background-image: url(/assets/website/old/icon-card-consulenza.png);
}

.card-servizi:hover .icon-consulenza {
    background-image: url(/assets/website/old/icon-card-consulenza-hover.png);
}


.padd-left {
    padding-left: 115px;
}

.no-padd-left {
    padding-left: 0;
}

.box100txt{
    margin-top: 30px;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 30px;
    width: 80%
}

.appbkg {
    background-image: url(/assets/website/old/home--app-rectangle-24.png);
    padding: 100px 0 0 0;
}

.boxapptxt{
    padding: 50px;
    background-color: #FFF;
    margin: 50px 0 150px 0;
    position: relative;
}

.boxapptxt > ul {
    list-style-image: url(/assets/website/old/square.jpg);
    padding-left:1em !important;
    margin-left:1em;
    font-size:21px;
    line-height: 56px;
}
.boxapptxt > ul > li {
    color: #515151;
}

.btinbox{
    position: absolute;
    left: 25%;
    right: 25%;
    text-align: center;
    bottom: -20px;
}

.padsection{
    padding: 70px 0;
}

.pianta {
    text-align: right
}

.box-stnb {
    padding: 50px;
    position: relative;
    width: 70%;
    background-color: #FFF;
    box-shadow: 0 19px 26px -7px rgba(0, 0, 0, 0.05);
}

.btinboxright {
    position: absolute;
    bottom: -60px;
    right: 0;
}


.blackbkg {
    background-image: url(/assets/website/old/foto-bgx.jpg);
    background-size: cover;
    position: relative;
    margin-bottom: 500px;
}

.inblacktxt{
    color: #FFF;
    margin: 200px 0 250px 0;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Unna', serif;
    font-style: italic;
}

.redboxnumber {
    position: absolute;
    background-color: #a61931;
    left:15%;
    right:15%;
    width: 70%;
    bottom:-170px;
    padding: 100px;
}

.redboxnumber > h4 {
    font-size: 48px;
    line-height: 64px;
    color: #FFF;
    padding-bottom: 30px;
    font-family: 'Unna', serif;
    font-weight: normal;
    margin-left: 15px;
}


.rowcard {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    position: absolute;
    left: 10%;
    right: 10%;
}

.card-text-1 {
    color: #a61931;
    font-size: 18px;
    font-weight: bold;
    margin:0;
}

.card-text-2 {
    color: #333333;
    font-size: 40px;
    margin:0;
}

.card-text-3 {
    color: #a61931;
    font-size: 30px;
    margin:0;
    text-align: right;
}


.footer1 {
    margin: 80px 0 0 0;
    padding:50px 0;
    background-image: url(/assets/website/old/home--app-rectangle-24.png);
}

.footer2 {
    padding:50px 10%;
    background-color: #515151;

}

.banner {
    padding:25px 0;
    background-image: url(/assets/website/old/bkg-banner.jpg);
}

.banner img {
    width: 100%;
}

.text-footer2 {
    color: #e6e6e6 !important;
}

.footer3 {
    padding:30px 0;
    background-color: #333333;
    color: #ffffff;
}

.social {
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 15px;
}




/*PAGINA*/

.pagebkg {
    background-image: url(/assets/website/old/page-bkg.jpg);
    padding: 0;
    background-repeat:repeat-x;
}

.pageint {
    padding-top: 40px;
}

.pagemain {
    background-color: #FFF;
    height: auto;
    margin-left: 200px;
    padding: 50px 40px;
    position: relative;
}

.pageint > h2 {
    width: 100%;
    padding: 0 0 20px 200px;
    font-size: 48px;
    color: #FFF;
}

.pagemain > p {
    line-height: 32px;
    font-size:18px;
}

.blocco-sezione {
    background-color: #333333;
    height:100px;
    margin-top:54px;
    color: #FFF;
    text-transform:uppercase;
    font-size:24px;
    font-weight: 600;
    padding:20px 0 0 30px;
    position: relative;
}

.blocco-sezione-tratto {
    position: absolute;
    background-color: #FFF;
    top: 0;
    left: 30px;
    width:40px;
    height: 6px;
}

.menu-sezione {
    background-color: #e5e5e5;
    height:auto;
    width: 50%;
}

.menu-sezione > ul {
    color: #a61931;
    font-weight: 600;
    list-style-image: url(/assets/website/old/arrow-menu.png);
}

.menu-sezione > ul > li {
    padding: 20px 0;

}

.menu-sezione > ul > li a {
    color: #a61931;

}

.foto-horiz {
    background-color: #f9f9f9;
    position: relative;
    left: -10%;
    width: 110%;
    font-size: 24px;
    color: #a61931;
    margin-bottom:50px;
}

.accordion-group-head {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 3px solid #FFF;
    background-image: url(/assets/website/old/croce.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.btn-link {
    color: #212529;
    background-image: url(/assets/website/old/arrow-menu-hover.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px
}

.btn-link:hover {
    color: #212529;
    text-decoration: none;
}


.altriservizi {
    background-image: url(/assets/website/old/bkg-altri-servizi.jpg);
    padding: 0;
    background-repeat:repeat-x;
}


.atrsev-cont {
    margin: 0 auto;
    padding: 50px 10% 0 10%;
    width: 80%
}


/*PAGINAZIONE*/

.page-link {
    color: #a61931 !important;
}

.page-item.active .page-link {
    color: #fff !important;
    background-color:  #a61931 !important;
    border-color:  #a61931 !important;
}


/*TABLE CUSTOM*/
.custom {
    font-size: 14px;
}

/*MOBILE*/




/* Extra small devices (phones, 600px and down) */

@media only screen and (min-width: 320px) {.iframe {height: 300vh;}}
@media only screen and (min-width: 360px) {.iframe {height: 575vh;}}
@media only screen and (min-width: 375px) {.iframe {height: 620vh;}}
@media only screen and (min-width: 390px) {.iframe {height: 470vh;}}


/*@media only screen and (min-width: 1200px) {.iframe {height: 340vh;}}*/
/*@media only screen and (max-width: 1200px) {.iframe {height: 450vh;}}*/
@media only screen and (min-width: 1200px) {.iframe {height: 410vh;}}

@media only screen and (min-width: 1500px) {.iframe {height: 310vh;}}

@media (max-width: 1500px) {

    .carousel-caption {
        top: 0;
    }

    .carousel-caption > h1 {
        font-size: 50px;
        line-height: 50px;
    }


}

@media (max-width: 1200px) {

    .nav-item {
        padding: 20px 10px;
    }



}

@media (min-width: 768px) {
    .col-md-2 {
        max-width: 11.666%;
    }

}


@media (min-width: 576px) {

}


@media (max-width: 991px) {

    .navbar {
        height:auto;
        padding: 10px;
    }

    .nav-item {
        height: auto;
        border-left: 0px;
        padding: 0;
    }

    .navbar-collapse .navbar-nav .dropdown-menu {
        background-color: #f8f9fa;
        border: 0px;
        padding: 0;
    }

    .carousel-caption {
        top: 80px;
        left: 5%;
        width: 90%;
    }

    .carousel-caption > h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 40px;
    }



    .carousel-component-0 {
        display: block;
        position: relative;
        right: 0;
        bottom: 150px;
        left: 0;
        margin-left: 2%;
    }

    .carousel-box-left{
        background-color: #FFF;
        position: absolute;
        z-index: 5;
        font-size: 21px;
        padding: 30px;
        margin-top: 90px;
        width: 90%
    }

    .carousel-box-right{
        position: absolute;
        text-align: right;
        font-size: 18px;
        letter-spacing: 0.6px;
        font-weight: 500;
        padding: 5% 12% 20% 5%;
        right:0;
        margin-top: 0px;
    }

    .carousel-box-right > p{
        display: none;
    }

    .num-slide {
        margin-left: 30px;
    }

    .car-freccia {
        top: 20%;
    }

    .quadrato-grigio {
        display: none;
    }

    .linea-rossa {
        position: absolute;
        left: 0;
        top: 0;
        width: 30%;
        height: 8px;
        z-index: 6;
        margin-left: 15px;
        margin-top: 90px;
    }

    .imgincr{
        width: auto!important;
        height:550px;
    }

    .box-servizi {
        position:absolute;
        height:900px;
        width: 95%;
        top:0
    }


    .box-servizi-cont{
        padding-top: 150px;
    }

    .album {
        background-image: url(/assets/website/old/dark-foglia.jpg);
    }

    .box-servizi {
        /*background-image: url('');*/
    }

    .text-servizi {
        position:absolute;
        width:100%;
        top: 0;
        left:0;
        font-size: 24px;
        line-height: 24px;
    }

    .album {
        padding: 0 1.5em;
    }

    h2 {
        padding-left: 24px;
        font-size: 42px;
        line-height: 42px;
    }

    .padd-left {
        padding-left: 15px;
    }

    .box100txt{
        width: 100%
    }

    .boxapptxt{
        margin: 50px 0 100px 0;
        padding: 10px;
    }

    .boxapptxt > ul {
        font-size:18px;
        line-height:32px;
    }

    .btinbox{
        bottom: -50px;
    }

    .linea-rossa {
        margin: 0;
    }

    .linea-rossa-m{
        margin: 90px 0 0 15px;
    }

    .padsection {
        padding: 0;
    }

    .pianta {
        text-align: center;
        margin-bottom: 50px;
    }

    .box-stnb {
        width: 100%;
    }

    .blackbkg {
        margin-bottom: 150px;
    }

    .inblacktxt {
        font-size: 30px;
        line-height: 30px;
        margin-bottom:0;
    }

    .card-text-2 {
        font-size: 28px;
    }

    .redboxnumber {
        position: relative;
        padding: 0;
        left: 2.5%;
        right: 2.5%;
        width: 95%;
        bottom: -100px;
    }

    .redboxnumber > h4 {
        margin: 0;
        text-align: center;
        font-size: 36px;
    }

    .rowcard{
        position: relative;
        left: 5%;
        right: 5%;
        width: 90%;
    }

    .social {
        margin: 30px auto;
        position: relative;
        text-align: center;
    }


    .pageint > h2 {
        padding: 0 0 20px 15px;
        font-size: 36px;
    }

    .pagemain {
        margin-left: 0;
        padding: 50px 15px;
    }

    .foto-horiz {
        left: 0;
        width: auto;
        font-size: 18px;
    }

    .menu-sezione {
        width: 100%;
    }

    .atrsev-cont {
        padding: 50px 2% 0 2%;
        width: 96%;
    }


}




@media (max-width: 400px) {

    #logo {
        width: 200px;
    }

    .carousel-box-right{
        margin-top: 10px;
    }

    .carousel-component-0 {
        bottom: 130px;
    }

    .carousel-box-left {
        font-size: 17px;
    }

    .box-servizi-cont {
        padding-top: 180px;
    }
}


/*IMMAGINI*/



/*MANAGEMENT*/


.linea_rossa{
    max-width: 100%;
    border-top: solid 1px #a61931;
    margin: 0;
}
.div-1 {
    position: relative;
    margin-top: 0px;
    background-color: rgba(166, 25, 49, 1);
    width: 100%;
    padding-top: 0px;
    display: flex;
    flex-direction: row;
    height: 190px;
}
@media (max-width: 991px) {
    .div-1 {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        width: 100%;
    }
}
@media (max-width: 640px) {
    .div-1 {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}
.card-01 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 50px;
    padding-bottom: 30px;
    margin-left: 7%;
    margin-right: auto;
    box-shadow: 0 9px 15px -10px rgba(122, 122, 122, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 250px;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-width: 0px;
    border-radius: 5px;
    min-height: 200px;
    margin-bottom: -15px;
}
@media (max-width: 991px) {
    .card-01 {
        margin-left: auto;
        margin-right: auto;
    }
}
.cardbox {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: -23px;
    height: 135px;
    background-image: url(/assets/website/old/tofanelli.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 135px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 175px;
}
.cardbox-01 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: -23px;
    height: 135px;
    background-image: url(/assets/website/old/Arturo_Nattino.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 135px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 175px;
}
.titolo {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 0px;
    line-height: normal;
    height: auto;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: rgba(81, 81, 81, 1);
    padding-top: 10px;
}
.sottotitolo {
    display: flex;
    flex-direction: column;
    position: relative;
    line-height: normal;
    height: auto;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: rgba(166, 25, 49, 1);
    padding-top: 5px;
}
.card-01-2 {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: 7%;
    box-shadow: 0 9px 15px -10px rgba(122, 122, 122, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 250px;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-width: 0px;
    border-radius: 5px;
    min-height: 200px;
    margin-top: 50px;
    margin-bottom: -15px;
}
@media (max-width: 991px) {
    .card-01-2 {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        margin-top: 74px;
    }
}
.div-2 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    height: auto;
    padding-bottom: 30px;
}
.div-3 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    line-height: normal;
    height: auto;
    text-align: left;
    color: rgba(166, 25, 49, 1);
    font-family: Barlow, sans-serif;
    font-weight: 600;
    border-style: solid;
    border-color: rgb(166, 25, 49);
    border-width: 0px 0px 1px 0px;
    margin-bottom: -2px;
    padding-top: 50px;
}
.div-4 {
    display: flex;
    flex-direction: column;
    position: relative;
}
.columns {
    display: flex;
}
@media (max-width: 999px) {
    .columns {
        flex-direction: column;
        align-items: stretch;
    }
}
.column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(100% - 0px);
    margin-left: 0px;
}
@media (max-width: 999px) {
    .column {
        width: 100%;
    }
}
.div-5 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
}

.div-7 {

    margin-top: 80px;
}
.div-07 {

    margin-top: 120px;
}

@media (max-width: 999px) {
    .div-07 {
        margin-top: 370px;    }
}




.container-filiali {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 280px; }
.header-red {
    position: relative;
    background-color: rgba(166, 25, 49, 1);
    width: 100%;
    flex-direction: column;
    display: flex;
    height: 140px;
    line-height: 0px; }
.header-white {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    height: 250px;
    background-color: rgba(255, 255, 255, 1);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 19px 26px 7px rgba(0, 0, 0, 0.05);
    padding-bottom: 30px;
    padding-left: 55px;
    padding-right: 55px; }
.div-1-sede {
    display: flex;
    flex-direction: column;
    position: relative; }
.columns-sede {
    display: flex; }@media (max-width: 999px) {
    .columns-sede {
        flex-direction: column;
        align-items: stretch; } }
.column-sede {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 0px; }@media (max-width: 999px) {
    .column-sede {
        width: 100%; } }
.titolo-sede {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    line-height: normal;
    height: auto;
    text-align: left;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: rgba(166, 25, 49, 1);
    margin-bottom: 20px; }
.testo-sede {
    display: flex;
    flex-direction: column;
    position: relative;
    line-height: 22px;
    height: auto;
    text-align: left; }
.column-2-sede {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 20px; }@media (max-width: 999px) {
    .column-2-sede {
        width: 100%; } }
.div-2-bt-email {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 55px;
    appearance: none;
    padding-top: 8px;
    font-size: 12px;
    background-color: rgba(250, 250, 250, 1);
    color: rgba(51, 51, 51, 1);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    width: 87px;
    height: 31px; }
.div-3-bt-email {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 10px;
    appearance: none;
    padding-top: 8px;
    background-color: rgba(250, 250, 250, 1);
    color: rgba(51, 51, 51, 1);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    width: 87px;
    height: 31px;
    font-size: 12px;
    margin-bottom: auto; }
/*.div-4-tit-filiali{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 30px;
} */
.div-5-filiali{
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: rgba(166, 25, 49, 1);
    margin-top: 40px; }
.div-6-linea{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px; }
.column-3-filiale {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 0px; }@media (max-width: 999px) {
    .column-3-filiale {
        width: 100%; } }
.div-7-filiale {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    height: 200px;
    width: 330px;
    box-shadow: 0 19px 26px -7px rgba(0, 0, 0, 0.05);
    background-color: rgba(255, 255, 255, 1);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px; }
.titolo-filiali {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    line-height: normal;
    height: auto;
    text-align: left;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: rgba(166, 25, 49, 1); }
.testo-filiali {
    /*display: flex;
    flex-direction: column;*/
    position: relative;
    line-height: 22px;
    height: auto;
    text-align: left;
    font-size:16px;
}

.div-8-filiale{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 10px;
    appearance: none;
    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 16px;
    padding-right: 25px;
    background-color: rgba(250, 250, 250, 1);
    color: rgba(51, 51, 51, 1);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    width: 87px;
    height: 31px;
    font-size: 12px; }

.div-8-bis-filiale{
    display: flex;
    flex-direction: column;
    position: relative;
    appearance: none;
    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 13px;
    padding-right: 25px;
    background-color: rgba(250, 250, 250, 1);
    color: rgba(51, 51, 51, 1);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: 106px;
    margin-top: -31px;
    width: 87px;
    height: 31px;
    font-size: 12px; }

@media (max-width: 640px){
    .div-8-bis-filiale {
        margin-left: 50px;
    }}

@media (max-width: 999px) {
    .div-8-bis-filiale {
        margin-left: 50px;
    } }

.column-4-filiale {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 20px; }@media (max-width: 999px) {
    .column-4-filiale {
        width: 100%; } }
.div-9-filiale {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    height: 200px;
    width: 330px;
    background-color: rgba(255, 255, 255, 1);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    box-shadow: 0 19px 26px -7px rgba(0, 0, 0, 0.05);
}


.div-10-filiale {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 10px;
    appearance: none;

    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 16px;

    padding-right: 25px;
    background-color: rgba(250, 250, 250, 1);
    color: rgba(51, 51, 51, 1);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    width: 87px;
    height: 31px;
    font-size: 12px;

}@media (max-width: 991px) { .header-white {
    height: 300px; } }@media (max-width: 640px) { .header-white {
    height: 300px; } }.div-1-sede {
                          display: flex;
                          flex-direction: column;
                          position: relative; }.columns-sede {
                                                   display: flex; }@media (max-width: 999px) { .columns-sede {
    flex-direction: column;
    align-items: stretch; } }.column-sede {
                                 display: flex;
                                 flex-direction: column;
                                 line-height: normal;
                                 width: calc(50% - 10px);
                                 margin-left: 0px; }@media (max-width: 999px) { .column-sede {
    width: 100%; } }@media (max-width: 999px) { .column-2-sede {
    width: 100%;
    margin-left: 0px;
    padding-top: 20px;
} }@media (max-width: 991px) { .div-2-bt-email {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; } }@media (max-width: 640px) { .div-2-bt-email {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; } }@media (max-width: 991px) { .div-3-bt-email {
    margin-left: auto;
    margin-right: auto; } }@media (max-width: 640px) { .div-3-bt-email {
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 991px) {
    .div-5-filiali {
        margin-top: 20px; }
}
@media (max-width: 640px) {
    .div-5-filiali {
        margin-top: 20px; }

}
.div-5-filiali-banking{
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: rgba(166, 25, 49, 1);
    margin-top: 20px; }

@media (max-width: 991px) {
    .div-5-filiali-banking {
        margin-top: 550px; }
}
@media (max-width: 640px) {
    .div-5-filiali-banking {
        margin-top: 410px; }

}

@media (max-width: 999px) { .column-3-filiale {
    width: 100%; } }@media (max-width: 640px) { .div-7-filiale {
    width: 280px;
    margin: 0 auto;
    margin-top:20px;} }@media (max-width: 999px) { .column-4-filiale {
    width: 100%;
    margin-left:0px;} }
@media (max-width: 640px) {
    .div-9-filiale {
        width: 280px;
        margin:0 auto;
        margin-top:20px;} }

.div-1-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    height: 200px;
    margin-bottom: 150px;
}
@media (max-width: 991px) {
    .div-1-banking {
        margin-bottom: 200px;
    }
}
.div-2-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 60px;
    margin:0px auto;
}
@media (max-width: 991px) {
    .div-2-banking {
        margin-bottom: 200px;
    }
}
.columns-banking {
    display: flex;
    justify-content: space-between;

}
@media (max-width: 999px) {
    .columns-banking {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }
}
.column-banking {
    display: flex;
    flex-direction: column;
    line-height: normal;
}
.column-banking-top {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-right: 10px;

}
@media (max-width: 999px) {
    .column-banking {
        width: 100%;
        margin: 0px;
    }
}
.div-banking{

    line-height: 22px;
}
.box-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    height: 306px;
    background-image: url(https://cdn.builder.io/api/v1/image/assets%2F4d9e359118764c4cbe36db2d93f5ac0a%2Ff9018c41de324b96a1f8ed98f18b48db?width=539);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-color: rgba(230, 230, 230, 1);
    border-width: 1px;
    background-color: rgba(255, 255, 255, 1);
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}
@media (max-width: 991px) {
    .box-banking {
        width: 387px;
        height: 346px;
    }
}
@media (max-width: 640px) {
    .box-banking {
        width: 90%;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        padding-bottom: 30px;
    }
}
.div-3-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 30px;
    height: auto;
    text-align: left;
    font-family: Barlow, sans-serif;
    color: #a61931;
    font-size: 28px;
    font-weight: 600;
}
.div-4-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: auto;
    appearance: none;
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #a61931;
    color: white;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    width: 142px;
    height: 49px;
}
.column-2-banking {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 10px;
}
.column-banking_new{
    margin-right: 10px;
}
@media (max-width: 999px) {
    .column-2-banking {
        width: 100%;
        margin-left: 0px;
    }
}
.div-5-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    line-height: 25px;
    height: auto;
    text-align: left;
    font-family: Barlow, sans-serif;
    color: rgba(9, 9, 9, 1);
    font-size: 15px;
    font-weight: 400;
}

.div-6-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: auto;
    appearance: none;
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #a61931;
    color: white;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    width: 142px;
    height: 49px;
    z-index:1000;
}
.div-7-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 200px;
    height: auto;
    background-color: rgba(216, 216, 216, 1);

}
@media (max-width: 991px) {
    .div-7-banking {

        position: relative;
        display: flex;
    }
}
.div-8-banking {
    height: 522px;
    width: 653px;
    max-width: 653px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -200px;
    min-height: 522px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(/assets/website/old/phone_online_banking.png);
    background-repeat: no-repeat;
}

.div-8-banking_en {
    height: 522px;
    width: 653px;
    max-width: 653px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -200px;
    min-height: 522px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(/assets/website/old/phone_en@3x.png);
    background-size: 653px 522px;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .div-4-tit-filiali
    {
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    .div-8-banking {
        height: 296px;
        width: 370px;
        min-height: 320px;
        max-width: 370px;
        position: relative;
        margin-top: -150px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/assets/website/old/phone_online_banking_mobile.png);
        background-repeat: no-repeat;
    }
}
@media (max-width: 640px) {
    .div-8-banking {
        height: 296px;
        width: 370px;
        position: relative;
        margin-top: -150px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/assets/website/old/phone_online_banking_mobile.png);
        background-repeat: no-repeat;
    }
}
.image-banking {
    object-fit: contain;
    object-position: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.image-sizer-banking01 {
    width: 231px;
    height: 136px;
    font-size: 0;
    background-repeat: no-repeat;
}

.image-sizer-banking01 a img:last-child {
    display: none;
}

.image-sizer-banking01 a img:last-child {
    display: none;
}

.image-sizer-banking01 a:hover img:last-child
{ display: block;
}
.image-sizer-banking01 a:hover img:first-child {
    display: none;
}

.image-sizer-banking02 {
    width: 231px;
    height: 136px;
    background-repeat: no-repeat;
    font-size: 0;
}

.image-sizer-banking02 a img:last-child {
    display: none;
}

.image-sizer-banking02 a img:last-child {
    display: none;
}

.image-sizer-banking02 a:hover img:last-child
{ display: block;
}
.image-sizer-banking02 a:hover img:first-child {
    display: none;
}

.image-sizer-banking03 {
    width: 231px;
    height: 136px;
    background-size:cover;
    background-repeat: no-repeat;
    font-size: 0;
}

.image-sizer-banking03 a img:last-child {
    display: none;
}

.image-sizer-banking03 a img:last-child {
    display: none;
}

.image-sizer-banking03 a:hover img:last-child
{ display: block;
}
.image-sizer-banking03 a:hover img:first-child {
    display: none;
}


.div-9-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.column-3-banking {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 0px;
}
@media (max-width: 999px) {
    .column-3-banking {
        width: 100%;
    }
}
.div-10-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    text-align: center;
    line-height: normal;
    min-height: 49px;
    min-width: 212px;
    overflow: hidden;
    width: 212px;
    height: 49px;
    /* background-image: url(/assets/website/old/button_apple.png);*/
    background-repeat: no-repeat;
}
@media (max-width: 991px) {
    .div-10-banking {
        margin-top: 0px;
    }
}
.image-sizer-2-banking {
    width: 100%;
    padding-top: 70.04048582995948%;
    pointer-events: none;
    font-size: 0;
}
.column-4-banking {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(50% - 10px);
    margin-left: 20px;
}
@media (max-width: 999px) {
    .column-4-banking {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
}
.div-11-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    text-align: center;
    line-height: normal;
    min-height: 49px;
    min-width: 212px;
    overflow: hidden;
    width: 212px;
    height: 49px;
    /*    background-image: url(/assets/website/old/button_playstore.png);
    */    background-repeat: no-repeat;
}
@media (max-width: 991px) {
    .div-11-banking {
        margin-top: 0px;
    }
}
.div-12-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 60px;

    margin-left: 20px;
    margin-right: 20px;
    line-height: normal;
    height: auto;
    text-align: left;

    font-family: Barlow, sans-serif;
    font-weight: 600;
}
@media (max-width: 991px) {
    .div-12-banking {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.div-13-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    margin-bottom: 60px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 25px;
    height: auto;
    text-align: left;

    font-family: Barlow, sans-serif;
    font-size: 15px;
}
@media (max-width: 991px) {
    .div-13-banking {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.div-14-banking {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
}
.column-5-banking {
    display: flex;
    flex-direction: column;
    line-height: normal;

}
@media (max-width: 999px) {
    .column-5-banking {
        width: 100%;
    }
}
.div-15-banking {
    display: flex;

    position: relative;

    text-align: center;
    line-height: normal;

    height: 136px;
    width: 213px;
    overflow: hidden;
}
@media (max-width: 999px) {
    .div-15-banking  {
        margin-bottom: 20px;    }
}
.image-2-banking {
    object-fit: cover;
    object-position: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.column-6-banking {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: calc(33.333333333333336% - 13.333333333333334px);

}
@media (max-width: 999px) {
    .column-6-banking {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .view {
        height: 500px;
    }

    .imgincr2 {
        width: auto !important;
    }

}