/*
//////////////////////////////////////////////////////////////////////

/// style 7

//////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////

  1. reset
  2. header
  3. navigation
  4. module positions
  5. fonts
  6. titles
  7. buttons
  8. variations
  9. custom pages
  10. typography
  11. joomla
  12. hikashop
  13. extensions

//////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////

1. reset

//////////////////////////////////////////////////
*/

a { color: #ffb300; }
a:hover, a:focus { color: #444; outline: none; }

/*
//////////////////////////////////////////////////

2. header

//////////////////////////////////////////////////
*/

#fav-headerwrap li.active a,
#fav-headerwrap li.active span.nav-header,
#fav-headerwrap li a:hover,
#fav-headerwrap li a:focus,
#fav-headerwrap span.nav-header:hover,
#fav-headerwrap span.nav-header:focus {
  color: #ffb300;
}

/* submenu */
#fav-headerwrap .favnav .navigation .nav .nav-child > .active > a,
#fav-headerwrap .favnav .navigation .nav .nav-child > li > a:hover,
#fav-headerwrap .favnav .navigation .nav .nav-child > .active > span.nav-header,
#fav-headerwrap .favnav .navigation .nav .nav-child > li > span.nav-header:hover {
  color: #ffb300;
}
#fav-headerwrap .navigation ul.nav-child {
  border-bottom: 2px solid #ffb300;
}

/* icons */
#fav-headerwrap .favnav .navigation li a[class^="fa-"]:before,
#fav-headerwrap .favnav .navigation li a[class*=" fa-"]:before,
#fav-headerwrap .favnav .navigation li span.nav-header[class^="fa-"]:before,
#fav-headerwrap .favnav .navigation li span.nav-header[class*=" fa-"]:before {
  color: #ffb300;
}

/* navigation arrows */
#fav-headerwrap .navigation .nav-child:before {
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffb300;
  border-left: 7px solid transparent;
  border-bottom-color: #ffb300;
  content: '';
}
#fav-headerwrap .navigation .nav-child:after {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffb300;
  border-left: 6px solid transparent;
  content: '';
}
#fav-headerwrap .navigation .nav-child li > ul:before {
  border-bottom: 7px solid transparent;
  border-right: 7px solid #ffb300;
  border-top: 7px solid transparent;
}
#fav-headerwrap .navigation .nav-child li > ul:after {
  border-top: 6px solid transparent;
  border-right: 6px solid #ffb300;
  border-bottom: 6px solid transparent;
}

/*
///  light
*/

#fav-headerwrap.fav-light li.active a,
#fav-headerwrap.fav-light li.active span.nav-header,
#fav-headerwrap.fav-light li a:hover,
#fav-headerwrap.fav-light li a:focus,
#fav-headerwrap.fav-light span.nav-header:hover,
#fav-headerwrap.fav-light span.nav-header:focus {
  color: #ffb300;
}

/* submenu */
#fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > .active > a,
#fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > li > a:hover,
#fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > li > span.nav-header:hover {
  color: #ffb300;
}

/* icons */
#fav-headerwrap.fav-light .favnav .navigation li a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav .navigation li a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav .navigation li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav .navigation li span.nav-header[class*=" fa-"]:before {
  color: #ffb300;
}

/*
///  dark
*/

#fav-headerwrap.fav-dark li.active a,
#fav-headerwrap.fav-dark li.active span.nav-header,
#fav-headerwrap.fav-dark li a:hover,
#fav-headerwrap.fav-dark li a:focus,
#fav-headerwrap.fav-dark span.nav-header:hover,
#fav-headerwrap.fav-dark span.nav-header:focus {
  color: #ffb300;
}

/* submenu */
#fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > .active > a,
#fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > li > a:hover,
#fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > li > span.nav-header:hover {
  color: #ffb300;
}

/* icons */
#fav-headerwrap.fav-dark .favnav .navigation li a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav .navigation li a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav .navigation li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav .navigation li span.nav-header[class*=" fa-"]:before {
  color: #ffb300;
}

/*
//////////////////////////////////////////////////

3. navigation

//////////////////////////////////////////////////
*/

/*/
///
///  nav style
///
/*/

/*
///  default
*/

.favnav.navstyle .navigation .nav > .active > a,
.favnav.navstyle .navigation .nav > li > a:hover,
.favnav.navstyle .navigation .nav > li > a:focus,
.favnav.navstyle .navigation li.active span.nav-header,
.favnav.navstyle .navigation ul.nav li span.nav-header:hover,
.favnav.navstyle .navigation ul.nav li span.nav-header:focus,
.favnav.navstyle .navigation .nav > .active > span.nav-header,
.favnav.navstyle .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle .navigation .nav > li > span.nav-header:focus {
  border-top: 2px solid #ffb300;
  color: #eee !important;
}

/*
///  style 1
*/

.favnav.navstyle-1 .navigation .nav > .active > a,
.favnav.navstyle-1 .navigation .nav > li > a:hover,
.favnav.navstyle-1 .navigation .nav > li > a:focus,
.favnav.navstyle-1 .navigation li.active span.nav-header,
.favnav.navstyle-1 .navigation li span.nav-header:hover,
.favnav.navstyle-1 .navigation li span.nav-header:focus,
.favnav.navstyle-1 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-1 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-1 .navigation .nav > li > span.nav-header:focus {
  background-color: transparent !important;
}

/*
///  style 2
*/

.favnav.navstyle-2 .navigation .nav > .active > a,
.favnav.navstyle-2 .navigation .nav > li > a:hover,
.favnav.navstyle-2 .navigation .nav > li > a:focus,
.favnav.navstyle-2 .navigation li.active span.nav-header,
.favnav.navstyle-2 .navigation li span.nav-header:hover,
.favnav.navstyle-2 .navigation li span.nav-header:focus,
.favnav.navstyle-2 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-2 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-2 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300 !important;
  color: #fff !important;
}

