Кирилл Туровников

Ели стили модификатора идут после основных стилей блока, то должны переопределяться, либо используйте селектор .block.block--mod

Необходимо у формы указать обработчик и метод передачи данных, выше в вашем коде, обработчик - файл email.php в корневом каталоге сайта:

<form id="contact-form" action="/email.php" metod="post">

Данные отправлять используя ajax, делаю проверку на заполненность полей, для этого необходимы библиотека jquery и сам файл скрипта, например script.js лежащий в папке js в корне сайта
Подключаем их в head:

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/js/script.js"></script>

Ниже сам скрипт script.js:

$(document).ready(function(){
    $('#contact-form').submit(function(){
            var subject = $(this).find("#subject :selected").text();
            var name = $(this).find("#name").val();
            var email = $(this).find("#email").val();
            var message = $(this).find("#message").val();

            if(!!name && !!email && !!message){
                $.ajax({
                    type: "POST",
                    url: "/email.php",
                    data: {"subject": subject, "name": name,"email": email, "message": message},
                    cache: false,
                    success: function(){
                        /* действия при успешной отправке */
                    }
                })
            }
        return false;
    });
});

И последнее сам обработчик email.php, который отправляет письма, в последней строке указывается адрес получателя и заголовок письма:

<? header("Content-type: text/html; charset=utf-8");

	$text = "<b>subject</b>: ".$_POST['subject']."<br>";
	$text .= "<b>name</b>: ".$_POST['name']."<br>" ;
	$text .= "<b>email</b>: ".$_POST['email']."<br>";
	$text .= "<b>message</b>: ".$_POST['message']."<br>";
	$headers .= "MIME-Version: 1.0\r\n";
	$headers .= "Content-Type: text/html; charset=UTF-8\r\n";
	mail('mail@mail.ru', 'Заголовок письма', $text, $headers);

?>

Ну во первых вижу ошибку в селекторе $(".mod") точку потеряли, во вторых стили можно так применить:

var bblur = $(".row");
$(".mod").click(function () {
    bblur.css({
        '-webkit-filter':'blur(10px)',
        'filter':'blur(10px)'
    });
});

Как то так это будет. Для первого случая все проще:

$("li.mainLi").click(function(){
	$("ul.dropdown-inside").toggle();
});

И для второго:

$("ul.dropdown-inside").hover(function(),function(){
	setTimeout(function(){
		$("ul.dropdown-inside").hide();
	},2000);
});

Так как кнопка "показать меню" находиться в самом .container, надо ловить в нем клик, исключать само меню и кнопку и проверять переменную menu:

$('.container').click(function(event) {
    $target = $(event.target);
    if (!$target.closest($('.navbar')).length && !$target.closest($('.menu-toggle')).length && menu == 'open') {
      $('.navbar').css('-webkit-transform', 'translate(-100%, 0)');
      $('.container').css('-webkit-transform', 'translate(0, 0)');
      $('.container').removeClass('inner');
      menu = "close";
    }
  });

Если речь идет про фоновое изображение, то background-size: 100% 100%; Если же надо чтобы она вписывалась по высоте и ширине без деформации то background-size:cover;

Самое простое задать отрицательные margin, либо position:absolute; относительно рабочей области.

Приблизительный код будет следующим:

$('body').click(function(event) {
	$target = $(event.target);
	if (!$target.closest($('.current-list')).length){
		$(".current-list").hide();
                return false;
	}
});

Ловим клик в боди, проверяем не попадает ли он на целевой блок и скрываем.

Всего три состояния:

.item .star{
	display:none;
	background:url(gray-star.png);
}
.item:hover .star{
	display:block;
}
.item .star.act{
	background:url(yellow-star.png);
	display:block;
}

И в js переключатель:

$('.item .star').click(function(){
	$(this).toggleClass('act');
});