/*
*   name           Atelier
*   version        1.2
*   description    Responsive and customizable Joomla!3 template
*   demo           http://demo.favthemes.com/atelier
*   author         FavThemes
*   author URL     http://www.favthemes.com
*   copyright      Copyright (C) 2012-2016 FavThemes.com. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

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

1. layout
  1.1. reset
  1.2. header
  1.3. navigation
  1.4. module positions
  1.5. fonts
  1.6. titles
  1.7. buttons
  1.8. variations
  1.9. custom pages
  1.10. typography
  1.11. joomla
  1.12. hikashop

2. colors
  2.1. reset
  2.2. header
  2.3. navigation
  2.4. module positions
  2.5. fonts
  2.6. titles
  2.7. buttons
  2.8. variations
  2.9. custom pages
  2.10. typography
  2.11. joomla
  2.12. hikashop

3. extensions
  3.1. favcontent
  3.2. favteam
  3.3. favshowcase
  3.4. favportfolio
  3.5. favfeatures
  3.6. favslider
  3.7. favpromote
  3.8. favimagehover
  3.9. favglyph
  3.10. faveffects
  3.11. favsocial

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

/*  style CSS  */

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

/// 1. layout

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

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

1.1. reset

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

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

1.2. header

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

#fav-headerwrap,
#fav-headerwrap.fav-fixed {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #222;
}
#fav-headerwrap.fav-fixed.favheader {
  background-color: rgba(17, 17, 17, 0.9);
  padding-top: 0px;
  padding-bottom: 0px;
}
#fav-headerwrap li a,
#fav-headerwrap span.nav-header,
#fav-headerwrap p {
  color: #eee;
}
#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 {
  background-color: #171717;
}

/* submenu */
#fav-headerwrap .navigation ul.nav-child {
  background-color: #222;
  border: 1px solid #272727;
}
#fav-headerwrap .navigation .nav .nav-child a,
#fav-headerwrap .navigation .nav .nav-child span.nav-header {
  border-bottom: 1px solid #333;
}
#fav-headerwrap .navigation .nav ul.nav-child a,
#fav-headerwrap .navigation .nav > li > ul.nav-child a,
#fav-headerwrap .navigation .nav ul.nav-child span.nav-header,
#fav-headerwrap .navigation .nav > li > ul.nav-child span.nav-header,
#fav-headerwrap .navigation ul.nav li ul.nav-child span.nav-header {
  color: #eee;
  background-color: transparent;
}

/*
///  fixed
*/

@media (min-width: 1200px) {

  #fav-container.fav-fixed {
    margin-top: 62px;
  }

}

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

  #fav-container.fav-fixed.navstyle-icon-vertical {
    margin-top: 124px;
  }

}

/*/
///
///  logo
///
/*/

.default-logo {
  margin: 19px 0px 0px;
}


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

1.3. navigation

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

/*/
///
///  navigation arrows
///
/*/

.favnav.navstyle-2 .navigation .nav-child:before,
.favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child:before,
.favnav.navstyle-4 .navigation .nav-child:before,
.favnav.navstyle-5 .navigation .nav-child:before,
.favnav.navstyle-6 .navigation .nav-child:before {
  position: absolute;
  top: -10px;
  left: 14px;
  display: inline-block;
}
.favnav.navstyle-2 .navigation .nav-child:after,
.favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child:after,
.favnav.navstyle-4 .navigation .nav-child:after,
.favnav.navstyle-5 .navigation .nav-child:after,
.favnav.navstyle-6 .navigation .nav-child:after {
  position: absolute;
  top: -9px;
  left: 15px;
  display: inline-block;
}
.favnav.navstyle-2 .navigation .nav-child li > ul:before,
.favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child li > ul:before,
.favnav.navstyle-4 .navigation .nav-child li > ul:before,
.favnav.navstyle-5 .navigation .nav-child li > ul:before,
.favnav.navstyle-6 .navigation .nav-child li > ul:before {
  top: 15px;
  left: -14px;
  border-left: none;
}
.favnav.navstyle-2 .navigation .nav-child li > ul:after,
.favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child li > ul:after,
.favnav.navstyle-4 .navigation .nav-child li > ul:after,
.favnav.navstyle-5 .navigation .nav-child li > ul:after,
.favnav.navstyle-6 .navigation .nav-child li > ul:after {
  top: 16px;
  left: -13px;
  margin-top: 0;
  border-left: none;
}

/*
///  light
*/

#fav-headerwrap.fav-light .favnav .navigation .nav-child:before {
  position: absolute;
  top: -7px;
  left: 14px;
  display: inline-block;
}
#fav-headerwrap.fav-light .favnav .navigation .nav-child:after {
  position: absolute;
  top: -6px;
  left: 15px;
  display: inline-block;
}
#fav-headerwrap.fav-light .favnav .navigation .nav-child li > ul:before {
  top: 15px;
  left: -8px;
  border-left: none;
}
#fav-headerwrap.fav-light .favnav .navigation .nav-child li > ul:after {
  top: 16px;
  left: -7px;
  margin-top: 0;
  border-left: none;
}

/*
///  dark
*/

