.dummy_B1_wrap {
    position: absolute;
    width:100%;
    z-index:-1000;
}

@media (max-width: 480px) {
    .dummy_B1_wrap {
        display:none;
    }
}

.dummy_B1 {
    width: 240px;
    height: 400px;
    position: relative;
    overflow: hidden;
    border: 2px solid #1a243a; /* Замените #ff0000 на любой цвет */
    box-sizing: border-box; /* Важно: чтобы рамка не увеличивала размеры */
}

.dummy_B1 .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.dummy_B1 .slide.active {
    opacity: 1;
    pointer-events: all;
}

.dummy_B1 .slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 290px;
    background-image: url('/local/templates/neftegaz/images/dummy/B1/3.jpg');
    background-size: 100%;
    background-position: center right;
    filter: grayscale(100%);
    z-index: 0;
}

.dummy_B1 .B1_slide-6 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/2.jpg');
}

.dummy_B1 .B1_slide-8 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/2.jpg');
}

.dummy_B1 .B1_slide-7 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/2.jpg');
}

.dummy_B1 .B1_slide-1 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/3.jpg');
}

.dummy_B1 .B1_slide-2 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/3.jpg');
}

.dummy_B1 .B1_slide-5 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/1.jpg');
}

.dummy_B1 .B1_slide-3 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/1.jpg');
}

.dummy_B1 .B1_slide-4 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/1.jpg');
}

.dummy_B1 .B1_slide-9 .slide-bg {
    background-image: url('/local/templates/neftegaz/images/dummy/B1/3.jpg');
}
.dummy_B1 .polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
    backface-visibility: hidden;
}

.dummy_B1 .logo {
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    height: 60px;
    width: auto;
}

.dummy_B1 .logo-text {
    position: absolute;
    top: 257px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: black;
    white-space: nowrap;
    z-index: 200;
    opacity: 0;
    transform: translateY(20px);
    transition: 
        opacity 1s ease,
        transform 0.7s ease;
}

.dummy_B1 .logo-text.visible {
    opacity: 1;
    transform: translateY(0);
}

.dummy_B1 .logo-text.B1_left {
right: auto;
left: 50%;
transform: translateX(-50%);
}

.dummy_B1 .logo-text.B1_right {
right: auto;
left: 50%;
transform: translateX(-50%);
}

.dummy_B1 .logo-text.right2 {
    right: auto;
left: 50%;
transform: translateX(-50%);
}

.dummy_B1 .ord-text {
    position: absolute;
    bottom: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 7px;
    right: auto;
    left: 10px;
    color: black;
    opacity: 1;
    white-space: nowrap;
    z-index: 200;
    opacity: 0;
    transform: translateY(20px);
    transition: 
        opacity 1s ease,
        transform 0.6s ease;
}

.dummy_B1 .ord-text.visible {
    opacity: 0.5;
    transform: translateY(0);
}


.dummy_B1 .social-strip {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 10px;
    gap: 5px;
    z-index: 10;
    border-radius: 5px;
    transition: all 0.7s cubic-bezier(0.65, 0, 0.35, 1);
    opacity: 0;
}

.dummy_B1 .social-strip.visible {
    opacity: 1;
}

.dummy_B1 .social-link {
    display: flex;
    align-items: center;
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    gap: 5px;
    transition: opacity 0.7s;
    text-decoration: none;
    white-space: nowrap;
}

.dummy_B1 .social-link:hover {
    opacity: 0.8;
}

.dummy_B1 .social-icon {
    height: 14px;
    width: auto;
    margin: 0 !important;
    filter: 
        brightness(0) 
        saturate(100%) 
        invert(52%) 
        sepia(98%) 
        saturate(1445%) 
        hue-rotate(0deg) 
        brightness(102%) 
        contrast(105%);
}

.dummy_B1 .social-icon[src*="/local/templates/neftegaz/images/dummy/B1/site.png"] {
    height: 12px;
}

/* Полигоны слайда 1 */
.dummy_B1 .B1_slide-1 .polygon-1 {
    clip-path: polygon(120px 150px, 240px 100px, 240px 100px, 120px 180px);
    background-color: #FF7E00;
    z-index: 5;
}

.dummy_B1 .B1_slide-1 .polygon-2 {
    clip-path: polygon(0px 100px, 120px 150px, 120px 180px, 0px 100px);
    background-color: #FFAA40;
    z-index: 4;
    
}

.dummy_B1 .B1_slide-1 .polygon-3 {
    clip-path: polygon(0px 100px, 0px 100px, 120px 180px, 240px 100px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-1 .polygon-4 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    background-color: #FF7E00;
    z-index: 2;
    
}

.dummy_B1 .B1_slide-1 .polygon-5 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    background-color: #FFAA40;
    z-index: 1;
    
}

/* Полигоны слайда 2 */
.dummy_B1 .B1_slide-2 .polygon-1 {
    clip-path: polygon(120px 0px, 240px 0px, 240px 100px, 120px 150px);
    background-color: #FF7E00;
    z-index: 5;
}

.dummy_B1 .B1_slide-2 .polygon-2 {
    clip-path: polygon(0px 0px, 120px 0px, 120px 150px, 0px 100px);
    background-color: #FFAA40;
    z-index: 4;
    
}

.dummy_B1 .B1_slide-2 .polygon-3 {
    clip-path: polygon(0px 100px, 0px 100px, 120px 120px, 240px 100px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-2 .polygon-4 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    background-color: #FF7E00;
    z-index: 2;
    
}

.dummy_B1 .B1_slide-2 .polygon-5 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px px);
    background-color: #FFAA40;
    z-index: 1;
    
}

/* Полигоны слайда 3 */
.dummy_B1 .B1_slide-3 .polygon-1 {
    clip-path: polygon(120px 0px, 240px 0px, 240px 0px, 120px 0px);
    background-color: #FF7E00;
    z-index: 5;
    
}

.dummy_B1 .B1_slide-3 .polygon-2 {
    clip-path: polygon(0px 0px, 120px 0px, 120px 0px, 0px 0px);
    background-color: #FFAA40;
    z-index: 4;
    
}

.dummy_B1 .B1_slide-3 .polygon-3 {
    clip-path: polygon(0px 0px, 0px 0px, 120px 0px, 240px 0px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-3 .polygon-4 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FF7E00;
    z-index: 2;
}

.dummy_B1 .B1_slide-3 .polygon-5 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FFAA40;
    z-index: 1;
}

/* Полигоны слайда 4 */
.dummy_B1 .B1_slide-4 .polygon-1 {
    clip-path: polygon(240px 0px, 240px 0px, 240px 0px, 240px 0px);
    background-color: #FF7E00;
    z-index: 5;
}

.dummy_B1 .B1_slide-4 .polygon-2 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    background-color: #FFAA40;
    z-index: 4;
}

.dummy_B1 .B1_slide-4 .polygon-3 {
    clip-path: polygon(0px 220px, 0px 220px, 120px 175px, 240px 130px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-4 .polygon-4 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
    background-color: #FF7E00;
    z-index: 2;
}

.dummy_B1 .B1_slide-4 .polygon-5 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
    background-color: #FFAA40;
    z-index: 1;
}

/* Полигоны слайда 5 */
.dummy_B1 .B1_slide-5 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FF7E00;
    z-index: 5;
    
}

.dummy_B1 .B1_slide-5 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
    background-color: #FFAA40;
    z-index: 4;
    
}

.dummy_B1 .B1_slide-5 .polygon-3 {
    clip-path: polygon(0px 220px, 0px 220px, 120px 175px, 240px 130px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-5 .polygon-4 {
    clip-path: polygon(0px 205px, 0px 220px, 240px 130px, 240px 130px);
    background-color: #FF7E00;
    z-index: 2;
    
}

.dummy_B1 .B1_slide-5 .polygon-5 {
    clip-path: polygon(0px 175px, 0px 205px, 240px 130px, 240px 130px);
    background-color: #FFAA40;
    z-index: 1;
    
}

/* Полигоны нового слайда 6 (промежуточный) */
.dummy_B1 .B1_slide-6 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FF7E00;
    z-index: 5;
    
}

.dummy_B1 .B1_slide-6 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
    background-color: #FFAA40;
    z-index: 4;
}

