/**
 * Swiper 3.3.1 */

.swiper-container{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
    padding:0;
    border-radius: 70px;
}

.swiper-container-no-flexbox .swiper-slide{
    float:left;
}

.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;

    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}

.swiper-slide{
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
}

.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000;
}

.swiper-wp8-horizontal{
    -ms-touch-action:pan-y;
    touch-action:pan-y;
}

/* BOTONES */

.swiper-button-next,
.swiper-button-prev{
    position:absolute;
    top:50%;
    width:20px;
    height:32px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;

    -moz-background-size:32px 32px;
    -webkit-background-size:20px 32px;
    background-size:20px 32px;

    background-position:center;
    background-repeat:no-repeat;

    opacity:.2;

    transition:opacity .15s ease-in-out;
    -moz-transition:opacity .15s ease-in-out;
    -webkit-transition:opacity .15s ease-in-out;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-pagination-bullet:hover{
    opacity:1;
    cursor:pointer;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
    opacity:.6;
    cursor:auto;
    pointer-events:none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    background-image:url(../img/button-prev.svg);
    left:20px;
    right:auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
    background-image:url(../img/button-next.svg);
    right:20px;
    left:auto;
}

/* PAGINACIÓN */

.swiper-pagination{
    position:absolute;
    text-align:center;

    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

    -webkit-transform:translate3d(0,5,0);
    -ms-transform:translate3d(0,5,0);
    -o-transform:translate3d(0,5,0);
    transform:translate3d(0,5,0);

    z-index:10;
}

.swiper-pagination.swiper-pagination-hidden{
    opacity:0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    display:inline-block;
    border-radius:100%;
    background:#fff;
    opacity:.6;
    transition:.5s ease;
}

button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;

    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}

.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer;
}

.swiper-pagination-white .swiper-pagination-bullet{
    background:#dccdc0;
    transition:.5s ease;
}

.swiper-pagination-bullet-active{
    opacity:1;
    background:#dccdc0;
}

.swiper-pagination-white .swiper-pagination-bullet-active{
    background:#dccdc0;
}

.swiper-pagination-black .swiper-pagination-bullet-active{
    background:#dac6ab;
}

.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 6px;
}

.swiper-container-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto;
}


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

    .swiper-pagination{
        margin:10px;
    }

    .swiper-button-next,
    .swiper-button-prev{
        position:absolute;
        top:50%;
        width:20px;
        height:33px;
        margin-top:-12px;
        z-index:10;
        cursor:pointer;

        -moz-background-size:20px 33px;
        -webkit-background-size:20px 33px;
        background-size:20px 33px;

        background-position:center;
        background-repeat:no-repeat;

        opacity:.6;
    }

    .swiper-button-prev{
        right:auto;
    }

    .swiper-button-next{
        left:auto;
    }
}