.slide-menu {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: none;
  overflow: hidden;
  box-sizing: border-box;
  background: #333;
  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(100%);
          transform: translateX(100%);
  will-change: transform;
  z-index: 1000;
  padding: 20px 15px;
  overflow-y: auto;
}

.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;
  margin-top: 20px;
  min-height: inherit;
}

.slide-menu ul {
  padding-left: 0;
  list-style: none;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0px 15px;
  margin-top: 75px;
}

.slide-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  margin: 0;
}
.slide-menu ul li { margin-bottom: 20px;}

.slide-menu ul li a {display: block; color: #FFFFFF;text-decoration: none;text-align: left;font-size: 16px;line-height: 22px;transition:all .5s ease;font-family: 'HelveticaNeueLTStd-Roman';}
ul.imge-lst{float: left;width: 100%;padding: 0px 10px;}
ul.imge-lst li {float: left;width: 49%;margin: 0 14px 0 0;padding-bottom: 15px;}
.menu-imge{float: left;width: 100%;border-radius: 5px;overflow: hidden;margin-bottom: 15px}
.menu-imge img {float: left;width: 100%;transition: all 0.5s ease;}

.slide-menu ul li a{ position: relative;}
.slide-menu ul li a::after {position: absolute;content: "\e82c";width: auto;height: auto;font-size: 25px;color: #FFFFFF;font-family: 'feather';right: 0;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.slide-menu ul li:hover ::after{color:#470A68}

.slide-menu ul.sub-list-menu li > a{ position: relative;}
.slide-menu ul.sub-list-menu li > a::after {position: absolute;content: "\e82c";width: auto;height: auto;font-size: 25px;color: #FFFFFF;font-family: 'feather';right: 0;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.slide-menu ul.sub-list-menu li:hover > a::after{color:#470A68;}


.slide-menu ul.imge-lst li a{ position: relative;}
.slide-menu ul.imge-lst li a::after {position: absolute;content: "\e82c";width: auto;height: auto;font-size: 25px;color: #FFFFFF;font-family: 'feather';right: 0;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.slide-menu ul.imge-lst li a:hover ::after{color:#470A68;}
ul.imge-lst li:hover .menu-imge img {transform: scale(1.05);}
ul.imge-lst li:nth-child(even){margin-right: 0;}

.slide-menu ul li a:hover span.arw-ico { background: url(../images/double-arrow-h.svg) no-repeat 0 0; }
.slide-menu ul a span.arw-ico { background: url(../images/double-arrow.svg) no-repeat 0 0; width: 8px; height: 8px; display: inline-block; margin-left: 5px; }
/* .slide-menu ul a:hover span.arw-ico { background: url(../images/menu-arw-mob-w.svg) no-repeat 0 0; } */

.slide-menu.no-transition, .slide-menu.no-transition * {
  transition: none !important;
}


.widget-menu { float: left; width: 100%;display: flex;flex-wrap: wrap;align-items: center;margin-top: 50px;justify-content: space-between;}
.menu-img { float: left; width: 100%;}
.menu-img img{ float: left; width: 100%; border-radius: 5px;}
.menu-cont{ float: left; width: 100%; padding-top: 15px;}
.menu-cont p { font-size: 14px; line-height: 20px; color: #333;}

.mob-btn-div { float: left; width: 100%; text-align: center; }
.slide-menu a.mob-btn { padding: 12px 20px; align-items: center; display: flex; justify-content: center; border-radius: 50px; transition: all 0.7s ease;
  height: 48px; line-height: 48px;} 
.mob-btn-div.entrades-btn { margin-bottom: 10px;}
.mob-btn-div.entrades-btn a.mob-btn { background: #282828; font-size: 16px; color: #FFFFFF;}
.mob-btn-div.entrades-btn a.mob-btn img { margin-right: 6px;}
.mob-btn-div.fundacio-btn a.mob-btn { border: 2px solid #282828; color: #282828;}

.mob-btn-div.entrades-btn a.mob-btn:hover { background: #F46306; }
.mob-btn-div.fundacio-btn a.mob-btn:hover { background: #F46306; border: 2px solid #F46306; color: #FFFFFF;}

/* .slide-menu a.mob-btn:hover { background: #F46306 !important; } */
.mob-btn-search { margin-top: 14px;}
.mob-btn-search img { position: relative; top:1px; display: inline-block; margin-left: 3px;}
.lang-mbl { float: left;   position: absolute;bottom: 20px;width: 100%;}
.slide-menu .lang-mbl a.select{color:#FFFFFF;}
.slide-menu .lang-mbl a {display: inline-block; color: #DADADF; font-size: 18px; line-height: 24px;font-family: 'HelveticaNeueLTStd-Md'; padding-right: 8px; margin-right: 8px; text-transform: capitalize;transition:all .5s ease; position: relative; }
.slide-menu .lang-mbl a::after { content: ""; position: absolute; right: 0px; top:0px; bottom: 0px; margin: auto; width: 1px; height: 10px; background: #686868;display: none} 
/* .slide-menu .lang-mbl a.select{font-family: 'manropeextrabold';} */
.slide-menu .lang-mbl a:hover { background: none;color:#470A68; } 
.slide-menu .lang-mbl a:last-child { margin-right: 0px; padding-right: 0px;}
.slide-menu .lang-mbl a:last-child::after { display: none;}

.mob-social{ float: left; width: 100%; text-align: center; margin: 0px 0px 60px;}
.slide-menu .mob-social a { margin-right: 10px;transition:all .5s ease;}
.slide-menu .mob-social a:last-child { margin-right: 0px;}
.slide-menu .mob-social a:hover{ background: none;opacity: 0.7;}