.page-cover {
  opacity: 0.5;
  background-color: #333;
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  display: none;
  background-color: #000;
}

.layout {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  position: relative;
}

.js-nav .layout {
  position: relative;
  transform: translate3d(300px, 0, 0);
}

.js-nav #mobile-menu {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
}

.js-nav .page-cover {
  display: block;
}

#mobile-menu {
  position: fixed;
  top: 0;
  padding: 0;
  height: 100%;
  background-color: rgb(255, 255, 255);
  width: 300px;
  z-index: 10000;
  left: -300px;
  overflow-x: hidden;
  opacity: 0;
  display: block;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.top-mobile-menu {
  height: 32px;
  padding: 0;
  width: 100%;
  position: relative;
  cursor: pointer;
}
#mobile-menu .close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 20px;
  right: 5px;
  opacity: 1;
}
#mobile-menu .close:hover {
  opacity: 1;
}
#mobile-menu .close:before, 
#mobile-menu .close:after {
  position: absolute;
  left: -15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #e2070e;
}
#mobile-menu .close:before {
  transform: rotate(45deg);
}
#mobile-menu .close:after {
  transform: rotate(-45deg);
}

.top-mobile-menu::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/close.png) no-repeat;
  position: absolute;
  right: 15px;
  
}
 

.region.region-mobile {
  padding-left: 0;
}


/* MAIN MENU  */

nav#block-mainnavigation {
  padding: 30px;
  float: left;
    padding-top: 54px;
}


#block-mainnavigation li:hover {
    cursor: pointer;
}

ul.menu-level--0 > li {
    padding:  5px 0;
}

#block-mainnavigation .menu-level--1 {
    padding: 5px 0 15px 20px;
}
#block-mainnavigation .menu-level--1 li {
    padding:  5px 0
}

#block-mainnavigation .menu-level--2 {
    padding: 5px 0 25px 20px;
}
#block-mainnavigation .menu-level--2 li {
    padding:  5px 0
}



/* NEWSLETTER */



#block-signup-2 {
  clear: both;
  padding: 25px 0 0 0;
}

#block-signup-2  > div {
  background-color: #1b1b1b;
  padding: 20px;
}
#block-signup-2  > div a {
  background-color: #c4272e;
display: inline-block;
padding: 5px 35px;
}