/* 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>.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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="2111.669 144.525 29.804 62.648"><defs><style>.cls-1 {fill: none;stroke: #bebebe;stroke-width: 3px;}</style></defs><path class="cls-1" d="M0,0,26.667,29.467,0,60.667" transform="translate(2140.333 206.167) rotate(180)"/></svg>');
}

.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;
}