/* icons */
.favnav.navstyle-2 .navigation li a[class^="fa-"]:hover:before,
.favnav.navstyle-2 .navigation li a[class*=" fa-"]:hover:before,
.favnav.navstyle-2 .navigation li a[class^="fa-"]:focus:before,
.favnav.navstyle-2 .navigation li a[class*=" fa-"]:focus:before,
.favnav.navstyle-2 .navigation li.active a[class^="fa-"]:before,
.favnav.navstyle-2 .navigation li.active a[class*=" fa-"]:before,
.favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:hover:before,
.favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:hover:before,
.favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:focus:before,
.favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:focus:before,
.favnav.navstyle-2 .navigation li.active span.nav-header[class^="fa-"]:before,
.favnav.navstyle-2 .navigation li.active span.nav-header[class*=" fa-"]:before {
  color: #fff !important;
}
.favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:hover:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:hover:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:focus:before,
.favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:focus:before,
.favnav.navstyle-2 .navigation ul.nav-child li.active a[class^="fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li.active a[class*=" fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before,
.favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before,
.favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before,
.favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before {
  color: #ffb300 !important;
}

/*
///  style 3
*/

.favnav.navstyle-3 .navigation .nav > .active > a,
.favnav.navstyle-3 .navigation .nav > li > a:hover,
.favnav.navstyle-3 .navigation .nav > li > a:focus,
.favnav.navstyle-3 .navigation li.active span.nav-header,
.favnav.navstyle-3 .navigation li span.nav-header:hover,
.favnav.navstyle-3 .navigation li span.nav-header:focus,
.favnav.navstyle-3 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-3 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-3 .navigation .nav > li > span.nav-header:focus {
  border: 2px solid #ffb300;
  color: #fff !important;
  background-color: transparent !important;
}

/*
///  style 4
*/

.favnav.navstyle-4 .navigation .nav > .active > a,
.favnav.navstyle-4 .navigation .nav > li > a:hover,
.favnav.navstyle-4 .navigation .nav > li > a:focus,
.favnav.navstyle-4 .navigation li.active span.nav-header,
.favnav.navstyle-4 .navigation ul.nav li span.nav-header:hover,
.favnav.navstyle-4 .navigation ul.nav li span.nav-header:focus,
.favnav.navstyle-4 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-4 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-4 .navigation .nav > li > span.nav-header:focus {
  border-bottom: 2px solid #ffb300;
  color: #fff !important;
}

/*/// tablet ///*/
@media (min-width: 768px) and (max-width: 1200px) {

  #fav-headerwrap .favnav.navstyle-4 .navigation .nav a,
  #fav-headerwrap .favnav.navstyle-4 .navigation .nav > li > a,
  #fav-headerwrap .favnav.navstyle-4 .navigation .nav span.nav-header,
  #fav-headerwrap .favnav.navstyle-4 .navigation .nav > li > span.nav-header,
  #fav-headerwrap .favnav.navstyle-4 .navigation ul.nav li span.nav-header {
    background-color: transparent;
  }

}

/*
///  style 5
*/

.favnav.navstyle-5 .navigation .nav > .active > a,
.favnav.navstyle-5 .navigation .nav > li > a:hover,
.favnav.navstyle-5 .navigation .nav > li > a:focus,
.favnav.navstyle-5 .navigation li.active span.nav-header,
.favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover,
.favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus,
.favnav.navstyle-5 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300;
  border-top: 2px solid transparent;
  color: #fff !important;
}
#fav-headerwrap .favnav.navstyle-5 .navigation .nav > .active > a,
#fav-headerwrap .favnav.navstyle-5 .navigation .nav > li > a:hover,
#fav-headerwrap .favnav.navstyle-5 .navigation .nav > li > a:focus,
#fav-headerwrap .favnav.navstyle-5 .navigation li.active span.nav-header,
#fav-headerwrap .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap .favnav.navstyle-5 .navigation .nav > .active > span.nav-header,
#fav-headerwrap .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300;
  border-top: 2px solid transparent;
  color: #fff !important;
}

/* icons */
.favnav.navstyle-5 .navigation li a[class^="fa-"]:hover:before,
.favnav.navstyle-5 .navigation li a[class*=" fa-"]:hover:before,
.favnav.navstyle-5 .navigation li a[class^="fa-"]:focus:before,
.favnav.navstyle-5 .navigation li a[class*=" fa-"]:focus:before,
.favnav.navstyle-5 .navigation li.active a[class^="fa-"]:before,
.favnav.navstyle-5 .navigation li.active a[class*=" fa-"]:before,
.favnav.navstyle-5 .navigation li span.nav-header[class^="fa-"]:hover:before,
.favnav.navstyle-5 .navigation li span.nav-header[class*=" fa-"]:hover:before,
.favnav.navstyle-5 .navigation li span.nav-header[class^="fa-"]:focus:before,
.favnav.navstyle-5 .navigation li span.nav-header[class*=" fa-"]:focus:before,
.favnav.navstyle-5 .navigation li.active span.nav-header[class^="fa-"]:before,
.favnav.navstyle-5 .navigation li.active span.nav-header[class*=" fa-"]:before {
  color: #fff !important;
}
.favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:hover:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:hover:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:focus:before,
.favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:focus:before,
.favnav.navstyle-5 .navigation ul.nav-child li.active a[class^="fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li.active a[class*=" fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before,
.favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before,
.favnav.navstyle-5 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before,
.favnav.navstyle-5 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before {
  color: #ffb300 !important;
}

/*
///  style 6
*/

.favnav.navstyle-6 .navigation .nav > .active > a,
.favnav.navstyle-6 .navigation .nav > li > a:hover,
.favnav.navstyle-6 .navigation .nav > li > a:focus,
.favnav.navstyle-6 .navigation li.active span.nav-header,
.favnav.navstyle-6 .navigation ul.nav li span.nav-header:hover,
.favnav.navstyle-6 .navigation ul.nav li span.nav-header:focus,
.favnav.navstyle-6 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-6 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-6 .navigation .nav > li > span.nav-header:focus {
  border-top: 2px solid #ffb300;
  border-bottom: 2px solid #ffb300;
  color: #fff !important;
}

/*
///  style 7
*/

.favnav.navstyle-7 .navigation .nav > .active > a,
.favnav.navstyle-7 .navigation .nav > li > a:hover,
.favnav.navstyle-7 .navigation .nav > li > a:focus,
.favnav.navstyle-7 .navigation li.active span.nav-header,
.favnav.navstyle-7 .navigation ul.nav li span.nav-header:hover,
.favnav.navstyle-7 .navigation ul.nav li span.nav-header:focus,
.favnav.navstyle-7 .navigation .nav > .active > span.nav-header,
.favnav.navstyle-7 .navigation .nav > li > span.nav-header:hover,
.favnav.navstyle-7 .navigation .nav > li > span.nav-header:focus {
  border-left: 2px solid #ffb300;
  border-right: 2px solid #ffb300;
  color: #fff !important;
}

/*/
///
///  light
///
/*/

/*
///  default
*/

#fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > span.nav-header:focus {
  border-top: 2px solid #ffb300;
  color: #444 !important;
}

