<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=11" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,  user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <title>Tournesol Siteworks, LLC - Site Furnishings for Landscape Infrastructure</title>
    <meta name="description" content="Tournesol Siteworks, LLC - leader in manufacturing products for landscapes on structure include pots &amp; planters, site furnishings, living wall systems, deck &amp; paver products and other components for urban landscape infrastructure." />
    <meta name="keywords" content="Pots and Planters, Container Irrigation, Benches and Seating, Traffic and Pedestrian Control, Greenwalls, Fountains, Deck and Paver Products, Root Control and Drainage Product, Bike Racks and Guards, Tables, Trash and Ash Bins and Recyclers" />
    <link rel="shortcut icon" href="/favicon.png">
    <link rel='stylesheet' id='camera-css' href='/Content/css/camera.css' type='text/css'>
    <link href="/Content/css/bootstrap.css" rel="stylesheet">
    <link href="/Content/fonts/stylesheet.css" rel="stylesheet">
    <link href="/Content/owl.carousel/assets/owl.theme.css" rel="stylesheet">
    <link href="/Content/owl.carousel/assets/owl.carousel.css" rel="stylesheet">
    <link href="/Content/owl.carousel/assets/owl.transitions.css" rel="stylesheet">
    <link href="/Content/css/animate.css" rel="stylesheet">
    <link href="/Content/css/sprite.css" rel="stylesheet">
    <link href="/Content/css/jquery-ui.css" rel="stylesheet" />
    <link href="/Content/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="/Content/css/flexslider.css" rel="stylesheet">
    <link href="/Content/css/prettyPhoto.css" rel="stylesheet" />
    <link href="/Content/css/timeline.css" rel="stylesheet" />
    <link href="/Content/css/toastr.css" rel="stylesheet" />
    <link href="/Content/css/simplelightbox.css" rel="stylesheet">
    <link href="/Content/css/fullpage.css" rel="stylesheet" />
    <link href="/Content/css/tsw.css" rel="stylesheet">
    <link href="/Content/css/Site.css" rel="stylesheet">
    <link href="/Content/css/tsw-mq.css" rel="stylesheet" />
    
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-127426664-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'UA-127426664-1');
    </script>
    
</head>

<body class="homepage">






<div id="menu-full" class="menu-collapsed">
    <a href="#" class="bar-box"><div class="bar"></div></a>
    <nav>
        <ul class="side-menu-ul">
            <div class="row head-logo">
                <div class="col-md-12"><a href="/" class="logo-black"><img src="/images/logo-black.png" alt="Tournesol Siteworks"></a></div>
                <div class="col-md-12 text-right side-menu-contact-margin">
                    <div class="cta-icons-inner">
                        <div class="col-md-6 text-right ">
                            <a href="tel:+800-542-2282" class="menu-call"><i class="fa fa-mobile"></i> 800-542-2282</a>
                            <!-- <a href="javascript:void(0)" class="search search_icon-inner"><i class="fa fa-search"></i></a> -->

                        </div>
                        <div class="col-md-6 text-right" style="margin-top:15px">
                            <form id="demo-2">
                                <input type="search" name="searchStringDemo2" id="searchStringDemo2" placeholder="Search">
                            </form>
                        </div>
                    </div>
                </div>

            </div>

                    <li><a href="/aboutus">About Us</a></li>
                    <li>
                        <a href="#.">Products</a><i class="fa fa-angle-down"></i>
                        <ul>

                                <li><a href=/category/pots-planters><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Pots &amp; Planters</p></a></li>
                                <li><a href=/category/container-irrigation><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Container Irrigation</p></a></li>
                                <li><a href=/category/benches-seating><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Benches &amp; Seating</p></a></li>
                                <li><a href=/category/traffic-pedestrian-control><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Traffic &amp; Pedestrian Control</p></a></li>
                                <li><a href=/category/greenwalls><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Greenwalls</p></a></li>
                                <li><a href=/category/fountains><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Fountains</p></a></li>
                                <li><a href=/category/deck-paver-products><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Deck &amp; Paver Products</p></a></li>
                                <li><a href=/category/root-control-drainage><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Root Control &amp; Drainage</p></a></li>
                                <li><a href=/category/bike-racks-guards><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Bike Racks &amp; Guards</p></a></li>
                                <li><a href=/category/tables><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Tables</p></a></li>
                                <li><a href=/category/trash-and-ash-bins-recyclers><div class="icon"><i class=TSW_UI.Models.Category></i></div><p>Trash and Ash Bins &amp; Recyclers</p></a></li>
                        </ul>
                    </li>
                    <li><a href="/contact-us">Contact Us</a></li>
                    <li><a href="/resource">Resources</a></li>
                    <li><a href="/blog">Success</a></li>
                    <li><a href="/customworks">Customworks</a></li>

        </ul>
    </nav>
