<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
    <section id="content">

        <div class="section parallax notopborder m-0"
            >
<!--            <div class="overlay overlay-black opacity-light"></div>-->


            <div class="container clearfix" id="section-diferenciais">

                <div class="row justify-content-between align-items-center col-mb-30 mw-lg">

                    <div class="col-lg-5">
                        <div class="heading-block">
                            <h2 class="color-2 font-large">Light Human Hotel <br>Florida - Miami</h2>
                            <p>Mix use Project</p>
                        </div>

                    </div>
                    <div class="col-lg-7 p-5">
                        <div class="row mb-4">

                            <h3 class="font-weight-bolder">The project</h3>

                            <p class="font-medium mb-5">
                                59 Floors - Residential, Hotel and Amenities (Marina, Mezzanine Restaurant, Rooftop
                                Restaurant, GYM, SPA, Pool and Parking). 70 Residential Units and 180 Hotel Room Keys.
                                Residential - 98,571 SF Sellable Area! 1,408 SF Average per Unit! 37,272 SF Balcony /
                                532 SF per Unit! 25 Levels (33th to 57th Floor) ! Hotel units - 417 SF Average p/ Room!
                                9,291 SF Back Office Area! 17 Levels (16th to 32th Floor)! 300 FT River Front! Marina (4
                                Boats Capacity)! 5,591 SF Rooftop Restaurant! 1,860 SF Mezzanine Restaurant! 5,956 SF
                                Gym, SPA and Pool! 182 Parking Space (2th to 12th Floor)</p>

                            <a href="https://goo.gl/maps/126cpUsg385eMCh37" target="_blank"
                               class="btn text-larger px-4 py-2 rounded-pill mt-3 bg-color-2"
                               style="">Location project <i class="icon-chevron-right ml-3 mr-2 position-relative"
                                                            style="top: 1px"></i></a>

                        </div>
                    </div>
                </div>


            </div>
        </div>


        <?php $v->insert("views/map"); ?>

        <?php $v->insert("views/newsletter-widget"); ?>

    </section><!-- #content end -->
<?php $v->start("scripts"); ?>
    <script src="<?= url("/shared/scripts/hover3d.js"); ?>"></script>

    <script>

        jQuery(document).ready(function () {

            if (!jQuery('body').hasClass('device-touch')) {

                var lFollowX = 0,
                    lFollowY = 0,
                    x = 0,
                    y = 0,
                    friction = 1 / 30;

                function moveBackground() {
                    x += (lFollowX - x) * friction;
                    y += (lFollowY - y) * friction;

                    translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';

                    jQuery('.move-bg').css({
                        '-webit-transform': translate,
                        '-moz-transform': translate,
                        'transform': translate
                    });

                    window.requestAnimationFrame(moveBackground);
                }

                jQuery(window).on('mousemove click', function (e) {

                    var lMouseX = Math.max(-100, Math.min(100, jQuery(window).width() / 2 - e.clientX));
                    var lMouseY = Math.max(-100, Math.min(100, jQuery(window).height() / 2 - e.clientY));
                    lFollowX = (10 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
                    lFollowY = (10 * lMouseY) / 100;

                });

                moveBackground();

                jQuery(".book-wrap").hover3d({
                    selector: ".book-card",
                    shine: false,
                });

            }

        });

    </script>
<?php $v->end(); ?>