/*
///  style 2
*/

#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300 !important;
  color: #fff !important;
}

/* icons */
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active span.nav-header[class*=" fa-"]:before {
  color: #fff !important;
}
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before {
  color: #ffb300 !important;
}

/*
///  style 3
*/

#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > span.nav-header:focus {
  border: 2px solid #ffb300;
}

/*
///  style 4
*/

#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > span.nav-header:focus {
  border-bottom: 2px solid #ffb300;
}

/*
///  style 5
*/

#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300;
  border-top: 2px solid transparent;
  color: #fff !important;
}
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300;
  border-top: 2px solid transparent;
  color: #fff !important;
}

/* icons */
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active span.nav-header[class*=" fa-"]:before {
  color: #fff !important;
}
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before {
  color: #ffb300 !important;
}

/*
///  style 6
*/

#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > span.nav-header:focus {
  border-top: 2px solid #ffb300;
  border-bottom: 2px solid #ffb300;
}

/*
///  style 7
*/

#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > .active > a,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation li.active span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > span.nav-header:focus {
  border-left: 2px solid #ffb300;
  border-right: 2px solid #ffb300;
}

/*/
///
///  dark
///
/*/

/*
///  default
*/

#fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > span.nav-header:focus {
  border-top: 2px solid #ffb300;
  color: #eee !important;
}

/*
///  style 2
*/

#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300 !important;
  color: #fff !important;
}

/* icons */
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active span.nav-header[class*=" fa-"]:before {
  color: #fff;
}
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before {
  color: #ffb300 !important;
}

/*
///  style 3
*/

#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > span.nav-header:focus {
  border: 2px solid #ffb300;
}

/*
///  style 4
*/

#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > span.nav-header:focus {
  border-bottom: 2px solid #ffb300;
}

/*
///  style 5
*/

#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300;
  border-top: 2px solid transparent;
  color: #fff !important;
}
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus {
  background-color: #ffb300;
  border-top: 2px solid transparent;
  color: #fff !important;
}

/* icons */
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active span.nav-header[class*=" fa-"]:before {
  color: #fff !important;
}
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li a[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li.active a[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li.active a[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before,
#fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before {
  color: #ffb300 !important;
}

/*
///  style 6
*/

#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > span.nav-header:focus {
  border-top: 2px solid #ffb300;
  border-bottom: 2px solid #ffb300;
}

/*
///  style 7
*/

#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > .active > a,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > a:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > a:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation li.active span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav li span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav li span.nav-header:focus,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > .active > span.nav-header,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > span.nav-header:hover,
#fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > span.nav-header:focus {
  border-left: 2px solid #ffb300;
  border-right: 2px solid #ffb300;
}

/*/
///
///  vertical menus
///
/*/

/* basic */
ul.menubasic li a:hover,
ul.menubasic li a:focus,
ul.menubasic li.current a,
ul.menubasic li.current ul a:hover,
ul.menubasic li.current ul a:focus,
ul.menubasic li span.nav-header:hover,
ul.menubasic li span.nav-header:focus,
ul.menubasic li.current span.nav-header,
ul.menubasic li.current ul span.nav-header:hover,
ul.menubasic li.current ul span.nav-header:focus {
  color: #fff;
  background-color: #ffb300;
}
ul.menubasic li.current ul a,
ul.menubasic li.current ul span.nav-header {
  color: #444;
  background-color: #FFFFFF;
}

/* arrow */
ul.menuarrow li a:hover,
ul.menuarrow li a:focus,
ul.menuarrow li.current a,
ul.menuarrow li.current ul a:hover,
ul.menuarrow li.current ul a:focus,
ul.menuarrow li span.nav-header:hover,
ul.menuarrow li span.nav-header:focus,
ul.menuarrow li.current span.nav-header,
ul.menuarrow li.current ul span.nav-header:hover,
ul.menuarrow li.current ul span.nav-header:focus {
  color: #ffb300;
  background-color: transparent;
}
ul.menuarrow li.current ul a,
ul.menuarrow li.current ul span.nav-header {
  color: #444;
}
ul.menuarrow li a:hover:before,
ul.menuarrow li a:focus:before,
ul.menuarrow li.current a:before,
ul.menuarrow li.current ul a:hover:before,
ul.menuarrow li.current ul a:focus:before,
ul.menuarrow li span.nav-header:hover:before,
ul.menuarrow li span.nav-header:focus:before {
  color: #ffb300;
}