</div>

            <div id="fullpage">
                <div class="bg-light"></div>




    <header>
        <div class="container-fluid header">
            <a href="javascript:void(0)" class="menu_bar"><i class="fa fa-bars"></i></a> <a href="javascript:void(0)" class="search_bar"><i class="fa fa-search"></i></a>
            <div class="col-lg-3"><a href="/" class="logo"><img src="/images/logo.png" alt="Tournesol Siteworks"></a></div>
            <div class="col-lg-9 text-right head-menu">
                <nav class="nav_holder">
                    <ul class="main_nav">
                        <li class="dropdown login-dropdown">
                                <a href="#" class="text-right welcome-text"><i class="fa fa-user-circle-o"></i>My Account</a>
                            <ul class="dropdown-menu">

                                    <li><a href="/account/login"><i class="fa fa-sign-out"> </i> Login</a></li>


                            </ul>
                        </li>

                                <li><a href="aboutus">About Us</a><span></span></li>
                                <li class="carousel-dropdown">
                                    <a href="javascript:void(0)">Products <i class="fa fa-angle-down"></i></a><span></span> <i class="fa fa-angle-down"></i>
                                    <ul class="owl-carousel owl-theme menu-carousel">

                                            <li class="item"><a href=/category/pots-planters><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/PotsPlanters.png alt="Pots &amp; Planters"></div><p>Pots &amp; Planters</p></a></li>
                                            <li class="item"><a href=/category/container-irrigation><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/ContainerIrrigation.png alt="Container Irrigation"></div><p>Container Irrigation</p></a></li>
                                            <li class="item"><a href=/category/benches-seating><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/bench.png alt="Benches &amp; Seating"></div><p>Benches &amp; Seating</p></a></li>
                                            <li class="item"><a href=/category/traffic-pedestrian-control><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/TrafficPedestrianControl.png alt="Traffic &amp; Pedestrian Control"></div><p>Traffic &amp; Pedestrian Control</p></a></li>
                                            <li class="item"><a href=/category/greenwalls><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/Greenwalls.png alt="Greenwalls"></div><p>Greenwalls</p></a></li>
                                            <li class="item"><a href=/category/fountains><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/fountain.png alt="Fountains"></div><p>Fountains</p></a></li>
                                            <li class="item"><a href=/category/deck-paver-products><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/DeckPavers.png alt="Deck &amp; Paver Products"></div><p>Deck &amp; Paver Products</p></a></li>
                                            <li class="item"><a href=/category/root-control-drainage><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/RootControl.png alt="Root Control &amp; Drainage"></div><p>Root Control &amp; Drainage</p></a></li>
                                            <li class="item"><a href=/category/bike-racks-guards><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/bicycle.png alt="Bike Racks &amp; Guards"></div><p>Bike Racks &amp; Guards</p></a></li>
                                            <li class="item"><a href=/category/tables><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/categoryicons/Table.png alt="Tables"></div><p>Tables</p></a></li>
                                            <li class="item"><a href=/category/trash-and-ash-bins-recyclers><div class="icon"><img src=https://cdn.tournesol.com/media///Images/icons/trash.png alt="Trash and Ash Bins &amp; Recyclers"></div><p>Trash and Ash Bins &amp; Recyclers</p></a></li>

                                    </ul>
                                </li>
                                <li><a href="contact-us">Contact Us</a><span></span></li>
                                <li><a href="resource">Resources</a><span></span></li>
                                <li><a href="blog">Success</a><span></span></li>
                                <li><a href="customworks">Customworks</a><span></span></li>

                        <a href="tel:+800-542-2282"><i class="fa fa-mobile"></i>800-542-2282</a>
                        <a href="javascript:void(0)" class="search search_icon"><i class="fa fa-search"></i></a>
                        <form class="search_form">
                            <input type="text" name="searchString" id="searchString" placeholder="Search... ">
                            <button class="cross" type="reset"><i class="fa fa-times"></i></button>
                            <button id="searchSubmit" type="button"><i class="fa fa-search"></i></button>
                        </form>

                    </ul>
                </nav>
            </div>
        </div>
    </header>
   
                <a href="#" class="scrollup"></a>
                

