<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* SLIDER */

.slider {
    text-align: center;
    width: 100%;
    height: auto;
    z-index: 90;
    overflow: hidden;
    position: relative;
}

#headerBlockPhoto {
    max-width: 100%;
    margin: auto;
    position: relative;
}

#headerBlockPhoto img {
    max-width:100%;
}

#headerBlockPhoto&gt;.banner_content.active {
    position: relative;
    -webkit-animation:animateRightToMiddle 0.5s;
    animation:animateRightToMiddle 0.5s;
    left:0px;
    opacity:1;
}

#banner_gabarit {
    visibility: hidden;
}

#banner_0, #banner_1
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%; 
}

#banner_1 
{
    left: 1600px;
}

.btn-slider {
    position: absolute;
    width: 40px;
    height: 80px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    cursor: pointer;
}

.btn-slider:hover {
    filter: brightness(70%);
}

.btn-slider:before {
    content: url('data:image/svg+xml; utf8, &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="2111.669 144.525 29.804 62.648"&gt;&lt;defs&gt;&lt;style&gt;.cls-1 {fill: none;stroke: #bebebe;stroke-width: 3px;}&lt;/style&gt;&lt;/defs&gt;&lt;path class="cls-1" d="M0,0,26.667,29.467,0,60.667" transform="translate(2140.333 206.167) rotate(180)"/&gt;&lt;/svg&gt;');
}

.btn-slider.btn-slider-right {
    transform: translateY(-100%) rotateZ(180deg);
}

.btn-slider.btn-slider-left {
    left: 20px;
    width: 20px;
}

.btn-slider.btn-slider-right {
    right: 20px;
    width: 20px;
}
</pre></body></html>