
/*MOBILE ONLY NAVIGATION (SLIM MENU)*/


.menu-collapser {
   position: relative; background-color: #0a203d; background-size: auto 25px; background-repeat: no-repeat; background-position: 10px center; color: #444; width: 100%; height: 90px; line-height: 48px; font-family: 'gotham_book', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 0 18px;
   /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.collapse-button {
   position: absolute; right: 8px; top: 50%; width: 40px; background-repeat: repeat-x; color: #FFFFFF; padding: 7px 10px; cursor: pointer; font-size: 14px; text-align: center; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.menu-collapser-logo {
  position: absolute; left: 20px; top:20px;cursor:pointer;
}

.collapse-button:hover, .collapse-button:focus {
   background-image: none; /*background-color: #eee;*/ color: #fff;
}

.collapse-button .icon-bar {
   background-color: #fff; border-radius: 1px 1px 1px 1px; display: block; height: 2px; width: 18px; margin: 2px 0;
}

ul.slimmenu {
   list-style-type: none; margin: 0; padding: 0px; padding-bottom: 20px; width: 100%; background-color: #fff;
}

ul.slimmenu li {
   position: relative; display: inline-block; background-color: #fff;
}

ul.slimmenu > li {
   margin-right: -5px;
}

ul.slimmenu > li:first-child {
   border-left: 0;
}

ul.slimmenu > li:last-child {
   margin-right: 0;
}

ul.slimmenu li a {
      text-decoration:none !important; color: #696d76; display: block; font-size: 16px !important; font-weight: normal; line-height: 30px; padding: 6px 0; text-shadow: none; transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out; border-bottom:1px solid #d7d8d2;
}

ul.slimmenu li ul li a{font-size: 12px !important; color: #a0a09e; border:none;line-height: 25px;}

ul.slimmenu li ul{margin-bottom:30px !important;}

ul.slimmenu li a > i {
   display: none !important;
}

ul.slimmenu li:hover {
   /*background-color: #eee;*/ text-decoration: none; color: #4f5257 !important;
}

ul.slimmenu li ul {
   margin: 0; list-style-type: none;
}

ul.slimmenu li ul li {
   background-color: #fff; padding-left: 0px; text-align: center;
}

ul.slimmenu li > ul {
   display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%;
}

ul.slimmenu li > ul > li ul {
   display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%;
}

ul.slimmenu.collapsed li {
   display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

ul.slimmenu.collapsed li a {
   display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}


ul.slimmenu > li > a:first-child{
       font-size: 24px; line-height: 31px; padding: 5px 0; text-align: center; text-transform: uppercase; letter-spacing: 2px;
}

ul.slimmenu.collapsed li > ul {
   display: none; position: static; padding: 0; list-style: none;
}
