<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home file exists.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package raduga-theme
 *
 * Template Name: Main Page
 * Template Post Type: page
 */
?>
<?php get_header(); ?>

    <div id="primary" class="content-area">
    <?php
    if (!is_home()) {
        echo '<img class="bl" src="/wp-content/uploads/2019/06/butterfly-left.png" alt="">';
        echo '<img class="br" src="/wp-content/uploads/2019/06/butterfly-right.png" alt="">';
    }
    ?>
        <main id="main" class="site-main">

        <div class="spacer" id="spacer"></div>

        <div class="slider_main">

            <nav class="slider_nav flex-column hidden">
                <?php wp_nav_menu( [ 'menu' => 'main left menu' ] ); ?>
            </nav>

            <div class="main-swiper">
                <div class="main-wrapper">

                    <div class="swiper_slide">
                        <div class="gallery_wrap ">

                            <div class="arr arr-left">‹</div>
                            <div class="arr arr-right">›</div>

                            <div class="gallery gallery-main swiper-container">

                                <div class="gallery-wrapper swiper-wrapper">

                                <?php if( have_rows('main-slider') ): ?>
                                    <?php while( have_rows('main-slider') ): the_row();
                                    $main_type = get_sub_field('main-slide-type');
                                    $full_slide = get_sub_field('main-full_slide');
                                    $middle_small2_slide = get_sub_field('main-middle_slide_1');
                                    $small2_middle_slide = get_sub_field('main-middle_slide_2');
                                    $middle_middle_slide = get_sub_field('main-middle_slide_3');
                                    $small_slide = get_sub_field('main-small_slide');
                                    ?>

                                    <?php if ($main_type == 'main-slide-type-1') { ?>

                                        <div class="swiper-slide">
                                            <a href="<?php echo $full_slide['url']; ?>">
                                                <div style="background-image: url(<?php echo $full_slide['image']; ?>)"
                                                class="pryamougolnik-9 butFrame width_full ">
                                                <div class="pryamogolnik_shadow">
                                                </div>
                                                <div class="pryamougolnik_info butTextWrap">
                                                    <?php echo $full_slide['desk']; ?>
                                                </div>
                                            </div>
                                            </a>
                                        </div>

                                    <?php } else if ($main_type == 'main-slide-type-2') { ?>

                                        <?php if( have_rows('main-middle_slide_1') ): ?>
                                        <?php while( have_rows('main-middle_slide_1') ): the_row(); ?>

                                            <div class="swiper-slide">

                                                <?php if( have_rows('main-middle_slide_1_middle') ): ?>
                                                <?php while( have_rows('main-middle_slide_1_middle') ): the_row();
                                                $middle_slide_1_imagevideo = get_sub_field('middle_slide_1_middle-imagevideo');
                                                $middle_slide_1_video = get_sub_field('middle_slide_1_middle-video');
                                                $middle_slide_1_video_prev = get_sub_field('middle_slide_1_middle-video_prev');
                                                $middle_slide_1_image = get_sub_field('middle_slide_1_middle-image');
                                                $middle_slide_1_desk = get_sub_field('middle_slide_1_middle-desk');
                                                $middle_slide_1_url = get_sub_field('middle_slide_1_middle-url');
                                                ?>
                                                <?php if ($middle_slide_1_imagevideo == 'slider_image') { ?>
                                                    <a href="<?php echo $middle_slide_1_url; ?>">
                                                        <div style="background-image: url(<?php echo $middle_slide_1_image; ?>)"
                                                            class="pryamougolnik-9 butFrame width_normal ">
                                                            <div class="pryamogolnik_shadow"></div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_1_desk; ?>
                                                            </div>
                                                        </div>
                                                    </a>
                                                <?php } else if ( $middle_slide_1_imagevideo == 'slider_video' ) { ?>
                                                    <a href="<?php echo $middle_slide_1_url; ?>">
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-block d-xl-none"
                                                            style="background-image: url(<?php echo $middle_slide_1_video_prev; ?>)">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_1_desk; ?>
                                                            </div>
                                                        </div>
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-none d-xl-block">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_1_desk; ?>
                                                            </div>
                                                            <video src="<?php echo $middle_slide_1_video; ?>" poster="<?php echo $middle_slide_1_video_prev; ?>" width="100%" height="100%" autoplay muted loop></video>
                                                        </div>
                                                    </a>
                                                <?php } ?>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-middle_slide_1_small_1') ): ?>
                                                <?php while( have_rows('main-middle_slide_1_small_1') ): the_row();

                                                //$middle_slide_1_small1 = get_sub_field('main-middle_slide_1_small_1');
                                                $middle_slide_1_small1_image = get_sub_field('middle_slide_1_small_1-image');
                                                $middle_slide_1_small1_desk = get_sub_field('middle_slide_1_small_1-desk');
                                                $middle_slide_1_small1_url = get_sub_field('middle_slide_1_small_1-url');
                                                ?>

                                                <a href="<?php echo $middle_slide_1_small1_url; ?>">
                                                    <div style="background-image: url(<?php echo $middle_slide_1_small1_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $middle_slide_1_small1_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-middle_slide_1_small_2') ): ?>
                                                <?php while( have_rows('main-middle_slide_1_small_2') ): the_row();
                                                //$middle_slide_1_small2 = get_sub_field('main-middle_slide_1_small_2');
                                                $middle_slide_1_small2_image = get_sub_field('middle_slide_1_small_2-image');
                                                $middle_slide_1_small2_desk = get_sub_field('middle_slide_1_small_2-desk');
                                                $middle_slide_1_small2_url = get_sub_field('middle_slide_1_small_2-url');
                                                ?>

                                                <a href="<?php echo $middle_slide_1_small2_url; ?>">
                                                    <div style="background-image: url(<?php echo $middle_slide_1_small2_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $middle_slide_1_small2_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>

                                            </div>


                                        <?php endwhile; ?>
                                        <?php endif; ?>

                                    <?php } else if ($main_type == 'main-slide-type-3') { ?>

                                        <?php if( have_rows('main-middle_slide_2') ): ?>
                                        <?php while( have_rows('main-middle_slide_2') ): the_row(); ?>

                                            <div class="swiper-slide">

                                                <?php if( have_rows('main-middle_slide_2_small_1') ): ?>
                                                <?php while( have_rows('main-middle_slide_2_small_1') ): the_row();

                                                $middle_slide_2_small1_image = get_sub_field('middle_slide_2_small_1-image');
                                                $middle_slide_2_small1_desk = get_sub_field('middle_slide_2_small_1-desk');
                                                $middle_slide_2_small1_url = get_sub_field('middle_slide_2_small_1-url');
                                                ?>

                                                <a href="<?php echo $middle_slide_2_small1_url; ?>">
                                                    <div style="background-image: url(<?php echo $middle_slide_2_small1_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $middle_slide_2_small1_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-middle_slide_2_small_2') ): ?>
                                                <?php while( have_rows('main-middle_slide_2_small_2') ): the_row();

                                                $middle_slide_2_small2_image = get_sub_field('middle_slide_2_small_2-image');
                                                $middle_slide_2_small2_desk = get_sub_field('middle_slide_2_small_2-desk');
                                                $middle_slide_2_small2_url = get_sub_field('middle_slide_2_small_2-url');
                                                ?>

                                                <a href="<?php echo $middle_slide_2_small2_url; ?>">
                                                    <div style="background-image: url(<?php echo $middle_slide_2_small2_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $middle_slide_2_small2_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-middle_slide_2_middle') ): ?>
                                                <?php while( have_rows('main-middle_slide_2_middle') ): the_row();
                                                $middle_slide_2_imagevideo = get_sub_field('middle_slide_2_middle-imagevideo');
                                                $middle_slide_2_video = get_sub_field('middle_slide_2_middle-video');
                                                $middle_slide_2_video_prev = get_sub_field('middle_slide_2_middle-video_prev');
                                                $middle_slide_2_image = get_sub_field('middle_slide_2_middle-image');
                                                $middle_slide_2_desk = get_sub_field('middle_slide_2_middle-desk');
                                                $middle_slide_2_url = get_sub_field('middle_slide_2_middle-url');
                                                ?>
                                                <?php if ($middle_slide_2_imagevideo == 'slider_image') { ?>
                                                    <a href="<?php echo $middle_slide_2_url; ?>">
                                                        <div style="background-image: url(<?php echo $middle_slide_2_image; ?>)"
                                                            class="pryamougolnik-9 butFrame width_normal ">
                                                            <div class="pryamogolnik_shadow"></div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_2_desk; ?>
                                                            </div>
                                                        </div>
                                                    </a>
                                                <?php } else if ( $middle_slide_2_imagevideo == 'slider_video' ) { ?>
                                                    <a href="<?php echo $middle_slide_2_url; ?>">
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-block d-xl-none"
                                                            style="background-image: url(<?php echo $middle_slide_2_video_prev; ?>)">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_2_desk; ?>
                                                            </div>
                                                        </div>
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-none d-xl-block">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_2_desk; ?>
                                                            </div>
                                                            <video src="<?php echo $middle_slide_2_video; ?>"
                                                                    poster="<?php echo $middle_slide_2_video_prev; ?>"
                                                                    width="100%" height="100%" autoplay muted loop></video>
                                                        </div>
                                                    </a>
                                                <?php } ?>

                                                <?php endwhile; ?>
                                                <?php endif; ?>

                                            </div>


                                        <?php endwhile; ?>
                                        <?php endif; ?>

                                    <?php } else if ($main_type == 'main-slide-type-4') { ?>

                                        <?php if( have_rows('main-middle_slide_3') ): ?>
                                        <?php while( have_rows('main-middle_slide_3') ): the_row(); ?>

                                            <div class="swiper-slide">

                                                <?php if( have_rows('main-middle_slide_3_middle_1') ): ?>
                                                <?php while( have_rows('main-middle_slide_3_middle_1') ): the_row();
                                                $middle_slide_3_imagevideo = get_sub_field('middle_slide_3_middle_1-imagevideo');
                                                $middle_slide_3_video = get_sub_field('middle_slide_3_middle_1-video');
                                                $middle_slide_3_video_prev = get_sub_field('middle_slide_3_middle_1-video_prev');
                                                $middle_slide_3_image = get_sub_field('middle_slide_3_middle_1-image');
                                                $middle_slide_3_desk = get_sub_field('middle_slide_3_middle_1-desk');
                                                $middle_slide_3_url = get_sub_field('middle_slide_3_middle_1-url');
                                                ?>
                                                <?php if ($middle_slide_3_imagevideo == 'slider_image') { ?>
                                                    <a href="<?php echo $middle_slide_3_url; ?>">
                                                        <div style="background-image: url(<?php echo $middle_slide_3_image; ?>)"
                                                            class="pryamougolnik-9 butFrame width_normal ">
                                                            <div class="pryamogolnik_shadow"></div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_3_desk; ?>
                                                            </div>
                                                        </div>
                                                    </a>
                                                <?php } else if ( $middle_slide_3_imagevideo == 'slider_video' ) { ?>
                                                    <a href="<?php echo $middle_slide_3_url; ?>">
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-block d-xl-none"
                                                            style="background-image: url(<?php echo $middle_slide_3_video_prev; ?>)">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_3_desk; ?>
                                                            </div>
                                                        </div>
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-none d-xl-block">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_3_desk; ?>
                                                            </div>
                                                            <video src="<?php echo $middle_slide_3_video; ?>"
                                                                    poster="<?php echo $middle_slide_3_video_prev; ?>"
                                                                    width="100%" height="100%" autoplay muted loop></video>
                                                        </div>
                                                    </a>
                                                <?php } ?>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-middle_slide_3_middle_2') ): ?>
                                                <?php while( have_rows('main-middle_slide_3_middle_2') ): the_row();
                                                $middle_slide_3_imagevideo = get_sub_field('middle_slide_3_middle_2-imagevideo');
                                                $middle_slide_3_video = get_sub_field('middle_slide_3_middle_2-video');
                                                $middle_slide_3_video_prev = get_sub_field('middle_slide_3_middle_2-video_prev');
                                                $middle_slide_3_image = get_sub_field('middle_slide_3_middle_2-image');
                                                $middle_slide_3_desk = get_sub_field('middle_slide_3_middle_2-desk');
                                                $middle_slide_3_url = get_sub_field('middle_slide_3_middle_2-url');
                                                ?>
                                                <?php if ($middle_slide_3_imagevideo == 'slider_image') { ?>
                                                    <a href="<?php echo $middle_slide_3_url; ?>">
                                                        <div style="background-image: url(<?php echo $middle_slide_3_image; ?>)"
                                                            class="pryamougolnik-9 butFrame width_normal ">
                                                            <div class="pryamogolnik_shadow"></div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_3_desk; ?>
                                                            </div>
                                                        </div>
                                                    </a>
                                                <?php } else if ( $middle_slide_3_imagevideo == 'slider_video' ) { ?>
                                                    <a href="<?php echo $middle_slide_3_url; ?>">
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-block d-xl-none"
                                                            style="background-image: url(<?php echo $middle_slide_3_video_prev; ?>)">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_3_desk; ?>
                                                            </div>
                                                        </div>
                                                        <div class="pryamougolnik-9 butFrame width_normal d-sm-none d-xl-block">
                                                            <div class="pryamogolnik_shadow">
                                                            </div>
                                                            <div class="pryamougolnik_info butTextWrap">
                                                                <?php echo $middle_slide_3_desk; ?>
                                                            </div>
                                                            <video src="<?php echo $middle_slide_3_video; ?>"
                                                                    poster="<?php echo $middle_slide_3_video_prev; ?>"
                                                                    width="100%" height="100%" autoplay muted loop></video>
                                                        </div>
                                                    </a>
                                                <?php } ?>

                                                <?php endwhile; ?>
                                                <?php endif; ?>

                                            </div>


                                        <?php endwhile; ?>
                                        <?php endif; ?>

                                    <?php } else if ($main_type == 'main-slide-type-5') { ?>

                                        <?php if( have_rows('main-small_slide') ): ?>
                                        <?php while( have_rows('main-small_slide') ): the_row(); ?>

                                            <div class="swiper-slide">

                                                <?php if( have_rows('main-small_slide_small_1') ): ?>
                                                <?php while( have_rows('main-small_slide_small_1') ): the_row();

                                                $small_slide_small_1_image = get_sub_field('small_slide_small_1-image');
                                                $small_slide_small_1_desk = get_sub_field('small_slide_small_1-desk');
                                                $small_slide_small_1_url = get_sub_field('small_slide_small_1-url');
                                                ?>

                                                <a href="<?php echo $small_slide_small_1_url; ?>">
                                                    <div style="background-image: url(<?php echo $small_slide_small_1_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $small_slide_small_1_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-small_slide_small_2') ): ?>
                                                <?php while( have_rows('main-small_slide_small_2') ): the_row();

                                                $small_slide_small_2_image = get_sub_field('small_slide_small_2-image');
                                                $small_slide_small_2_desk = get_sub_field('small_slide_small_2-desk');
                                                $small_slide_small_2_url = get_sub_field('small_slide_small_2-url');
                                                ?>

                                                <a href="<?php echo $small_slide_small_2_url; ?>">
                                                    <div style="background-image: url(<?php echo $small_slide_small_2_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $small_slide_small_2_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-small_slide_small_3') ): ?>
                                                <?php while( have_rows('main-small_slide_small_3') ): the_row();

                                                $small_slide_small_3_image = get_sub_field('small_slide_small_3-image');
                                                $small_slide_small_3_desk = get_sub_field('small_slide_small_3-desk');
                                                $small_slide_small_3_url = get_sub_field('small_slide_small_3-url');
                                                ?>

                                                <a href="<?php echo $small_slide_small_3_url; ?>">
                                                    <div style="background-image: url(<?php echo $small_slide_small_3_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $small_slide_small_3_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>
                                                <?php if( have_rows('main-small_slide_small_4') ): ?>
                                                <?php while( have_rows('main-small_slide_small_4') ): the_row();

                                                $small_slide_small_4_image = get_sub_field('small_slide_small_4-image');
                                                $small_slide_small_4_desk = get_sub_field('small_slide_small_4-desk');
                                                $small_slide_small_4_url = get_sub_field('small_slide_small_4-url');
                                                ?>

                                                <a href="<?php echo $small_slide_small_4_url; ?>">
                                                    <div style="background-image: url(<?php echo $small_slide_small_4_image; ?>)"
                                                        class="pryamougolnik-9 butFrame width_small ">
                                                        <div class="pryamogolnik_shadow">
                                                        </div>
                                                        <div class="pryamougolnik_info butTextWrap">
                                                            <?php echo $small_slide_small_4_desk; ?>
                                                        </div>
                                                    </div>
                                                </a>

                                                <?php endwhile; ?>
                                                <?php endif; ?>


                                            </div>


                                        <?php endwhile; ?>
                                        <?php endif; ?>

                                    <?php } ?>

                                    <?php endwhile; ?>
                                <?php endif; ?>
                                </div>

                            </div>
                            <!-- gallery -->
                        </div>
                        <a href="#spacer">
                            <div class="arrow_to_next arrow_to_next-1">
                                <img src="/wp-content/themes/raduga-theme/images/arr1-alt.png" alt="">
                            </div>
                        </a>
                    </div>

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost1">
                        <?php
                        if( have_rows('block-naruzhnaja-reklama') ):
                            while( have_rows('block-naruzhnaja-reklama') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-naruzhnaja-reklama'); ?></p>

                                    <p class="text-9"><?php the_sub_field('content-naruzhnaja-reklama'); ?></p>
                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-naruzhnaja-reklama'); ?></p>
                                    <div class="naruzhka">
                                    </div>
                                    <div class="naruzhka-mob">
                                    </div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-naruzhnaja-reklama'); ?>
                            </nav>

                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <a href="/naruzhnaja-reklama/">
                                    <div style="background-image: url(<?php the_sub_field('foto-naruzhnaja-reklama-1'); ?>)" class="pryamougolnik-slider pryamougolnik-9-61">
                                    </div>
                                </a>
                                <a href="/naruzhnaja-reklama/">
                                    <div style="background-image: url(<?php the_sub_field('foto-naruzhnaja-reklama-2'); ?>)" class="pryamougolnik-slider pryamougolnik-9-62">
                                    </div>
                                </a>
                                <a href="/naruzhnaja-reklama/">
                                    <div style="background-image: url(<?php the_sub_field('foto-naruzhnaja-reklama-3'); ?>)" class="pryamougolnik-slider pryamougolnik-9-63">
                                    </div>
                                </a>
                                <a href="/naruzhnaja-reklama/">
                                    <div style="background-image: url(<?php the_sub_field('foto-naruzhnaja-reklama-4'); ?>)" class="pryamougolnik-slider pryamougolnik-9-64">
                                    </div>
                                </a>
                            </div>

                            <!-- <div class="pryamougolnik-slider-right flex-wrap">
                                <?php echo do_shortcode('[insta-gallery id="2"]'); ?>
                            </div> -->

                        <?php endwhile;
                        endif; ?>
                        </div>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost2">
                        <?php
                        if( have_rows('block-soglasovanie-vyvesok') ):
                            while( have_rows('block-soglasovanie-vyvesok') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-soglasovanie-vyvesok'); ?></p>

                                    <?php the_sub_field('content-soglasovanie-vyvesok'); ?>

                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-soglasovanie-vyvesok'); ?></p>
                                    <div class="signboard">
                                        <video id="signboard-video" class='signboard-video' poster="/wp-content/themes/raduga-theme/images/signboard.jpg" muted loop>
                                            <source src="/wp-content/themes/raduga-theme/images/signboard.mp4" type="video/mp4">
                                            Your browser does not support the video tag.
                                        </video>
                                    </div>
                                    <div class="signboard-mob">
                                    </div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-soglasovanie-vyvesok'); ?>
                            </nav>

                            <div class="pryamougolnik-slider-right flex-wrap">
                                <?php// echo do_shortcode('[insta-gallery id="10"]'); ?>

                                <a href="/soglasovanie-vyvesok/">
                                    <div style="background-image: url(<?php the_sub_field('foto-soglasovanie-vyvesok-1'); ?>)" class="pryamougolnik-slider pryamougolnik-9-61">
                                    </div>
                                </a>
                                <a href="/soglasovanie-vyvesok/">
                                    <div style="background-image: url(<?php the_sub_field('foto-soglasovanie-vyvesok-2'); ?>)" class="pryamougolnik-slider pryamougolnik-9-62">
                                    </div>
                                </a>
                                <a href="/soglasovanie-vyvesok/">
                                    <div style="background-image: url(<?php the_sub_field('foto-soglasovanie-vyvesok-3'); ?>)" class="pryamougolnik-slider pryamougolnik-9-63">
                                    </div>
                                </a>
                                <a href="/soglasovanie-vyvesok/">
                                    <div style="background-image: url(<?php the_sub_field('foto-soglasovanie-vyvesok-4'); ?>)" class="pryamougolnik-slider pryamougolnik-9-64">
                                    </div>
                                </a>
                            </div>

                        <?php endwhile;
                        endif; ?>
                        </div>
                        <!-- /.ploskost -->
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost3">
                        <?php
                        if( have_rows('block-shirokoformatnaja-pechat') ):
                            while( have_rows('block-shirokoformatnaja-pechat') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-shirokoformatnaja-pechat'); ?></p>

                                    <?php the_sub_field('content-shirokoformatnaja-pechat'); ?>

                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-shirokoformatnaja-pechat'); ?></p>
                                    <div class="print-img">
                                        <div class="printer">
                                            <div class="print-wrap">
                                                <div class="print-inner">
                                                    <div class="print-wrapper">
                                                        <div style="background-image: url(/wp-content/themes/raduga-theme/images/slider3/printer-slider-1.png)" class="print-list print-list-1 swiper_slide">
                                                        </div>
                                                        <div style="background-image: url(/wp-content/themes/raduga-theme/images/slider3/printer-slider-2.png)" class="print-list print-list-2 swiper_slide">
                                                        </div>
                                                        <div style="background-image: url(/wp-content/themes/raduga-theme/images/slider3/printer-slider-3.png)" class="print-list print-list-3 swiper_slide">
                                                        </div>
                                                        <div style="background-image: url(/wp-content/themes/raduga-theme/images/slider3/printer-slider-4.png)" class="print-list print-list-4 swiper_slide">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="print-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-shirokoformatnaja-pechat'); ?>
                            </nav>

                            <div class="pryamougolnik-slider-right flex-wrap">
                                <?php //echo do_shortcode('[insta-gallery id="10"]'); ?>

                                <a href="/shirokoformatnaja-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-shirokoformatnaja-pechat-1'); ?>)" class="pryamougolnik-slider pryamougolnik-9-61">
                                    </div>
                                </a>
                                <a href="/shirokoformatnaja-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-shirokoformatnaja-pechat-2'); ?>)" class="pryamougolnik-slider pryamougolnik-9-62">
                                    </div>
                                </a>
                                <a href="/shirokoformatnaja-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-shirokoformatnaja-pechat-3'); ?>)" class="pryamougolnik-slider pryamougolnik-9-63">
                                    </div>
                                </a>
                                <a href="/shirokoformatnaja-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-shirokoformatnaja-pechat-4'); ?>)" class="pryamougolnik-slider pryamougolnik-9-64">
                                    </div>
                                </a>
                            </div>

                        <?php
                            endwhile;
                        endif; ?>
                        </div>
                        <!-- /.ploskost -->
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost4">
                        <?php
                        if( have_rows('block-gravirovka-i-frezerovka') ):
                            while( have_rows('block-gravirovka-i-frezerovka') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-gravirovka-i-frezerovka'); ?></p>

                                    <?php the_sub_field('content-gravirovka-i-frezerovka'); ?>
                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-gravirovka-i-frezerovka'); ?></p>
                                    <div class="grav-img">
                                        <div class="grav-wrap">
                                            <img class="panel" src="/wp-content/themes/raduga-theme/images/grav.png" alt="">
                                            <img class="lazer" src="/wp-content/themes/raduga-theme/images/lazer.png" alt="">
                                        </div>
                                    </div>
                                    <div class="grav-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-gravirovka-i-frezerovka'); ?>
                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <?php// echo do_shortcode('[insta-gallery id="11"]'); ?>

                                <a href="/gravirovka-i-frezerovka/">
                                    <div style="background-image: url(<?php the_sub_field('foto-gravirovka-i-frezerovka-1'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/gravirovka-i-frezerovka/">
                                    <div style="background-image: url(<?php the_sub_field('foto-gravirovka-i-frezerovka-2'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/gravirovka-i-frezerovka/">
                                    <div style="background-image: url(<?php the_sub_field('foto-gravirovka-i-frezerovka-3'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/gravirovka-i-frezerovka/">
                                    <div style="background-image: url(<?php the_sub_field('foto-gravirovka-i-frezerovka-4'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                            </div>
                        <?php
                            endwhile;
                        endif; ?>
                        </div>
                        <!-- /.ploskost -->
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost5">
                        <?php
                        if( have_rows('block-uf-pechat') ):
                            while( have_rows('block-uf-pechat') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-uf-pechat'); ?></p>

                                    <?php the_sub_field('content-uf-pechat'); ?>
                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-uf-pechat'); ?></p>
                                    <div class="uf-print ">
                                        <div class="twentytwenty-container">
                                            <img src="/wp-content/themes/raduga-theme/images/kuhnya/1_1.jpg" />
                                            <img src="/wp-content/themes/raduga-theme/images/kuhnya/1_2.jpg" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-uf-pechat'); ?>
                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <?php// echo do_shortcode('[insta-gallery id="12"]'); ?>

                                <a href="/uf-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-uf-pechat-1'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/uf-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-uf-pechat-2'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/uf-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-uf-pechat-3'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/uf-pechat/">
                                    <div style="background-image: url(<?php the_sub_field('foto-uf-pechat-4'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- /.ploskost -->
                        <?php
                            endwhile;
                        endif; ?>
                    </div>
                    <!-- /.swiper-slide -->


                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost6">
                        <?php
                        if( have_rows('block-arenda-ploskostej') ):
                            while( have_rows('block-arenda-ploskostej') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-arenda-ploskostej'); ?></p>

                                    <?php the_sub_field('content-arenda-ploskostej'); ?>
                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-arenda-ploskostej'); ?></p>
                                    <div class="billbord">
                                        <div class="bord-main">
                                            <img src="/wp-content/themes/raduga-theme/images/billbord.png" alt="">
                                        </div>
                                        <div class="bord-wrap">
                                            <ol id="billboard-inner">
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                                <li><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></li>
                                            </ol>
                                        </div>

                                    </div>
                                    <div class="sitilait">

                                        <div class="sitilait-wrap">
                                            <div class="sitilait-inner">
                                                <div class="layer sitilait-container">
                                                    <div class="sitilait-wrapper">
                                                        <div class="swiper_slide sitilait-img sitilait-img-1"></div>
                                                        <div class="swiper_slide sitilait-img sitilait-img-2"></div>
                                                        <div class="swiper_slide sitilait-img sitilait-img-3"></div>
                                                        <div class="swiper_slide sitilait-img sitilait-img-4"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="billbord-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-arenda-ploskostej'); ?>
                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <!-- <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/bord1.jpg)" class="pryamougolnik-slider pryamougolnik-9-61">
                                    </div>
                                </a>
                                <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/bord2.jpg)" class="pryamougolnik-slider pryamougolnik-9-62">
                                    </div>
                                </a>
                                <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/bord3.jpg)" class="pryamougolnik-slider pryamougolnik-9-63">
                                    </div>
                                </a>
                                <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/bord4.jpg)" class="pryamougolnik-slider pryamougolnik-9-64">
                                    </div>
                                </a> -->

                                <a href="/arenda-ploskostej/">
                                    <div style="background-image: url(<?php the_sub_field('foto-arenda-ploskostej-1'); ?>)" class="pryamougolnik-slider pryamougolnik-9-61">
                                    </div>
                                </a>
                                <a href="/arenda-ploskostej/">
                                    <div style="background-image: url(<?php the_sub_field('foto-arenda-ploskostej-2'); ?>)" class="pryamougolnik-slider pryamougolnik-9-62">
                                    </div>
                                </a>
                                <a href="/arenda-ploskostej/">
                                    <div style="background-image: url(<?php the_sub_field('foto-arenda-ploskostej-3'); ?>)" class="pryamougolnik-slider pryamougolnik-9-63">
                                    </div>
                                </a>
                                <a href="/arenda-ploskostej/">
                                    <div style="background-image: url(<?php the_sub_field('foto-arenda-ploskostej-4'); ?>)" class="pryamougolnik-slider pryamougolnik-9-64">
                                    </div>
                                </a>

                            </div>
                        </div>
                        <!-- /.ploskost -->
                        <?php
                            endwhile;
                        endif; ?>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost7">
                        <?php
                        if( have_rows('block-pos-materialy') ):
                            while( have_rows('block-pos-materialy') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-2 order-md-1">
                                    <p class="text-8 d-none d-md-block"><?php the_sub_field('title-pos-materialy'); ?></p>

                                    <?php the_sub_field('content-pos-materialy'); ?>
                                    <br>
                                </div>
                                <div class="ploskosti-right order-1 order-md-2">
                                    <p class="text-8 d-block d-md-none"><?php the_sub_field('title-pos-materialy'); ?></p>
                                    <div class="pos-img">
                                        <img src="/wp-content/themes/raduga-theme/images/pos/brandwall.png)" alt="" class="pos-1">
                                        <img src="/wp-content/themes/raduga-theme/images/pos/stoyka.png)" alt="" class="pos-4">
                                        <img src="/wp-content/themes/raduga-theme/images/pos/rost-figure.png)" alt="" class="pos-3">
                                        <img src="/wp-content/themes/raduga-theme/images/pos/shtander.png)" alt="" class="pos-6">
                                        <img src="/wp-content/themes/raduga-theme/images/pos/x-banner-stand.png)" alt="" class="pos-7">
                                    </div>
                                    <div class="pos-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-pos-materialy'); ?>
                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <!-- <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/hB3wOuFLFfU.jpg" class="pryamougolnik-slider pryamougolnik-9-701)">
                                    </div>
                                </a>
                                <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/pauk.jpg" class="pryamougolnik-slider pryamougolnik-9-702)">
                                    </div>
                                </a>
                                <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/OwprhwF63mw.jpg" class="pryamougolnik-slider pryamougolnik-9-703)">
                                    </div>
                                </a>
                                <a href="javascript:void(0)" target="_blank">
                                    <div style="background-image: url(/wp-content/themes/raduga-theme/images/primer/o2A8XtGm1yc.jpg" class="pryamougolnik-slider pryamougolnik-9-704)">
                                    </div>
                                </a> -->

                                <?php // echo do_shortcode('[insta-gallery id="10"]'); ?>

                                <a href="/pos-materialy/">
                                    <div style="background-image: url(<?php the_sub_field('foto-pos-materialy-1'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/pos-materialy/">
                                    <div style="background-image: url(<?php the_sub_field('foto-pos-materialy-2'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/pos-materialy/">
                                    <div style="background-image: url(<?php the_sub_field('foto-pos-materialy-3'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/pos-materialy/">
                                    <div style="background-image: url(<?php the_sub_field('foto-pos-materialy-4'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- /.ploskost -->
                        <?php
                            endwhile;
                        endif; ?>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost8">
                        <?php
                        if( have_rows('block-raduga') ):
                            while( have_rows('block-raduga') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left">
                                    <!-- <p class="text-8 d-none d-md-block"><?php the_sub_field('title-raduga'); ?></p> -->
                                    <img id="raduga-logo" src="/wp-content/themes/raduga-theme/images/raduga-logo.png" alt="" height=50>
                                    <div class="raduga-info">

                                        <div class="raduga_content">
                                            <div class="content__container">
                                                <p class="content__container__text">
                                                    Печатаем на
                                                </p>
                                                <ul class="content__container__list">
                                                    <li class="content__container__list__item">футболках</li>
                                                    <li class="content__container__list__item">камне</li>
                                                    <li class="content__container__list__item">пластике</li>
                                                    <li class="content__container__list__item">чем&nbsp;угодно</li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>

                                    <?php the_sub_field('content-raduga'); ?>
                                </div>
                                <div class="ploskosti-right">
                                    <!-- <p class="text-8 d-none d-md-block"><?php the_sub_field('title-raduga'); ?></p> -->
                                    <div class="raduga-img">

                                        <div class="raduga-container">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <img src="/wp-content/themes/raduga-theme/images/things/footballka.png">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="/wp-content/themes/raduga-theme/images/things/kepka.png">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="/wp-content/themes/raduga-theme/images/things/kruzhka.png">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="/wp-content/themes/raduga-theme/images/things/ruchka.png">
                                                </div>
                                                <div class="swiper-slide">
                                                    <img src="/wp-content/themes/raduga-theme/images/things/zazhigalka.png">
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="raduga-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-raduga'); ?>
                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <?php// echo do_shortcode('[insta-gallery id="13"]'); ?>

                                <a href="/raduga/">
                                    <div style="background-image: url(<?php the_sub_field('foto-raduga-1'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/raduga/">
                                    <div style="background-image: url(<?php the_sub_field('foto-raduga-2'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/raduga/">
                                    <div style="background-image: url(<?php the_sub_field('foto-raduga-3'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/raduga/">
                                    <div style="background-image: url(<?php the_sub_field('foto-raduga-4'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- /.ploskost -->
                        <?php
                            endwhile;
                        endif; ?>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost9">
                        <?php
                        if( have_rows('block-avto-imidzh') ):
                            while( have_rows('block-avto-imidzh') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left order-md-1">
                                    <img id="avtoimage-logo" src="/wp-content/themes/raduga-theme/images/avto-logo.png" alt="" height=80>

                                    <?php the_sub_field('content-avto-imidzh'); ?>
                                </div>
                                <div class="ploskosti-right order-md-2">
                                    <div class="avto-car">
                                        <div class="layer-main"></div>
                                        <div class="wheel-1"></div>
                                        <div class="wheel-2"></div>
                                        <div class="fara1"></div>
                                        <div class="fara2"></div>
                                    </div>
                                    <div class="avto-car-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-avto-imidzh'); ?>
                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <?php// echo do_shortcode('[insta-gallery id="14"]'); ?>

                                <a href="/avto-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-avto-imidzh-1'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/avto-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-avto-imidzh-2'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/avto-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-avto-imidzh-3'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/avto-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-avto-imidzh-4'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- /.ploskost -->
                        <?php
                            endwhile;
                        endif; ?>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div class="ploskosti" id="ploskost10">
                        <?php
                        if( have_rows('block-vitrazh-imidzh') ):
                            while( have_rows('block-vitrazh-imidzh') ): the_row();
                        ?>
                            <div class="container">
                                <div class="ploskosti-left">
                                    <img id="vitrage-logo" src="/wp-content/themes/raduga-theme/images/vitrage-logo.png" alt="" height=80>

                                    <?php the_sub_field('content-vitrazh-imidzh'); ?>
                                </div>
                                <div class="ploskosti-right">
                                    <div class="vitrag-img">
                                        <div class="vitrage_wrap">
                                            <div class="vitrage-item vitrage-item11">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage1-1.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item12">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage1-2.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item13">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage1-3.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item21">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage2-1.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item22">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage2-2.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item23">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage2-3.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item31">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage3-1.png" alt="">
                                            </div>
                                            <div class="vitrage-item vitrage-item32">
                                                <img src="/wp-content/themes/raduga-theme/images/slider/vitrage3-2.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="vitrag-mob"></div>
                                </div>
                            </div>
                            <div class="hamburger hamburger--elastic">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                            <nav class="inslide_nav flex-column">
                                <?php the_sub_field('urls-vitrazh-imidzh'); ?>

                            </nav>
                            <div class="pryamougolnik-slider-right  d-flex flex-wrap">
                                <?php// echo do_shortcode('[insta-gallery id="15"]'); ?>

                                <a href="/vitrazh-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-vitrazh-imidzh-1'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/vitrazh-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-vitrazh-imidzh-2'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/vitrazh-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-vitrazh-imidzh-3'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                                <a href="/vitrazh-imidzh/">
                                    <div style="background-image: url(<?php the_sub_field('foto-vitrazh-imidzh-4'); ?>)" class="pryamougolnik-slider">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- /.ploskost -->
                        <?php
                            endwhile;
                        endif; ?>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">
                        <div id="section_about-us" class="section_3">
                            <div class="container">
                                <?php the_field('section_about-us'); ?>
                            </div>
                        </div>
                        <!-- /.section_about-us -->
                    </div>
                    <!-- /.swiper-slide -->


                    <div class="swiper_slide">
                        <section class="section_panorama">
                            <div class="container">
                                <?php the_field('section_panorama'); ?>
                            </div>
                            <!-- /.container -->
                        </section>
                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">

                        <div id="section_contacts" class="section_4">
                            <div class="container">
                                <?php the_field('section_contacts'); ?>
                            </div>
                        </div>
                        <!-- /.section_4 -->

                    </div>
                    <!-- /.swiper-slide -->

                    <div class="swiper_slide">

                        <footer id="colophon" class="site-footer">
                            <div class="container d-flex">
                                <div class="col-3 col-first">
                                <?php
                                    wp_nav_menu( array(
                                        'theme_location' => 'menu-footer-1',
                                        'menu_id'        => 'menu-footer-1',
                                    ) );
                                    ?>
                                </div>
                                <div class="col-12 col-md-3 col-second">
                                    <?php dynamic_sidebar('sidebar_footer-1'); ?>
                                </div>
                                <div class="col-12 col-md-3 col-3rd">
                                    <?php dynamic_sidebar('sidebar_footer-2'); ?>
                                </div>
                                <div class="col-12 col-md-3 col-4nd">
                                    <?php dynamic_sidebar('sidebar_footer-3'); ?>
                                </div>
                            </div>

                        </footer><!-- #colophon -->

                    </div>
                    <!-- /.swiper-slide -->

                    <!-- <div class="swiper_slide">
                    </div> -->
                    <!-- /.swiper-slide -->

                </div>
                <!-- /.swiper-wrapper -->
            </div>
            <!-- /.swiper-container -->

        </div>
        <!-- slider_owl -->


        </main><!-- #main -->
    </div><!-- #primary -->

<?php
get_sidebar();
get_footer('main');