@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 1281px) {}

@media screen and (max-width: 1280px) {}

@media only screen and (max-width : 991px) {
    header {
        position: relative;
        top: 0;
        background: rgba(0, 88, 142, 1);
    }    
    nav.navbar {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }    
    header .navbar {
        padding: 20px;
    }
    header .navbar-light .navbar-brand {
        top: 0;
        left: 15px;
    }
    nav .navbar-brand {
        margin: 0;
    }
    .navbar-brand img {
        position: relative;
        top: 0;
        max-height: 220px;
        left: 0;
        margin-left: 0;
    }
    nav.navbar::after {
        border-top: 85px solid #3A4850;
        border-right: 85px solid transparent;
    }
    .navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, 1);
        border-color: rgba(255, 255, 255, 1);
        float: none;
        display: block;
        padding: .25rem .75rem;
        z-index: 999999;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    nav.navbar-light .navbar-nav .nav-link {
        text-align: center;
    }
    .navbar-collapse {
        margin-top: 30px;
    }  
    .under-slide {
        padding: 20px 15px;
    }
    .under-slide img {
        display: block;
        margin: 0 auto !important;
        float: none !important;
    }
    .under-slide p {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .box-accedere ul {
        margin-left: 20px;
    }
    .box-accedere ul li::before {
        left: 10px;
    }
    section.page-servizi .col-lg-6 .box-service {
        width: 100%;
    }
    .timeline ul li .content {
        width: 360px !important;
    }
    .timeline ul li:nth-child(2n+1) .content {
        left: calc(80px - 50px);
    }
    .timeline ul li:nth-child(2n) .content {
        left: calc(-330px - 70px) !important;
    }
    section.page-contatti ul {
        width: 100%;
        margin-top: 30px;
    }
    section.page-contatti ul li {
        float: left;
        margin: 0 20px;
        width: 45%;
    }
    section.page-contatti ul li:first-child {
        margin-left: 0;
    }
    section.page-contatti ul li:last-child {
        margin-right: 0;
        float: right;
    }
    section.page-contatti img {
        margin-top: 30px;
    }
}

@media only screen and (width: 1024px) and (orientation: landscape) {}

@media only screen and (width: 768px) and (orientation: portrait) {}

@media only screen and (max-width: 1112px) {}

@media only screen and (max-width : 767px) {
    header .navbar-light .navbar-brand img {
        max-width: 180px;
    }
}

/* IPHONE 8 PLUS */
@media only screen and (max-width : 414px) {
    .mt-5.py-4,
    .my-5.py-4 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
    header {
        position: relative;
        top: 0;
        background: rgba(0, 88, 142, 1);
    }    
    nav.navbar {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }    
    header .navbar {
        padding: 20px;
    }
    header .navbar-light .navbar-brand {
        top: 0;
        left: 15px;
    }
    nav .navbar-brand {
        margin: 0;
    }
    .navbar-brand img {
        position: relative;
        top: 0;
        max-height: 120px;
        left: 0;
        margin-left: 0;
    }
    nav.navbar::after {
        border-top: 85px solid #3A4850;
        border-right: 85px solid transparent;
    }
    .navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, 1);
        border-color: rgba(255, 255, 255, 1);
        float: none;
        display: block;
        padding: .25rem .75rem;
        z-index: 999999;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    nav.navbar-light .navbar-nav .nav-link {
        text-align: center;
    }
    .navbar-collapse {
        margin-top: 30px;
    }    
    .under-slide {
        padding: 30px 15px !important;
    }
    .under-slide p {
        width: 100%;
    }
    .under-slide img {
        margin-bottom: 30px;
    }
    .box-chisiamo .btn.btn-info,
    .box-form a.btn {
        margin: 30px auto 0;
        float: none
    }
    .box-chisiamo img {
        margin-top: 30px;
    }
    .box-accedere ul {
        margin-left: 30px;
    }
    .box-accedere ul li::before {
        left: 15px;
    }
    section.page-chisiamo img {
        margin: 30px 0;
    }
    section.page-servizi .col-lg-6 .box-service {
        width: 100%;
    }
    section.page-servizi .col-lg-6:nth-child(2n) .box-service {
        float: none;
    }
    .timeline {
        width: 100%;
    }
    .timeline::before {
        content: "";
    }
    .timeline ul li:nth-child(2n+1) .content h2,
    .timeline ul li:nth-child(2n+1) .content p {
        text-align: left;
    }
    section.page-contatti ul {
        width: 100%;
        margin-bottom: 30px;
    }
    section.page-contatti ul li {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
}

/* IPHONE 8 */
@media only screen and (max-width : 375px) {}

@media only screen and (max-width : 834px) {}

@media (max-width:480px) {}

/* ----------------------------------
   ----- Timeline Media Queries ----- 
   ---------------------------------- */
@media screen and (max-width: 1399px) {
    .timeline ul li .content {
        width: 200px;
    }

    .timeline ul li:nth-child(even) .content {
        left: calc(-200px - 70px);
    }
}

@media screen and (max-width: 767px) {

    .timeline ul li {
        margin-left: 25px;
    }

    .timeline ul li .content {
        width: 200px;
    }

    .timeline ul li:nth-child(even) .content h2 {
        text-align: left;
    }

    .timeline ul li:nth-child(even) .content p {
        text-align: left;
    }

    .timeline ul li:nth-child(even) .content {
        left: 70px;
    }

    .timeline ul li:nth-child(even) .content:before {
        left: -20px;
    }

    .timeline ul li .content {
        width: 370px;
        padding: 0 40px;
    }

    .timeline ul li:nth-child(odd) .content {
        left: 0px;
    }

    .timeline ul li:nth-child(even) .content {
        left: 0px !important;
    }

    .timeline ul li .content:before {
        display: none;
    }

}


/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 575px) {

    .timeline ul li .content {
        max-width: 575px;
        padding: 0 40px;
    }

}

/* *** timeline end *** */