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

.slider  {
    width: 100%;
}
.slider .mask {
    /*margin: 0 -13px;*/
    
}
.slider .mask {
    position: relative;
    /*overflow: hidden;*/
}

.slider .mask .scroll {
    position: relative;
    left: 0; top: 0;
    display: flex;
    flex-wrap: wrap;
}
.slider .item {
    padding: 1em 1.7em;
}

.slider .paginacion {
    margin-top: 3em;
    position: relative;
}
.slider .paginacion .pags {
    text-align: center;
    padding: 0 7em;
    
}
.slider .paginacion .pags div {
    display: inline-block; vertical-align: middle;
    width: 1.6em; height: 1.6em;
    margin: 0.8em;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.slider .paginacion .pags div::before {
    content: "";
    position: absolute;
    left: 0.1em; top: 0.1em; right: 0.1em; bottom: 0.1em;
    border: 0.3em solid #78c1eb;
    border-radius: 10000px;
    transition: all 0.3s;
}
.slider .paginacion .pags div.activo::before {
    left: 0px; top: 0px; right: 0px; bottom: 0px;
    border-color: #ffffff;
}
/*.slider .paginacion .flechas {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    pointer-events: none;
}
.slider .paginacion .flechas .flecha {
    pointer-events: all;
    position: absolute;
    left: 1.4em; top: 50%; transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s;
}
.slider .paginacion .flechas .flecha.der {
    left: auto;
    right: 1.4em;
}
.slider .paginacion .flechas .flecha svg {
    width: 6.8em; height: 6.8em;
}
.slider .paginacion .flechas .flecha svg .st0,
.slider .paginacion .flechas .flecha svg .st1 {
    fill:rgba(121,194,235,0);stroke:#79c2eb;stroke-width:0.2em;stroke-miterlimit:10;
    transition: all 0.3s;
}
.slider .paginacion .flechas .flecha:hover svg .st0 {
    fill: rgba(121,194,235,1); 
}
.slider .paginacion .flechas .flecha:hover svg .st1{
    stroke:#ffffff;
}*/