:root {
    --bg-color-dark: #1e1f20;
    --color-orange: #e15219;
}

h1, h2, h3, h4, h5, h6, span, p, a, b, strong, li, div {
    font-family: YAFcfuZZeUg-0;
}
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .lista-orario li {
        font-size: 19px !important
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .desktop {
        display: none !important
    }

    a.instagram-links {
        width: 100px !important;
        padding-top: 15px;
        margin: 0 auto
    }
}

@media (min-width: 767.99px) {
    .mobile {
        display: none !important
    }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) {
    .mega-title {
        position: absolute;
        top: -100px;
    }

    .p-b-180 {
        padding-bottom: 180px !important;
    }

    .mega-title h1 {
        font-size: calc(12.4375549em - var(--ffsd)) !important;
    }

    .contenitore_intestazione h1.title {
        font-size: calc(12.4375549em - var(--ffsd)) !important;
        font-weight: 700;
    }

    .contenitore_intestazione p {
        font-size: x-large !important
    }

    .contenitore_intestazione {
        height: 900px !important;
    }

        .contenitore_intestazione > div {
            padding: 15% 150px !important;
        }

    .img-xl img {
        height: 100%;
        position: relative
    }

        .img-xl img:nth-child(1) {
            top: 0
        }

        .img-xl img:nth-child(2) {
            bottom: 0
        }
}

.navbar.fixed-top {
    transition: all .2s linear;
}

    .navbar.fixed-top.collapsed {
        background-color: #1e1f20F2;
    }

@media (max-width: 991.98px) {
    section #first-section-intestazione {
        padding-top: 140px;
    }

    .navbar.fixed-top {
        background-color: #1e1f20F2;
    }
}

.animation-title-left.animation-show {
    animation-name: slide-from-left;
    animation-duration: .5s
}

.animation-title-right.animation-show {
    animation-name: slide-from-right;
    animation-duration: .5s
}

@keyframes slide-from-left {
    from {
        transform: translateX(-500%)
    }

    to {
        transform: translateX(0%)
    }
}

@keyframes slide-from-right {
    from {
        transform: translateX(500%)
    }

    to {
        transform: translateX(0%)
    }
}

.img-socials a {
    margin-right: 20px
}

/*INVIA IL CURRICULUM*/

#txt_immagine1 {
    width: 100%
}

.btn-custom {
    width: 150px;
    text-transform: uppercase;
    font-size: medium
}

@media(max-width:768px) {
    .btn-custom {
        width: 100%;
        margin-top:25px
    }
}

.dragandrophandler {
    background: #444140;
    padding: 25px 0;
    border: 5px dotted #ccc;
    border-radius: 150px;
    color: white;
    text-transform: uppercase;
    font-size: medium
}

.form-control, .form-select, .form-select:disabled {
    border: unset;
    border-bottom: 3px solid #ced4da;
    border-radius: 10px 10px 0 0;
    font-size: 17px;
    text-transform: uppercase;
    color: white;
    background: #444140
}

    .form-control:focus {
        box-shadow: none !important;
        background: #444140;
        border-color: var(--color-orange);
        color: white
    }

.form-label {
    color: white;
    text-transform: uppercase;
    font-size:medium;
}

label.form-check-label, .form-select {
    font-size: 17px;
    text-transform: uppercase;
    color: white
}


.form-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-check label {
    position: relative;
    cursor: pointer;
}

    .form-check label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid var(--color-orange);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
    }

.form-check input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid var(--color-orange);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}