/* side */
ul.menuside li a:hover,
ul.menuside li a:focus,
ul.menuside li.current a,
ul.menuside li.current ul a:hover,
ul.menuside li.current ul a:focus,
ul.menuside li span.nav-header:hover,
ul.menuside li span.nav-header:focus,
ul.menuside li.current span.nav-header,
ul.menuside li.current ul span.nav-header:hover,
ul.menuside li.current ul span.nav-header:focus {
  color: #ffb300;
  border-left: 5px solid #ffb300;
  background-color: transparent;
}
ul.menuside li.current ul a {
  color: #444;
}

/* line */
ul.menuline li a:hover,
ul.menuline li a:focus,
ul.menuline li.current a,
ul.menuline li.current ul a:hover,
ul.menuline li.current ul a:focus,
ul.menuline li span.nav-header:hover,
ul.menuline li span.nav-header:focus,
ul.menuline li.current span.nav-header,
ul.menuline li.current ul span.nav-header:hover,
ul.menuline li.current ul span.nav-header:focus {
  color: #444;
  border-bottom: 1px solid #ffb300;
  background-color: transparent;
}
ul.menuline li.current ul a {
  color: #444;
}
ul.menuline li a:hover:before,
ul.menuline li a:focus:before,
ul.menuline li.current a:before,
ul.menuline li.current ul a:hover:before,
ul.menuline li.current ul a:focus:before,
ul.menuline li span.nav-header:hover:before,
ul.menuline li span.nav-header:focus:before,
ul.menuline li.current span.nav-header:before,
ul.menuline li.current ul span.nav-header:hover:before,
ul.menuline li.current ul span.nav-header:focus:before {
  color: #ffb300;
}
ul.menuline.menu-clear li a:hover,
ul.menuline.menu-clear li a:focus,
ul.menuline.menu-clear li span.nav-header:hover,
ul.menuline.menu-clear li span.nav-header:focus {
  color: #fff;
  border-bottom: 1px solid #ffb300;
}
ul.menuline.menu-dark li a:hover,
ul.menuline.menu-dark li a:focus,
ul.menuline.menu-dark li span.nav-header:hover,
ul.menuline.menu-dark li span.nav-header:focus {
  color: #fff !important;
  border-bottom: 1px solid #ffb300;
}

/*/
///
///  horizontal menus
///
/*/

ul.menuhorizontal li.active a,
ul.menuhorizontal li a:hover,
ul.menuhorizontal li a:focus,
ul.menuhorizontal li:hover a,
ul.menuhorizontal li:focus a,
ul.menuhorizontal li.active span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus,
ul.menuhorizontal li:hover span.nav-header,
ul.menuhorizontal li:focus span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus {
  color: #ffb300;
  background-color: transparent;
}

/* clear */
ul.menuhorizontal.menu-clear li.active a,
ul.menuhorizontal.menu-clear li a:hover,
ul.menuhorizontal.menu-clear li a:focus,
ul.menuhorizontal.menu-clear li:hover a,
ul.menuhorizontal.menu-clear li:focus a,
ul.menuhorizontal.menu-clear li.active span.nav-header,
ul.menuhorizontal.menu-clear li span.nav-header:hover,
ul.menuhorizontal.menu-clear li span.nav-header:focus,
ul.menuhorizontal.menu-clear li:hover span.nav-header,
ul.menuhorizontal.menu-clear li:focus span.nav-header,
ul.menuhorizontal.menu-clear li span.nav-header:hover,
ul.menuhorizontal.menu-clear li span.nav-header:focus {
  color: #ffb300 !important;
}
ul.menuhorizontal.menu-clear li a:before,
ul.menuhorizontal.menu-clear li span.nav-header:before {
  color: #fff;
}
ul.menuhorizontal.menu-clear li.active a:before,
ul.menuhorizontal.menu-clear li a:hover:before,
ul.menuhorizontal.menu-clear li a:focus:before,
ul.menuhorizontal.menu-clear li:hover a:before,
ul.menuhorizontal.menu-clear li:focus a:before,
ul.menuhorizontal.menu-clear li.active span.nav-header:before,
ul.menuhorizontal.menu-clear li span.nav-header:hover:before,
ul.menuhorizontal.menu-clear li span.nav-header:focus:before,
ul.menuhorizontal.menu-clear li:hover span.nav-header:before,
ul.menuhorizontal.menu-clear li:focus span.nav-header:before,
ul.menuhorizontal.menu-clear li span.nav-header:hover:before,
ul.menuhorizontal.menu-clear li span.nav-header:focus:before {
  color: #ffb300 !important;
}

/* dark */
ul.menuhorizontal.menu-dark li a,
ul.menuhorizontal.menu-dark li span.nav-header {
  color: #eee !important;
}
ul.menuhorizontal.menu-dark li.active a,
ul.menuhorizontal.menu-dark li a:hover,
ul.menuhorizontal.menu-dark li a:focus,
ul.menuhorizontal.menu-dark li:hover a,
ul.menuhorizontal.menu-dark li:focus a,
ul.menuhorizontal.menu-dark li.active span.nav-header,
ul.menuhorizontal.menu-dark li span.nav-header:hover,
ul.menuhorizontal.menu-dark li span.nav-header:focus,
ul.menuhorizontal.menu-dark li:hover span.nav-header,
ul.menuhorizontal.menu-dark li:focus span.nav-header,
ul.menuhorizontal.menu-dark li span.nav-header:hover,
ul.menuhorizontal.menu-dark li span.nav-header:focus {
  color: #ffb300 !important;
}
ul.menuhorizontal.menu-dark li a:before,
ul.menuhorizontal.menu-dark li span.nav-header:before {
  color: #eee;
}
ul.menuhorizontal.menu-dark li.active a:before,
ul.menuhorizontal.menu-dark li a:hover:before,
ul.menuhorizontal.menu-dark li a:focus:before,
ul.menuhorizontal.menu-dark li:hover a:before,
ul.menuhorizontal.menu-dark li:focus a:before,
ul.menuhorizontal.menu-dark li.active span.nav-header:before,
ul.menuhorizontal.menu-dark li span.nav-header:hover:before,
ul.menuhorizontal.menu-dark li span.nav-header:focus:before,
ul.menuhorizontal.menu-dark li:hover span.nav-header:before,
ul.menuhorizontal.menu-dark li:focus span.nav-header:before,
ul.menuhorizontal.menu-dark li span.nav-header:hover:before,
ul.menuhorizontal.menu-dark li span.nav-header:focus:before {
  color: #ffb300 !important;
}

