fixes

private/js/lib/01_modernizr.js

@@ -1,6 +1,6 @@
 /*!
  * modernizr v3.6.0
- * Build https://modernizr.com/download?-cssanimations-touchevents-setclasses-dontmin
+ * Build https://modernizr.com/download?-csstransitions-touchevents-setclasses-dontmin
  *
  * Copyright (c)
  *  Faruk Ates
@@ -572,6 +572,23 @@ This test will also return `true` for Firefox 4 Multitouch support.
 
   ;
 
+  /**
+   * cssToDOM takes a kebab-case string and converts it to camelCase
+   * e.g. box-sizing -> boxSizing
+   *
+   * @access private
+   * @function cssToDOM
+   * @param {string} name - String name of kebab-case prop we want to convert
+   * @returns {string} The camelCase version of the supplied name
+   */
+
+  function cssToDOM(name) {
+    return name.replace(/([a-z])-([a-z])/g, function(str, m1, m2) {
+      return m1 + m2.toUpperCase();
+    }).replace(/^-/, '');
+  }
+  ;
+
   /**
    * fnBind is a super small [bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) polyfill.
    *
@@ -629,23 +646,6 @@ This test will also return `true` for Firefox 4 Multitouch support.
 
   ;
 
-  /**
-   * cssToDOM takes a kebab-case string and converts it to camelCase
-   * e.g. box-sizing -> boxSizing
-   *
-   * @access private
-   * @function cssToDOM
-   * @param {string} name - String name of kebab-case prop we want to convert
-   * @returns {string} The camelCase version of the supplied name
-   */
-
-  function cssToDOM(name) {
-    return name.replace(/([a-z])-([a-z])/g, function(str, m1, m2) {
-      return m1 + m2.toUpperCase();
-    }).replace(/^-/, '');
-  }
-  ;
-
   /**
    * Create our "modernizr" element that we do most feature tests on.
    *
@@ -949,23 +949,14 @@ This test will also return `true` for Firefox 4 Multitouch support.
 
 /*!
 {
-  "name": "CSS Animations",
-  "property": "cssanimations",
-  "caniuse": "css-animation",
-  "polyfills": ["transformie", "csssandpaper"],
-  "tags": ["css"],
-  "warnings": ["Android < 4 will pass this test, but can only animate a single property at a time"],
-  "notes": [{
-    "name" : "Article: 'Dispelling the Android CSS animation myths'",
-    "href": "https://goo.gl/OGw5Gm"
-  }]
+  "name": "CSS Transitions",
+  "property": "csstransitions",
+  "caniuse": "css-transitions",
+  "tags": ["css"]
 }
 !*/
-/* DOC
-Detects whether or not elements can be animated using CSS
-*/
 
-  Modernizr.addTest('cssanimations', testAllProps('animationName', 'a', true));
+  Modernizr.addTest('csstransitions', testAllProps('transition', 'all', true));
 
 
   // Run each test

private/js/modules/control-panel.js

