﻿@charset "utf-8";
/* CSS Document */

header{position:fixed; top:0; left:0; width:100%; z-index:1000;}
#backtop{position:fixed; right:-80px; bottom:60px; display:block; background-color:rgba(238,110,42,.7); color:#fff; height:36px; font-size:22px; line-height:36px; text-align:center; z-index:9999; border-radius:4px 0 0 4px; padding:0 2px 0 4px;}
header.sticktop{top: 0 !important;}
.headroom{
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	-o-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes slideDown {
0%{top: -80px;}
100%{top: 0;}
}
@-moz-keyframes slideDown {
0%{top: -80px;}
100%{top: 0;}
}
@-o-keyframes slideDown {
0%{top: -80px;}
100%{top: 0;}
}
@keyframes slideDown {
0%{top: -80px;}
100%{top: 0;}
}
header.headroom--pinned {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}
@-webkit-keyframes slideUp {
0%{top: 0;}
100%{top:-80px;}
}
@-moz-keyframes slideUp {
0%{top: 0;}
100%{top:-80px;}
}
@-o-keyframes slideUp {
0%{top: 0;}
100%{top:-80px;}
}
@keyframes slideUp {
0%{top: 0;}
100%{top:-80px;}
}
header.headroom--unpinned {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}



@-webkit-keyframes slideLeft {
0%{right:0}
100%{right:-40px}
}
@-moz-keyframes slideLeft {
0%{right:0}
100%{right:-40px}
}
@-o-keyframes slideLeft {
0%{right:0}
100%{right:-40px}
}
@keyframes slideLeft {
0%{right:0}
100%{right:-40px}
}
#backtop.headroom--pinned {
	-webkit-animation-name: slideLeft;
	-moz-animation-name: slideLeft;
	-o-animation-name: slideLeft;
	animation-name: slideLeft
}

@-webkit-keyframes slideRight {
0%{right:-40px}
100%{right:0}
}
@-moz-keyframes slideRight {
0%{right:-40px}
100%{right:0}
}
@-o-keyframes slideRight {
0%{right:-40px}
100%{right:0}
}
@keyframes slideRight {
0%{right:-40px}
100%{right:0}
}
#backtop.headroom--unpinned {
	-webkit-animation-name: slideRight;
	-moz-animation-name: slideRight;
	-o-animation-name: slideRight;
	animation-name: slideRight
}