/* right */
ul.menuhorizontal.pull-right li.active a,
ul.menuhorizontal.pull-right li a:hover,
ul.menuhorizontal.pull-right li a:focus,
ul.menuhorizontal.pull-right li:hover a,
ul.menuhorizontal.pull-right li:focus a,
ul.menuhorizontal.pull-right li.active span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus,
ul.menuhorizontal.pull-right li:hover span.nav-header,
ul.menuhorizontal.pull-right li:focus span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus {
  color: #ffb300;
  background-color: transparent;
  text-decoration:none;
}

/*
//////////////////////////////////////////////////

4. module positions

//////////////////////////////////////////////////
*/

/*/
///
///  topbar
///
/*/

#fav-topbar ul.nav li a:before {
  color: #ffb300;
}

/*/
///
///  back to top
///
/*/

a.backtop i {
  background-color: #ffb300;
  color: #FFFFFF;
}

/*/
///
///  module positions blocks
///
/*/

/*
///  image module positions
*/

/* links */
#fav-introwrap .moduletable a,
#fav-primewrap .moduletable a,
#fav-screenwrap .moduletable a,
#fav-basewrap .moduletable a {
  color: #ffb300;
}
#fav-introwrap .moduletable a:hover,
#fav-introwrap .moduletable a:focus,
#fav-primewrap .moduletable a:hover,
#fav-primewrap .moduletable a:focus,
#fav-screenwrap .moduletable a:hover,
#fav-screenwrap .moduletable a:focus,
#fav-basewrap .moduletable a:hover,
#fav-basewrap .moduletable a:focus {
  color: #fff;
}

/*
///  dark module positions
*/

/* links */
#fav-showcasewrap .moduletable a,
#fav-portfoliowrap .moduletable a,
#fav-notewrap .moduletable a,
#fav-footerwrap .moduletable a {
  color: #ffb300;
}
#fav-showcasewrap .moduletable a:hover,
#fav-showcasewrap .moduletable a:focus,
#fav-portfoliowrap .moduletable a:hover,
#fav-portfoliowrap .moduletable a:focus,
#fav-notewrap .moduletable a:hover,
#fav-notewrap .moduletable a:focus,
#fav-footerwrap .moduletable a:hover,
#fav-footerwrap .moduletable a:focus {
  color: #fff;
}

/*
///  color module positions
*/

/* background */
#fav-noticewrap,
#fav-focuswrap {
  background-color: #ffb300;
}

/*
//////////////////////////////////////////////////

5. fonts

//////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////

6. titles

//////////////////////////////////////////////////
*/

.page-header h2 a:hover,
h2.item-title a:hover,
div.categories-list h3 a:hover,
div.newsfeed h2 a:hover,
div.newsfeed-category h2 a:hover {
  color: #ffb300;
}

/* icons */
.moduletable h3 [class^="fa fa-"],
.moduletable h3 [class*=" fa fa-"] {
  background-color: #ffb300;
  color: #fff;
}

/*
//////////////////////////////////////////////////

7. buttons

//////////////////////////////////////////////////
*/

