<!--Start Slider-->
      <section class="slider">
        <div id="large-header" class="large-header">
          <canvas id="demo-canvas">
          </canvas>
          <div class="bubbels-wrap">
            <div class="container">
              <div class="why-mob-view">
                <img src="img/home/home.png"alt="home">
             	<div class="let-btn">
                  <a href="#services" class="btn   page-scroll">
                    <span>
                      LET'S GO
                    </span>
                  </a>
               </div>
              </div>
              <div class="fullwidthbanner-container">
                <div class="fullwidthbanner">
                  <ul>
                    <!-- THE FIRST SLIDE -->
                    <li data-transition="fade" data-slotamount="10" data-masterspeed="300">
                      <img src="img/revslider/transparent.png" alt="bg"
                      data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                      <div class="tp-caption lft fade"
                      data-x="9"
                      data-y="316"
                      data-start="10"
                      data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
                        <img src="img/revslider/transparent.png" alt="take">
                      </div>
                      <div class="tp-caption lft fade"
                      data-x="9"
                      data-y="316"
                      data-start="10"
                      data-easing="easeOutExpo" data-endspeed="10" data-endeasing="easeInSine" >
                        <img src="img/revslider/transparent.png" alt="take">
                      </div>
                      <div class="tp-caption lft fade"
                      data-x="9"
                      data-y="316"
                      data-start="10"
                      data-easing="easeOutExpo" data-endspeed="10" data-endeasing="easeInSine" >
                        <img src="img/revslider/transparent.png" alt="take">
                      </div>

                      <div class="tp-caption lft fade"
                      data-x="9"
                      data-y="316"
                      data-speed="400"
                      data-start="500"
                      data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
                        <img src="img/home/take.png" alt="take">
                      </div>
                      <div class="tp-caption lft fade"
                      data-x="20"
                      data-y="392"
                      data-speed="400"
                      data-start="800"
                      data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
                        <img src="img/home/brand.png" alt="brand">
                      </div>
                      <div class="tp-caption lft fade"
                      data-x="20"
                      data-y="497"
                      data-speed="400"
                      data-start="1200"
                      data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
                        <img src="img/home/new-height.png" alt="new">
                      </div>
                      <div class="tp-caption lfl fade"
                      data-x="215"
                      data-y="317"
                      data-speed="500"
                      data-start="1300"
                      data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
                        <img src="img/home/your.png" alt="your">
                      </div>
                      <div class="tp-caption lfb stl"
                      data-x="20"
                      data-y="558"
                      data-speed="400"
                      data-start="1500"
                      data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
                        <a href="#services" class="btn btn-5 btn-5a fa fa-angle-double-down page-scroll">
                          <span>
                            LET'S GO
                          </span>
                        </a>
                      </div>
                      <div class="tp-caption lfb"
                      data-x="730"
                      data-y="155"
                      data-speed="6000"
                      data-start="2600"
                      data-easing="easeOutExpo"
                      data-endspeed="15000" data-endeasing="easeInSine" >
                        <img src="img/revslider/parasuit.png" alt="parasuit">
                      </div>
                      <div class="tp-caption lfl"
                      data-x="570"
                      data-y="278"
                      data-speed="6000"
                      data-start="2600"
                      data-easing="easeOutExpo"
                      data-endspeed="15000" data-endeasing="easeInSine" >
                        <img src="img/revslider/clod-l.png"  alt="cloud">
                      </div>
                      <div class="tp-caption lfr"
                      data-x="935"
                      data-y="560"
                      data-speed="6000"
                      data-start="2200"
                      data-easing="easeOutExpo"
                      data-endspeed="3000" data-endeasing="easeInSine" >
                        <img src="img/revslider/1x-gray.png" alt="cloud-s">
                      </div>
                      <div class="tp-caption lfl"
                      data-x="720"
                      data-y="470"
                      data-speed="6000"
                      data-start="2200"
                      data-easing="easeOutExpo"
                      data-endspeed="3000" data-endeasing="easeInSine" >
                        <img src="img/revslider/1x-gray.png" alt="cloud-s">
                      </div>
                      <div class="tp-caption fade"
                      data-x="560"
                      data-y="614"
                      data-speed="600"
                      data-start="2200"
                      data-easing="easeOutExpo"
                      data-endspeed="800" data-endeasing="easeInSine" >
                        <img src="img/revslider/mountain.png" alt="mount">
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--End Slider-->