#sb-site, .sb-site-container, .sb-slidebar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
    overflow: hidden;
}
#sb-site, .sb-site-container {
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1;
}
#sb-site::before, #sb-site::after, .sb-site-container::before, .sb-site-container::after {
    content: " ";
    display: table;
}
#sb-site::before, #sb-site::after, .sb-site-container::before, .sb-site-container::after {
    clear: both;
}
.sb-slidebar {
    background-color: #0086cd;
    border-left: 1px solid #fff;
    display: none;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 0;
}
.sb-slidebar, .sb-slidebar * {
}
.sb-left {
    left: 0;
}
.sb-right {
    right: 0;
}
html.sb-static .sb-slidebar, .sb-slidebar.sb-static {
    position: absolute;
}
.sb-slidebar.sb-active {
    display: block;
}
.sb-style-overlay {
    z-index: 9999;
}
.sb-momentum-scrolling {
}
.sb-slidebar {
    width: 30%;
}
.sb-width-thin {
    width: 15%;
}
.sb-width-wide {
    width: 45%;
}
@media (max-width: 480px) {
.sb-slidebar {
    width: 70%;
}
.sb-width-thin {
    width: 55%;
}
.sb-width-wide {
    width: 85%;
}
}
@media (min-width: 481px) {
.sb-slidebar {
    width: 55%;
}
.sb-width-thin {
    width: 40%;
}
.sb-width-wide {
    width: 70%;
}
}
@media (min-width: 768px) {
.sb-slidebar {
    width: 40%;
}
.sb-width-thin {
    width: 25%;
}
.sb-width-wide {
    width: 55%;
}
}
@media (min-width: 992px) {
.sb-slidebar {
    width: 30%;
}
.sb-width-thin {
    width: 15%;
}
.sb-width-wide {
    width: 45%;
}
}
@media (min-width: 1200px) {
.sb-slidebar {
    width: 20%;
}
.sb-width-thin {
    width: 5%;
}
.sb-width-wide {
    width: 34%;
}
}
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
    transform: translate(0px);
    transition: transform 400ms ease 0s;
}
.sb-hide {
    display: none;
}
.menu-res {
    margin: 0 auto;
    padding: 0;
}
.menu-res li {
    list-style: outside none none;
}
.menu-res li a {
    background: #219bdc none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin-top: 1px;
    overflow: hidden;
    padding: 12px 13px;
    text-align: right;
    text-decoration: none;
    transition-duration: 0.4s;
    transition-property: background;
    transition-timing-function: ease-out;
    vertical-align: middle;
    width: 100%;
}
.menu-res > li:first-child a {
    margin-top: 0;
}
.menu-res li a:hover {
    background: #a6d8f3 none repeat scroll 0 0;
    transition-duration: 0.2s;
    transition-property: background;
    transition-timing-function: ease-out;
}
.menu-res li ul {
    margin: 0;
    padding: 0;
}
.menu-res li li a {
    background: #c6ddd9 none repeat scroll 0 0;
    color: #1f3d39;
    display: block;
    height: 0;
    margin-top: 0;
    padding: 0 10px;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease-out;
}
.menu-res > li:hover li a {
    display: table;
    height: 1em;
    margin-top: 1px;
    padding: 10px;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
    width: 100%;
}
.menu-res > li:hover li a:hover {
    background: #a4cac8 none repeat scroll 0 0;
    transition-duration: 0.2s;
    transition-property: background;
    transition-timing-function: ease-out;
}