/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
:root {
    --md: 768px;
    --primary: #336894;
    --bs-body-color: #586068;
    --bs-primary-rgb: 82,137,202;
    --bs-primary: #5289ca;
}

::selection {
    background: #3b77a9;
    color: white;
}

::placeholder {
    color: #bdbdbd !important;
    font-style: italic !important;
    font-weight: 100 !important;
}

body {
    font-family: Raleway /*,Helvetica Neue,Arimo,Helvetica,Arial,sans-serif*/;
    font-size: 16px;
    color: #333
}

@media (max-width: 768px) {
    .reorder-sm {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        direction: ltr; /* Fix the horizontal alignment */
    }

        .reorder-sm .container > .row > [class*="col-"] {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            direction: ltr; /* Fix the horizontal alignment */
        }

    .hero h1 {
        margin-top: 15px;
    }
}

@media (max-width:352px) {
    .navbar-brand {
        max-width: 75%;
    }
}

@media (max-width:311px) {
    .navbar-brand {
        max-width: 65%;
    }
}

.hero {
    background-color: var(--primary);
    padding: 30px 0 30px;
    margin-bottom: 20px;
    color: white;
}

    .hero h2 {
        font-size: 150%;
        font-weight: 300;
        padding: 30px 0px;
    }

    .hero h3 {
        font-size: 150%;
        font-weight: 300;
        padding-bottom: 30px;
    }

ul.navbar-nav li.nav-item:hover {
    box-shadow: inset 0px -1px 0px 0px #cfcfcf;
}

.text-justify {
    text-align: justify;
}

.alert-info {
    color: #055160;
    background-color: #e2eef7;
    border-color: #3488d1;
}

a {
    color: #4c77b7;
    text-decoration: underline;
}

    a:hover {
        color: #0047b1;
    }

#actioncall-btn {
    position: fixed;
    bottom: 15%;
    right: -23px;
    font-size: 30px;
    border-radius: 50px;
    color: white;
    width: 150px;
    height: 150px;
    z-index: 1;
    cursor: pointer;
    transition: all 1s ease-in-out;
}

    #actioncall-btn.aperto {
        right: 208px;
    }

        #actioncall-btn.aperto .div-number {
            box-shadow: -2px 4px 14px 3px #023d71
        }

    #actioncall-btn .border-animate-1 {
        border: 1px solid #337ab7;
        border-radius: 100%;
        animation: animation1 2.6s infinite ease-in-out;
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
        bottom: 0px;
        right: 23px;
    }

    #actioncall-btn .border-animate-2 {
        border: 1px solid #337ab7;
        border-radius: 100%;
        background-color: #004b8c;
        animation: animation2 2s infinite ease-in-out;
        width: 60%;
        height: 60%;
        z-index: 1;
        position: absolute;
        bottom: 30px;
        right: 53px;
    }

    #actioncall-btn .div-number {
        position: absolute;
        top: 37px;
        right: -340px;
        background-color: #3774a9;
        white-space: nowrap;
        padding-right: 150px;
        padding: 10px 150px 10px 20px;
        border-radius: 150px;
        transition: all 1s ease-in-out;
    }

    #actioncall-btn i.icona {
        color: #003969 !important;
        box-shadow: 1px 1px 14px 2px #337ab7;
        border-radius: 50px;
        padding: 13px;
        background: white;
        position: absolute;
        right: 70px;
        bottom: 46px;
        top: unset;
        z-index: 2;
        height: 57px;
        line-height: 0.9;
    }

@keyframes animation1 {
    0% {
        opacity: .1;
        -webkit-transform: scale(.4);
        transform: scale(.4);
    }

    70% {
        opacity: .6;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: .3;
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
}

@keyframes animation2 {
    0% {
        opacity: .3;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    70% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: .1;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

.text-facebook {
    color: #5d82d1;
}

    .text-facebook:hover {
        color: #f7f8f9;
        background-color: #5d82d1;
        border-color: #5d82d1;
    }

.text-instagram {
    color: #c22b72;
}

    .text-instagram:hover {
        color: #f7f8f9;
        background-color: #c22b72;
        border-color: #c22b72;
    }

.text-linkedin {
    color: #2867b2;
}

    .text-linkedin:hover {
        color: #f7f8f9;
        background-color: #2867b2;
        border-color: #2867b2;
    }

.text-telegram {
    color: #1e96c8;
}

    .text-telegram:hover {
        color: #f7f8f9;
        background-color: #1e96c8;
        border-color: #1e96c8;
    }

li.autocomplete {
    padding: 5px;
    border: 1px solid #cecece;
    cursor: pointer;
}

    li.autocomplete:hover {
        background: #3b77a9;
        color: white;
    }

ul.autocomplete {
    list-style-type: none;
    padding-left: 0px;
}

input:focus + ul.autocomplete {
    margin-top: 3px;
}

.pointer {
    cursor: pointer;
}

/*.btn-success {
    background-color: #1da365;
}

    .btn-success:active {
        background-color: #00a75a;
    }

    .btn-success:focus {
        background-color: #1da365;
    }

    .btn-success:hover {
        background-color: #169359;
    }
*/
.btn {
    font-weight: 900!important;
}

.hero .btn {
    border: 1px solid #60ff005e;
}