/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */

    #sb-site, .sb-site-container, .sb-slidebar, body, html
    {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body, html
    {
        width: 100%;
        overflow-x: hidden;
    }

    html
    {
        height: 100%;
    }

    body
    {
        min-height: 100%;
        height: auto;
        position: relative;
    }

    html.sb-scroll-lock.sb-active:not(.sb-static)
    {
        overflow: hidden;
    }


    #sb-site, .sb-site-container
    {
        width: 100%;
        min-height: 100vh;
        position: relative;
        z-index: 1;
        background-color: #fff;
    }

        #sb-site:after, #sb-site:before, .sb-site-container:after, .sb-site-container:before
        {
            content: ' ';
            display: table;
            clear: both;
        }

    .sb-slidebar
    {
        height: 100%;
        overflow-y: auto;
        position: fixed;
        top: 0;
        z-index: 0;
        display: none;
        background-color: #222;
    }

        .sb-slidebar, .sb-slidebar *
        {
            -webkit-transform: translateZ(0px);
        }

    .sb-left
    {
        left: 0;
    }

    .sb-right
    {
        right: 0;
    }

    .sb-slidebar.sb-static, html.sb-static .sb-slidebar
    {
        position: absolute;
    }

    .sb-slidebar.sb-active
    {
        display: block;
    }

    .sb-style-overlay
    {
        z-index: 9999;
    }

    .sb-momentum-scrolling
    {
        -webkit-overflow-scrolling: touch;
    }

    .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: 35%;
        }
    }

@media (max-width: 767px)
{
    #sb-site, .sb-site-container, .sb-slide, .sb-slidebar
    {
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px);
        transform: translate(0px);
        -webkit-transition: -webkit-transform 400ms ease;
        -moz-transition: -moz-transform 400ms ease;
        -o-transition: -o-transform 400ms ease;
        transition: transform 400ms ease;
        -webkit-transition-property: -webkit-transform,left,right;
        -webkit-backface-visibility: hidden;
    }
}
    .sb-hide
    {
        display: none;
    }