@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
body{background-color:#012942;color:#EEE}
a, a:active, a:visited{color:#e63e3e;text-decoration:none;font-weight:500;}
a:hover{text-decoration:underline;}
navbar{z-index: 5;}
.copyright{text-align: left;color:#d8d8d8}
.powered {text-align: right;color: #d8d8d8}
@media (max-width: 768px) {
    .copyright{text-align: center}
    .powered{text-align:center}
        .navbar {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding-top: .5rem;
            padding-bottom: .5rem
        }
    
        .navbar>.container,
        .navbar>.container-fluid,
        .navbar>.container-lg,
        .navbar>.container-md,
        .navbar>.container-sm,
        .navbar>.container-xl,
        .navbar>.container-xxl {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between
        }
    
        .navbar-collapse {
            flex-basis: 100%;
            flex-grow: 1;
            align-items: center
        }
    
        .navbar-nav-scroll {
            max-height: var(--bs-scroll-height, 75vh);
            overflow-y: auto
        }
    
        @media (max-width:768px) {
            .navbar-collapse {
                    display: flex;
                    flex-basis: 100%;
                }
            .navbar-expand-sm {
                flex-wrap: nowrap;
                justify-content: flex-start
            }
    
            .navbar-expand-sm .navbar-nav {
                flex-direction: row
            }
    
            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }
    
            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }
    
            .navbar-expand-sm .navbar-nav-scroll {
                overflow: visible
            }
    
            .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }
    
            .navbar-expand-sm .navbar-toggler {
                display: none
            }
        }
    
        @media (min-width:768px) {
            .navbar-expand-md {
                flex-wrap: nowrap;
                justify-content: flex-start
            }
    
            .navbar-expand-md .navbar-nav {
                flex-direction: row
            }
    
            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }
    
            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }
    
            .navbar-expand-md .navbar-nav-scroll {
                overflow: visible
            }
    
            .navbar-expand-md .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }
    
            .navbar-expand-md .navbar-toggler {
                display: none
            }
        }
    
        @media (min-width:992px) {
            .navbar-expand-lg {
                flex-wrap: nowrap;
                justify-content: flex-start
            }
    
            .navbar-expand-lg .navbar-nav {
                flex-direction: row
            }
    
            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }
    
            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }
    
            .navbar-expand-lg .navbar-nav-scroll {
                overflow: visible
            }
    
            .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }
    
            .navbar-expand-lg .navbar-toggler {
                display: none
            }
        }
    
        @media (min-width:1200px) {
            .navbar-expand-xl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }
    
            .navbar-expand-xl .navbar-nav {
                flex-direction: row
            }
    
            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }
    
            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }
    
            .navbar-expand-xl .navbar-nav-scroll {
                overflow: visible
            }
    
            .navbar-expand-xl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }
    
            .navbar-expand-xl .navbar-toggler {
                display: none
            }
        }
    
        @media (min-width:1400px) {
            .navbar-expand-xxl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }
    
            .navbar-expand-xxl .navbar-nav {
                flex-direction: row
            }
    
            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }
    
            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }
    
            .navbar-expand-xxl .navbar-nav-scroll {
                overflow: visible
            }
    
            .navbar-expand-xxl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }
    
            .navbar-expand-xxl .navbar-toggler {
                display: none
            }
        }
    
        .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }
    
        .navbar-expand .navbar-toggler {
            display: none
        }
}

.video-background {
    position: relative;
    /* Per posizionare il contenuto sopra il video */
    width: 100vw;    /* Larghezza impostata al 100% della viewport width */
    left: 50%;    /* Centra orizzontalmente il div */
    transform: translateX(-50%);    /* Completa il centraggio orizzontale */
    overflow: hidden;    /* Nasconde il video che esce dal div */
}
.fullHeight {
    min-height: 100%;
}

.video-responsive {
    width: 100%;
    height: auto;  /* Mantiene l'aspect ratio originale del video */
}

.video-background::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Overlay semi-trasparente */
    z-index: 1;
    /* Assicurati che l'overlay sia sopra il video */
}

.video-content {
    /* Stile per il div del contenuto */
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;    /* Assicurati che il contenuto sia sopra l'overlay */
    text-align: center;    /* Centra il testo */
    color: white;    /* Rendi il testo visibile */
}

.btn-secondary {
    color: #fff;
    background-color: #0e486b;
    border-color: #012942
}

.btn-secondary:hover {
    color: #fff;
    background-color: #012942;
    border-color: #012942
}

.btn-check:focus+.btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #012942;
    border-color: #012942;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #012942;
    border-color: #012942
}

.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #012942}

.btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #0129424f;
        border-color: #012942
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 20%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}