/* Colors */
/* Animations */
.transition-2s {
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
/* Menu */
.menu-container:hover .menu-slide {
  -o-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -webkit-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
  opacity: 1;
}
.menu-container .menu-btn {
  color: #f4f4f4;
  position: fixed;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 10000;
  font-size: 15px;
  text-decoration: none;
}
.menu-container .menu-btn:hover {
  color: #fff;
}
.menu-container .menu-slide {
  color: #f4f4f4;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: rgba(30,37,40, 0.8);
  height: 100%;
  right: -270px;
  top: 0;
  width: 300px;
  font-size: 19px;
  font-family: Arial !important;
  overflow-y: auto;
  z-index: 10000;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 6s ease-in-out;
  transition: 0.3s ease-in-out;
  position: fixed;
  opacity: 0;
}
.menu-container .menu-slide .menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-container .menu-slide .menu-list .menu-item a, .menu-container .menu-slide .menu-list .menu-item span {
  padding: 8px;
  display: block;
  text-decoration: none;
  color: #f4f4f4;
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  font-weight: 300;
  font-family: 'Arial';
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
  letter-spacing: 0px;
}
.ss_menu a
{
    padding-left: 100px !important;
    font-size: 17px;
}
.ss_menu_hide 
{
    display:none;
}
.active_ss_menu 
{
    cursor: pointer;
}
.menu-container .menu-slide .menu-list .menu-item a *, .menu-container .menu-slide .menu-list .menu-item span * {
    vertical-align: bottom;
}
.menu-container .menu-slide .menu-list .menu-item a img, .menu-container .menu-slide .menu-list .menu-item span img {
    margin-right: 15px;
}
.menu-container .menu-slide .menu-list .menu-item a:hover, .menu-container .menu-slide .menu-list .menu-item span:hover {
  color: #FFF;
  background-color: #333;
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}

/* RESPONSIVE */
@media screen and (max-width: 360px)
{
    .menu-btn img
    {
        width: 40px;
    }
}