       $('.font-header header').addClass('fixed')
       $('#styles').addClass('with-bumper')
       fixHeader = false
-      $(window).scrollTo $($(this).attr('href')), { duration: 300, offset: -offset }
+      $(window).scrollTo $($(this).attr('href')), { duration: defaultSpeed, offset: -offset }
     else
       $('.font-header').removeClass('fixed')
       $('.font-header header').removeClass('fixed')
       $('#styles').removeClass('with-bumper')
       fixHeader = true
-      $(window).scrollTo 0, { duration: 500 }
+      $(window).scrollTo 0, { duration: 2*defaultSpeed }
     $('.sections a.active').removeClass('active')
     $(this).addClass('active')
     e.stopPropagation()

    else
      $(this).parent().siblings('.tools').children('.apperance').children('.name').addClass('visible')
  $('.wish').addClass('pushed')
  $('#styles .styles').show 150, ->
    $('#styles .styles').addClass('visible')
    showWish = ->
      $('.wish').removeClass('pushed')

      curStylesGr.removeClass('visible')
      hide = ->
        curStylesGr.hide()
      setTimeout hide, 3*defaultSpeed
    else
      $(this).addClass('open')
      stylesGr($(this)).show defaultSpeed, ->
        $.scrollTo($(this), 'max')
        $(this).addClass('visible')
  $('.fonts').css { opacity: 1 }
