#SubHeader_Opportunity {
    background-image: url(media/Opportunity/SubHeader_Oppurtunity.jpg);
    background-size: cover;
    height: 100vh;
    position: relative;
}

    #SubHeader_Opportunity .row {
        padding-top: 15%;
    }

.Opportunita {
    width: 60%;
    padding: 50px 0;
}

.BoxOpportunita {
    width: 100%;
    margin: 50px 0;
}

    .BoxOpportunita img {
        width: 100%;
    }

.Infobox {
    display: table;
    height: 100%;
    padding: 0 30px;
    position: relative;
    width: 100%;
}



    .Infobox span {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-weight: 700;
        font-size: 20px;
    }

    .Infobox .NumeroBox {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-size: 30px;
    }

    .Infobox span:last-of-type {
        vertical-align: bottom;
    }

.Riga1 .col:nth-child(2) .Infobox {
    background-color: #1B5EA3;
}


.Riga1 .col:nth-child(4) .Infobox {
    background-color: #fff;
}

    .Riga1 .col:nth-child(4) .Infobox span,
    .Riga2 .col:nth-child(1) .Infobox span,
    .Riga2 .col:nth-child(5) .Infobox span {
        color: #1B5EA3;
    }

.Riga2 .col:nth-child(1) .Infobox {
    background-color: #96c9fc;
}

.Riga2 .col:nth-child(3) .Infobox {
    background-color: #1B5EA3;
}

.Riga2 .col:nth-child(5) .Infobox {
    background-color: #96c9fc;
}



@media (max-width:1310px) {
    .Infobox .NumeroBox {
        display: none;
    }

    .Infobox {
        min-height: 238px;
    }
}


.BannerOpportunity2 {
    background-image: url(media/Opportunity/Opportunity_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-top:50px;
}

    .BannerOpportunity2 .TextBlueDark {
        width: 60%;
    }


.ListaPunti {
    margin: 0;
    padding: 20px 0;
}

    .ListaPunti li {
        font-size: 25px;
        padding-bottom: 20px;
        list-style: none;
        color: #fff;
        font-weight: 700;
    }

        .ListaPunti li img {
            width: 40px;
            margin-right: 20px;
            display: inline-block;
        }



.DiventaIncaricato {
    position: relative;
    background-image: url(media/Opportunity/BannerKit.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    background-size: cover;
}

    .DiventaIncaricato .row {
    }

.TestoDiventaIncaricato {
    color: #fff;
    padding-top: 65%;
}


.DiventaIncaricato .ImmagineDiventaIncaricato {
    max-width: 450px;
    width: 100%;
    padding: 30px;
    margin-top: 35%;
    background-color: #fff;
}

    .DiventaIncaricato .ImmagineDiventaIncaricato h2 {
        text-align: center;
    }

    .DiventaIncaricato .ImmagineDiventaIncaricato img {
        width: 280px;
        display: block;
        margin: 0 auto 30px auto;
    }

    .DiventaIncaricato .ImmagineDiventaIncaricato span {
        display: block;
        color: #F9D333;
        font-size: 40px;
        text-align: center;
        FONT-WEIGHT: 700;
        margin-bottom: 30px;
    }

    .DiventaIncaricato .ImmagineDiventaIncaricato .btn-primary {
        display: block;
        margin: 0 auto;
        width: 75%;
    }

.StepBeHealther {
    background-color: #1b5ea3;
    width: 100%;
    padding: 50px 0 100px 0;
}

.ImageStep {
    position: relative;
}

    .ImageStep img {
        width: 100%;
        padding: 50px 0;
    }

    .ImageStep span {
        position: absolute;
        color: #fff;
        bottom: 0;
        text-align: center;
    }

        .ImageStep span:nth-child(3) {
            left: 4%;
        }

        .ImageStep span:nth-child(4) {
            left: 43%;
        }

        .ImageStep span:nth-child(5) {
            left: 86%;
        }

.StepResponsive {
    display: none;
}

@media (max-width:1370px) {


    .BannerOpportunity2 .TextBlueDark {
        width: 100%;
    }

    .TestoDiventaIncaricato {
        padding-top: 50px;
    }

    .DiventaIncaricato .ImmagineDiventaIncaricato {
        margin: 50px auto;
        display: block;
    }
}

@media (max-width:1000px) {


    .BannerOpportunity2 .TextBlueDark {
        width: 100%;
        padding: 20px;
    }

    .ListaPunti {
        margin: 0;
        padding: 20px 0px;
    }

        .ListaPunti li {
            font-size: 14px;
            padding-bottom: 10px;
        }

            .ListaPunti li img {
                width: 30px;
            }

    .DiventaIncaricato .ImmagineDiventaIncaricato img {
        width: 180px;
    }

    .ImageStep span {
        font-size: 15px;
        line-height: 19px;
    }

        .ImageStep span:nth-child(3) {
            left: 1%;
        }

        .ImageStep span:nth-child(4) {
            left: 39%;
        }

        .ImageStep span:nth-child(5) {
            left: 83%;
        }
}

@media (max-width:768px) {
    #SubHeader_Opportunity .row {
        padding-top: 25%;
    }
    .Infobox {
        min-height: 184px;
        line-height: 18px;
    }

    .StepDesktop {
        display: none;
    }

    .StepResponsive {
        display: inherit;
    }

    .ImageStep img {
        width: 200px;
    }

    .ImageStep span {
        bottom: inherit;
        text-align: left;
        display: block;
        font-size: 18px;
        line-height: 25px;
    }

        .ImageStep span:nth-child(3) {
            top: 11%;
            left: 210px;
        }

        .ImageStep span:nth-child(4) {
            top: 46%;
            left: 210px;
        }

        .ImageStep span:nth-child(5) {
            top: 82%;
            left: 210px;
        }

    .Opportunita {
        width: 100%;
    }

    .Infobox span {
        font-size: 16px;
    }

    .BannerOpportunity2 {
        height: 100%;
    }

    .BannerOpportunity {
        height: 200px;
    }

    .ListaPunti li img {
        margin-right: 0;
    }



    .DiventaIncaricato {
    
        background-position: -280px
    }
}