.slide-menu {

    

}

.slide-menu ul a {
    display: block;
    padding: 0px 15px 0 0px;
    color: #000000;
    font-size: 13px !important;
    font-weight: bold;
}

.slide-menu .slider {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  transition: -webkit-transform 300ms ease-in-out;

  transition: transform 300ms ease-in-out;

  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;

  -webkit-transform: translateX(0);

          transform: translateX(0);

  will-change: transform;

}



.slide-menu ul {

  padding-left: 0;

  list-style: none;

  position: relative;

  max-width: 100%;

  margin: 0;

}
.slide-menu ul li {
    float: left;
    padding: 10px;
}

.slide-menu ul ul {
    position: absolute;
    top: 46px;
    display: none;
    background: #ffffff;
    z-index: 10;
    box-shadow: 0 0 4px 0 grey;
}
.slide-menu ul li ul li{float:none;}/*.slide-menu ul li ul li a{color:#333333}*/
.slide-menu ul li:hover ul{display:block;    margin-top: -7px;}

.slide-menu ul li{float:left;}/*.slide-menu ul li:hover a{ /* background: #F39F16;*/   

.slide-menu ul li:last-child a{border-right:0px;}

.slide-menu.no-transition, .slide-menu.no-transition * {

  transition: none !important;

}



.cls_side_but {

background: #2E2E2E;

border-color: #2E2E2E;

position: fixed;

left: -37px;

top: 50%;

-webkit-transform: rotate(90deg);

-moz-transform: rotate(90deg);

-ms-transform: rotate(90deg);

-o-transform: rotate(90deg);

transform: rotate(90deg);

padding: 10px;

border-radius: 7px;

color:#fff;

z-index: 99;

}

.cls_fa {

    font-size: 20px;

    position: absolute;

    right: 20px;

}

.cls_fa1 {

    font-size: 20px;

    margin-right: 10px;

}