.mobile-menu { display: none; z-index: -100; position: relative; visibility: hidden; user-select: none; }

.mobile-menu.is-open { display: block; z-index: 1030; visibility: visible; }

.mobile-menu.is-show { opacity: 1; }

.mobile-menu.is-show .mobile-menu__container { 
   top: 40px; 
}

.mobile-menu__container { 
   padding: 20px 15px 40px;
   position: fixed; 
   top: -999px; 
   left: 0; 
   width: 100%; 
   height: 100%; 
   overflow: hidden; 
   background-color: #263145;
   transition: all .5s; 
}
.top-mobile {
   position: relative;
   margin-bottom: 50px;
}

.mobile-menu .search input {
   position: static;
   padding: 0 15px;
   color: #fff;
   width: 100%;
   background-color: rgba(255, 255, 255, 0.1);
}
.mobile-menu .search input::placeholder {
   color: #fff;
}
.mobile-menu .search button[type=submit] {
   top: 0;
   background-color: rgba(255, 255, 255, 0.1);
}
.mobile-menu .search i {
   color: #fff;
}
.top-mobile:after {
   position: absolute;
   content: "";
   width: 80%;
   height: 2px;
   bottom: -25px;
   left: 35px;
   background-color: rgba(241, 242, 242, 0.1);;
}
.mobile-menu__nav { height: 100%; overflow: auto; }


.mobile-menu ul li {
   margin-bottom: 30px;
}
.mobile-menu ul span,
.mobile-menu ul a {
   position: relative;
   font-size: 16px;
   color: #fff;
   font-family: RobotoMedium;
}
.mobile-menu ul span:after {
   position: absolute;
   content: "";
   right: -15px;
   top: 8px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 8px 4px 0 4px;
   border-color: #fff transparent transparent transparent;
}

.mobile-menu ul li ul span {
   display: none;
}

.mobile-menu ul li ul a {
   font-size: 12px;
   font-family: RobotoLight;
}

.mobile-menu ul a:hover { color: #fff; }



/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.8; }

.hamburger:focus { outline: none; }

.hamburger.is-active:hover { opacity: 0.8; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; }

.hamburger.is-active .hamburger-inner::after { width: 20px; }

.hamburger-box { width: 20px; height: 12px; display: inline-block; position: relative; z-index: 9999; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 2px; background-color: #fff; border-radius: 0px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -5px; }

.hamburger-inner::after { bottom: -5px; width: 20px; }

/* Squeeze */
.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease,
 opacity 0.075s ease; }

.hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease,
 opacity 0.075s 0.12s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }