$(window).scroll(function () {
    var $mheader = $('.mb-mode');
    var offset = $('#cont2').offset();
    var logo = $('.mb-mode .logo');
    if ($(this).scrollTop() >= offset.top - 101) {
        $mheader.addClass('on'),
            $mheader.css('background', '#2e3842'),
            logo.css('display', 'block');
    } else {
        $mheader.removeClass('on'),
            $mheader.css('background', 'none'),
            logo.css('display', 'none');
    }
});

$(document).ready(function () {
    $(function () {
        $('.scroll_btn a').click(function () {
            var speed = 500;
            var href = $(this).attr("href");
            var target = $(href == "#" || href == "" ? 'html' : href);
            var position = target.offset().top - 100;
            $('body,html').animate({
                scrollTop: position
            }, 500, 'swing');
            return false;
        });
    });


    $(function () {
        $('.mb-nav a').click(function () {
            var speed = 800;
            var href = $(this).attr("href");
            var target = $(href == "#" || href == "" ? 'html' : href);
            var position = target.offset().top - 50;
            $('body,html').animate({
                scrollTop: position
            }, 500, 'swing');
            $('.black-cover').css('display', 'none');
            $('.mb-nav').animate({
                right: '-300px'
            }, 500);
            return false;
        });
    });

    $('.logo a').click(function () {
        $('html, body').animate({
            scrollTop: 0
        }, 500);
    });


    //mobile-menu

    $('.mb-btn').click(function () {
        $('.mb-nav').animate({
            right: '0'
        }, 500);
        $('.black-cover').css('display', 'block');
    });

    $('.black-cover').click(function () {
        $('.black-cover').css('display', 'none');
        $('.mb-nav').animate({
            right: '-300px'
        }, 500);
    });
    $('.header_close').click(function () {
        $('.black-cover').css('display', 'none');
        $('.mb-nav').animate({
            right: '-300px'
        }, 500);
    });
});