<!--<section class="banner_section" data-parallax-speed="0.7" data-parallax-bg-position="top center" data-parallax-bg-image="assets/images/banner12.JPG" style="position: relative; background: transparent; overflow: hidden; z-index: 1; ">
   <div class="parallax-inner" style="position: absolute; background-image: url(&quot;assets/images/banner12.JPG;); background-position: center top; background-repeat: no-repeat; background-size: cover; width: 1287px; height: 646px; transform: translate3d(0px, -228.5px, 0px); transition: transform 100ms ease 0s; z-index: -1;"></div>
   <div class="container">
      <!-- STRART CONTAINER -->
     <!-- <div class="row">
         <div class="col-12">
            <div class="text-center animation animated fadeInLeft" data-animation="fadeInLeft" data-animation-delay="0.02s" style="animation-delay: 0.02s; opacity: 1;">
               <div class="heading_s1 heading_light">
                  <div class="banner-heading">Our online and live online TEFL Courses are certified <br>by CPD Certification Service UK</div>
               </div>
               
               <!--<form method="post" name="enq" class="pt-md-2 form_style3 form-row justify-content-center">
                  
                  <div class="form-group col-lg-3 col-md-4">
                     <div class="custom_select">
                        <select class="form-control">
                         <option>Select Course</option>
<option>TEFL 120 hrs. Certificate </option>
<option>TEFL 220 hrs. Diploma </option>
<option>TEFL 280 hrs. Adv. Diploma </option>
<option>TEFL 400 hrs. PG Diploma </option>
<option>TEFL Live Online </option>
<option>Diploma in Teaching (TESOL)</option>
<option>B.Ed. (TESOL Bachelors) </option>
<option>MS.IET (TESOL Masters) </option>
                        </select>
                     </div>
                  </div>
                  <div class="col-auto"><button type="submit" title="Search Course" class="btn btn-default btn-radius" name="submit" value="Submit">Search Course</button></div>
               </form>-->


           <!-- </div>

         </div>

      </div>
      <div class="pt-50"><p class="text-center"><a href="javascript:void(0)" onclick="function_scrolltop()" class="btn btn-outline-white btn-sm btn-radius " style="font-size: 18px;">Subscribe Newsletter</a></p></div>
   </div>
   <!-- END CONTAINER-->
<!--</section>-->
<!-- START SECTION BANNER -->

<div class="banner">
	<div class="bannerPic">
    	<img src="assets/images/banner12.JPG" alt="banner">
    </div>
</div>


<script type="text/javascript">function function_scrolltop() {

  var hedhight=200+parseInt($('.navbar').offset().top)

  ///alert(parseInt(hedhight))
  var height=parseInt($('#news').offset().top)-parseInt(hedhight);

   $('html, body').animate({
        scrollTop: height
    }, 500);

    
}</script>