Никита Ермиличев

.breadcrumbs li:not(:first-child) a {
	padding: 5px 30px;
	background: #fff;
	background: linear-gradient(-135deg, transparent 10px, #fff 0) top right,
							linear-gradient(-45deg, transparent 10px, #fff 0) bottom right,
							linear-gradient(135deg, transparent 10px, #fff 0) bottom left,
							linear-gradient(45deg, transparent 10px, #fff 0) top left;
	background-size: 51% 51%;
	background-repeat: no-repeat; }

background-size: 51% 51%;

$('li').click(function(){
    var target = $(this).find('a').attr('data-value');
    
    $(bodyHtml).animate({
        scrollTop:$('#' + target).offset().top
    },1500);
});

Вот так работает

1. Фон линейка
2. Корпус рулетки, который всегда прижат к врапперу
3. Сам враппер (который увеличивается в зависимости от скролла)
3.1 overflow: hidden (Типа до туда еще не докрутили)

Когда вы наводите на второй элемент вы попадаете мышкой на следующий блок следующего раздела
Они у вас не скрыты, а просто прозрачны. Делайте им display:none, а не opacity: 0

.content ul li{
  list-style: none;
}
.content ul li:before {  
  content: "•";
  width: 7px;
  height: 7px;
  background-color: #d1bd7d;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  }

Определяете браузер (например так) и, исходя из этого, показываете определенный контент

function get_name_browser(){
    // получаем данные userAgent
    var ua = navigator.userAgent;    
    // с помощью регулярок проверяем наличие текста,
    // соответствующие тому или иному браузеру
    if (ua.search(/Chrome/) > 0) return 'Chrome';
    if (ua.search(/Firefox/) > 0) return 'Firefox';
    if (ua.search(/Opera/) > 0) return 'Opera';
    if (ua.search(/Safari/) > 0) return 'Safari';
    if (ua.search(/MSIE/) > 0) return 'IE';
    // условий может быть и больше.
    // сейчас сделаны проверки только 
    // для популярных браузеров
    return 'Не определен';
}
 
// пример использования
var browser = get_name_browser();

В Вашем примере так и делают:

$('form').submit(function(event) {
    event.preventDefault();
    //Здесь создаём/показываем элемент, например gif с ромашкой
    $('#WAITER').show();

    $.ajax({
      type: $(this).attr('method'),
      url: $(this).attr('action'),
      data: new FormData(this),
      contentType: false,
      cache: false,
      processData: false,
      success: function(result) {
        //Здесь скрываем/удаляем waiter
        $('#WAITER').hide();
        $('#exampleModal1').arcticmodal();
      },
    });
  });