<div class="section" id="home">
    <div class="camera_wrap  pattern_2" id="main_banner">
                <div data-thumb="https://cdn.tournesol.com/media///Images/Home/535-Kinglsey-LA-Pot-Planter.jpg" data-src="https://cdn.tournesol.com/media///Images/Home/535-Kinglsey-LA-Pot-Planter.jpg" alt="HomeBanner1"></div>
                <div data-thumb="https://cdn.tournesol.com/media///Images/Home/Website-Homepage-Crop.gif" data-src="https://cdn.tournesol.com/media///Images/Home/Website-Homepage-Crop.gif"></div>
                <div data-thumb="https://cdn.tournesol.com/media///Images/Home/SWIG-Wally-Mountain-View.jpg" data-src="https://cdn.tournesol.com/media///Images/Home/SWIG-Wally-Mountain-View.jpg"></div>
    </div>
    <h1 class="banner-text">Successful sites start here ...</h1>

            <div class="notification">
<div class="margin:50px;">
	<a aecdai.ly=" " href="http://aecdai.ly/tournesolsiteworks" rel="nofollow" title="Sign up for AEC Daily Continuing Education Course"><img alt="AEC Daily Education Courses" src="https://cdn.tournesol.com/media/Images/popup/AEC-Daily-Education-Courses-400x184.jpg" style="width: 400px; height: 184px;" /></a></div>


            </div>

</div>
                <div class="section" id="project">
                    <div class="black-bg"></div>
                    <div class="head-line"><h2 class="head03">Featured Project</h2></div>

                    <div class="" id="">

                            <div>
                                <img src="" alt="LaGuardia Airport Central Pocket Park Project " data-src="https://cdn.tournesol.com/media///Images/Home/feature-projects/Feature-LaGuardia-Airport-Pocket-Park-Project-Photo-Credit-Jeff-Goldberg-Esto.jpg" style="margin-top:-4px;" />
                                <div class="col-md-6 floating-text animated fadeInDown">
                                    <h3 class="head01">LaGuardia Airport Central Pocket Park Project</h3>
                                    <p>LaGuardia Airport -&nbsp;Terminal B in New York, NY<br />
<br />
</p>
                                    <br>
                                    <a href="/featured-projects" class="btn btn-white animated zoomIn"> Read More</a>
                                </div>
                            </div>

                    </div>

                </div>
                <div class="section custom-products" id="products">
                    <div class="head-line"><h2 class="head03">Success Blog</h2></div>
                    <div class="row">
                        <div class="product-slider owl-carousel owl-theme">
                                <a href="blog/canterbury-collection-at-merrill-gardens">
                                    <div class="item">
                                        <img src="" alt="Canterbury Collection at Merrill Gardens" data-src="https://cdn.tournesol.com/media///Images/Home/homepageblogs/canterbury-collection-at-merrill-gardens-tall-slider.jpg">
                                        <div class="floating-text">
                                            <div class="col-md-3">
                                                
                                            </div>
                                            <div class="col-md-9 ">
                                                <div class="head-line animated fadeInDown"><h2 class="head03"> Canterbury Collection at Merrill Gardens</h2></div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <a href="blog/cordell-hull-parking-garage-nashville-tn">
                                    <div class="item">
                                        <img src="" alt="Cordell Hull Parking Garage, Nashville, TN" data-src="https://cdn.tournesol.com/media///Images/Home/homepageblogs/Cordell-Hull-TN-Urban-Planters-Image-14.jpg">
                                        <div class="floating-text">
                                            <div class="col-md-3">
                                                
                                            </div>
                                            <div class="col-md-9 ">
                                                <div class="head-line animated fadeInDown"><h2 class="head03"> Cordell Hull Parking Garage, Nashville, TN</h2></div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <a href="blog/hotel-del-coronado-beautified-by-vgm-living-wall">
                                    <div class="item">
                                        <img src="" alt="Hotel Del Coronado Beautified by VGM Living Wall" data-src="https://cdn.tournesol.com/media///Images/Home/homepageblogs/Hotel-del-coronado-VGM-Greenwall-Image-18.jpg">
                                        <div class="floating-text">
                                            <div class="col-md-3">
                                                
                                            </div>
                                            <div class="col-md-9 ">
                                                <div class="head-line animated fadeInDown"><h2 class="head03"> Hotel Del Coronado Beautified by VGM Living Wall</h2></div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                        </div>
                    </div>
                </div>
                <div class="section" id="project">
                    <div class="black-bg"></div>
                    <div class="head-line"><h2 class="head03">Featured Products</h2></div>

                    <div class="" id="">

                            <div>
                                <img src="" alt="Boulevard Thermally-Modified Wood " data-src="https://cdn.tournesol.com/media///Images/Home/Downtown-Sac-Sawyer-Bldg-Sacramento-CA-Blvd-Wood-Structural-Tiles.jpg" style="margin-top:-4px;" />
                                <div class="col-md-6 floating-text animated fadeInDown">
                                    <h3 class="head01">Boulevard Thermally-Modified Wood</h3>
                                    <p>Superb Solutions for a Stunning Sacramento Rooftop&nbsp;</p>
                                    <br>
                                    <a href="/featured-products" class="btn btn-white animated zoomIn"> Read More</a>
                                </div>
                            </div>

                    </div>

                </div>














                <div class="section footer-section">