.btn,
.pager .next a,
.pager .previous a,
.hikashop_categories_listing_main .btn {
  color: #fff;
  background-color: #ffb300;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.pager .next a:hover,
.pager .previous a:hover,
.pager .next a:focus,
.pager .previous a:focus,
.hikashop_categories_listing_main .btn:hover,
.hikashop_categories_listing_main .btn:focus {
  color: #fff;
  background-color: #333;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

/*
///  primary
*/

.btn-primary {
  color: #fff;
  background-color: #ffb300;
  border: 1px solid transparent;
  background-image: none;
}
.btn-primary:hover,
.btn-primary:focus  {
  color: #fff;
  background-color: #ffb300;
}

/*/
///
///  pagination
///
/*/

.pagination ul li a,
.pagination ul > .disabled > a,
.pagination ul > .active > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus,
.hikashop_products_pagination .list-footer .pagenav,
.hikashop_subcategories_pagination .list-footer .pagenav {
  color: #fff;
  background-color: #ffb300;
}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li.active a,
.pagination ul li.active a:hover,
.hikashop_products_pagination .list-footer span.pagenav,
.hikashop_subcategories_pagination .list-footer span.pagenav,
.hikashop_products_pagination .list-footer a.pagenav:hover,
.hikashop_subcategories_pagination .list-footer a.pagenav:hover,
.hikashop_products_pagination .list-footer a.pagenav:focus,
.hikashop_subcategories_pagination .list-footer a.pagenav:focus,
.hikashop_module .hikashop_products_pagination .list-footer span.pagenav,
.hikashop_module .hikashop_subcategories_pagination .list-footer span.pagenav,
.hikashop_module .hikashop_products_pagination .list-footer a.pagenav:hover,
.hikashop_module .hikashop_subcategories_pagination .list-footer a.pagenav:hover,
.hikashop_module .hikashop_products_pagination .list-footer a.pagenav:focus,
.hikashop_module .hikashop_subcategories_pagination .list-footer a.pagenav:focus {
  color: #ffb300;
  background-color: #fff;
}

/*
//////////////////////////////////////////////////

8. variations

//////////////////////////////////////////////////
*/

/* background */
.moduletable-sfx9,
.moduletable-sfx10,
.moduletable-sfx11,
.moduletable-sfx12,
.moduletable-sfx41,
.moduletable-sfx42,
.moduletable-sfx43,
.moduletable-sfx44 {
  background-color: #ffb300;
}
.moduletable-sfx41,
.moduletable-sfx42,
.moduletable-sfx43,
.moduletable-sfx44 {
  background-color: #ffb300;
}

/* titles */
.moduletable-sfx4 h3,
.moduletable-sfx8 h3,
.moduletable-sfx16 h3,
.moduletable-sfx20 h3,
.moduletable-sfx24 h3,
.moduletable-sfx28 h3,
.moduletable-sfx32 h3,
.moduletable-sfx36 h3 {
  border-bottom: 1px solid #ffb300;
}

/* links */
.moduletable-sfx1 a,
.moduletable-sfx2 a,
.moduletable-sfx3 a,
.moduletable-sfx4 a,
.moduletable-sfx5 a,
.moduletable-sfx6 a,
.moduletable-sfx7 a,
.moduletable-sfx8 a {
  color: #ffb300;
}
.moduletable-sfx1 a:hover,
.moduletable-sfx1 a:focus,
.moduletable-sfx2 a:hover,
.moduletable-sfx2 a:focus,
.moduletable-sfx3 a:hover,
.moduletable-sfx3 a:focus,
.moduletable-sfx4 a:hover,
.moduletable-sfx4 a:focus,
.moduletable-sfx5 a:hover,
.moduletable-sfx5 a:focus,
.moduletable-sfx6 a:hover,
.moduletable-sfx6 a:focus,
.moduletable-sfx7 a:hover,
.moduletable-sfx7 a:focus,
.moduletable-sfx8 a:hover,
.moduletable-sfx8 a:focus {
  color: #444;
}
.moduletable-sfx13 a,
.moduletable-sfx14 a,
.moduletable-sfx15 a,
.moduletable-sfx16 a,
.moduletable-sfx17 a,
.moduletable-sfx18 a,
.moduletable-sfx19 a,
.moduletable-sfx20 a,
.moduletable-sfx21 a,
.moduletable-sfx22 a,
.moduletable-sfx23 a,
.moduletable-sfx24 a,
.moduletable-sfx25 a,
.moduletable-sfx26 a,
.moduletable-sfx27 a,
.moduletable-sfx28 a,
.moduletable-sfx29 a,
.moduletable-sfx30 a,
.moduletable-sfx31 a,
.moduletable-sfx32 a,
.moduletable-sfx33 a,
.moduletable-sfx34 a,
.moduletable-sfx35 a,
.moduletable-sfx36 a {
  color: #ffb300;
}
.moduletable-sfx13 a:hover,
.moduletable-sfx13 a:focus,
.moduletable-sfx14 a:hover,
.moduletable-sfx14 a:focus,
.moduletable-sfx15 a:hover,
.moduletable-sfx15 a:focus,
.moduletable-sfx16 a:hover,
.moduletable-sfx16 a:focus,
.moduletable-sfx17 a:hover,
.moduletable-sfx17 a:focus,
.moduletable-sfx18 a:hover,
.moduletable-sfx18 a:focus,
.moduletable-sfx19 a:hover,
.moduletable-sfx19 a:focus,
.moduletable-sfx20 a:hover,
.moduletable-sfx20 a:focus {
  color: #fff;
}
.moduletable-sfx21 a:hover,
.moduletable-sfx21 a:focus,
.moduletable-sfx22 a:hover,
.moduletable-sfx22 a:focus,
.moduletable-sfx23 a:hover,
.moduletable-sfx23 a:focus,
.moduletable-sfx24 a:hover,
.moduletable-sfx24 a:focus,
.moduletable-sfx25 a:hover,
.moduletable-sfx25 a:focus,
.moduletable-sfx26 a:hover,
.moduletable-sfx26 a:focus,
.moduletable-sfx27 a:hover,
.moduletable-sfx27 a:focus,
.moduletable-sfx28 a:hover,
.moduletable-sfx28 a:focus,
.moduletable-sfx29 a:hover,
.moduletable-sfx29 a:focus,
.moduletable-sfx30 a:hover
.moduletable-sfx30 a:focus {
  color: #fff;
}
.moduletable-sfx31 a:hover,
.moduletable-sfx31 a:focus,
.moduletable-sfx32 a:hover,
.moduletable-sfx32 a:focus,
.moduletable-sfx33 a:hover,
.moduletable-sfx33 a:focus,
.moduletable-sfx34 a:hover,
.moduletable-sfx34 a:focus,
.moduletable-sfx35 a:hover,
.moduletable-sfx35 a:focus,
.moduletable-sfx36 a:hover,
.moduletable-sfx36 a:focus {
  color: #fff;
}

/* icons */
.moduletable-sfx1 h3 i,
.moduletable-sfx2 h3 i,
.moduletable-sfx5 h3 i,
.moduletable-sfx6 h3 i,
.moduletable-sfx13 h3 i,
.moduletable-sfx14 h3 i,
.moduletable-sfx17 h3 i,
.moduletable-sfx18 h3 i,
.moduletable-sfx21 h3 i,
.moduletable-sfx22 h3 i,
.moduletable-sfx25 h3 i,
.moduletable-sfx26 h3 i,
.moduletable-sfx29 h3 i,
.moduletable-sfx30 h3 i,
.moduletable-sfx33 h3 i,
.moduletable-sfx34 h3 i {
  color: #ffb300;
}
.moduletable-sfx3 h3 i,
.moduletable-sfx4 h3 i,
.moduletable-sfx7 h3 i,
.moduletable-sfx8 h3 i,
.moduletable-sfx15 h3 i,
.moduletable-sfx16 h3 i,
.moduletable-sfx19 h3 i,
.moduletable-sfx20 h3 i,
.moduletable-sfx23 h3 i,
.moduletable-sfx24 h3 i,
.moduletable-sfx27 h3 i,
.moduletable-sfx28 h3 i,
.moduletable-sfx31 h3 i,
.moduletable-sfx32 h3 i,
.moduletable-sfx35 h3 i,
.moduletable-sfx36 h3 i {
  background-color: #ffb300;
  color: #fff;
}

/*
//////////////////////////////////////////////////

9. custom pages

//////////////////////////////////////////////////
*/

/*/
///
///  download theme
///
/*/

#fav-download #fav-download-btn a.btn {
  background-color: #fff !important;
  color: #ffb300 !important;
}
#fav-download #fav-download-btn a.btn:hover,
#fav-download #fav-download-btn a.btn:focus {
  background-color: #222 !important;
  color: #fff !important;
  box-shadow: none;
}