@@ -21,7 +21,7 @@ $(function() {
       $control_item.addClass('active');
 
       window.on_transitionend($control_item_content, function(event) {
-        if (!event || event.target === $control_item_content[0]) {
+        if (!event || event.target === this) {
           $control_item_content.off(window.transitionend);
           $control_item_content.removeAttr('style');
           $control_item.removeClass('loading');
@@ -40,7 +40,7 @@ $(function() {
     $control_item_content.height($control_item_content_main.outerHeight(true));
 
     window.on_transitionend($control_item_content, function(event) {
-      if (!event || event.target === $control_item_content[0]) {
+      if (!event || event.target === this) {
         $control_item_content.off(window.transitionend);
         $control_item_content_main.html('');
       }

private/js/modules/plugins/slider.js

@@ -35,6 +35,13 @@ $(function() {
     }
   });
 
+  $body.on('click', '.slider__next', function(event) {
+    event.preventDefault();
+    var $this = $(this);
+    var $slider = $this.parents('.slider');
+    slider_next_item($slider);
+  });
+
   window.enable_touch_swipe('.slider', slider_prev_item, slider_next_item);
   window.enable_touch_swipe('.text_slider', slider_prev_item, slider_next_item);
 });

private/scss/modules/plugins/_form.scss

@@ -135,38 +135,39 @@
 .form__field {
   width: 100%;
   display: block;
-  margin-bottom: em(15px);
+  margin-bottom: em(25px);
   position: relative;
 }
 
 .form__field--label {
   padding-left: 30%;
-  label {
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 30%;
-    line-height: em(40px);
-    font-weight: 400;
-    padding-right: em(20px);
-    font-size: em(12px);
-    letter-spacing: 0.03em;
-    text-transform: uppercase;
-    span {
-      line-height: 1.3;
-      display: inline-block;
-      vertical-align: middle;
-    }
-  }
   @media screen and (max-width: $small_breakpoint) {
     padding: 0;
-    label {
-      position: relative;
-      width: 100%;
-      padding: 0;
-      margin-bottom: em(2px);
-    }
+  }
+}
+
+.form__field__label {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 30%;
+  line-height: em(36px);
+  font-weight: 400;
+  padding-right: em(20px);
+  font-size: em(12px);
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  span {
+    line-height: 1.3;
+    display: inline-block;
+    vertical-align: middle;
+  }
+  @media screen and (max-width: $small_breakpoint) {
+    position: relative;
+    width: 100%;
+    padding: 0;
+    margin-bottom: em(2px);
   }
 }
 
@@ -210,7 +211,14 @@
   }
 }
 
-input, textarea {
+input[type="checkbox"], input[type="radio"] {
+  display: none;
+}
+
+input[type="text"], input[type="email"], input[type="number"], input[type="password"],
+input[type="checkbox"] + label, input[type="radio"] + label,
+textarea {
+  display: block;
   width: 100%;
   height: em(45px);
   font-size: em(16px);
@@ -224,6 +232,7 @@ input, textarea {
   -webkit-appearance: none;
   border-radius: 0;
   padding-right: em(5px);
+  position: relative;
   &::placeholder {
     color: $gray;
   }
@@ -245,12 +254,79 @@ input, textarea {
   }
 }
 
+.form__field__choice__icon {
+  display: inline-block;
+  position: absolute;
+  top: 50%;
+  left: em(14px);
+  width: em(24px);
+  height: em(24px);
+  margin-top: em(-12px);
+  border: 2px solid $gray;
+  background: $white;
+  will-change: transform;
+  svg {
+    display: none;
+    position: absolute;
+    top: -20%;
+    left: 15%;
+    width: 120%;
+    height: 120%;
+    fill: $green;
+  }
+  &:before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: em(10px);
+    height: em(10px);
+    margin-top: em(-5px);
+    margin-left: em(-5px);
+    border-radius: 50%;
+    background: $green;
+    display: none;
+  }
+}
+
+input[type="checkbox"] + label, input[type="radio"] + label {
+  padding: em(12px) em(14px) em(12px) em(52px);
+  margin-bottom: em(10px);
+  text-indent: 0;
+}
+
+input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
+  .form__field__choice__icon {
+    svg {
+      display: block;
+    }
+  }
+}
+
+input[type="radio"] + label {
+  .form__field__choice__icon {
+    border-radius: 50%;
+  }
+}
+
+input[type="radio"]:checked + label {
+  .form__field__choice__icon {
+    svg {
+      display: none;
+    }
+    &:before {
+      display: block;
+    }
+  }
+}
+
 textarea {
   height: em(150px);
   text-indent: 0;
   padding: em(12px) em(14px);
   resize: vertical;
   min-height: em(100px);
+  line-height: 1.3;
 }
 
 .form__field__help_text {

private/scss/modules/plugins/_slider.scss

@@ -142,6 +142,33 @@
   }
 }
 
+.slider__next {
+  color: $white;
+  text-decoration: none;
+  span {
+    border-bottom: 1px solid rgba($white, 0.5);
+    display: inline-block;
+  }
+  svg {
+    height: em(18px);
+    width: em(18px);
+    transform: none;
+    transition: transform 0.2s, opacity 0.2s;
+    margin-left: em(5px);
+    vertical-align: baseline;
+    fill: $white;
+    opacity: 0.5;
+    position: relative;
+    top: em(4px);
+  }
+  &:hover {
+    svg {
+      transform: translateX(em(5px));
+      opacity: 1;
+    }
+  }
+}
+
 .slider__images {
   position: absolute;
   top: -10%;