/********************************/
 .holder {
    margin:15px 0;
}
.holder a.jp-current {
    display: none;
    

}
.holder a:hover {
    background-color:var(--azul);
    color: var(--azul);
}
.holder a.jp-previous {
    position: absolute;
    left: 10em;
    top: 0px;
    font-size: 50px;
    

}

.holder a.jp-previous:hover {
    background-color: transparent;

   
}

.holder a.jp-next {
    position: absolute;  
    right: 10em;
    top: 0px;
    font-size: 50px;
}




.holder a.jp-next:hover {
    background-color: transparent;
}


.holder a.jp-disabled,a.jp-disabled:hover {
    color:#ccc;
}

.holder span {
    margin: 0 5px;
}

/********************************/
 .holder2 {
    margin:15px 0;
}
.holder2 a {

   
}
.holder2 a:hover {
    background-color:var(--azul);
    color: var(--azul);
}
.holder2 a.jp-previous {
    position: absolute;
    left: 0;
    top: -85px;
    font-size: 50px;
    color: var(--azul);
}

.holder2 a.jp-previous:hover {
    background-color: transparent;

   
}

.holder2 a.jp-next {
    position: absolute;
    right: 0;
    top: -85px;
    font-size: 50px;
    color: var(--azul);
}


.holder2 a.jp-next:hover {
    background-color: transparent;
}

.holder2 a.jp-current,a.jp-current:hover {
    color: var(--azul);
    font-weight:bold;
}
.holder2 a.jp-disabled,a.jp-disabled:hover {
    color:#ccc;
}
.holder2 a.jp-current,a.jp-current:hover,.holder2 a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
    background-color: var(--azul);
}
.holder2 span {
    margin: 0 5px;
}


/********************************/
 .holder3 {
    position: absolute;
    bottom: -100px;
    left: 35em;
}
.holder3 a {

    display:inline-block;
    cursor:pointer;
    margin:0 5px;
    padding:4px;  
    background-color:#cfd8dc;
    width: 15px;
    height: auto;

   
}

}
.holder3 span {
    margin: 0 5px;
}

.customBtns { 
    position: relative;

}

  .arrowPrev { 
    background-image: url('../images/back.png'); 
    position: absolute;
    left: 100px;
    width: 70px;
    height: 65px;
    bottom: 100px;

    @include max-media-medium {
        bottom: 0;
    }

    }

  .arrowNext {
   background-image: url('../images/right.png'); 
    position: absolute;
    right: 100px;
    width: 70px;
    height: 65px;
    bottom: 100px;

    
    }