/*/
///
///  main navigation styles demo
///
/*/

.favnav-styles-demo {
  background-color: #222;
  color: #eee;
}
.favnav-styles-demo .favnav li.active a,
.favnav-styles-demo .favnav li a:hover,
.favnav-styles-demo .favnav li a:focus {
  color: #ffb300;
  background-color: #171717;
}
.favnav-styles-demo .favnav .navigation li a[class^="fa-"]:before,
.favnav-styles-demo .favnav .navigation li a[class*=" fa-"]:before {
  color: #ffb300;
}


/*
//////////////////////////////////////////////////

10. typography

//////////////////////////////////////////////////
*/

/*/
///
///  bootstrap elements
///
/*/

/* blockquote */
blockquote {
  border-color: #ffb300;
}
blockquote.blockquote-dark {
  border-color: #ffb300;
}

/* badge */
.badge-info {
  background-color: #ffb300;
}

/*/
///
///  lists
///
/*/

ul.list-square li:before {
  background-color: #ffb300;
  color: #fff;
}
ol.list-square li:before {
  color: #fff;
  background: none repeat scroll 0% 0% #ffb300;
}
ul.list-circle li:before {
  background-color: #ffb300;
  color: #fff;
}
ol.list-circle li:before {
  color: #fff;
  background: none repeat scroll 0% 0% #ffb300;
}

/*
//////////////////////////////////////////////////

11. joomla

//////////////////////////////////////////////////
*/

/*/
///
///  article dropdown
///
/*/

ul.dropdown-menu a:hover {
  color: #ffb300;
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #ffb300;
}

/*/
///
///  language
///
/*/

#fav-language ul.dropdown-menu li a:hover,
#fav-language ul.dropdown-menu li a:focus {
  color: #ffb300;
}
#fav-language-demo ul.dropdown-menu li a:hover,
#fav-language-demo ul.dropdown-menu li a:focus {
  color: #ffb300;
}

/*/
///
///  search
///
/*/

/*/// mobile ///*/
@media (max-width: 768px) {

  .moduletablefavstyle.pull-left .fav-search a.btn.dropdown-toggle i {
    color: #ffb300;
  }

}

#fav-search-advanced-fields .accordion-heading a.accordion-toggle {
  color: #fff;
  background-color: #ffb300;
}

/*/
///
///  profile
///
/*/

#member-profile button.btn.btn-primary.validate,
#member-profile a.btn {
  color: #fff;
  background-color: #ffb300;
}

/*/
///
///  tags
///
/*/

div.tag-category ul.thumbnails h3 a {
  background-color: #ffb300;
  color: #fff;
}
ul.tags li a {
  color: #ffb300;
}

/*
//////////////////////////////////////////////////

12. hikashop

//////////////////////////////////////////////////
*/

/*/
///
///  content
///
/*/

.hikashop_categories_listing_main a:hover,
.hikashop_categories_listing_main a:focus {
  color: #ffb300;
}
.hikashop_cart_input_button,
a.hikashop_cart_button {
  color: #FFF !important;
  background-color: #ffb300;
}

/*/
///
///  price
///
/*/

span.hikashop_product_price,
.hikashop_checkout_cart_additional,
.hikashop_checkout_cart_payment,
.hikashop_checkout_cart_coupon,
.hikashop_checkout_cart_additional,
span.hikashop_checkout_cart_final_total {
  color: #ffb300;
}

/*/
///
///  discounts
///
/*/

.hikashop_product_discount {
  background-color: #ffb300;
  color: #fff;
}

/*/
///
///  categories on 1 level
///
/*/

.hikashop_subcategories h4 a:hover,
.hikashop_subcategories h4 a:focus {
  color: #ffb300;
}

/*/
///
///  hikashop modules
///
/*/

.hikashop_module a:hover,
.hikashop_module a:focus {
  color: #ffb300 !important;
}

/*/
///
///  store cart
///
/*/

#hikashop_cart th {
  border-bottom: 1px solid #ffb300;
}

@media (max-width: 768px) {

  #hikashop_cart a {
    color: #444;
  }
  #hikashop_cart a:hover {
    color: #ffb300;
  }
  .favcartfavstyle.pull-right #hikashop_cart_module a.btn.dropdown-toggle i,
  .favcart.favstyle.pull-right #hikashop_cart_module a.btn.dropdown-toggle i,
  .favcartfavstyle.pull-left #hikashop_cart_module a.btn.dropdown-toggle i,
  .favcart.favstyle.pull-left #hikashop_cart_module a.btn.dropdown-toggle i {
    color: #ffb300;
  }
  #hikashop_cart .hikashop_cart_module_product_name_value a:hover {
    color: #ffb300;
  }

}