#fav-headerwrap.fav-dark .favnav .navigation .nav-child:before {
  position: absolute;
  top: -7px;
  left: 14px;
  display: inline-block;
}
#fav-headerwrap.fav-dark .favnav .navigation .nav-child:after {
  position: absolute;
  top: -6px;
  left: 15px;
  display: inline-block;
}
#fav-headerwrap.fav-dark .favnav .navigation .nav-child li > ul:before {
  top: 15px;
  left: -8px;
  border-left: none;
}
#fav-headerwrap.fav-dark .favnav .navigation .nav-child li > ul:after {
  top: 16px;
  left: -7px;
  margin-top: 0;
  border-left: none;
}

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

  .favnav.navstyle-2 .navigation .nav-child:before,
  .favnav.navstyle-3 .navigation .nav-child:before {
    position: absolute;
    top: -10px;
    left: 14px;
    display: inline-block;
  }
  .favnav.navstyle-2 .navigation .nav-child:after,
  .favnav.navstyle-3 .navigation .nav-child:after {
    position: absolute;
    top: -9px;
    left: 15px;
    display: inline-block;
  }
  .favnav.navstyle-2 .navigation .nav-child li > ul:before,
  .favnav.navstyle-3 .navigation .nav-child li > ul:before {
    top: 15px;
    left: -14px;
    border-left: none;
  }
  .favnav.navstyle-2 .navigation .nav-child li > ul:after,
  .favnav.navstyle-3 .navigation .nav-child li > ul:after {
    top: 16px;
    left: -13px;
    margin-top: 0;
    border-left: none;
  }

}

/*/
///
///  submenu
///
/*/

.favnav .navigation ul.nav-child {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

  /*
  ///  mobile menu
  */

  .navbar-inverse .nav .active > a,
  .navbar .nav .active > a,
  .navbar-inverse .nav .active > a:hover,
  .navbar .nav .active > a:hover,
  .navbar-inverse .nav .active > a:focus,
  .navbar .nav .active > a:focus,
  .navbar-inverse .nav .active > span.nav-header,
  .navbar .nav .active > span.nav-header,
  .navbar-inverse .nav .active > span.nav-header:hover,
  .navbar .nav .active > span.nav-header:hover,
  .navbar-inverse .nav .active > span.nav-header:focus,
  .navbar .nav .active > span.nav-header:focus {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  /*
  ///  light
  */

  div.navbar #fav-navbar-collapse li a:hover,
  div.navbar #fav-navbar-collapse li a:focus,
  div.navbar #fav-navbar-collapse li li a:hover,
  div.navbar #fav-navbar-collapse li li a:focus,
  div.navbar #fav-navbar-collapse li li li a:hover,
  div.navbar #fav-navbar-collapse li li li a:focus,
  div.navbar #fav-navbar-collapse li li li li a:hover,
  div.navbar #fav-navbar-collapse li li li li a:focus,
  div.navbar #fav-navbar-collapse li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li span.nav-header:focus,
  div.navbar #fav-navbar-collapse li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li span.nav-header:focus,
  div.navbar #fav-navbar-collapse li li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li li span.nav-header:focus,
  div.navbar #fav-navbar-collapse li li li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li li li span.nav-header:focus,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

}

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

.favnav.navstyle-2 .navigation .nav a,
.favnav.navstyle-2 .navigation .nav > li > a,
.favnav.navstyle-2 .navigation .nav span.nav-header,
.favnav.navstyle-2 .navigation .nav > li > span.nav-header,
.favnav.navstyle-2 .navigation ul.nav li span.nav-header,
.favnav.navstyle-3 .navigation .nav a,
.favnav.navstyle-3 .navigation .nav > li > a,
.favnav.navstyle-3 .navigation .nav span.nav-header,
.favnav.navstyle-3 .navigation .nav > li > span.nav-header,
.favnav.navstyle-3 .navigation ul.nav li span.nav-header {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}


/*
///  default
*/

/* layout */
.favnav.navstyle .navigation .nav a,
.favnav.navstyle .navigation .nav > li > a,
.favnav.navstyle .navigation .nav span.nav-header,
.favnav.navstyle .navigation .nav > li > span.nav-header,
.favnav.navstyle .navigation ul.nav li span.nav-header {
  margin: 0px 1px 0px 0px;
  padding: 23px 12px;
  border-top: 2px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* active */
.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 {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* submenu */
.favnav.navstyle .navigation .nav ul.nav-child a,
.favnav.navstyle .navigation .nav > li > ul.nav-child a,
.favnav.navstyle .navigation .nav ul.nav-child span.nav-header,
.favnav.navstyle .navigation .nav > li > ul.nav-child span.nav-header,
.favnav.navstyle .navigation ul.nav li ul.nav-child span.nav-header {
  margin: 0px;
  padding: 8px 20px 6px;
  border: none;
}

/* vertical */
.favnav.navstyle.navstyle-icon-vertical .navigation .nav a,
.favnav.navstyle.navstyle-icon-vertical .navigation .nav > li > a,
.favnav.navstyle.navstyle-icon-vertical .navigation .nav span.nav-header,
.favnav.navstyle.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
.favnav.navstyle.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 8px;
}

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

  .favnav.navstyle .navigation .nav a,
  .favnav.navstyle .navigation .nav > li > a,
  .favnav.navstyle .navigation .nav span.nav-header,
  .favnav.navstyle .navigation .nav > li > span.nav-header,
  .favnav.navstyle .navigation ul.nav li span.nav-header {
    padding-bottom: 12px !important;
  }
  .favnav.navstyle .navigation .nav ul.nav-child a,
  .favnav.navstyle .navigation .nav > li > ul.nav-child a,
  .favnav.navstyle .navigation .nav ul.nav-child span.nav-header,
  .favnav.navstyle .navigation .nav > li > ul.nav-child span.nav-header,
  .favnav.navstyle .navigation ul.nav li ul.nav-child span.nav-header {
    padding: 8px 14px 6px !important;
  }

}

/*
///  style 1
*/

.favnav.navstyle-1 .navigation .nav a,
.favnav.navstyle-1 .navigation .nav > li > a,
.favnav.navstyle-1 .navigation .nav span.nav-header,
.favnav.navstyle-1 .navigation .nav > li > span.nav-header,
.favnav.navstyle-1 .navigation ul.nav li span.nav-header {
  margin: 10px 1px 10px 0px;
  padding: 15px 14px 13px;
}

/*
///  style 2
*/

.favnav.navstyle-2 .navigation .nav a,
.favnav.navstyle-2 .navigation .nav > li > a,
.favnav.navstyle-2 .navigation .nav span.nav-header,
.favnav.navstyle-2 .navigation .nav > li > span.nav-header,
.favnav.navstyle-2 .navigation ul.nav li span.nav-header {
  margin: 10px 1px 10px 0px;
  padding: 15px 14px 13px;
}
.favnav.navstyle-2.navstyle-icon-vertical .navigation .nav a,
.favnav.navstyle-2.navstyle-icon-vertical .navigation .nav > li > a,
.favnav.navstyle-2.navstyle-icon-vertical .navigation .nav span.nav-header,
.favnav.navstyle-2.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
.favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 8px;
  padding-bottom: 8px;
}

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

  .favnav.navstyle-2 .navigation .nav a,
  .favnav.navstyle-2 .navigation .nav > li > a,
  .favnav.navstyle-2 .navigation .nav span.nav-header,
  .favnav.navstyle-2 .navigation .nav > li > span.nav-header,
  .favnav.navstyle-2 .navigation ul.nav li span.nav-header {
    padding-top: 15px !important;
    padding-bottom: 13px !important;
  }
  .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav a,
  .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav > li > a,
  .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav span.nav-header,
  .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
  .favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
    padding-top: 11px !important;
    padding-bottom: 9px !important;
  }

}

