/**
 * potato.
 *
 * Сайт : Каруселька : Swiper.
 *
 *
 *
 *
 */

/*
 * -----------------------------------------------------------------------------
 *
 * Каруселька : Swiper.
 *
 * -----------------------------------------------------------------------------
 */

.swiper-container {
    width: 100%;
    height: auto;
}

/*
.swiper-container .swiper-wrapper {
    align-items: stretch;
}
*/

/*
.swiper-container .swiper-slide {
    text-align: left;
}
.swiper-container .swiper-slide a {
    display: block;
}
*/


/*
.swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
}
*/

.swiper-container-initialized img {
    width: 100%;
    height: auto;
    
    display: block;
}


/* --- Крупные буллиты --- */

/*
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -7px;
}
*/

.swiper-pagination {
    left: 0; right: 0;
    
    bottom: -30px;
    
    height: 14px;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    
    margin: 0 4px;
    
    vertical-align: top;
}

@media (min-width: 768px) {
    .swiper-pagination {
        
        bottom: -30px;
        
        height: 12px;
    }
    .swiper-pagination-bullet {
        
        width: 12px;
        height: 12px;
        
        margin: 0 3px;
    }
}


.swiper-pagination-bullet-active {
    background-color: #100773;
}


/*

.swiper-container a.image-box {
    display: block;
}
.swiper-container a.image-box img {
    margin-bottom: 0;
}

*/


/* --- Стрелки --- */

.swiper-button-next, 
.swiper-button-prev {
    position: absolute;
    
    z-index: 10;

    top: 50%;
    height: 120px;
    margin-top: -60px;
    
    width: 30px;
    
}

/*

.swiper-button-prev {
    left: -15px;
}
.swiper-button-next {
    right: -15px;
}


@media (min-width: 576px) {
    .swiper-button-prev {
        left: -30px;
    }
    .swiper-button-next {
        right: -30px;
    }
}

*/


.swiper-button-prev {
    left: 0;
}
.swiper-button-next {
    right: 0;
}




/*

.swiper-button-next::after, 
.swiper-button-prev::after {
    content: "";
    
    display: block;

    position: absolute;
    top: 14px; 

    width: 32px;
    height: 32px;

    border: 4px solid rgba(255,255,255,.5);
    
    transition: transform .3s ease;
}
.swiper-button-prev::after {
    left: 11px;
    
    border-top: none;
    border-right: none;
    
    transform: rotate(45deg);
}
.swiper-button-prev:hover::after {
    transform: translateX(-4px) rotate(45deg);
}
.swiper-button-next::after {
    right: 11px;
    
    border-bottom: none;
    border-left: none;
    
    transform: rotate(45deg);
}
.swiper-button-next:hover::after {
    transform: translateX(4px) rotate(45deg);
}

*/

.swiper-button-prev::before, 
.swiper-button-prev::after,
.swiper-button-next::before, 
.swiper-button-next::after {
    content: "";
    
    display: block;

    position: absolute;
    top: 50%; 
    margin-top: -2px;
    
    height: 4px;
    width: 20px;
    
    background: #100773;
    
    transition: transform .3s ease;
}

.swiper-button-prev::before, 
.swiper-button-prev::after {
    left: 10px;
}
.swiper-button-prev::before {
    transform: rotate(-45deg) translateY(-8px);
}
.swiper-button-prev::after {
    transform: rotate(45deg) translateY(8px);
}

.swiper-button-next::before, 
.swiper-button-next::after {
    right: 10px;
}

.swiper-button-next::before {
    transform: rotate(45deg) translateY(-8px);
}
.swiper-button-next::after {
    transform: rotate(-45deg) translateY(8px);
}