title: html - input unable to be focused on when clicked
body: <p>Hi great people of stackoverflow,</p>
  
  <p>I have a problem with my input box where I am unable to click on it meaning that I cannot type anything into it.</p>
  
  <p><a href="http://fmssb.com/interactive/xavian/altwww-v2" rel="nofollow">FMSSB.COM</a></p>
  
  <p>The input box is in the 8th slide. Use your mouse to navigate to the 8th slide.</p>
  
  <p>I used 2 jquery plugins which are as shown below.
  iDangero.us Mobile Touch Slider
  Malibu Custom Scrollbar</p>
  
  <p>I've also set the z-index to 1000 which should place it above the rest but it still does not work.</p>
  
  <p>However, when you keep pressing tab repetitively, you can reach the input box and enter value in it.</p>
  
  <p>I hope I got my message across.</p>
  
  <p>Thanks.</p>
  
  <p>P.S. Do note it looks weird on a large screen because I don't have the proper styling for bigger window screens. So far it works on a 1280px width screen.</p>