/*
///  style 3
*/

.favnav.navstyle-3 .navigation .nav a,
.favnav.navstyle-3 .navigation .nav > li > a,
.favnav.navstyle-3 .navigation .nav span.nav-header,
.favnav.navstyle-3 .navigation .nav > li > span.nav-header,
.favnav.navstyle-3 .navigation ul.nav li span.nav-header {
  margin: 10px 1px 10px 0px;
  padding: 12px 14px;
}

/*
///  style 4
*/

.favnav.navstyle-4 .navigation .nav a,
.favnav.navstyle-4 .navigation .nav > li > a,
.favnav.navstyle-4 .navigation .nav span.nav-header,
.favnav.navstyle-4 .navigation .nav > li > span.nav-header,
.favnav.navstyle-4 .navigation ul.nav li span.nav-header {
  margin: 0px 1px 0px 0px;
  padding: 25px 14px 21px;
}

/*
///  style 5
*/

.favnav.navstyle-5 .navigation .nav a,
.favnav.navstyle-5 .navigation .nav > li > a,
.favnav.navstyle-5 .navigation .nav span.nav-header,
.favnav.navstyle-5 .navigation .nav > li > span.nav-header,
.favnav.navstyle-5 .navigation ul.nav li span.nav-header {
  margin: 0px 1px 0px 0px;
  padding: 23px 14px;
}

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

  .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav a,
  .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav > li > a,
  .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav span.nav-header,
  .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
  .favnav.navstyle-5.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .favnav.navstyle-5 .navigation .nav ul.nav-child a,
  .favnav.navstyle-5 .navigation .nav > li > ul.nav-child a,
  .favnav.navstyle-5 .navigation .nav ul.nav-child span.nav-header,
  .favnav.navstyle-5 .navigation .nav > li > ul.nav-child span.nav-header,
  .favnav.navstyle-5 .navigation ul.nav li ul.nav-child span.nav-header {
    padding: 8px 14px 6px !important;
  }

}

/*
///  style 6
*/

.favnav.navstyle-6 .navigation .nav a,
.favnav.navstyle-6 .navigation .nav > li > a,
.favnav.navstyle-6 .navigation .nav span.nav-header,
.favnav.navstyle-6 .navigation .nav > li > span.nav-header,
.favnav.navstyle-6 .navigation ul.nav li span.nav-header {
  margin: 0px 1px 0px 0px;
  padding: 22px 14px;
}

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

  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav a,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > a,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav span.nav-header,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav ul.nav-child a,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > ul.nav-child a,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav ul.nav-child span.nav-header,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > ul.nav-child span.nav-header,
  .favnav.navstyle-6.navstyle-icon-vertical .navigation ul.nav li ul.nav-child span.nav-header {
    padding: 8px 14px 6px !important;
  }

}

