html{font-size:62.5%}
body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;height:100%;background-attachment:fixed;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-size:1.6rem}
h1{padding:10px 0 30px 0}
.sidebar_wrapper{padding:30px 0 20px 0}
.header .head_wrapper div.menu{cursor:pointer;height:36px;width:42px;margin-right:10px;margin-top:0;display:inline-block;background:transparent;padding:0;box-sizing:border-box;position:absolute;right:10px;top:10px;-webkit-transform:skewX(7deg);-moz-transform:skewX(7deg);-ms-transform:skewX(7deg);-o-transform:skewX(7deg);transform:skewX(7deg)}
.header .head_wrapper div.menu::before,.header .head_wrapper div.menu::after{content:"";-webkit-transition:top .2s ease .3s,transform .3s ease;-moz-transition:top .2s ease .3s,transform .3s ease;-ms-transition:top .2s ease .3s,transform .3s ease;-o-transition:top .2s ease .3s,transform .3s ease;transition:top .2s ease .3s,transform .3s ease;will-change:transform}
.header .head_wrapper div.menu>div{-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.header .head_wrapper div.menu>div,.header .head_wrapper div.menu::before,.header .head_wrapper div.menu::after{position:absolute;width:100%;height:5px;left:0;-webkit-border-radius:1px;border-radius:1px}
div.menu>div,div.menu::before,div.menu::after{background-color:#FFF}
.header .head_wrapper div.menu::before{top:4px}
.header .head_wrapper div.menu>div{top:16px}
.header .head_wrapper div.menu::after{top:29px}
.header .head_wrapper div.menu.active::before{position:absolute;top:16px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top .1s ease,-webkit-transform .1s ease .1s;-moz-transition:top .1s ease,-moz-transform .1s ease .1s;-ms-transition:top .1s ease,-ms-transform .1s ease .1s;-o-transition:top .1s ease,-o-transform .1s ease .1s;transition:top .1s ease,transform .1s ease .1s;filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"}
.header .head_wrapper div.menu.active::after{position:absolute;top:16px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(-45deg);-webkit-transition:top .1s ease,-webkit-transform .1s ease .1s;-moz-transition:top .1s ease,-moz-transform .1s ease .1s;-ms-transition:top .1s ease,-ms-transform .1s ease .1s;-o-transition:top .1s ease,-o-transform .1s ease .1s;transition:top .1s ease,transform .1s ease .1s}
.header .head_wrapper div.menu.active>div{opacity:0}
.sidebar_wrapper .sidebar{width:100%;display:inline-block;vertical-align:top;margin-bottom:15px}