<footer>
    <div class="container-fluid">
        <div class="col-lg-1"></div>
        <div class="col-lg-2 col-md-3 col-sm-6">
            <div class="logo-footer"><img src="/images/logo-footer.png " alt="Tournesol Siteworks"></div>



<div class="address">
    <p>
        2930 Faber St.<br />
Union City, CA 94587 
    </p><br>
    <p>Toll Free : <a href="tel:800-542-2282">800-542-2282</a></p>
    <p>Tel: <a href="tel:510-471-6243">510-471-6243</a></p>
    <p>Fax: <a href="#">510-471-6243</a></p>
</div>

        </div>
        <div class="col-lg-2 col-md-3 col-sm-6">
            <h3>About Us</h3>
            <ul>
                <li><a href="/aboutus#PlacesandPeople"><i class="fa fa-angle-right"></i> Places and People</a></li>
                <li><a href="/aboutus#milestoneId"><i class="fa fa-angle-right"></i> The Tournesol Story</a></li>
                <li><a href="/aboutus#jobId"><i class="fa fa-angle-right"></i> Jobs</a></li>

            </ul>
            <br>
            <h3>Contact Us</h3>
            <ul>
                <li><a href="/contact-us"><i class="fa fa-angle-right"></i> Contact</a></li>
                <li><a href="/contact-us#SalesTeam"><i class="fa fa-angle-right"></i> Sales Team</a></li>
                <li><a href="/contact-us#WhereToBy"><i class="fa fa-angle-right"></i> Where to Buy</a></li>
            </ul>
        </div>



        <div class="col-lg-2 col-md-3 col-sm-6">
            <h3>Products</h3>



<ul>
        <li><a href=/category/pots-planters><i class="fa fa-angle-right"></i> Pots &amp; Planters </a></li>
        <li><a href=/category/container-irrigation><i class="fa fa-angle-right"></i> Container Irrigation </a></li>
            <li>
                <a href="javascript:void(0)"><i class="fa fa-angle-right"></i>&nbsp;Site and Furnishing</a>
                <ul class="footer-submenu">
                            <li><a href=/category/benches-seating><i class="fa fa-circle"></i> Benches &amp; Seating </a></li>
                            <li><a href=/category/traffic-pedestrian-control><i class="fa fa-circle"></i> Traffic &amp; Pedestrian Control </a></li>
                            <li><a href=/category/bike-racks-guards><i class="fa fa-circle"></i> Bike Racks &amp; Guards </a></li>
                            <li><a href=/category/tables><i class="fa fa-circle"></i> Tables </a></li>
                            <li><a href=/category/trash-and-ash-bins-recyclers><i class="fa fa-circle"></i> Trash and Ash Bins &amp; Recyclers </a></li>

                </ul>
            </li>
        <li><a href=/category/greenwalls><i class="fa fa-angle-right"></i> Greenwalls </a></li>
        <li><a href=/category/fountains><i class="fa fa-angle-right"></i> Fountains </a></li>
        <li><a href=/category/deck-paver-products><i class="fa fa-angle-right"></i> Deck &amp; Paver Products </a></li>
        <li><a href=/category/root-control-drainage><i class="fa fa-angle-right"></i> Root Control &amp; Drainage </a></li>