/*
///  style 7
*/

.favnav.navstyle-7 .navigation .nav a,
.favnav.navstyle-7 .navigation .nav > li > a,
.favnav.navstyle-7 .navigation .nav span.nav-header,
.favnav.navstyle-7 .navigation .nav > li > span.nav-header,
.favnav.navstyle-7 .navigation ul.nav li span.nav-header {
  margin: 0px 1px 0px 0px;
  padding: 24px 14px;
}
.favnav.navstyle-7.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

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

  .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav a,
  .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav > li > a,
  .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
  .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
    padding-top: 9px;
    padding-bottom: 11px;
  }

}

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

ul.menubasic,
ul.menubasic li a,
ul.menubasic li span.nav-header {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.4. module positions

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

/*/
///
///  slide
///
/*/

#fav-slidewrap.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
#fav-slidewrap .row-fluid {
  max-width: 100%;
}
#fav-slide .moduletable {
  margin: 0;
}

/*/
///
///  backtop
///
/*/

a.backtop i {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.5. fonts

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

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

primary font

--------------------------------------------------

font-family: 'Roboto', Helvetica, Arial, sans-serif;

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

/*
///  titles
*/

.moduletable h3,
div[class^="moduletable-"] h3,
div[class*=" moduletable-"] h3,
.page-header h2,
h2.item-title,
.componentheading,
#member-profile legend,
div.tag-category ul h3,
div.contact-category h2,
div.newsfeed h2,
div.newsfeed-category h2,
.hikashop_product_top_part h1,
.hikashop_category_information h2,
#hikashop_checkout_page h1,
#hikashop_checkout_login_left_part h2,
#hikashop_checkout_login_right_part h2,
#hikashop_checkout_login_right_part h3,
#hikashop_checkout_page fieldset legend,
#hikashop_cpanel_title h1,
#hikashop_carts_listing .header h1,
#hikashop_affiliate_main .header h1,
#hikashop_address_listing .header h1,
#hikashop_order_listing .header h1,
#hikashop_download_listing fieldset h1,
#hikashop_order_main fieldset h1,
div.hikashop_container .hikashop_category_name a,
div.hikashop_subcontainer span.hikashop_product_name a {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
}

/*
///  navigation
*/

.favnav .navigation .nav a,
.favnav .navigation .nav > li > a,
.favnav .navigation .nav .nav-child a,
.favnav .navigation .nav span.nav-header,
.favnav .navigation .nav > li > span.nav-header,
.favnav .navigation .nav .nav-child span.nav-header,
.favnav .navigation ul.nav li span.nav-header {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
}

/*
///  buttons
*/

.btn,
.btn-primary,
.pager .next a,
.pager .previous a,
.hikashop_cart_input_button,
.hikashop_categories_listing_main .btn,
a.hikashop_cart_button,
.hikashop_cart_input_button,
a.hikashop_cart_button,
.hikashop_product_stock .btn.button.hikashop_cart_input_button,
.hikashop_product_stock a.hikashop_cart_button {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
}
#hikashop_cart_module a.btn.dropdown-toggle {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/*
///  hikashop
*/

.hikashop_cart_input_button,
a.hikashop_cart_button,
.hikashop_product_stock .btn.button.hikashop_cart_input_button,
.hikashop_product_stock a.hikashop_cart_button {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
}

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

secondary font

--------------------------------------------------

font-family: ;

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

/*
///  default
*/

/*
///  joomla
*/

/*
///  hikashop
*/


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

1.6. titles

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

/* icons */
.moduletable h3 [class^="fa fa-"],
.moduletable h3 [class*=" fa fa-"] {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.7. buttons

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

.btn,
.pager .next a,
.pager .previous a,
.hikashop_categories_listing_main .btn,
#hikashop_checkout_login #form-login-submit .btn-primary,
.hikashop_cart_input_button,
a.hikashop_cart_button,
.hikashop_product_stock a.hikashop_cart_button {
  font-size: 14px;
  padding: 14px 21px 12px;
  background-image: none;
  font-weight: 500;
  border: 1px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.btn-group > .btn:first-child {
  margin-left: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*/
///
///  button sizes
///
/*/

.btn-large,
.btn-small,
.btn-mini {
  margin-right: 10px;
  margin-bottom: 10px;
}
.btn-large {
  padding: 18px 24px 16px;
  font-size: 18px;
}
.btn-small {
  padding: 8px 14px 6px;
  font-size: 14px;
}
.btn-mini {
  padding: 6px 10px 4px;
  font-size: 12px;
}

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

.pagination ul,
.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,
.hikashop_cart_input_button,
a.hikashop_cart_button {
  font-weight: 500;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.pagination ul li a:hover,
.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_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 {
  border: 1px solid #ddd;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media (max-width: 480px) {

  .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 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

}

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

.label-info[href],
.badge-info[href],
ul.tags li a {
  padding: 6px 10px !important;
  border: 2px solid #e7e7e7 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
div.tag-category ul.thumbnails h3 a {
  padding: 6px 10px !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

.btn-group .btn.dropdown-toggle {
  padding: 9px 12px 6px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.pull-right > .dropdown-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  badge
///
/*/

.badge {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  edit item button
///
/*/

a.btn.jmodedit {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid transparent;
}

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

1.8. variations

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

.moduletable-sfx5,
.moduletable-sfx6,
.moduletable-sfx7,
.moduletable-sfx8,
.moduletable-sfx9,
.moduletable-sfx10,
.moduletable-sfx11,
.moduletable-sfx12,
.moduletable-sfx17,
.moduletable-sfx18,
.moduletable-sfx19,
.moduletable-sfx20,
.moduletable-sfx21,
.moduletable-sfx22,
.moduletable-sfx23,
.moduletable-sfx24,
.moduletable-sfx29,
.moduletable-sfx30,
.moduletable-sfx31,
.moduletable-sfx32,
.moduletable-sfx33,
.moduletable-sfx34,
.moduletable-sfx35,
.moduletable-sfx36,
.moduletable-sfx41,
.moduletable-sfx42,
.moduletable-sfx43,
.moduletable-sfx44,
.moduletable-sfx45,
.moduletable-sfx46,
.moduletable-sfx47,
.moduletable-sfx48,
.moduletable-sfx26 h3,
.moduletable-sfx27 h3,
.moduletable-sfx1 h3 i,
.moduletable-sfx2 h3 i,
.moduletable-sfx3 h3 i,
.moduletable-sfx4 h3 i,
.moduletable-sfx5 h3 i,
.moduletable-sfx6 h3 i,
.moduletable-sfx7 h3 i,
.moduletable-sfx8 h3 i,
.moduletable-sfx9 h3 i,
.moduletable-sfx10 h3 i,
.moduletable-sfx11 h3 i,
.moduletable-sfx12 h3 i,
.moduletable-sfx13 h3 i,
.moduletable-sfx13 h3 i,
.moduletable-sfx14 h3 i,
.moduletable-sfx15 h3 i,
.moduletable-sfx16 h3 i,
.moduletable-sfx17 h3 i,
.moduletable-sfx18 h3 i,
.moduletable-sfx19 h3 i,
.moduletable-sfx20 h3 i,
.moduletable-sfx21 h3 i,
.moduletable-sfx22 h3 i,
.moduletable-sfx23 h3 i,
.moduletable-sfx24 h3 i,
.moduletable-sfx25 h3 i,
.moduletable-sfx26 h3 i,
.moduletable-sfx27 h3 i,
.moduletable-sfx28 h3 i,
.moduletable-sfx29 h3 i,
.moduletable-sfx30 h3 i,
.moduletable-sfx31 h3 i,
.moduletable-sfx32 h3 i,
.moduletable-sfx33 h3 i,
.moduletable-sfx34 h3 i,
.moduletable-sfx35 h3 i,
.moduletable-sfx36 h3 i,
.moduletable-sfx37 h3 i,
.moduletable-sfx38 h3 i,
.moduletable-sfx39 h3 i,
.moduletable-sfx40 h3 i,
.moduletable-sfx41 h3 i,
.moduletable-sfx42 h3 i,
.moduletable-sfx43 h3 i,
.moduletable-sfx44 h3 i,
.moduletable-sfx45 h3 i,
.moduletable-sfx46 h3 i,
.moduletable-sfx47 h3 i,
.moduletable-sfx48 h3 i {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.9. custom pages

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

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

#fav-download p {
  margin: 0px;
}
#fav-download #fav-download-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.3em;
  float: left;
  padding-top: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#fav-download #fav-download-btn {
  float: right;
  padding-top: 2px;
  padding-bottom: 2px;
}
#fav-download #fav-download-btn a.btn {
  margin: 0;
  font-weight: 500;
  padding: 18px 24px 16px;
  font-size: 17px;
}
#fav-download #fav-download-btn a.btn i {
  padding-right: 0.4em;
}

/* /// tablet */
@media (max-width: 980px) {

  #fav-download #fav-download-btn {
    float: none;
    font-size: 16px;
    text-align: center;
    bottom: 4px;
    margin-top: 4px;
    position: relative;
  }
  #fav-download #fav-download-message {
    float: none;
    text-align: center;
    padding: 4px 0px;
    margin-bottom: 14px;
  }

}

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

.favnav-styles-demo li a {
  text-transform: uppercase;
  font-weight: 500;
}

/*/
///
///  offline page
///
/*/

#fav-offline #frame form input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.10. typography

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

/*/
///
///  box icons
///
/*/

.simple-box,
.info-box,
.success-box,
.warning-box,
.error-box {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  inline labels
///
/*/

span.label-red,
span.label-blue,
span.label-green,
span.label-grey,
span.label-orange {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  alert
///
/*/

.alert {
  border: 1px solid rgba(17, 17, 17, 0.07);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

ul.list-square li:before,
ol.list-square li:before,
ul.list-color li:before,
ol.list-color li:before,
ul.list-dark li:before,
ol.list-dark li:before {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.11. joomla

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

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

#fav-language ul.dropdown-menu,
#fav-language-demo ul.dropdown-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#fav-language a.btn.dropdown-toggle,
#fav-language a.btn.dropdown-toggle:hover,
#fav-language-demo a.btn.dropdown-toggle,
#fav-language-demo a.btn.dropdown-toggle:hover {
  padding: 10px 12px 7px;
}

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

div.search #searchForm button.btn.hasTooltip {
  border: none;
}
div.search #searchForm button.btn.hasTooltip,
div.search #searchForm span.badge.badge-info,
.moduletablefavstyle .fav-search ul.dropdown-menu,
.moduletable.favstyle .fav-search ul.dropdown-menu,
.moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword,
.moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.moduletablefavstyle .fav-search a.dropdown-toggle:hover,
.moduletable.favstyle .fav-search a.dropdown-toggle:hover,
.moduletablefavstyle .fav-search a.dropdown-toggle:focus,
.moduletable.favstyle .fav-search a.dropdown-toggle:focus,
.moduletablefavstyle .fav-search .nav > li > a:hover,
.moduletablefavstyle .fav-search .nav > li > a:focus {
  box-shadow: none;
}
div.search #searchForm span.badge.badge-info {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 7px;
}
input#mod-search-searchword,
.fav-search input#mod-search-searchword,
div[class^="fav-search"] input#mod-search-searchword,
div[class*=" fav-search"] input#mod-search-searchword,
div.search button.btn.hasTooltip,
div[class^="search"] button.btn.hasTooltip,
div[class*=" search"] button.btn.hasTooltip {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#finder-search a.btn,
div[id^="finder-search"] a.btn,
div[id*=" finder-search"] a.btn,
#finder-search button.btn.btn-primary.disabled,
div[id^="finder-search"] button.btn.btn-primary.disabled,
div[id*=" finder-search"] button.btn.btn-primary.disabled,
#finder-search button.btn.btn-primary.disabled:hover,
div[id^="finder-search"] button.btn.btn-primary.disabled:hover,
div[id*=" finder-search"] button.btn.btn-primary.disabled:hover,
#finder-search button.btn.btn-primary.disabled:focus,
div[id^="finder-search"] button.btn.btn-primary.disabled:focus,
div[id*=" finder-search"] button.btn.btn-primary.disabled:focus {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#fav-search-advanced-fields .accordion-group,
div.search #searchForm .btn-toolbar .btn,
div.search #searchForm .btn-toolbar input,
div.search #searchForm input#search-searchword.inputbox {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  categories list
///
/*/

div.categories-list h3.page-header.item-title a {
  padding: 4px 10px 8px;
}
div.categories-list h3.page-header.item-title a span {
  vertical-align: middle;
}

/*/
///
///  components
///
/*/

div.tag-category,
div.categories-list,
div.category-list,
div.login,
div.logout,
div.profile,
div.remind,
div.reset,
div.archive,
#fav-maincontent form.form-validate {
  margin-top: 20px;
}
form.well,
.nav-tabs.nav-stacked > li:first-child > a,
.nav-tabs.nav-stacked > li:last-child > a,
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  login form
///
/*/

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  create article
///
/*/

div.editor .mce-panel,
button#jform_publish_up_img,
button#jform_publish_down_img {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

#member-profile button.btn.btn-primary.validate,
#member-profile a.btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  wrapper
///
/*/

#blockrandom {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  contact
///
/*/

div.contact .accordion-group {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  highlight
///
/*/

span.highlight {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

1.12. hikashop

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

.hikashop_subcontainer {
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
}

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

#hikashop_product_left_part #hikashop_product_image_main img.hikashop_child_image,
#hikashop_product_left_part #hikashop_product_image_main img#hikashop_main_image,
#hikashop_product_left_part #hikashop_product_image_main img[id^="hikashop_main_image"],
#hikashop_product_left_part #hikashop_product_image_main img[id*=" hikashop_main_image"] {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* comments */
#hikashop_comment_form .hika_comment_listing {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  cart
///
/*/

.favcartfavstyle #hikashop_cart_module .dropdown-menu,
.favcart.favstyle #hikashop_cart_module .dropdown-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

#fav-containerwrap .hikashop_currency_module .chzn-container .chzn-drop {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

#hikashop_checkout_cart thead,
.hikashop_wizardbar {
  border: 1px solid #ddd;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.hikashop_container .hikashop_category_name a,
div.hikashop_subcontainer span.hikashop_product_name a {
  margin-bottom: 21px;
}
#hikashop_checkout_status span.label.label-info {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

  #hikashop_checkout_cart table tr {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

}

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

.hikashop_product_discount {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*/
///
///  checkout progress bar
///
/*/

.hikashop_wizardbar {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

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

/// 2. colors

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

/*
------------------------------------------------------

#00bcd4 - main color

------------------------------------------------------

style 1 - #00bcd4
style 2 - #ef5350
style 3 - #008DD5
style 4 - #f06292
style 5 - #ff8114
style 6 - #5c9e22
style 7 - #ffb300
style 8 - #ab47bc
style 9 - #5c6bc0
style 10 - #00b2ac

------------------------------------------------------
*/

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

2.1. reset

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

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

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

2.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: #00bcd4;
}

/* 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: #00bcd4;
}
#fav-headerwrap .navigation ul.nav-child {
  border-bottom: 2px solid #00bcd4;
}

/* 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: #00bcd4;
}

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

/* 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: #00bcd4;
}

/* 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: #00bcd4;
}

/*
///  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: #00bcd4;
}

/* 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: #00bcd4;
}

/* 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: #00bcd4;
}

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

2.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 #00bcd4;
  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: #00bcd4 !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: #00bcd4 !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 #00bcd4;
  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 #00bcd4;
  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: #00bcd4;
  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: #00bcd4;
  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: #00bcd4 !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 #00bcd4;
  border-bottom: 2px solid #00bcd4;
  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 #00bcd4;
  border-right: 2px solid #00bcd4;
  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 #00bcd4;
  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: #00bcd4 !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: #00bcd4 !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 #00bcd4;
}

/*
///  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 #00bcd4;
}

/*
///  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: #00bcd4;
  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: #00bcd4;
  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: #00bcd4 !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 #00bcd4;
  border-bottom: 2px solid #00bcd4;
}

/*
///  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 #00bcd4;
  border-right: 2px solid #00bcd4;
}

/*/
///
///  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 #00bcd4;
  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: #00bcd4 !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: #00bcd4 !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 #00bcd4;
}

/*
///  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 #00bcd4;
}

/*
///  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: #00bcd4;
  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: #00bcd4;
  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: #00bcd4 !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 #00bcd4;
  border-bottom: 2px solid #00bcd4;
}

/*
///  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 #00bcd4;
  border-right: 2px solid #00bcd4;
}

/*/
///
///  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: #00bcd4;
}
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: #00bcd4;
  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: #00bcd4;
}

/* 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: #00bcd4;
  border-left: 5px solid #00bcd4;
  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 #00bcd4;
  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: #00bcd4;
}
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 #00bcd4;
}
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 #00bcd4;
}

/*/
///
///  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: #00bcd4;
  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: #00bcd4 !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: #00bcd4 !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: #00bcd4 !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: #00bcd4 !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: #00bcd4;
  background-color: transparent;
  text-decoration:none;
}

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

2.4. module positions

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

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

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

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

a.backtop i {
  background-color: #00bcd4;
  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: #00bcd4;
}
#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: #00bcd4;
}
#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: #00bcd4;
}

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

