/* Start:/local/templates/360-irkutsk/components/bitrix/news.list/spheres_slider/style.css?16282397521483*/
.arrow-2 {
    cursor: pointer;
    height: 120px;
    width: 80px;
    position: relative;
    margin: 20px;
}
.arrow-2-top,
.arrow-2-bottom {
    background: #fff;
    height: 10px;
    left: -30px;
    position: absolute;
    top: 60px;
    width: 100px;
}
.arrow-2-top {
    top: 64px;
}
.arrow-2-top {
    transform: rotate(45deg);
    transform-origin: bottom right;
}
.arrow-2-bottom {
    transform: rotate(-45deg);
    transform-origin: top right;
}
.arrow-2-top::after,
.arrow-2-bottom::after {
    background: rgb(0, 0, 255);
    background: -webkit-linear-gradient(left, rgb(0, 0, 255) 0%, rgb(204, 51, 255) 100%);
    background: -o-linear-gradient(left, rgb(0, 0, 255) 0%, rgb(204, 51, 255) 100%);
    background: linear-gradient(to right, rgb(0, 0, 255) 0%, rgb(204, 51, 255) 100%);
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.15s;
}
.arrow-2-top::after {
    left: 100%;
    right: 0;
    transition-delay: 0s;
}
.arrow-2-bottom::after {
    left: 0;
    right: 100%;
    transition-delay: 0.15s;
}
.arrow-2:hover .arrow-2-top::after {
    left: 0;
    transition-delay: 0.15s;
}
.arrow-2:hover .arrow-2-bottom::after {
    right: 0;
    transition-delay: 0s;
}

.arrow-2.left_arrow {
    transform: rotate(180deg);
    margin-top: 40px;
}

@media (max-width: 769px) {
    .arrow-2-top,
    .arrow-2-bottom {
       width: 60px;
   }

    .carousel-item__title {
        width: 100%;
        margin-left: -1em;
    }
}
/* End */
/* /local/templates/360-irkutsk/components/bitrix/news.list/spheres_slider/style.css?16282397521483 */