</ul>



            <h3><a href="/sitemap" style="color:white;font-weight:500">Sitemap</a></h3>

        </div>
        <div class="col-lg-2 col-md-3 col-sm-6">
            <h3>Resources</h3>
            <ul>

                <li><a href="/resource#Field"><i class="fa fa-angle-right"></i> Field Manuals</a></li>
                <li><a href="/resource#Guide"><i class="fa fa-angle-right"></i> Guide Specifications</a></li>
                <li><a href="/resource#Materials"><i class="fa fa-angle-right"></i> Material & Finishes</a></li>
                <li><a href="/resource#Care"><i class="fa fa-angle-right"></i> Care & Maintenance</a></li>
                <li><a href="/resource#catalog"><i class="fa fa-angle-right"></i> Request Catalog</a></li>
                <li><a href="/resource#Videos"><i class="fa fa-angle-right"></i> Videos</a></li>
                <li><a href="/resource#Cad&M"><i class="fa fa-angle-right"></i> CAD & Models</a></li>

            </ul>
            <h3><a href="/sitemap.xml"><img alt="xml" src="/images/icons/xml-button.png"></a></h3>
        </div>
        <div class="col-lg-2 col-md-12 newsletter ">
            <h3>Newsletters</h3>
            <p><span>Sign up below for early updates</span></p>
            <form action="">
                <div class="input-group">

                    <input type="text" class="form-control" placeholder="Your Email Address" id="newsletterEmail">
                    <span class="input-group-btn">
                        <button class="btn btn-default" id="newsletterSubscription" type="button"><i class="fa fa-send"></i></button>
                    </span>

                </div>
            </form>
            <br>
            <h3>Follow Us</h3>
            <div class="social-icons">




    <a href="https://www.facebook.com/tournesolsw" class="circle-icon" target="_blank"><i class="fa fa-facebook"></i> </a>
    <a href="https://www.instagram.com/tournesol_siteworks/" class="circle-icon" target="_blank"><i class="fa fa-instagram"></i> </a>
    <a href="https://twitter.com/tournesolsw" class="circle-icon" target="_blank"><i class="fa fa-twitter"></i> </a>
    <a href="https://www.linkedin.com/company/tournesol-siteworks-llc?trk=tyah" class="circle-icon" target="_blank"><i class="fa fa-linkedin"></i> </a>
    <a href=" https://www.youtube.com/Tournesolsw" class="circle-icon" target="_blank"><i class="fa fa-youtube"></i> </a>


            </div>

        </div>
        <div class="col-lg-1"></div>
    </div>
    <script src="/Scripts/tracker.js"></script>