2.5. fonts

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

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

2.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: #00bcd4;
}

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

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

2.7. buttons

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

.btn,
.pager .next a,
.pager .previous a,
.hikashop_categories_listing_main .btn {
  color: #fff;
  background-color: #00bcd4;
}
.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: #00bcd4;
  border: 1px solid transparent;
  background-image: none;
}
.btn-primary:hover,
.btn-primary:focus  {
  color: #fff;
  background-color: #00bcd4;
}

/*/
///
///  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: #00bcd4;
}
.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: #00bcd4;
  background-color: #fff;
}

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

2.8. variations

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

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

/* 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 #00bcd4;
}

/* 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: #00bcd4;
}
.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: #00bcd4;
}
.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: #00bcd4;
}
.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: #00bcd4;
  color: #fff;
}

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

2.9. custom pages

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

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

#fav-download #fav-download-btn a.btn {
  background-color: #fff !important;
  color: #00bcd4 !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: #00bcd4;
  background-color: #171717;
}
.favnav-styles-demo .favnav .navigation li a[class^="fa-"]:before,
.favnav-styles-demo .favnav .navigation li a[class*=" fa-"]:before {
  color: #00bcd4;
}

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

2.10. typography

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

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

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

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

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

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

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

2.11. joomla

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

2.12. hikashop

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

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

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

/*/
///
///  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: #00bcd4;
}

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