.dummy_B1 .B1_slide-6 .polygon-3 {
    clip-path: polygon(0px 0px, 0px 0px, 120px 0px, 240px 0px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-6 .polygon-4 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
    background-color: #FF7E00;
    z-index: 2;
}

.dummy_B1 .B1_slide-6 .polygon-5 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
    background-color: #FFAA40;
    z-index: 1;
}

/* Полигоны слайда 7 */

.dummy_B1 .B1_slide-7 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FF7E00;
    z-index: 5;
    
}

.dummy_B1 .B1_slide-7 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
    background-color: #FFAA40;
    z-index: 4;
}

.dummy_B1 .B1_slide-7 .polygon-3 {
    clip-path: polygon(0px 130px, 0px 130px, 120px 175px, 240px 220px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-7 .polygon-4 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
    background-color: #FF7E00;
    z-index: 2;
}

.dummy_B1 .B1_slide-7 .polygon-5 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
    background-color: #FFAA40;
    z-index: 1;
}



/* Полигоны слайда 8 */
.dummy_B1 .B1_slide-8 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FF7E00;
    z-index: 5;
}

.dummy_B1 .B1_slide-8 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
    background-color: #FFAA40;
    z-index: 4;
}

.dummy_B1 .B1_slide-8 .polygon-3 {
    clip-path: polygon(0px 130px, 0px 130px, 120px 175px, 240px 220px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-8 .polygon-4 {
    clip-path: polygon(0px 130px, 240px 205px, 240px 220px, 0px 130px);
    background-color: #FF7E00;
    z-index: 2;
}

.dummy_B1 .B1_slide-8 .polygon-5 {
    clip-path: polygon(0px 130px, 240px 175px, 240px 205px, 0px 130px);
    background-color: #FFAA40;
    z-index: 1;
}

    /* Полигоны слайда 9 */

.dummy_B1 .B1_slide-9 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
    background-color: #FF7E00;
    z-index: 2;
}

.dummy_B1 .B1_slide-9 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
    background-color: #FFAA40;
    z-index: 2;
}

.dummy_B1 .B1_slide-9 .polygon-3 {
    clip-path: polygon(0px 0px, 0px 0px, 120px 0px, 240px 0px, 240px 400px, 0px 400px);
    background-color: #ffffff;
    z-index: 3;
}

.dummy_B1 .B1_slide-9 .polygon-4 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
    background-color: #FF7E00;
    z-index: 2;
    
}

.dummy_B1 .B1_slide-9 .polygon-5 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
    background-color: #FFAA40;
    z-index: 1;
    
}

/* Анимация перехода к слайду 2 */
.dummy_B1.transitioning-to-2 .B1_slide-1 .polygon-1 {
    clip-path: polygon(120px 0px, 240px 0px, 240px 100px, 120px 150px);
}

.dummy_B1.transitioning-to-2 .B1_slide-1 .polygon-2 {
    clip-path: polygon(0px 0px, 120px 0px, 120px 150px, 0px 100px);
}

.dummy_B1.transitioning-to-2 .B1_slide-1 .polygon-3 {
    clip-path: polygon(0px 100px, 0px 100px, 120px 120px, 240px 100px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-2 .B1_slide-1 .polygon-4 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}

.dummy_B1.transitioning-to-2 .B1_slide-1 .polygon-5 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}

/* Анимация перехода к слайду 3 */
.dummy_B1.transitioning-to-3 .B1_slide-2 .polygon-1 {
    clip-path: polygon(120px 0px, 240px 0px, 240px 0px, 120px 0px);
}

.dummy_B1.transitioning-to-3 .B1_slide-2 .polygon-2 {
    clip-path: polygon(0px 0px, 120px 0px, 120px 0px, 0px 0px);
}

.dummy_B1.transitioning-to-3 .B1_slide-2 .polygon-3 {
    clip-path: polygon(0px 0px, 0px 0px, 120px 0px, 240px 0px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-3 .B1_slide-2 .polygon-4 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-3 .B1_slide-2 .polygon-5 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

/* Анимация перехода к слайду 4 */
.dummy_B1.transitioning-to-4 .B1_slide-3 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-4 .B1_slide-3 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
}

.dummy_B1.transitioning-to-4 .B1_slide-3 .polygon-3 {
    clip-path: polygon(0px 220px, 0px 220px, 120px 175px, 240px 130px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-4 .B1_slide-3 .polygon-4 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
}

.dummy_B1.transitioning-to-4 .B1_slide-3 .polygon-5 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
}

/* Анимация перехода к слайду 5 */
.dummy_B1.transitioning-to-5 .B1_slide-4 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-5 .B1_slide-4 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
}

