/* Start:/local/templates/italon/components/bitrix/catalog.element/main/style.css?17851661111837*/
/*customize lightbox*/
@media (min-width: 767px) {
    .lb-container{
        /*width: 100%;*/
    }
    .lb-container .lb-image{
        opacity: 0 !important;
    }
    .lb-dataContainer, .lb-outerContainer{
        min-width: 400px !important;
    }
    .lb-outerContainer{
        position: relative;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
}
/*customize lightbox*/

.lb-nav a.lb-prev,
.lb-nav a.lb-next{
    opacity: .55 !important;
    transition: opacity .3s ease !important;
}
.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover,
.lb-nav a.lb-prev:active,
.lb-nav a.lb-next:active{
    opacity: 1 !important;
}

@media (min-width: 1025px) {
    .lb-nav{
        z-index: 150 !important;
        pointer-events: none !important;
    }
    .lb-nav a.lb-prev,
    .lb-nav a.lb-next{
        position: absolute !important;
        top: 0 !important;
        float: none !important;
        width: 64px !important;
        height: 100% !important;
        background-position: center !important;
        pointer-events: auto !important;
    }
    .lb-nav a.lb-prev{
        left: 0 !important;
    }
    .lb-nav a.lb-next{
        left: auto !important;
        right: 0 !important;
    }

    .zoom-transition-loader{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border: 3px solid rgba(0, 0, 0, .15);
        border-top-color: rgba(0, 0, 0, .55);
        border-radius: 50%;
        z-index: 120;
        pointer-events: none;
        animation: zoom-transition-loader-spin .8s linear infinite;
    }
    @keyframes zoom-transition-loader-spin{
        to{
            transform: rotate(360deg);
        }
    }

    .lb-container .lb-loader{
        display: none !important;
    }
}
/* End */
/* /local/templates/italon/components/bitrix/catalog.element/main/style.css?17851661111837 */