.hikashop_product_discount {
  background-color: #00bcd4;
  color: #fff;
}

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

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

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

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

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

#hikashop_cart a:hover {
  color: #00bcd4;
}
#hikashop_cart th {
  border-bottom: 1px solid #00bcd4;
}

@media (max-width: 768px) {

  #hikashop_cart a {
    color: #444;
  }
  #hikashop_cart a:hover {
    color: #00bcd4;
  }
  .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: #00bcd4;
  }
  #hikashop_cart .hikashop_cart_module_product_name_value a:hover {
    color: #00bcd4;
  }

}

/*/
///
///  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: #00bcd4;
}

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


#hikashop_checkout_cart thead {
  background-color: #00bcd4;
}
p.hikashop_cart_product_name a {
  color: #00bcd4;
}
#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: #00bcd4;
}

/*/
///
///  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: #00bcd4;
}
td.hikashop_order_number_value a,
td.hikashop_download_number_value a  {
  color: #00bcd4 !important;
}
#htmlfieldset_products .hikashop_order_product_name:hover {
  color: #00bcd4;
}

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

/// 3. extensions

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

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

3.1. favcontent

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

.favstyle h4[id^="favcontent-image-title"] a,
.favstyle h4[id*=" favcontent-image-title"] a,
.favstyle h4[id^="favcontent-description-image-title"] a,
.favstyle h4[id*=" favcontent-description-image-title"] a {
  background-color: rgba(0, 0, 0, 0.67);
  padding: 14px 30px !important;
}
.favstyle h4[id^="favcontent-image-title"] a,
.favstyle h4[id*=" favcontent-image-title"] a,
.favstyle h4[id^="favcontent-description-image-title"] a,
.favstyle h4[id*=" favcontent-description-image-title"] a,
.favstyle div.span6[id^="favcontent-box"] h4,
.favstyle div.span6[id*=" favcontent-box"] h4 {
  font-weight: 300;
}
.favstyle div[id^="favcontent-description"] p:first-child,
.favstyle div[id*=" favcontent-description"] p:first-child {
  margin-top: 21px;
}
.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: #FF4343 !important;
}

