Дмитрий

приблизительно так

jsfiddle.net/soledar10/zobc6rbc

Может быть это подойдет - tympanus.net/Development/GammaGallery

также часто использую
www.owlcarousel.owlgraphic.com
как вариант для 4 пунтка - использовать эффект fade

Внутри тега <form> не может находится другая форма
Движки такие как -webkit стараются отобразить, даже в корне невалидную разметку, и удаляют уж совсем абсурдные вещи. Поэтому вы скорее всего не увидите тег <form>
внутри <form>

data-wow-iteration="10"

Задаете количество раз для повторения анимации.
В данном случае 10 раз

Как вариант
fancyapps.com/fancybox

jsfiddle.net/2bzes8fq

:before работает по IE8
htmlbook.ru/css/before

::before работает по IE9
htmlbook.ru/css3/before

$(document).mouseup(function (e) {
		var container = $("#footer-form");
		if (container.has(e.target).length === 0){
			container.hide();
		}
	});

Если обрезается на мобильных правая часть - проблема с viewport
в адаптивном шаблоне

<meta name="viewport" content="width=device-width, initial-scale=1.0">

в неадаптивном шаблоне
<meta name="viewport" content="width=1000">
Допустим, ширина контейнера 1000px и он не адаптируется. В таком случае внешний вид - белая полоса справа. Проблему легко устранить установив ширину окна просмотра 1020px. Ширина дизайна не изменяется, но мобильное устройство будет масштабировать его до 1020px.

попробуйте так

@font-face {
    font-family: 'Lato-Black';
    src: url('Lato-Black.eot');
    src: url('Lato-Black?#iefix') format('embedded-opentype'),        
         url('Lato-Black.woff') format('woff'),
         url('Lato-Black.ttf') format('truetype'),
         url('Lato-Black.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('Lato-Light.eot');
    src: url('Lato-Light?#iefix') format('embedded-opentype'),        
         url('Lato-Light.woff') format('woff'),
         url('Lato-Light.ttf') format('truetype'),
         url('Lato-Light.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

для фиксированной верстки необходимо так (ширину контента свою задаете)
<meta name="viewport" content='width=1200' />

htmlbook.ru/css/value/media

owlgraphic.com/owlcarousel/demos/one.html - вот настройки for one slide

var owl = $(".carousel");
	owl.owlCarousel({
        singleItem : true
      // "singleItem:true" is a shortcut for:
      // items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false
});

у вас стоит на данный момент

itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2]