.dummy_B1.transitioning-to-5 .B1_slide-4 .polygon-3 {
    clip-path: polygon(0px 220px, 0px 220px, 120px 175px, 240px 130px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-5 .B1_slide-4 .polygon-4 {
    clip-path: polygon(0px 205px, 0px 220px, 240px 130px, 240px 130px);
}

.dummy_B1.transitioning-to-5 .B1_slide-4 .polygon-5 {
    clip-path: polygon(0px 175px, 0px 205px, 240px 130px, 240px 130px);
}

/* Анимация перехода к слайду 6 (промежуточный) */
.dummy_B1.transitioning-to-6 .B1_slide-5 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-6 .B1_slide-5 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
}

.dummy_B1.transitioning-to-6 .B1_slide-5 .polygon-3 {
    clip-path: polygon(0px 0px, 0px 0px, 120px 0px, 240px 0px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-6 .B1_slide-5 .polygon-4 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
}

.dummy_B1.transitioning-to-6 .B1_slide-5 .polygon-5 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
}

/* Анимация перехода к слайду 7 */
.dummy_B1.transitioning-to-7 .B1_slide-6 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-7 .B1_slide-6 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
}

.dummy_B1.transitioning-to-7 .B1_slide-6 .polygon-3 {
    clip-path: polygon(0px 130px, 0px 130px, 120px 175px, 240px 220px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-7 .B1_slide-6 .polygon-4 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
}

.dummy_B1.transitioning-to-7 .B1_slide-6 .polygon-5 {
    clip-path: polygon(0px 130px, 0px 130px, 0px 130px, 0px 130px);
}

/* Анимация перехода к слайду 8 */
.dummy_B1.transitioning-to-8 .B1_slide-7 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-8 .B1_slide-7 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
}

.dummy_B1.transitioning-to-8 .B1_slide-7 .polygon-3 {
    clip-path: polygon(0px 130px, 0px 130px, 120px 175px, 240px 220px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-8 .B1_slide-7 .polygon-4 {
    clip-path: polygon(0px 130px, 240px 205px, 240px 220px, 0px 130px);
}

.dummy_B1.transitioning-to-8 .B1_slide-7 .polygon-5 {
    clip-path: polygon(0px 130px, 240px 175px, 240px 205px, 0px 130px);
}

    /* Анимация перехода к слайду 9 */
.dummy_B1.transitioning-to-9 .B1_slide-8 .polygon-1 {
    clip-path: polygon(240px 100px, 240px 100px, 240px 100px, 240px 100px);
}

.dummy_B1.transitioning-to-9 .B1_slide-8 .polygon-2 {
    clip-path: polygon(0px 100px, 0px 100px, 0px 100px, 0px 100px);
}

.dummy_B1.transitioning-to-9 .B1_slide-8 .polygon-3 {
    clip-path: polygon(0px 0px, 0px 0px, 120px 0px, 240px 0px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-9 .B1_slide-8 .polygon-4 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
}

.dummy_B1.transitioning-to-9 .B1_slide-8 .polygon-5 {
    clip-path: polygon(240px 130px, 240px 130px, 240px 130px, 240px 130px);
}

/* Анимация перехода к слайду 1 (цикл, далее фикс по таймеру) */
.dummy_B1.transitioning-to-1 .B1_slide-9 .polygon-1 {
    clip-path: polygon(120px 150px, 240px 100px, 240px 100px, 120px 180px);
}

.dummy_B1.transitioning-to-1 .B1_slide-9 .polygon-2 {
    clip-path: polygon(0px 100px, 120px 150px, 120px 180px, 0px 100px);
}

.dummy_B1.transitioning-to-1 .B1_slide-9 .polygon-3 {
    clip-path: polygon(0px 100px, 0px 100px, 120px 180px, 240px 100px, 240px 400px, 0px 400px);
}

.dummy_B1.transitioning-to-1 .B1_slide-9 .polygon-4 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}

.dummy_B1.transitioning-to-1 .B1_slide-9 .polygon-5 {
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}