/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
*,
*:after,
*:before {
 margin: 0;
 padding: 0;

 -webkit-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
}

.nav {
 position: relative;
 display: inline-block;


}

.nav-list {
 text-align: left;
}

.nav-list li {
 float: left;
 *display: inline;
 zoom: 1;
 position: relative;
}

.nav-list li a {}

.nav-list li > a:hover {}

.nav-list li:hover > a {}

.nav-list li:hover .nav-submenu {
 display: block;
}

/* Navigation submenu */
.nav-submenu {
 background: #ffffff;
 border: none;
 border-radius: 0 0 10px 10px;
 display: none;
 position: absolute;
 left: 0;
 width: 180px;
 z-index: 1;
 box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

.nav-submenu-1 {
 box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
 left: 100%;
 background: #ffffff;
 border-radius: 0 10px 10px 0;
 border: none;
 display: none;
 position: absolute;
 width: 180px;
 top: 0;
 z-index: 1;
}

.nav-list li ul li:hover .nav-submenu-1 {
 display: block;
}

.nav-submenu li {

 width: 100%;
 background: #ffffff;
 border-bottom: 1px solid #424242;
 text-transform: none;
 box-shadow: 0px 0px 0px #ccc;
}

.nav-submenu li:last-child {
 border: 0;
 border-radius: 0 0 10px 10px;
}

.nav-submenu-1 li:first-child {
 border-radius: 0 10px 0 0;
}

.nav-submenu li a.arrow_menu {
 background: transparent
}

.nav-submenu li a {

 display: block;
 padding: 10px 20px;
 font-size: 12px;
 color: #424242;
 text-shadow: 0 0 0;
 line-height: 14px;
 border-radius: 0px;
}

.nav-submenu li:hover > .nav-list li {
 color: #000
}

.nav-submenu li a:hover {
 background: url(../images/arrow_icon.png) no-repeat right center;
 color: #424242;
}

.nav-submenu li a.menu_list1 {
 color: #424242;
}

.nav-submenu li a.menu_list1:hover {
 background: #ffffff;
 color: #424242;
}

.nav-submenu li a.menu_list2 {
 color: #fff;
}

.nav-submenu li a.menu_list2:hover {
 background: #c61b23;
}

.nav-submenu li a.menu_list3 {
 color: #fff;
}

.nav-submenu li a.menu_list3:hover {
 background: #541ac9;
}

/* Mobile navigation */
.nav-mobile {
 display: none;
 /* Hide from browsers that don't support media queries */
 cursor: pointer;
 position: absolute;
 right: 7px;
 top: 7px;
 background: url(../assets/images/bar.svg) no-repeat;

 height: 37px;
 width: 37px;
}

/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
 position: absolute;
 top: 0;
 right: 0;
 display: none;
 cursor: pointer;
}

.nav-click i {
 display: block;
 float: right;
 height: 48px;
 width: 45px;
 background: url(../images/tabbing_icons.png) no-repeat 12px 21px;
 filter: grayscale(1);

}

.nav-click:hover {}

.nav-rotate {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 991px) {
 .nav-mobile {
  display: block;
 }

 .nav {
  width: 100%;
  background: transparent;
  margin-top: -52px;
  padding: 60px 0 0 0;
 }

 .nav-list {
  display: none;
 }

 .nav-list li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid #CCCCCC;
  float: none;
  width: 100%;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #ccc;
 }

 .nav-list li > a {
  padding: 15px;
  border-radius: 0px;
  color: #000 !important;
 }

 .nav-list li > a:hover {
  color: #fff;
 }

 .nav-click {
  display: block;
  width: 100%;
 }

 .nav-mobile-open {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
 }

 .nav-list li:hover .nav-submenu {
  display: none;

 }

 .nav-submenu {
  position: static;
  width: 100%;
 }
}