<section class='section features-section'>
        <div class="container features">
            <h2 class='section__title'>Почему нас выбирают</h2>
            <div class="row">
                <div class="col-l-4 col-m-6 col-s-6 col-xs-12">
                    <div class="feature-card">
                        <div class="feature-card__icon">1</div>
                        <div class="feature-card__title">Умелые дизайнеры</div>
                        <div class="feature-card__content">Умеют быстро и легко преобразовать слово в визуальный интерьер, на лету схватывая ваши мысли и пожелания</div>
                    </div>
                </div>
                <div class="col-l-4 col-m-6 col-s-6 col-xs-12">
                    <div class="feature-card">
                        <div class="feature-card__icon">1</div>
                        <div class="feature-card__title">Умелые дизайнеры</div>
                        <div class="feature-card__content">Умеют быстро и легко преобразовать слово в визуальный интерьер, на лету схватывая ваши мысли и пожелания</div>
                    </div>
                </div>
                <div class="col-l-4 col-m-6 col-s-6 col-xs-12">
                    <div class="feature-card">
                        <div class="feature-card__icon">1</div>
                        <div class="feature-card__title">Умелые дизайнеры</div>
                        <div class="feature-card__content">Умеют быстро и легко преобразовать слово в визуальный интерьер, на лету схватывая ваши мысли и пожелания</div>
                    </div>
                </div>
                <div class="col-l-4 col-m-6 col-s-6 col-xs-12">
                    <div class="feature-card">
                        <div class="feature-card__icon">1</div>
                        <div class="feature-card__title">Умелые дизайнеры</div>
                        <div class="feature-card__content">Умеют быстро и легко преобразовать слово в визуальный интерьер, на лету схватывая ваши мысли и пожелания</div>
                    </div>
                </div>
                <div class="col-l-4 col-m-6 col-s-6 col-xs-12">
                    <div class="feature-card">
                        <div class="feature-card__icon">1</div>
                        <div class="feature-card__title">Умелые дизайнеры</div>
                        <div class="feature-card__content">Умеют быстро и легко преобразовать слово в визуальный интерьер, на лету схватывая ваши мысли и пожелания</div>
                    </div>
                </div>
                <div class="col-l-4 col-m-6 col-s-6 col-xs-12">
                    <div class="feature-card">
                        <div class="feature-card__icon">1</div>
                        <div class="feature-card__title">Умелые дизайнеры</div>
                        <div class="feature-card__content">Умеют быстро и легко преобразовать слово в визуальный интерьер, на лету схватывая ваши мысли и пожелания</div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-x features-cta">
                    <a href="#" class='cta-button'>Сделать замеры</a>
                </div>
            </div>
        </div>
    </section>

    <section class="section works-section">
        <div class="container">
            <h2 class="section__title">Наши кухни</h2>

            <div class="container work-container">
                <div class="row">
                    <div class="col-l-4 hidden-m hidden-s hidden-x"></div>
                    <div class="col-l-8 col-m-12 col-s-12 col-x-12">
                        <div class="fotorama" data-nav="false">
                            <img src="src/img/image1.jpg">
                            <img src="src/img/image2.jpg">
                            <img src="src/img/image3.jpg">
                            <img src="src/img/image4.jpg">
                        </div>
                        <div class="fotorama-controls right">
                            <span class="fotorama-control_button js-fotorama-prev">1<br>Назад</span>
                            <span class="fotorama-control_button js-fotorama-next">1<br>Вперед</span>
                        </div>
                    </div>
                    <div class="work-card left">
                        <div class="work-card__about light">
                            <h2>Винтажная кухня на Гагарина</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia nulla deserunt provident laboriosam quidem ipsa odio error aperiam! Reiciendis sed saepe fugiat tempore perspiciatis totam beatae porro deleniti architecto iusto?</p>
                            <div class="work-card__times-wrap">
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                            </div>
                            <a href="#" class='cta-button work-card_cta'>Хочу похожую кухню</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container work-container">
                <div class="row">
                    <div class="col-l-8 col-m-12 col-s-12 col-x-12">
                        <div class="fotorama left" data-nav="false">
                            <img src="src/img/image1.jpg">
                            <img src="src/img/image2.jpg">
                            <img src="src/img/image3.jpg">
                            <img src="src/img/image4.jpg">
                        </div>
                        <div class="fotorama-controls left">
                            <span class="fotorama-control_button js-fotorama-prev">1<br>Назад</span>
                            <span class="fotorama-control_button js-fotorama-next">1<br>Вперед</span>
                        </div>
                    </div>
                    <div class="work-card right">
                        <div class="work-card__about dark">
                            <h2>Винтажная кухня на Гагарина</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia nulla deserunt provident laboriosam quidem ipsa odio error aperiam! Reiciendis sed saepe fugiat tempore perspiciatis totam beatae porro deleniti architecto iusto?</p>
                            <div class="work-card__times-wrap">
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                            </div>
                            <a href="#" class='cta-button work-card_cta'>Хочу похожую кухню</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container work-container">
                <div class="row">
                    <div class="col-l-4 hidden-m hidden-s hidden-x"></div>
                    <div class="col-l-8 col-m-12 col-s-12 col-x-12">
                        <div class="fotorama" data-nav="false" id=''>
                            <img src="src/img/image1.jpg">
                            <img src="src/img/image2.jpg">
                            <img src="src/img/image3.jpg">
                            <img src="src/img/image4.jpg">
                        </div>
                        <div class="fotorama-controls right">
                            <span class="fotorama-control_button js-fotorama-prev">1<br>Назад</span>
                            <span class="fotorama-control_button js-fotorama-next">1<br>Вперед</span>
                        </div>
                    </div>
                    <div class="work-card left">
                        <div class="work-card__about light">
                            <h2>Винтажная кухня на Гагарина</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia nulla deserunt provident laboriosam quidem ipsa odio error aperiam! Reiciendis sed saepe fugiat tempore perspiciatis totam beatae porro deleniti architecto iusto?</p>
                            <div class="work-card__times-wrap">
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                            </div>
                            <a href="#" class='cta-button work-card_cta'>Хочу похожую кухню</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container work-container">
                <div class="row">
                    <div class="col-l-8 col-m-12 col-s-12 col-x-12">
                        <div class="fotorama left" data-nav="false">
                            <img src="src/img/image1.jpg">
                            <img src="src/img/image2.jpg">
                            <img src="src/img/image3.jpg">
                            <img src="src/img/image4.jpg">
                        </div>
                        <div class="fotorama-controls left">
                            <span class="fotorama-control_button js-fotorama-prev">1<br>Назад</span>
                            <span class="fotorama-control_button js-fotorama-next">1<br>Вперед</span>
                        </div>
                    </div>
                    <div class="work-card right">
                        <div class="work-card__about dark">
                            <h2>Винтажная кухня на Гагарина</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia nulla deserunt provident laboriosam quidem ipsa odio error aperiam! Reiciendis sed saepe fugiat tempore perspiciatis totam beatae porro deleniti architecto iusto?</p>
                            <div class="work-card__times-wrap">
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                                <div class="work-card__times">
                                    <div class="work-card__times--ico"></div>
                                    <div class="work-card__times--content">
                                        <div class="work-card__times--title">сдача проекта</div>
                                        <div class="work-card__times--date">Сентябрь 2017</div>
                                    </div>
                                </div>
                            </div>
                            <a href="#" class='cta-button work-card_cta'>Хочу похожую кухню</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </section>

    <section class="counter">
        <div class="container">
            <div class="row counter-wrap">
                <div class="col-l-7 col-m-7 col-s-12 col-xs-12">
                    <div class="work-counter">
                        <div class="counter__number">122</div>
                        <div class="counter__desc">Уютных кухни <br>переданы клиентам</div>
                    </div>
                </div>
            </div>
        </div>
    </section>