.slider {
    width: 100%;
    margin: 10px auto;
    margin-top: 0;
}

.slider div img {
    border-radius: 5px;
}

.slick-slide {
    margin: 0px 5px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev,
.slick-next {
    width: 20px;
    height: 30px;
}

.slick-prev:before,
.slick-next:before {
    color: white;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    /*Opacidad de las orillas*/
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.slick-prev {
    left: 15px;
    z-index: 7;
}

.slick-next {
    right: 15px;
    z-index: 7;
}

.slick-next:before {
    content: url('../img/derecha.png');
}

[dir='rtl'] .slick-next:before {
    content: url('../img/izquierda.png');
}

.slick-prev:before {
    content: url('../img/izquierda.png');
}

[dir='rtl'] .slick-prev:before {
    content: url('../img/derecha.png');
}

.slider div a {
    position: relative;
    float: left;
    cursor: pointer;
}

.slider div a div {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s linear;
    border-radius: 5px;
    /*background: rgba(0, 153, 255, 0.705);*/
    background: rgba(0, 181, 195, 0.705);
    opacity: 0;
    align-items: center;
    justify-content: center;
}

.slider div a div img {
    width: 40%;
}

.slider div a:hover div {
    opacity: 1;
}

.slick-slide {
    margin: 0 12.5px;
}


#modal-paquete {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 99999999;
    display: none;
    top: 0;
}

#modal-paquete>div.slide-popup {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#modal-paquete>div>img {
    width: 45%;
    border-radius: 5px;
}

#modal-paquete>div.close {
    position: absolute;
    top: 35px;
    right: 50px;
}

#modal-paquete>div.close>p {
    margin: 0;
    color: white;
    font-family: 'Montserrat-Medium';
    font-size: 32px;
    cursor: pointer;
}


#modal-paquete>div.close>p:hover {
    opacity: .7;
}

.lf {
    position: absolute;
    left: 35px;
    width: 60px !important;
    cursor: pointer;
    transition: all .3s;
}

.lf:hover {
    opacity: .7;
}


.rt {
    position: absolute;
    right: 35px;
    width: 60px !important;
    cursor: pointer;
    transition: all .3s;
}

.rt:hover {
    opacity: .7;
}

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

    #modal-paquete>div>img {
        width: 60%;
    }

    .lf {
        position: absolute;
        left: 5px;
        width: 40px !important;
    }

    .rt {
        position: absolute;
        right: 5px;
        width: 40px !important;
    }

    #modal-paquete>div.close>p {
        font-size: 26px;
    }

    #modal-paquete>div.close {
        position: absolute;
        top: 25px;
        right: 25px;
    }
}


html{
    line-height: initial;
    font-family: initial;
    font-weight: initial;
}