#fixed-top {
    position: fixed;
    /*position:relative;*/
    top: 0;
    width: 100%;
    /*height: 50px;*/
    z-index: 1;
    /*border-bottom: 1px solid #f0f0f0;*/
}

.login-pagesheader-bg {
    background: #0eae8d;
    width: 100%;
    float: left;
}

#fixed-top span.sb-toggle-left {
    float: left;
    color: white;
    padding: 10px;
}

#fixed-top span.sb-toggle-right {
    /*float: right;*/
    color: white;
    padding: 0 6px;
}

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

#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 {
    height: 100%;
    overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
    position: fixed;
    top: 0;
    z-index: 2; /* Slidebars sit behind sb-site. */
    display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
    background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
}

.sb-slidebar, .sb-slidebar * {
    -webkit-transform: translateZ(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
    background-color: #feffff;
    padding-top: 6px;
}

.sb-left {
    left: 0; /* Set Slidebar to the left. */
}

.sb-right {
    right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
    position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
    display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
    z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
    -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
    width: 300px;
}

.sb-width-thin {
    width: 15%;
}

.sb-width-wide {
    width: 45%;
}

@media (max-width: 480px) {
    /* Slidebar widths on extra small screens. */
    .sb-slidebar {
        width: 300px;
    }

    .sb-width-thin {
        width: 55%;
    }

    .sb-width-wide {
        width: 85%;
    }
}

@media (min-width: 481px) {
    /* Slidebar widths on small screens. */
    .sb-slidebar {
        width: 300px;
    }

    .sb-width-thin {
        width: 40%;
    }

    .sb-width-wide {
        width: 70%;
    }
}

@media (min-width: 768px) {
    /* Slidebar widths on medium screens. */
    .sb-slidebar {
        width: 300px;
    }

    .sb-width-thin {
        width: 25%;
    }

    .sb-width-wide {
        width: 55%;
    }
}

@media (min-width: 992px) {
    /* Slidebar widths on large screens. */
    .sb-slidebar {
        width: 300px;
    }

    .sb-width-thin {
        width: 15%;
    }

    .sb-width-wide {
        width: 45%;
    }
}

@media (min-width: 1200px) {
    /* Slidebar widths on extra large screens. */
    .sb-slidebar {
        width: 300px;
    }

    .sb-width-thin {
        width: 5%;
    }

    .sb-width-wide {
        width: 35%;
    }
}

.sb-slide, #sb-site, .sb-site-container, .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; /* Add left/right for Android < 4.4. */
    -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

.sb-hide {
    display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

.sb-slidebar ul {
    list-style: none;
    padding: 0;
}

.sb-slidebar ul li {
    text-align: center;
    width: 100%;
    margin: 20px 0;
}

.sb-slidebar ul li a {
    font-size: 18px;
    text-align: center;
    color: #807C7C;
    margin: 15px 0;
    text-decoration: none;
}

.right-social {
    border-bottom: 1px solid #807c7c;
    border-top: 1px solid #807c7c;
    margin: 0 28px;
    padding: 15px 0;
    text-align: center;
}

.right-social > a {
    padding: 5px 10px;
    text-decoration: none;
    -webkit-appearance: none;
}

.sb-slidebar ul li a span {
    color: #1b7eda;
}

.close-btn {
    margin: 0 -23px !important;
    text-align: right !important;
}

.sdbar-overlay-mi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1;
    -webkit-appearance: none;
}

.header-menu {
    /*background: url(../images/pigi-banner.jpg) no-repeat right bottom / cover;*/
    /*background-color: #23c4a2;*/
    border-bottom: 1px solid #565656;
    background: rgba(0, 0, 0, 0.4);

}