headroom js active

// must add headroom.js and jqueryheadroom.js
//headroom active
jQuery("#masthead").headroom({
	tolerance: 10,
    offset : 205,
    classes: {
        initial: "slide",
        pinned: "slide--reset",
        unpinned: "slide--up"
    }
});

/*headroom style*/
.slide{
/*transition*/
-webkit-transition:all .25s ease-in-out;
   -moz-transition:all .25s ease-in-out;
     -o-transition:all .25s ease-in-out;
        transition:all .25s ease-in-out;
}
.slide{
position:fixed;
z-index:10;
right:0;
left:0;
top:inherit;
}
.slide--up{
/*transform*/
-webkit-transform:translateY(-100%);
   -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
     -o-transform:translateY(-100%);
        transform:translateY(-100%);
}
.slide--reset{
/*transform*/
-webkit-transform:translateY(0);
   -moz-transform:translateY(0);
    -ms-transform:translateY(0);
     -o-transform:translateY(0);
        transform:translateY(0);
}