
:root {
    --custom-light-blue: #00b0e1;
    --custom-blue: #2ea3f2;
    --custom-dark-blue: #164c94;
    --custom-grey: #ededed;
    --custom-gold: #ffa727;
}

.secondary-text {
    color: #4b5563;
}

.custom-top-bar {
    background-color: #164c94;
}

.form-control-contattami {
    background: transparent;
    color: white;
    border: none;
    border-bottom: 1px solid #FFF;
    box-shadow: none;
    border-radius: 0;
    font-size: 18px;
    font-weight: bold;
}

.form-control-contattami::-moz-placeholder {
    color: white;
    opacity: 1;
}

.form-control-contattami::placeholder {
    color: white;
    opacity: 1;
}

.form-control-contattami:-ms-input-placeholder {
    color: white;
}

.form-control-contattami::-ms-input-placeholder {
    color: white;
}

.form-control-contattami:focus {
    background: transparent;
    color: white;
    box-shadow: none;
}

.abs0 {
    position: absolute;
    z-index: 0;
}

.abs1 {
    position: absolute;
    z-index: 1;
}

/* h2:not(.custom-privacy) {
    color: var(--custom-light-blue);
    font-size: 35px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

h2.custom-privacy {
    color: var(--custom-light-blue);
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
}

p:not(.custom-privacy), ul:not(.custom-privacy), .custom-p-size {
    font-size: larger;
} */

/* footer a {
    color: white;
}

footer a:hover {
    color: black;
} */

.contattami-bg {
    background-image: linear-gradient(140deg, #004872 0%, rgba(41, 17, 96, 0.8) 100%), url(/images/contattami-bg.jpg) !important;
}

.custom-lazyloaded-delay {
    opacity: 1;
    animation-name: lazyloaded-delay;
    animation-duration: 800ms;
}

.custom-lazyloaded {
    opacity: 1;
    animation-name: lazyloaded;
    animation-duration: 1200ms;
}

.custom-evidenzia {
    color: var(--custom-dark-blue);
    font-weight: bold;
}

.custom-contattami {
    background-color: white;
    color: var(--custom-light-blue);
    border-color: var(--custom-light-blue);
}

.custom-btn-contattami {
    color: white;
    background-color: var(--custom-light-blue);
    font-weight: bold;
}

.custom-contattami span {
    display: none;
}

.custom-contattami:hover {
    background-color: white;
    color: var(--custom-light-blue);
    border: none;
}

.custom-contattami:hover span {
    display: initial;
}

.custom-contatti-tel i {
    color: var(--custom-gold);
    padding-right: 5px;
}

.custom-contatti-wa i {
    color: #3fc250;
    padding-right: 5px;
}

.custom-contatti-tg i {
    color: #3390ec;
    padding-right: 5px;
}

.custom-contatti-mail i {
    color: var(--custom-gold);
    padding-right: 5px;
}

.custom-contatti-tel {
    font-size: 22px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-contatti-wa {
    font-size: 22px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-contatti-tg {
    font-size: 22px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-contatti-mail {
    font-size: 22px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-light-blue {
    color: var(--custom-light-blue);
}

.custom-light-blue-bg {
    background-color: var(--custom-light-blue);
}

.custom-blue {
    color: var(--custom-blue);
}

.custom-blue-bg {
    background-color: var(--custom-blue);
}

.custom-dark-blue {
    color: var(--custom-dark-blue);
}

.custom-dark-blue-bg {
    background-color: var(--custom-dark-blue);
}

.custom-grey-bg {
    background-color: var(--custom-grey);
}

/* .custom-privacy, p, ul {
    font-size: small;
} */

@media (min-width: 1200px) {
    .container {
        max-width: 1080px;
    }
}

@media (max-width: 480px) {
    .re-order .row {
        display: flex;
        /* display: -ms-flex; */
        flex-direction: column;
    }

    .re-order .row .custom-mobile-2 {
        order: 2;
    }

    .re-order .row .custom-mobile-1 {
        order: 1;
    }

    .custom-no-mobile {
        display: none;
        visibility: hidden;
    }

    .custom-top-bar {
        font-size: x-small;
    }

    .custom-logo {
        max-height: 50%;
    }
}

@keyframes lazyloaded {
    0% {
        opacity:0;
    }
    10% {
        opacity:.1;
    }
    20% {
        opacity:.2;
    }
    30% {
        opacity:.3;
    }
    40% {
        opacity:.4;
    }
    50% {
        opacity:.5;
    }
    60% {
        opacity:.6;
    }
    70% {
        opacity:.7;
    }
    80% {
        opacity:.8;
    }
    90% {
        opacity:.9;
    }
    to {
        opacity:1;
    }
}

@keyframes lazyloaded-delay {
    0% {
        opacity:0;
    }
    10% {
        opacity:0;
    }
    20% {
        opacity:0;
    }
    30% {
        opacity:0;
    }
    40% {
        opacity:0;
    }
    50% {
        opacity:0;
    }
    55% {
        opacity:.1;
    }
    60% {
        opacity:.2;
    }
    65% {
        opacity:.3;
    }
    70% {
        opacity:.4;
    }
    75% {
        opacity:.5;
    }
    80% {
        opacity:.6;
    }
    85% {
        opacity:.7;
    }
    90% {
        opacity:.8;
    }
    95% {
        opacity:.9;
    }
    to {
        opacity:1;
    }
}
