/* VARIABLES */
/* BASE */
html,
body {
/*    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.4;*/
    height: 100%;
    margin: 0;
    padding: 0;
}

/*a {
    text-decoration: none;
    color: inherit;
}

.container {
    overflow: hidden;
    *zoom: 1;
    margin: 0 20px;
}*/

/*.site-content {
  padding-top: 66px;
}*/

/* HEADER */
.header {
    position: fixed;
    left: 0;
    right: 0;
    height: 80px;
    /*    line-height: 80px;*/
    color: #fff;
    background-color: #222;
}

.header__logo {
    font-weight: 700;
    padding: 0 25px;
    float: left;
}

/* MENU */
.menu {
    float: left;
}
/*.menu a {
    padding: 0 10px;
}*/
.menugs-a{
    display: block;
    color: #fff;
}
.menugs-a:hover,.menugs-a:active,.menugs-a:focus{
    color: #fff;
    text-decoration: none;
}
.menu1 li{
    transition: all ease 0.5s;
}
.menu1 li:hover{
    background: #2E9FAD;
}
/*.menu a:hover {
    color: #c5cae9;
}*/

/* RESPONSIVE */
@media only screen and (max-width: 1199px) {
    .site-content {
        padding-top: 66px;
    }
    .site-pusher,
    .site-container {
        position: static;
        height: 100%;
    }

    .site-container {
        overflow: hidden;
    }

    .site-pusher {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    .site-content {
        position: absolute;
        height: auto;
        top: 80px;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }

    .header {
        position: static;
    }

    .header__icon {
        position: relative;
        display: block;
        float: left;
        width: 50px;
        height: 66px;
        cursor: pointer;
    }
    .header__icon:after {
        content: '';
        position: absolute;
        display: block;
        width: 1rem;
        height: 0;
        top: 16px;
        left: 15px;
        box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
    }

    .menu {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #171717;
        /*    overflow-y: scroll;
            -webkit-overflow-scrolling: touch;*/
        width: 250px;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
        overflow: auto;
    }
    /*    .menu a {
            display: block;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #FFFFFF;
        }*/

    .menu1{
        list-style: none;
        padding-left: 0;
    }
    .menu1 li {
        display: block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-bottom: 1px solid #FFFFFF;
    }

    .with--sidebar .site-pusher {
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
    }
    .with--sidebar .site-cache {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 100;
    }
}