</footer>


                </div>
            </div>

    <script src="/Content/js/jquery.min.js"></script>
    <script src="/Content/js/jquery-ui.js"></script>
    <script src="/Content/js/bootstrap.min.js"></script>
    <script src="/Content/owl.carousel/owl.carousel.js"></script>
    
    <script src="/Content/js/fullpage.js"></script>
    
    <script defer src="/Content/js/jquery.mobile.custom.js"></script>
    <script defer src="/Content/js/jquery.flexslider.js"></script>
    
    <script defer src="/Content/js/jquery.prettyPhoto.js"></script>
    <script defer>
        $(document).ready(function () {
            var ProductResourceNew = Object.freeze({ "GuidSpecification": 0, "Care&Maintanance": 1, "FieldManual": 2 });

            $(".gallery a[rel^='prettyPhoto']").prettyPhoto({ animation_speed: 'fast', slideshow: 5000, hideflash: true });
            $('#headingOne').collapse()
            $(".menu-carousel").owlCarousel({
                navigation: true, // Show next and prev buttons
                autoplay: false,
                autoplayTimeout: 3000,
                items: 7,
                loop: false,
                dots: false,
                nav: true,
                paginationSpeed: 400,
                autoplaySpeed: 1000,
                responsive: {
                    0: {
                        items: 1,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    600: {
                        items: 2,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1000: {
                        items: 4,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1024: {
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1280: {
                        items: 4,
                    },
                    1366: {
                        items: 6,
                    },
                    1440: {
                        items: 7,
                    },
                    4000: {
                        items: 7,
                    },
                }
                //   animateIn: 'zoomIn',
                // animateOut: 'zoomOut',
            });
            $(".image-thumbs").owlCarousel({
                navigation: true,
                autoplay: false,
                autoplayTimeout: 3000,
                items: 10,
                loop: true,
                dots: false,
                nav: true,
                paginationSpeed: 400,
                autoplaySpeed: 1000,
                margin: 0,
                responsive: {
                    0: {
                        items: 3,

                    },
                    500: {
                        items: 5,

                    },
                    1000: {
                        items: 9,
                    },
                    1280: {
                        items: 9,
                    },
                    1366: {
                        items: 9,
                    },
                    1440: {
                        items: 11,
                    },
                    4000: {
                        items: 11,
                    },
                }
            });
            $('#slider').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: false,
                slideshow: false,
                itemMargin: 0,
            });
        });
        $(".pop-click").click(function () {
            $(".pop-content.more-info").addClass("show-pop");
            var topValue = $(".product-detail-section").offset().top;
            $("html, body").animate({ scrollTop: topValue - 80 });
            // $(document).scrollTop( $(".product-detail-section").offset().top);
        });

        $(".close-pop").click(function () {
            $(".pop-content.more-info").removeClass("show-pop");
        });
        $(".option-click").click(function () {
            $(".pop-content.option-pop").addClass("show-pop");
            var topValue = $(".product-detail-section").offset().top;
            $("html, body").animate({ scrollTop: topValue - 80 });
        });
        $(".close-pop").click(function () {
            $(".pop-content.option-pop").removeClass("show-pop");
        });
        var socialWidth = $("#social-share .social").width();
        var licount = $("#social-share .social ul li").length;
        var liWidth = socialWidth / licount;

        $("#social-share .social ul li").width(liWidth - 20);
        if ($(window).width() <= 768) {
            var socialWidth = $("#social-share .social").width();
            var licount = $("#social-share .social ul li").length;
            var liWidth = socialWidth / licount;
            $("#social-share .social ul li").width(liWidth - 41);
        }
        /***********************|on change reload page|**********************/
        /***********************|Commented on 28-Mar-2019 for youtube Video|**********************/
        //$(document).ready(function ($) {
        //    var windowWidth = $(window).width();
        //    $(window).resize(function () {
        //        if (windowWidth != $(window).width() && $(window).width() < 5000) {
        //            window.location.reload(true);
        //        }
        //    });
        //});
    </script>
    <script src="/Content/js/owl.carousel2.thumbs.js"></script>
    
    <script defer src="/Content/js/toastr.min.js"></script>
    <script defer type='text/javascript' src='/Content/js/jquery.mobile.customized.min.js'></script>
    <script defer type='text/javascript' src='/Content/js/jquery.easing.1.3.js'></script>
    <script defer type='text/javascript' src='/Content/js/camera.js'></script>
    
    <script defer src="/Content/js/responsiveslides.min.js"></script>
    <script defer src="/Content/js/simple-lightbox.js"></script>
    <script defer src="/Content/js/simple-lightbox.js"></script>
    <script defer>
        $(".related-products-slider").owlCarousel({
            navigation: true, // Show next and prev buttons
            autoplay: false,
            autoplayTimeout: 3000,
            items: 4,
            loop: false,
            dots: false,
            nav: true,
            paginationSpeed: 400,
            autoplaySpeed: 1000,
            margin: 5,
            responsive: {
                0: {
                    items: 1,

                },
                500: {
                    items: 2,

                },
                1000: {
                    items: 3,
                },
                1280: {
                    items: 3,
                },
                1366: {
                    items: 4,
                },
                1440: {
                    items: 4,
                },
                4000: {
                    items: 4,
                },
            }
        });
        $(".image-thumbs").owlCarousel({
            navigation: true, // Show next and prev buttons
            autoplay: false,
            autoplayTimeout: 3000,
            items: 10,
            loop: true,
            dots: false,
            nav: true,
            paginationSpeed: 400,
            autoplaySpeed: 1000,
            margin: 0,
            responsive: {
                0: {
                    items: 3,

                },
                500: {
                    items: 5,

                },
                1000: {
                    items: 9,
                },
                1280: {
                    items: 9,
                },
                1366: {
                    items: 9,
                },
                1440: {
                    items: 11,
                },
                4000: {
                    items: 11,
                },
            }
        });
        $(document).ready(function () {
            $(".menu-carousel").owlCarousel({
                navigation: true, // Show next and prev buttons
                autoplay: false,
                autoplayTimeout: 3000,
                items: 7,
                loop: false,
                dots: false,
                nav: true,
                paginationSpeed: 400,
                autoplaySpeed: 1000,
                responsive: {
                    0: {
                        items: 1,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    600: {
                        items: 2,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1000: {
                        items: 4,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1024: {
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1280: {
                        items: 4,
                    },
                    1366: {
                        items: 6,
                    },
                    1440: {
                        items: 7,
                    },
                    4000: {
                        items: 7,
                    },
                }
                //   animateIn: 'zoomIn',
                // animateOut: 'zoomOut',
            });
        });
        $(function () {
            $("#listing-banner .rslides").responsiveSlides({
                auto: true,
                speed: 1000,
                timeout: 6000,
                pause: false,
                nav: false,
            });
        });

        $(function () {
            $('#searchSubmit').click(function () {
                if ($("#searchString").val()) {
                    window.location.href = '/search?q=' + $("#searchString").val();
                }
            });
            $("#searchString").on('keyup', function (e) {
                if (e.keyCode == 13) {
                    if ($("#searchString").val()) {
                        window.location.href = '/search?q=' + $("#searchString").val();
                    }
                }
            });
            $("#searchStringDemo2").on('keyup', function (e) {
                if (e.keyCode == 13) {
                    if ($("#searchStringDemo2").val()) {
                        window.location.href = '/search?q=' + $("#searchStringDemo2").val();
                    }
                }
            });
        });
    </script>
    <script>
        $(function () {
            $(".product-slider").owlCarousel({
                navigation: true, // Show next and prev buttons
                autoplay: true,
                autoplayTimeout: 3000,
                items: 3,
                loop: false,
                dots: false,
                paginationSpeed: 400,
                autoplaySpeed: 1000,
                responsive: {
                    0: {
                        items: 1,
                        loop: true,

                    },
                    768: {
                        items: 1,
                        loop: true,
                    },
                    1000: {
                        items: 1,
                        loop: true,
                    },
                    1024: {
                        items: 2,
                        loop: true,
                    },

                    1280: {
                        items: 3,
                    },
                    1366: {
                        items: 3,
                    },
                    4000: {
                        items: 3,
                    },

                }
                //   animateIn: 'zoomIn',
                // animateOut: 'zoomOut',

            });
            $(".menu-carousel").owlCarousel({
                navigation: true, // Show next and prev buttons
                autoplay: false,
                autoplayTimeout: 3000,
                items: 7,
                loop: false,
                dots: false,
                nav: true,
                paginationSpeed: 400,
                autoplaySpeed: 1000,
                responsive: {
                    0: {
                        items: 1,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    600: {
                        items: 2,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1000: {
                        items: 4,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },
                    1024: {
                        items: 4,
                        touchDrag: false,
                        mouseDrag: false,
                        autoplay: false
                    },

                    1280: {
                        items: 5,
                    },
                    1366: {
                        items: 6,
                    },
                    1440: {
                        items: 7,
                    },
                    4000: {
                        items: 7,
                    },

                }
                //   animateIn: 'zoomIn',
                // animateOut: 'zoomOut',

            });
            $("#newsletterSubscription").click(function () {
                var emailId = $("#newsletterEmail").val();
                var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
                if (pattern.test(emailId)) {
                    $.ajax({
                        type: "POST",
                        url: "/NewsLetterSubscription/index/",
                        data: { Email: emailId },
                        success: function (msg) {
                            if (msg != null && msg.length > 2) {
                                if (msg.startsWith('1')) {
                                    toastr.success(msg.substring(2, msg.length), 'Success', { positionClass: "toast-bottom-right", timeOut: 1000 });
                                } else {
                                    toastr.error(msg.substring(2, msg.length), 'Error', { positionClass: "toast-bottom-right", timeOut: 1000 });
                                }
                            }

                        },
                        error: function (msg, errorThrown) {
                            toastr.error(msg, 'Error', { positionClass: "toast-bottom-right", timeOut: 200 });
                        }
                    });

                }
                else {
                    toastr.error("Invalid Email", 'Error', { positionClass: "toast-bottom-right", timeOut: 200 });

                }
            });

        });
        function showStatusMessage() {
            // Show Model with message if any
            if ($("[data-fc-show]").length > 0) {
                var tmpv = $("[data-fc-show]").attr("data-fc-show");
                if (tmpv === "True") {
                    var msg = $("[data-fc-show]").attr("data-fc-message");
                    var hasError = $("[data-fc-show]").attr("data-fc-hasError") === "True";

                    if (hasError)
                        toastr.error(msg, 'Error', { positionClass: "toast-bottom-right", timeOut: 200 });
                    else
                        toastr.success(msg, 'Success', { positionClass: "toast-bottom-right", timeOut: 1000 });

                }
            }
        }
        function showErrorMessage(msg) {
          if (msg == null || msg.length < 1) { return; }
          toastr.error(msg, 'Error', { positionClass: "toast-bottom-right", timeOut: 3000 });
        }
        function showSuccessMessage(msg) {
            if (msg == null || msg.length<1) { return; }
            toastr.success(msg, 'Success', { positionClass: "toast-bottom-right", timeOut: 3000 });
        }
        $(function () {
            if (''!=null) { showErrorMessage('') }
            if (''!=null ) { showSuccessMessage('') }
        });

        $(function () {
            $("#listing-banner .rslides").responsiveSlides({
                auto: true,
                speed: 1000,
                timeout: 6000,
                pause: false,
                nav: false,
            });
        });

    </script>
    <script>
        $(document).on('click', '[data-toggle="lightbox"]', function (event) {
            event.preventDefault();
            $(this).ekkoLightbox();
        });
        $(function () {
            // var $gallery = $('.gallery a').simpleLightbox();
        });
    </script>
    <script defer type="text/javascript" src="/Content/js/jquery.mousewheel.js"></script>
    <script defer src="/Content/js/jquery.jscrollpane.min.js"></script>
    <script defer>
        $(document).ready(function () {
            $("footer ul li a").click(function () {
                $(this).next("ul.footer-submenu").toggle(300);
            });
        })
        $(function () {
            function getBaseUrlLayout() {
                var baseUrl = window.location.href.substring(window.location.href.indexOf($(location).attr('pathname')));
                baseUrl = baseUrl.replace("#", "");
                if (baseUrl.indexOf("?") != -1) {
                    var baseUrl = baseUrl.substring(0, baseUrl.indexOf('?'));
                }
                return baseUrl;
            }
            $(".main_nav li").not(".item").each(function () {
                if ($(this).find('a').attr('href') + '/' == getBaseUrlLayout()) {
                    $(this).addClass("actmenu");
                }
            })
        });

        if ($(window).width() > 900) {
            $(function () {
                $('.white-box .content,.about-box .content').jScrollPane().on('mousewheel', function (e) {
                    e.preventDefault();
                });
            });
        }
        $(".forgot-pass").click(function () {
            $("#forgot-pass").show(300);
            $("#login").hide(300);
            $("#register").hide(300);
        });
        $(".log-in").click(function () {
            $("#login").show(300);
            $("#forgot-pass").hide(300);
            $("#register").hide(300);
        });
        $(".register").click(function () {
            $("#register").show(300);
            $("#login").hide(300);
            $("#forgot-pass").hide(300);
        });
    </script>
    <script defer src="/content/js/jquery.validate.min.js"></script>
    <script defer src="/content/js/jquery.validate.unobtrusive.min.js"></script>
    <script defer src="/Content/js/tsw.js"></script>
    
    <script>
        var myFullpage = new fullpage('#fullpage', {
            verticalCentered: false,
            responsiveWidth: 1100,
            licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE'
        });
        $(function () {
            $('#main_banner').camera({
                height: 'auto',
                loader: '',
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: '../images/',
                mobileAutoAdvance: true,
                loaderColor: '#f6ba3c',
                navigation: false,
                // easing:"easeInOutExpo",
                fx: 'simpleFade',
                mobileFx: "simpleFade",
                // portrait: false,
                // gridDifference: 1050,
                transPeriod: 2000,
                time: 4000,
            });

            $('#project_banner0').camera({
                height: 'auto',
                loader: '',
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: '../images/',
                mobileAutoAdvance: true,
                loaderColor: '#f6ba3c',
                navigation: false,
                transPeriod: 1500,
                time: 5000,
                fx: 'simpleFade',
                mobileFx: "simpleFade",
            });

            $('#project_banner1').camera({
                height: 'auto',
                loader: '',
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: '../images/',
                mobileAutoAdvance: true,
                loaderColor: '#f6ba3c',
                navigation: false,
                transPeriod: 1500,
                time: 5000,
                fx: 'simpleFade',
                mobileFx: "simpleFade",
            });
            $('#project_banner2').camera({
                height: 'auto',
                loader: '',
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: '../images/',
                mobileAutoAdvance: true,
                loaderColor: '#f6ba3c',
                navigation: false,
                transPeriod: 1500,
                time: 5000,
                fx: 'simpleFade',
                mobileFx: "simpleFade",
            });
            $('#project_banner3').camera({
                height: 'auto',
                loader: '',
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: '../images/',
                mobileAutoAdvance: true,
                loaderColor: '#f6ba3c',
                navigation: false,
                transPeriod: 1500,
                time: 5000,
                fx: 'simpleFade',
                mobileFx: "simpleFade",
            });
            $('#project_banner4').camera({
                height: 'auto',
                loader: '',
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: '../images/',
                mobileAutoAdvance: true,
                loaderColor: '#f6ba3c',
                navigation: false,
                transPeriod: 1500,
                time: 5000,
                fx: 'simpleFade',
                mobileFx: "simpleFade",
            });

        });
    </script>
    <script>
        function init() {
            var imgDefer = $("img[data-src]");
            for (var i = 0; i < imgDefer.length; i++) {
                if (imgDefer[i]) {
                    if (imgDefer[i].getAttribute('data-src') && imgDefer[i].getAttribute('data-src').length > 0) {
                        imgDefer[i].setAttribute('src', imgDefer[i].getAttribute('data-src'));
                    }
                }
                
            }
        }
        window.onload = init;
    </script>
	<script src="/Scripts/tracker.js"></script>

</body>
</html>