/* /// tablet */
@media (max-width: 980px) {

  .favstyle div.span6[id^="favcontent-box"] h4,
  .favstyle div.span6[id*=" favcontent-box"] h4 {
    font-size: 30px !important;
  }
  .favstyle div[id^="favcontent-description"] p:first-child,
  .favstyle div[id*=" favcontent-description"] p:first-child {
    margin-top: 0px;
  }
  .favstyle div[id^="favcontent-description-icon"] i,
  .favstyle div[id*=" favcontent-description-icon"] i {
    font-size: 2.3em !important;
  }

}

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

3.2. favteam

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

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

3.3. favshowcase

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

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

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

3.4. favportfolio

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

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

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

3.6. favslider

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

.favstyle .fav-control-nav li {
  display: block;
}
.favstyle .fav-control-paging li a {
  width: 14px;
  height: 14px;
  margin: 7px 0;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.favstyle .fav-control-paging {
  bottom: 10px;
}
.favstyle .fav-control-paging li a:hover,
.favstyle .fav-control-paging li a:focus,
.favstyle .fav-control-paging li a.fav-active {
  background-color: #00bcd4 !important;
}
.favstyle #fav-caption.favstyle-center {
  padding: 0;
  height: 26%;
}
.favstyle #fav-caption h3 {
  background-color: #00bcd4 !important;
  font-size: 60px;
  font-weight: 500;
  line-height: 1em;
  padding: 12px 0px 14px;
  margin: 0px;
}
.favstyle #fav-caption p {
  background-color: rgba(0, 0, 0, 0.47);
  font-weight: 300;
  padding: 14px 0 21px;
  margin: 0px;
}

