/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

html, body { height:100%; padding-bottom:150px;}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue.woff') format('woff'),
         url('../fonts/BebasNeue.ttf') format('truetype'),
         url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'BebasNeue';
src: url('../fonts/BebasNeue.svg#BebasNeue') format('svg');

}
}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
}  
 
.rotate:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  

#wrapper {
    padding-left: 0;
    padding-top: 50px;
    min-height:100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-bottom:200px;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 150px;
    width: 0;
    height: 100%;
    margin-left: -150px;
    overflow-y: auto;
    background: #0A1D28;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    font-variant: small-caps;
    text-align: center;
}

#wrapper.toggled #sidebar-wrapper {
    width: 150px;
}

#page-content-title-wrapper {
    width: 100%;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    color:#fff;
    font-variant: small-caps;
}

#page-content-title-wrapper .index-title {
    background:#0096D6 url('../images/egg-shell.png');
    padding:35px;
    text-align:center;
}

#page-content-title-wrapper .index-title h1{
    font-size:50px;
    font-family: 'BebasNeue', sans-serif;
    font-variant: normal;
}

#page-content-title-wrapper .page-title {
    background:#76BF6C url('../images/egg-shell.png');
    height:160px;
    padding:35px;
}

#page-content-title-wrapper .index-footer-title {
    background-color:#76BF6C;
    padding:10px;
    text-align:center;
    color:#0A1D28;
}

#page-content-title-wrapper .page-footer {
    background-color:#2E4651;
    font-weight:normal;
    padding:35px;
    bottom:0px;
    width:100%;
    position: absolute;
    margin-top:-130px;
}

#page-content-title-wrapper .page-footer ul{
    padding:0px;
}

#page-content-title-wrapper .page-footer li{
    display:inline;
    text-indent:0px;
    padding:0 20px 0 0;
    font-size:18px;
    font-weight:normal;
    list-style-type:none;
}

#page-content-title-wrapper .page-footer li a {
    text-decoration: none;
    color: #ffffff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

#page-content-title-wrapper .page-footer li a:hover {
    text-decoration: none;
    color: #F57B20;
}

#page-content-title-wrapper .page-footer li a:active,
#page-content-title-wrapper .page-footer li a:focus {
    text-decoration: none;
}

#page-content-wrapper {
    max-width: 800px;
    position:relative;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
}

#page-content-wrapper p{
    line-height:25px;
}

#wrapper.toggled #page-content-wrapper, #wrapper.toggled #page-content-title-wrapper {
    position: absolute;
    margin-right: -150px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 150px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 0px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #F57B20;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 149px;
    margin-top:46px;
    font-size: 10px;
    line-height: 10px;
}

.sidebar-nav > .sidebar-brand a {
    color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #F57B20;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 150px;
        padding-top: 0px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 150px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #page-content-title-wrapper {
        position: relative;
    }

    #page-content-title-wrapper .page-footer {
        padding:35px 35px 35px 185px;
        position:absolute;
    }

    #wrapper.toggled #page-content-wrapper, #wrapper.toggled #page-content-title-wrapper {
        position: relative;
        margin-right: 0;
    }
}