/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800&family=Quicksand:wght@300;400;500;600;700&display=swap'); 

html,
body {
    height: 100%;
    color: #151A57;
    font-family: 'Quicksand', sans-serif;
}

.form-group {
    margin-bottom: .2rem !important;
}


.container-fluid-0 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.header {
    position: relative;
    min-height: 100vh !important;
    background: #fff url(../background-home.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: inset 0 -1px 5px rgba(0,0,0,0.6);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    font-family: 'Quicksand', sans-serif;
    font-weight: 500 !important;
    font-size: 14px;
}

.btn {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500 !important;
    font-size: 14px;
}

.header-pagine {
    background-color: #151A57;
}


.header-sportello {
    position: relative;
    /* height: 100% !important; */
    min-height: 100vh !important;
    background: #EAEDF9 url(../background-richiesta.jpg) no-repeat center center;
    background-size: cover;
    /* box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6); */
}

.background-panna {
    background-color: #F8F8F8;
}

/* --- nuova tipografica ---- */
.titolo-grande {
    font-size: 56px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.titolo-grande-small {
    font-size: 56px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
}

.titolo-medio {
    font-size: 36px;
    font-family: 'Barlow', sans-serif;
    font-weight: 800;
}
.titolo-medio-small {
    font-size: 36px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
}
.titolo-piccolo {
    font-size: 18px;
    font-family: 'Barlow', sans-serif;
    font-weight: 800;
}

.titolo-mini {
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.titolo-mini2 {
    /* font-size: 22pt; */
    font-size: 21px;
    font-family: 'Barlow', sans-serif;
    /* font-weight:700; */
}

.titoletto {
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.corpo-testo-medio {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 20pt;
}

.corpo-testo-piccolo {
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    line-height: 16px;
}

.corpo-testo-piccolo-12 {
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.titoletto2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.testo-segnaposto {
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    opacity: 0.5;
}

.colore-oro {
    color: #A68A56;
}

.colore-verde {
    color: #04B212;
}

.opacity-5 {
    opacity: 0.5;
}

.btn-info {
    background-color: #04B212;
}

.tx-prima-maiuscolo {
    text-transform: capitalize;
}


/* --- end nuova tipografia ----- */
.btn-success:hover {
    background-color: #C9B899 !important;
    border-color: #C9B899 !important;
}

.btn-primary:hover {
    background-color: #9AA5E5 !important;
    border-color: #9AA5E5 !important;
}
/* --- pulsanti custrom sugli onver ---- */

/* --- end pulsanti */

/* ********* DEPRECATI **************** */
.tx-56 {
    font-size: 56px;
}

.tx-22 {
    font-size: 22px;
}

.titoli {
    font-family: 'Barlow', sans-serif;
    font-weight: 800 !important;
}

.titolini {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* ./ DEPRECATI **********************/
.navigazione {
    padding-left: 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
}

.separatore {
    border-left-color: #A68A56;
    border-left-style: solid;
    border-left-width: 0px;
}


.tx-16 {
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
}

.tx-12 {
    font-size: 12px;
    font-family: 'Quicksand', sans-serif;
}

.tx-12b {
    font-size: 12px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 800;
}
/* .tx-22 {
    font-size: .8em;
} */
.tx-blu-notte {
    color: #151A57;
}

.radius-form {
    border-radius: 20px;
}

.hr-1 {
    border: none;
    border-top: 1px solid #A68A56;
}

.tx-radio {
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
}
/* BOTTONI ******************************** */

.btn-primary {
    background-color: #0420BF !important;
    border-color: #0420BF !important;
}

.btn-success {
    background-color: #A68A56 !important;
    border-color: #A68A56 !important;
}

.btn-link {
    font-weight: 500;
    color: #0B2F4D;
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
}

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

/* nasconde un elemento **********/
.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.home_servizi {
    background-color: #EAEDF9;
    color: #151A57;
}

#animation_container {
    visibility: hidden;
}
.suivi-cover {
    position: relative;
    height: 50vh !important;
    background: url(../images/suivi-bg.png) no-repeat center center;
    background-size: cover;
}
.immagine-cover {
    position: relative;
    height: 10vh !important;
    background: url(../images/home-cover-trasporto.jpg) no-repeat center center;
    background-size: cover;
}
/* --- come funziona ---- */
.come-funziona {
    background-color: #EAEDF9;
}

.come-funziona-posizione {
    text-align: center;
}
.home-come-funziona-posizione{
    text-align:center;
}



/* /. come funziona ----- */


/* .container-fluid {
    padding-right: 0;
    padding-left: 0;
} */



.border-cerchio-home {
    border: 5px solid #EAEDF9 !important;
    margin-top: -240px;
}

.line-height-20 {
    line-height: 20px;
}

.links:link {
    text-decoration: none;
    font-weight: 500;
    color: #0B2F4D;
    font-family: 'Quicksand', sans-serif;
}

.links:visited {
    text-decoration: none;
    color: #151A57;
}

.links:hover {
    /* text-decoration: underline; */
    color: #0420BF;
    text-decoration: none;
}

.links:active {
    /* text-decoration: underline; */
    color: #0420BF;
}



/* **** CARD TRASPORTO HOME *********************** */
.card-home {
    width: 20rem;
    height: 280px;
}

.card-title {
    text-align: center;
}

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

.card-auto {
    /* background-color: #fff; */
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
    /* transition: background-color .5s ease-in-out; */
}

    .card-auto:hover {
        color: #fff;
        background-image: url('../images/home-backgrout-auto.jpg');
        background-size: cover;
        text-decoration: none !important;
    }

        .card-auto:hover .icon {
            fill: #fff;
        }

.card-moto {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-moto:hover {
        color: #fff;
        background-image: url('../images/home-background-moto.jpg');
        background-size: cover;
    }

        .card-moto:hover .icon {
            fill: #fff;
        }

.card-barche {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-barche:hover {
        color: #fff;
        background-image: url('../images/home-background-barche.jpg');
        background-size: cover;
    }

        .card-barche:hover .icon {
            fill: #fff;
        }

.card-animali {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-animali:hover {
        color: #fff;
        background-image: url('../images/home-background-animali.jpg');
        background-size: cover;
    }

        .card-animali:hover .icon {
            fill: #fff;
        }


.card-traslochi {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-traslochi:hover {
        color: #fff;
        background-image: url('../images/home-background-traslochi.jpg');
        background-size: cover;
    }

        .card-traslochi:hover .icon {
            fill: #fff;
        }

.card-pacchi {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-pacchi:hover {
        color: #fff;
        background-image: url('../images/home-background-pacchi.jpg');
        background-size: cover;
    }

        .card-pacchi:hover .icon {
            fill: #fff;
        }

.card-pallet {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-pallet:hover {
        color: #fff;
        background-image: url('../images/home-background-pallet.jpg');
        background-size: cover;
    }

        .card-pallet:hover .icon {
            fill: #fff;
        }

.card-mobili {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-mobili:hover {
        color: #fff;
        background-image: url('../images/home-background-mobili.jpg');
        background-size: cover;
    }

        .card-mobili:hover .icon {
            fill: #fff;
        }

.card-agricoli {
    background-image: url('../images/binaco.gif');
    background-size: cover;
    color: black;
    transition: all .5s ease;
}

    .card-agricoli:hover {
        color: #fff;
        background-image: url('../images/home-background-agricoli.jpg');
        background-size: cover;
    }

        .card-agricoli:hover .icon {
            fill: #fff;
        }

/* --- end card trasporti */


/* --- recensioni ------- */
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: auto;
    width: 30%;
    color: #A68A56;
    text-align: center;
    border: 0;
}

    .carousel-control-prev:hover, .carousel-control-next:hover {
        color: #A68A56;
    }

    .carousel-control-prev:visited, .carousel-control-next:visited {
        color: #A68A56;
    }

.btn-recensioni {
    background-color: #fff;
    font-size: x-small;
    text-transform: uppercase;
    text-decoration: underline;
}
/* --- end recensioni --- */

/* --- partner ---------- */
.partner {
    background-color: #151A57;
}

.partner-immagine-cover {
    position: relative;
    height: 30vh !important;
    background: url(../images/home-partner.jpg) no-repeat center center;
    background-size: cover;
}

.partner-sfondo-cover {
    position: relative;
    height: 100vh;
    background: url(../images/background-partners.png) no-repeat center center;
    background-size: cover;
}

.border-cerchio-home-partner {
    border: 5px solid #151A57 !important;
    margin-top: -300px;
}


.border-cerchio-riservata {
    border: 10px solid #ffffff !important;
    margin-top: -55px;
}

.bg-opacity {
    background-color: rgba(255, 255, 255, 0.5);
}

/* --- end partner ------ */

.sostenibilita-sfondo-cover {
    position: relative;
    height: 70vh;
    background: url(../images/background-sostenibilita.png) no-repeat center center;
    background-size: cover;
}
/* --- home section trasposrti effettuati -------- */
.elenco-trasposrti-sfondo {
    position: relative;
    background-color: #EAEDF9;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}

.table th, .table td {
    padding: 1rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}

.elenco-titolino {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    letter-spacing: 1.2px;
}

/* --- end home section trasposrti effettuati ---- */

/* --- faq ------------- */
.card {
    border: 0px;
    border-radius: 0;
    background-color: transparent !important;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    /* background-color: rgb(255, 255, 255); */
    background-color: transparent;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid #A68A56;
}

/* --- end faq --------- */

/* --- dicono di noi --- */
/* @media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
} */

/* display 3 */
/* @media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
} */


/* ---/ dicono di noi -- */

/* --- sportello ------- */

.titolo-26 {
    font-size: 26px;
}

.progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5rem;
    background-color: #e9ecef00;
}

.progress-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #A68A56;
    font-weight: 700;
    border: 1px solid #A68A56;
    background-color: transparent;
}

.progress-line {
    height: 1px;
    background-color: #A68A56;
    margin-left: 10px;
    margin-right: 10px;
    flex-grow: 1;
}

.progress-dot.active {
    background-color: #A68A56;
    color: white;
}


.progress2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 8rem;
    background-color: #e9ecef00;
}

.progress-dot2 {
    width: 30px;
    height: 30px;
    /* border-radius: 50%; */
    /* color: #A68A56; */
    font-weight: 700;
    /* border: 1px solid #A68A56; */
    background-color: transparent;
}

.btn-outline-primary {
    color: #0420BF;
    border-color: #0420BF;
}

.btn-outline-primary:hover {
        color: #ffffff;
        background-color: #0420BF;
        border-color: #0420BF;
    }
/* ./sportello ---------- */
/* --- registrazione ---- */
.border-bianco-10 {
    border: 10px solid white !important;
}

/* /. registrazione ----- */

/* --- AREA UTENTE ------ */
.titolo-area-utenti {
    background-color: #fff;
    /* min-height: 150px; */
}

/* colorazione titolini */
.tx-attesa {
    color: #FFAE0C;
}

.tx-ricevuto {
    color: #14CC52;
}

.tx-completata {
    color: #0420BF;
}

.tx-annullata {
    color: #FF0C0C;
}

.elenco-richieste-background {
    background-color: #fff;
    opacity: 0.7;
}

.bordo-vertitale-dx-1 {
    border-right: 1px solid #151C54;
}

.bordo-vertitale-dx-1-2 {
    border-right: 1px solid #EAEDF9;
}

/* /. AREA UTENTE ------- */

/* --- footer ---------- */
footer {
    min-height: 150px;
    background-color: #151A57;
    color: #EAEDF9;
    font-size: small;
}

.lnkf :link :visited {
    color: #A68A56 !important;
    text-decoration: underline;
}

.footer :hover {
    color: #fff;
    text-decoration: none;
}

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

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}


.pallino-dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #151A57;
    background-color: #151A57;
}


/* -- sfondo form pagina categoria */
.contatti {
    position: relative;
    min-height: 50vh;
    background: url(../images/backgroud-form.png) no-repeat center center;
    background-size: cover;
    background-color: #434778;
}
/* -- end -- */
/* -- testata trasporto  ---- */
.testa-auto {
    position: relative;
    min-height: 370px;
    background: url('/images/01-header-trasposto-bisarca.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-moto {
    position: relative;
    min-height: 370px;
    background: url('/images/02-header-trasposto-moto.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-animali {
    position: relative;
    min-height: 370px;
    background: url('/images/05-header-trasposto-animali.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-barche {
    position: relative;
    min-height: 370px;
    background: url('/images/header-trasporto-barche.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-traslochi {
    position: relative;
    min-height: 370px;
    background: url('/images/03-header-traslochi.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-pacchi {
    position: relative;
    min-height: 370px;
    background: url('/images/07-header-pacchi.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-pallet {
    position: relative;
    min-height: 370px;
    background: url('/images/08-header-pallet.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-mobili {
    position: relative;
    min-height: 370px;
    background: url('/images/06-header-mobili.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.testa-trattori {
    position: relative;
    min-height: 370px;
    background: url('/images/10-header-trattori-agricoli.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}



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

/* -- pagina trasporti ---------------- */
.trasporto-auto {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-auto.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-moto {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-moto.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-barche {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-barche.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-animali {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-animali.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-traslochi {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-traslochi.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-pacchi {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-pacchi.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-pallet {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-pallet.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-mobili {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-mobili.jpg) no-repeat center center;
    background-size: cover;
}

.trasporto-mezzi-agricoli {
    position: relative;
    min-height: 475px;
    background: url(../images/trasporto-mezzi-agricoli.jpg) no-repeat center center;
    background-size: cover;
}


/* ------------------------------------ */
/* -- pagina cosa posso spedire ------------ */
.header-cosa-poso-spedire {
    position: relative;
    min-height: 375px;
    background: url('/images/01-header-trasposto-bisarca.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}



/* -- pagina trasportatore ------------ */
.landing-trasportatore {
    position: relative;
    min-height: 375px;
    background: url('/images/landing-trasportatore-header.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}

.border-cerchio-partner {
    border: 30px solid #151A57 !important;
    margin-top: 300px;
}

.border-cerchio-trasportatore {
    border: 30px solid #151A57 !important;
    /* margin-top: -240px; */
}

.elenco-richieste-trasportatore {
    position: relative;
    background-color: #EAEDF9;
}
/* ------------------------------------ */

.background-violetto {
    background-color: #EAEDF9;
}


table {
    border-color: #A49187 !important;
}

/* -- BLOG ----------------------------- */
.testa-blog {
    position: relative;
    min-height: 370px;
    background: url('/images/blog-backgroud.jpg'), url('/images/header-sfumatura.png');
    background-blend-mode: multiply;
    background-size: cover;
}
/* ------------------------------------- */

/* -- PLUGIN DI MASSIMO SALERNO PER CHAT WHATS APP --------------------------- */
@font-face {
    font-family: 'callbook';
    src: url(fonts/callbook.eot);
    src: url(fonts/callbook.eot?#iefix) format("embedded-opentype"), url(fonts/callbook.ttf) format("truetype"), url(fonts/callbook.woff) format("woff"), url(fonts/callbook.svg#callbook) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class^="callbook-icona-"], [class*=" callbook-icona-"] {
    font-family: 'callbook';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.callbook-icona-whatsapp:before {
    content: "\ea93";
    font-size: 48px;
}

.callbook-icona-plus:before {
    content: "\ea0a";
}

.callbook-icona-messenger:before {
    content: "\e900";
    font-size: 48px;
}

.callbook-icona-calendario:before {
    content: "\e600";
}

.callbook-icona-busta-lettera:before {
    content: "\e601";
}

.callbook-icona-telefono:before {
    content: "\e942";
}

.callbook-icona-gallery:before {
    content: "\e90d";
}

.callbook-icona-offerte:before {
    content: "\e936";
}

.callbook-icona-acquista:before {
    content: "\e93a";
}

.callbook-icona-mappa-localita:before {
    content: "\e947";
}

.callbook-icona-info:before {
    content: "\ea0c";
}

.callbook {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    height: 48px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 999999;
    -webkit-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    -moz-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
}


    .callbook > a {
        z-index: 300;
        float: left;
        height: 48px;
        line-height: 50px;
        text-align: center;
        width: 50%;
        text-decoration: none;
        font-size: 1.2em;
        text-transform: capitalize;
    }

.actioncall {
    box-sizing: border-box;
    padding-right: 20px;
}

.actionbook {
    box-sizing: border-box;
    padding-left: 20px;
}

.callbook_messenger {
    background-size: 100%;
    bottom: -28px;
    height: 72px !important;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    width: 72px !important;
    z-index: 2;
}

.callbook_mail {
    background-size: 100%;
    bottom: -24px;
    height: 72px !important;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    width: 72px !important;
    z-index: 2;
}

.callbook_whatsapp {
    background-size: 100%;
    bottom: -20px;
    height: 72px !important;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    width: 72px !important;
    z-index: 2;
}

.callbook > a > span.callbook-align {
    text-transform: uppercase;
}

.callbook_under {
    background: #fff;
    bottom: -15px;
    height: 78px;
    left: 50%;
    margin-left: -39px;
    position: absolute;
    width: 78px;
    border-radius: 5000px;
    -webkit-border-radius: 5000px;
    z-index: 1;
    -webkit-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    -moz-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
}

.callbook-icona-telefono, .callbook-icona-gallery, .callbook-icona-offerte, .callbook-icona-acquista, .callbook-icona-mappa-localit, .callbook-icona-info, .callbook-icona-calendario {
    font-size: 25px;
}

.callbook-icona-busta-lettera {
    font-size: 46px !important;
    vertical-align: middle;
    padding-right: 5px;
}


.cb_powered a {
    display: none;
}

.iconfont {
    font-family: 'CbFonts' !important;
    vertical-align: middle !important;
}

.callbook {
    background: #ffffff;
}

    #callbook > a:hover, a:hover.icon {
        color: #cccccc !important;
        text-decoration: none;
    }

span.callbook-icona-busta-lettera:hover, span.callbook-icona-messenger:hover, span.callbook-icona-whatsapp:hover, .action-button span.iconfont.cb-plus:hover {
    color: #cccccc !important;
}

.callbook {
    background: #ffffff;
}

a.actioncall, a.actionbook, a.icon {
    color: #151a57;
}

span.callbook-icona-telefono, span.callbook-icona-calendario, span.callbook-icona-offerte,
span.callbook-icona-acquista, span.callbook-icona-mappa-localita, span.callbook-icona-gallery, span.callbook-icona-info, .iconfont {
    font-size: 15px;
}

span.callbook-align, a.cb_call, a.cb_book {
    font-size: 15px;
}

span.callbook-icona-busta-lettera, span.callbook-icona-messenger, span.callbook-icona-whatsapp, .action-button span.iconfont.cb-plus {
    color: #151a57;
}

.callbook_under {
    background: #ffffff !important;
}

.cb_powered a:hover {
    color: #cccccc;
}

.callbook > a > span.callbook-align, a.cb_call, a.cb_book {
    font-family: Roboto;
    /*font-family: 'Quicksand', sans-serif;*/
}

/* MEDIA QUERIES MOBILE */
@media only screen and (min-device-width : 320px) and (max-device-width : 812px) {

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }


    .callbook {
        display: inline !important;
    }


    .actioncall {
        box-sizing: border-box;
        padding-right: 35px;
    }

    .actionbook {
        box-sizing: border-box;
        padding-left: 38px;
    }
}

#fbMsg {
    width: 50px;
    height: 50px;
    margin: -6px 0px 0px -2px;
    cursor: pointer;
}


/* -- ./ END STILI PLUGIN ---------------------------------------------------- */

@media (min-width: 576px) {

    .card-home {
        width: 14rem;
    }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    .nav-link {
        display: block;
        padding: 0;
    }

    .separatore {
        border-left-width: 1px;
    }

    #animation_container {
        visibility: visible;
    }

    .hide {
        position: relative;
        top: auto;
        left: auto;
    }

    .card-title {
        text-align: left;
    }

    .card-text {
        text-align: left;
    }


    .come-funziona-posizione {
        text-align: left;
    }
    .titolo-piccolo {
        font-size: 32px;
    }

    .titolo-mini {
        font-size: 22px;
    }

/*    .home-come-funziona-posizione {
        text-align: center;
    }*/
}