/* /// laptop */
@media (max-width: 1670px) {

  .favstyle #fav-caption.favstyle-center {
    width: 50%;
  }
  .favstyle #fav-caption h3 {
    font-size: 48px !important;
  }
  .favstyle #fav-caption p {
    font-size: 28px !important;
  }

}
/* /// tablet */
@media (max-width: 1200px) {

  .favstyle #fav-caption.favstyle-center {
    height: 30%;
  }
  .favstyle #fav-caption h3 {
    font-size: 40px !important;
  }

}
@media (max-width: 980px) {

  .favstyle #fav-caption h3 {
    font-size: 36px !important;
  }
  .favstyle #fav-caption p {
    font-size: 24px !important;
    padding: 10px 0 16px;
  }

}

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

  .favstyle .fav-control-nav li {
    display: inline-block;
  }
  .favstyle .fav-control-paging li a {
    margin: 0px 3px;
  }
  .favstyle .fav-control-paging {
    bottom: 10px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }

}

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

3.7. 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: #00bcd4 !important;
  border-top: 1px solid #222;
}
.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;
  font-weight: 300;
}
.favstyle div[id^="favpromote-image"],
.favstyle div[id*=" favpromote-image"] {
  padding: 0px;
  margin-bottom: 21px;
}
.favstyle div[id^="favpromote-box"]:hover,
.favstyle div[id*=" favpromote-box"]:hover {
  background-color: rgba( 17, 17, 17, 0.67) !important;
}
.favstyle div[id^="favpromote-image"] img,
.favstyle div[id*=" favpromote-image"] img {
  border: 1px solid #222;
}

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

3.8. favimagehover

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

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

3.9. favglyph

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

.favstyle div[id^="favglyph-box"],
.favstyle div[id*=" favglyph-box"] {
  margin-top: 32px;
}
.favstyle div[id^="favglyph-icon"],
.favstyle div[id*=" favglyph-icon"] {
  background-color: #00bcd4 !important;
}
.favstyle div.favglyph-description-center h2 {
  text-transform: uppercase;
  font-weight: 500;
}
.favstyle p#favglyph-description {
  width: 80%;
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.2em;
}

/* /// tablet */
@media (max-width: 980px) {

  .favstyle div.favglyph-description-center h2 {
    font-size: 24px !important;
  }
  .favstyle p#favglyph-description {
    font-size: 18px !important;
  }

}

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

  .favstyle div[id^="favglyph-icon"] i,
  .favstyle div[id*=" favglyph-icon"] i {
    font-size: 6em !important;
  }
  .favstyle div.favglyph-icon-center div#favglyph-icon {
    width: 60% !important;
  }
  .favstyle div.favglyph-description-center h2 {
    font-size: 30px !important;
  }
  .favstyle p#favglyph-description {
    font-size: 24px !important;
  }

}

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

3.10. faveffects

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

.favstyle div[id^="faveffects-icon"],
.favstyle div[id*=" faveffects-icon"] {
  background-color: #00bcd4 !important;
}
.favstyle p[id^="faveffects-title"],
.favstyle p[id*=" faveffects-title"] {
  margin: 0;
  font-weight: 300;
  line-height: 1.2em;
}
.favstyle div[id^="faveffects-box"],
.favstyle div[id*=" faveffects-box"] {
  margin-top: 18px;
  margin-bottom: 10px;
}
.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: #00bcd4 !important;
}

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

  .favstyle div[id^="faveffects-icon"],
  .favstyle div[id*=" faveffects-icon"] {
      width: 60% !important;
  }

}

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

3.11. favsocial

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

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