/*/
///
///  currency
///
/*/

#fav-containerwrap .hikashop_currency_module .chzn-container .chzn-results li.active-result:hover,
#fav-containerwrap .hikashop_currency_module .chzn-container .chzn-results li.active-result:focus,
#fav-containerwrap .hikashop_currency_module .chzn-container .chzn-results li.active-result.result-selected {
  color: #ffb300;
}

/*/
///
///  checkout
///
/*/


#hikashop_checkout_cart thead {
  background-color: #ffb300;
}
p.hikashop_cart_product_name a {
  color: #ffb300;
}
#hikashop_checkout_page .btn.btn-radio.active.btn-primary,
#hikashop_checkout_page .btn.btn-radio.active.btn-primary:hover,
#hikashop_checkout_page .btn.btn-radio.active.btn-primary:focus {
  box-shadow: none;
  background-color: #333;
}

/*/
///
///  account
///
/*/

.hikashop_cpanel_icon_table:hover .hikashop_cpanel_button_description {
  color: #ffb300;
}

/*/
///
///  view orders
///
/*/

#hikashop_order_listing a,
#hikashop_order_listing a,
#hikashop_download_listing a,
#hikashop_download_listing a,
#hikashop_carts_listing div.toolbar a:hover,
#hikashop_affiliate_main div.toolbar a:hover,
#hikashop_address_listing div.toolbar a:hover,
#hikashop_order_listing div.toolbar a:hover,
#hikashop_order_listing span.icon-32-back,
#hikashop_order_back_button span.icon-32-back,
#hikashop_download_listing div.toolbar a:hover,
#hikashop_download_listing span.icon-32-back,
#hikashop_download_back_button span.icon-32-back,
#hikashop_address_listing span.icon-32-back,
#hikashop_new_address_popup span.icon-32-new,
#hikashop_order_listing span.icon-32-back:hover,
#hikashop_order_listing span.icon-32-back:focus,
#hikashop_order_back_button span.icon-32-back:hover,
#hikashop_order_back_button span.icon-32-back:focus,
#hikashop_download_listing span.icon-32-back:hover,
#hikashop_download_listing span.icon-32-back:focus,
#hikashop_download_back_button span.icon-32-back:hover,
#hikashop_download_back_button span.icon-32-back:focus,
#hikashop_address_listing span.icon-32-back:hover,
#hikashop_address_listing span.icon-32-back:focus,
#hikashop_new_address_popup span.icon-32-new:hover,
#hikashop_new_address_popup span.icon-32-new:focus,
#htmlfieldset_products .hikashop_order_product_name:hover {
  color: #ffb300;
}
td.hikashop_order_number_value a,
td.hikashop_download_number_value a  {
  color: #ffb300 !important;
}
#htmlfieldset_products .hikashop_order_product_name:hover {
  color: #ffb300;
}

    /*
    //////////////////////////////////////////////////

13. extensions

    //////////////////////////////////////////////////
    */

/*/
///
///  favcontent
///
/*/

.favstyle div[id^="favcontent-description-icon"],
.favstyle div[id*=" favcontent-description-icon"],
.favstyle div[id^="favcontent-description-image"],
.favstyle div[id*=" favcontent-description-image"] {
  background-color: #ffb300 !important;
}

/*/
///
///  favshowcase
///
/*/

.favstyle div[id^="favshowcase-readmore"] a.btn,
.favstyle div[id*=" favshowcase-readmore"] a.btn {
  background-color: #ffb300 !important;
}

/*/
///
///  favportfolio
///
/*/

.favstyle a#favportfolio-zoom {
  border-color: transparent #ffb300 #ffb300 transparent !important;
}

/*/
///
///  favslider
///
/*/

.favstyle .fav-control-paging li a:hover,
.favstyle .fav-control-paging li a:focus,
.favstyle .fav-control-paging li a.fav-active,
.favstyle #fav-caption h3 {
  background-color: #ffb300 !important;
}

/*/
///
///  favpromote
///
/*/

.favstyle div[id^="favpromote-box"]:hover,
.favstyle div[id^="favpromote-box"]:hover,
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] {
  background-color: #ffb300 !important;
}
.favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"]:hover,
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"]:hover {
  background-color: #111 !important;
}
.favstyle div[id^="favpromote-box"]:hover,
.favstyle div[id*=" favpromote-box"]:hover {
  background-color: rgba( 17, 17, 17, 0.67) !important;
}

/*/
///
///  favglyph
///
/*/

.favstyle div[id^="favglyph-icon"],
.favstyle div[id*=" favglyph-icon"] {
  background-color: #ffb300 !important;
}

/*/
///
///  faveffects
///
/*/

.favstyle div[id^="faveffects-icon"],
.favstyle div[id*=" faveffects-icon"] {
  background-color: #ffb300 !important;
}
.favstyle div[id^="faveffects-icon"]:hover,
.favstyle div[id*=" faveffects-icon"]:hover,
.favstyle div[id^="faveffects-icon"]:focus,
.favstyle div[id*=" faveffects-icon"]:focus {
  background-color: #fff !important;
}
.favstyle div[id^="faveffects-icon"] i:hover,
.favstyle div[id*=" faveffects-icon"] i:hover,
.favstyle div[id^="faveffects-icon"] i:focus,
.favstyle div[id*=" faveffects-icon"] i:focus {
  color: #ffb300 !important;
}

/*/
///
///  favsocial
///
/*/

.favstyle div[id^="favsocial"] a,
.favstyle div[id*=" favsocial"] a {
  background-color: #ffb300 !important;
}