/* INICIO DE LOS ESTILOS PARA EL SLIDER */
}
.swiper-container {
    width: 100%;
    height: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.infra div:nth-child(1){
    background-image: url(../015/prodemex-tur-001.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(2){
    background-image: url(../015/prodemex-tur-002.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(3){
    background-image: url(../015/prodemex-tur-003.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(4){
    background-image: url(../015/prodemex-tur-004.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(5){
    background-image: url(../015/prodemex-tur-005.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(6){
    background-image: url(../015/prodemex-tur-006.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(7){
    background-image: url(../015/prodemex-tur-007.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(8){
    background-image: url();
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra > div > span{
    content: "";
    height: 300px;
}

/* SECCIÓN PARA LOS QUERIES DEL SLIDER */

@media all and (min-width:991px) and (max-width:1200px){
    .swiper-wrapper div:nth-child(1){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 20% 0;
    }
}

@media all and (min-width:767px) and (max-width:990px){
    .swiper-wrapper div:nth-child(1){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 35% 0;
    }
}

@media all and (min-width:480px) and (max-width:766px){
    .swiper-wrapper div:nth-child(1){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 50% 0;
    }
}

@media all and (max-width:479px){
    .swiper-wrapper div:nth-child(1){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 60% 0;
    }
}

/* FIN DEL LOS ESTILOS DEL SLIDER */